@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--panel:#ffffffbd;--panel-strong:#ffffffeb;--panel-border:#0f172a14;--text:#101828;--muted:#667085;--accent:#0071e3;--success-0:#edf2ea;--success-1:#d2e5d0;--success-2:#98d39a;--success-3:#52b15e;--success-4:#2f7f43;--shadow:0 24px 60px #0f172a14}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09111f;--panel:#0e1726cc;--panel-strong:#121d2ff0;--panel-border:#9db5d61f;--text:#f2f6fc;--muted:#a6b2c3;--accent:#6cb6ff;--success-0:#102016;--success-1:#163122;--success-2:#1f5936;--success-3:#2d8f52;--success-4:#49c16f;--shadow:0 26px 64px #0000005c}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#0071e329,#0000 28%),radial-gradient(circle at 80% 20%,#bce6ffbf,#0000 22%),linear-gradient(#fbfbfd 0%,#f1f5f9 100%);margin:0;font-family:Inter,sans-serif;transition:background .18s,color .18s}:root[data-theme=dark] body{background:radial-gradient(circle at 0 0,#6cb6ff29,#0000 28%),radial-gradient(circle at 80% 20%,#30487085,#0000 24%),linear-gradient(#09111f 0%,#0d1728 100%)}button,input,select{font:inherit}.app-shell{min-height:100vh;padding:88px 32px 32px;position:relative;overflow:hidden}.theme-button{border:1px solid var(--panel-border);background:var(--panel-strong);color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.theme-button--auth{z-index:10;position:fixed;top:24px;right:24px}.theme-button--inline{z-index:auto;box-shadow:none;position:static}.theme-button__icon{width:30px;height:30px;color:var(--accent);background:#0071e31f;border-radius:50%;place-items:center;display:inline-grid}.backdrop{filter:blur(70px);pointer-events:none;border-radius:999px;position:fixed}.backdrop-one{background:#6ab4ff2e;width:320px;height:320px;top:-80px;right:-40px}.backdrop-two{background:#fffc;width:420px;height:420px;bottom:-140px;left:-40px}.auth-layout{z-index:1;grid-template-columns:1.15fr .85fr;align-items:stretch;gap:28px;width:min(1240px,100%);margin:0 auto;display:grid;position:relative}.hero,.auth-card,.panel,.spotlight-card,.glass-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.hero{border-radius:36px;padding:48px}.hero-chip,.section-kicker,.device-pill{color:var(--text);letter-spacing:.08em;text-transform:uppercase;background:#fff9;border-radius:999px;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.hero h1,.dashboard-topbar h1,.hero-band h2,.auth-card h2,.panel h3{letter-spacing:-.04em;margin:0}.hero h1{max-width:11ch;margin-top:18px;font-size:clamp(3.3rem,5vw,5.5rem);font-weight:800;line-height:.92}.hero-copy,.section-copy,.hero-band p,.glass-card p,.spotlight-card p{color:var(--muted);line-height:1.6}.hero-copy{max-width:58ch;margin:20px 0 28px;font-size:1.05rem}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.glass-card{border-radius:28px;padding:20px}.glass-card span{margin-bottom:8px;font-weight:700;display:block}.auth-card{border-radius:32px;flex-direction:column;justify-content:center;padding:34px;display:flex}.auth-card h2{margin-top:16px;font-size:2.2rem;line-height:1.05}.auth-form,.task-form{gap:16px;margin-top:24px;display:grid}.field{gap:10px;display:grid}.field span{font-size:.94rem;font-weight:600}.field input,.field select{border:1px solid var(--panel-border);background:var(--panel-strong);width:100%;color:var(--text);border-radius:18px;outline:none;padding:14px 16px;transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus{border-color:#0071e34d;box-shadow:0 0 0 4px #0071e314}.primary-button,.secondary-button,.text-button,.delete-button{cursor:pointer;border:0;transition:transform .12s}.primary-button:hover,.secondary-button:hover,.text-button:hover,.delete-button:hover{transform:translateY(-1px)}.primary-button{color:#fff;background:linear-gradient(#1990ff 0%,#0071e3 100%);border-radius:18px;padding:14px 18px;font-weight:700}.secondary-button{background:var(--panel-strong);border:1px solid var(--panel-border);color:var(--text);border-radius:18px;padding:12px 16px}.text-button{color:var(--accent);background:0 0;justify-self:start;margin-top:12px;padding:0;font-weight:600}.message{color:#b42318;min-height:24px;margin:16px 0 0}.dashboard-shell{z-index:1;width:min(1320px,100%);margin:0 auto;position:relative}.dashboard-topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.dashboard-topbar h1{margin-top:16px;font-size:clamp(2.8rem,4vw,4.4rem);line-height:.95}.topbar-actions{align-items:center;gap:12px;display:flex}.page-switcher{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:999px;gap:10px;margin-bottom:20px;padding:8px;display:inline-flex}.page-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 16px;font-weight:600}.page-tab.is-active{background:var(--panel-strong);color:var(--text)}.hero-band{grid-template-columns:1.2fr .8fr;gap:20px;margin-bottom:20px;display:grid}.hero-band-copy,.spotlight-card{border-radius:32px;padding:28px}.hero-band-copy{background:linear-gradient(135deg, var(--panel), var(--panel-strong));border:1px solid var(--panel-border);box-shadow:var(--shadow)}.hero-band h2{margin-top:14px;font-size:clamp(2rem,3vw,3rem);line-height:1}.spotlight-card{color:#fff;background:linear-gradient(#0071e3eb,#0059b1f0);align-content:center;display:grid}.spotlight-label{opacity:.82;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.spotlight-card strong{letter-spacing:-.06em;margin:12px 0 8px;font-size:clamp(3rem,6vw,4.8rem);line-height:.9}.spotlight-card p{color:#ffffffd1}.dashboard-grid{grid-template-columns:.92fr 1.08fr;gap:20px;display:grid}.analytics-layout,.analytics-grid{gap:20px;display:grid}.analytics-grid--summary,.analytics-grid--charts,.analytics-grid--details{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.metric-grid--analytics{margin-bottom:18px}.hour-chip-row,.category-list,.hours-grid{gap:14px;display:grid}.hour-chip{background:var(--panel-strong);border:1px solid var(--panel-border);border-radius:22px;padding:18px}.hour-chip span,.hour-chip small,.bar-label,.bar-value,.hour-bar__label,.hour-bar__value,.category-row__footer,.category-row__header span{color:var(--muted)}.hour-chip strong,.category-row__header strong{margin:8px 0 4px;display:block}.bar-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:16px;min-height:220px;display:grid}.bar-chart--wide{grid-template-columns:repeat(6,minmax(0,1fr))}.bar-group{place-items:end center;gap:10px;display:grid}.bar-column{background:linear-gradient(180deg, #4eb0ff 0%, var(--accent) 100%);border-radius:18px 18px 8px 8px;width:100%;min-height:14px}.bar-column--month{background:linear-gradient(#69cf88 0%,#2d8f52 100%)}.category-row{background:var(--panel-strong);border:1px solid var(--panel-border);border-radius:24px;gap:10px;padding:18px;display:grid}.category-row__header{justify-content:space-between;gap:12px;display:flex}.category-track,.hour-bar__track{background:#7f8ca029;border-radius:999px;width:100%;overflow:hidden}.category-track{height:10px}.category-fill,.hour-bar__fill{border-radius:inherit;height:100%;display:block}.category-fill{background:linear-gradient(90deg,#69cf88 0%,#2d8f52 100%)}.hours-grid{margin-top:2px}.hour-bar{grid-template-columns:60px 1fr 28px;align-items:center;gap:12px;display:grid}.hour-bar__track{height:8px}.hour-bar__fill{background:linear-gradient(90deg, #4eb0ff 0%, var(--accent) 100%)}.panel{border-radius:30px;padding:24px}.heatmap-panel{grid-column:1/-1}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel h3{margin-top:10px;font-size:1.5rem}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-grid article,.task-card{background:var(--panel-strong);border:1px solid var(--panel-border);border-radius:24px;padding:18px}.metric-grid span,.task-meta{color:var(--muted);display:block}.metric-grid strong{letter-spacing:-.04em;margin-top:10px;font-size:1.9rem;display:block}.task-list{gap:12px;display:grid}.task-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.task-main{align-items:center;gap:14px;display:flex}.task-main input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.task-title{font-weight:600;display:block}.task-title.done{color:var(--muted);text-decoration:line-through}.delete-button{color:#b42318;background:0 0;font-weight:600}.empty-state{border:1px dashed var(--panel-border);color:var(--muted);background:var(--panel);border-radius:24px;padding:18px}.legend-row{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;font-size:.88rem;display:flex}.legend-scale{gap:4px;display:inline-flex}.legend-scale i,.heatmap-cell{border-radius:4px;width:14px;height:14px;display:inline-block}.month-row{min-height:20px;color:var(--muted);grid-auto-columns:14px;grid-auto-flow:column;gap:4px;margin:12px 0 10px 42px;font-size:.84rem;display:grid}.month-row span{transform:translate(-1px)}.heatmap-wrap{align-items:flex-start;gap:10px;display:flex;overflow-x:auto}.weekday-column{min-width:32px;color:var(--muted);gap:30px;padding-top:4px;font-size:.84rem;display:grid}.heatmap-grid{grid-template-rows:repeat(7,14px);grid-auto-columns:14px;grid-auto-flow:column;gap:4px;display:grid}.heatmap-cell{border:1px solid var(--panel-border);padding:0}.tone-0{background:var(--success-0)}.tone-1{background:var(--success-1)}.tone-2{background:var(--success-2)}.tone-3{background:var(--success-3)}.tone-4{background:var(--success-4)}@media (width<=1080px){.auth-layout,.hero-band,.dashboard-grid,.analytics-grid--summary,.analytics-grid--charts,.analytics-grid--details,.hero-grid,.metric-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:84px 18px 18px}.hero,.auth-card,.panel,.hero-band-copy,.spotlight-card{border-radius:26px;padding:20px}.dashboard-topbar,.topbar-actions,.panel-header,.category-row__header,.task-card{flex-direction:column;align-items:flex-start}.hero h1{max-width:100%;font-size:2.8rem}.theme-button{padding:10px 14px}.theme-button--auth{top:16px;right:16px}.page-switcher{justify-content:space-between;width:100%}.page-tab{text-align:center;flex:1 1 0}.bar-chart,.bar-chart--wide{gap:10px}.hour-bar{grid-template-columns:54px 1fr 24px;gap:10px}}