@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:light;--ink:#23243b;--muted:#9093a8;--purple:#7661dc;--purple-dark:#6350c4;--purple-soft:#f0edff;--line:#efeff5;--surface:#fff;--canvas:#f7f8fc;--green:#45b995;--orange:#f5a264;font-family:'DM Sans',sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-shell{min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid #efeff5;position:fixed;inset:0 auto 0 0;z-index:5;padding:29px 17px 19px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;color:var(--ink);text-decoration:none}.brand-mark{width:41px;height:41px;display:grid;place-items:center;border-radius:13px;background:var(--purple-soft);color:var(--purple)}.brand-mark svg{width:28px;height:28px}.brand strong,.mobile-brand strong{display:block;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.8px;line-height:1.15}.brand small{display:block;margin-top:3px;color:#a2a3b5;font-size:8px;font-weight:700;letter-spacing:1.25px}.sidebar-label{margin:47px 10px 13px;color:#b4b5c2;font-size:9px;font-weight:700;letter-spacing:1.45px}.main-nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;min-height:45px;padding:0 11px;border-radius:9px;color:#85869a;font-size:12px;font-weight:600;text-decoration:none;transition:.18s ease}.nav-link:hover{background:#f8f7fc;color:var(--purple)}.nav-link.active{background:#f1efff;color:var(--purple)}.nav-link svg{width:18px;height:18px;flex:none}.nav-count{margin-left:auto;min-width:22px;padding:3px 6px;text-align:center;border-radius:7px;background:#fff;color:var(--purple);font-size:10px}.sidebar-bottom{margin-top:auto}.calm-card{position:relative;overflow:hidden;margin:0 2px 18px;padding:18px 14px 16px;border:1px solid #eeeafd;border-radius:13px;background:linear-gradient(145deg,#faf9ff,#f5f1ff)}.calm-sparkle{color:#9b88ee;font-size:18px}.calm-card p{margin:10px 0 7px;max-width:175px;font-family:Manrope,sans-serif;font-size:12px;font-weight:700;line-height:1.55}.calm-card>span:last-child{color:#9794ac;font-size:9px}.profile{display:flex;align-items:center;gap:10px;padding:13px 6px 0;border-top:1px solid #f0f0f5}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#8e77e7;background:#f3efff;font-size:17px}.profile strong,.profile small{display:block}.profile strong{font-size:10px}.profile small{margin-top:4px;color:#a4a5b4;font-size:9px}.profile-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#5bc69e;box-shadow:0 0 0 3px #e7f7f1}
.main-content{max-width:1600px;margin-left:248px;padding:0 42px 25px}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ededf3}.breadcrumb{color:#999bad;font-size:10px}.breadcrumb span{margin:0 9px;color:#c9cad4}.breadcrumb strong{color:#55566c;font-weight:600}.topbar-date{display:flex;align-items:center;gap:8px;color:#7c7e92;font-size:10px;font-weight:500}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #e6f6f0}.mobile-brand{display:none}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;padding:31px 0 24px}.eyebrow{display:flex;align-items:center;gap:8px;color:#a19bbd;font-size:8px;font-weight:700;letter-spacing:1.5px}.eyebrow-line{width:15px;height:2px;border-radius:3px;background:#a28eed}h1,h2,p{margin-top:0}h1{margin:9px 0 5px;font-family:Manrope,sans-serif;font-size:clamp(23px,2vw,29px);font-weight:700;letter-spacing:-1.1px}h1 span{font-size:.8em}.welcome-copy{margin:0;color:#9395a8;font-size:11px}.button{min-height:37px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:8px;cursor:pointer;font-size:10px;font-weight:700;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px)}.button:focus-visible,.filter-tab:focus-visible,.nav-link:focus-visible,.close-form:focus-visible{outline:3px solid #cbc3ff;outline-offset:2px}.button-primary{padding:0 15px;background:var(--purple);color:#fff;box-shadow:0 5px 12px #7562d929}.button-primary:hover{background:var(--purple-dark);box-shadow:0 7px 16px #7562d933}.button-primary svg{width:15px;height:15px}.button-soft{padding:0 11px;color:var(--purple);background:#f2efff}.button-soft:hover{background:#e9e4ff}.button-soft>span{font-size:17px;font-weight:400}.button-quiet{padding:0 12px;background:#f5f5f9;color:#77798d}.button-icon{width:37px;padding:0;color:#7d7e91;background:#f5f5f9}.button-icon svg{width:16px;height:16px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card,.panel{background:var(--surface);border:1px solid #eeeef4;border-radius:12px;box-shadow:0 3px 12px #28295605}.stat-card{min-height:126px;padding:15px 16px 12px}.stat-top{display:flex;align-items:center;gap:9px}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px}.stat-icon svg{width:16px;height:16px}.lavender{background:#f2efff;color:#8270df}.peach{background:#fff3e9;color:#e59c61}.mint{background:#eaf8f3;color:#50b898}.stat-caption{color:#9d9eaf;font-size:8px;font-weight:700;letter-spacing:.9px}.stat-more{margin-left:auto;color:#bfc0cc;font-size:11px;letter-spacing:1px}.stat-value{margin:10px 0 4px 1px;font-family:Manrope,sans-serif;font-size:25px;font-weight:700;letter-spacing:-.8px;line-height:1}.stat-value small{color:#8e90a3;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500}.stat-note{display:flex;align-items:center;gap:6px;color:#a1a2b1;font-size:9px}.stat-note>span:nth-child(2){color:#65677e;font-weight:600}.note-dot{width:6px;height:6px;border-radius:50%}.lavender-dot{background:#9987e8}.peach-dot{background:#f0aa72}.mint-dot{background:#55bd9d}
.overview-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:15px;margin-top:15px}.panel{padding:17px 18px}.progress-panel,.focus-panel{min-height:285px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.small-eyebrow{margin-bottom:5px;font-size:7px;letter-spacing:1.25px}h2{display:flex;align-items:center;gap:8px;margin:0;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.3px}.heading-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f3f0ff;color:#8c7ae1;font-size:14px}.progress-block{margin-top:23px}.progress-label,.progress-label>div{display:flex;align-items:center}.progress-label{justify-content:space-between;color:#8b8c9d;font-size:9px}.progress-label>div{gap:7px}.progress-label strong{color:#4e5068;font-size:10px;font-weight:600}.progress-dot{width:7px;height:7px;border-radius:50%}.today-dot{background:#8976e2}.week-dot{background:#55bd9d}.progress-track{height:6px;margin-top:10px;border-radius:10px;background:#f0eff5;overflow:hidden}.progress-fill{display:block;height:100%;width:0;border-radius:inherit;transition:width .35s ease}.today-fill{background:linear-gradient(90deg,#a695f1,#7864dc)}.week-fill{background:linear-gradient(90deg,#8ad7bd,#49b591)}.progress-foot{display:flex;justify-content:space-between;margin-top:7px;color:#a3a4b3;font-size:8px}.progress-foot span:last-child{color:#76788d;font-weight:600}.week-progress-block{margin-top:18px}.motivational-note{margin-top:17px;padding:9px 11px;border-radius:8px;background:#fbf9ff;color:#88869e;font-size:8px}.motivational-note>span:first-child{margin-right:5px;color:#d6a750}.timer-mode-pill{padding:5px 8px;border-radius:6px;background:#f1efff;color:#7c68d5;font-size:7px;font-weight:700;letter-spacing:.7px}.timer-mode-pill.break{color:#299875;background:#eaf8f3}.timer-wrap{position:relative;display:grid;place-items:center;width:139px;height:139px;margin:9px auto 5px}.timer-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.timer-ring-bg,.timer-ring-progress{fill:none;stroke-width:5}.timer-ring-bg{stroke:#f0eef8}.timer-ring-progress{stroke:#8b78e5;stroke-linecap:round;stroke-dasharray:490.09;stroke-dashoffset:0;transition:stroke-dashoffset .5s linear,stroke .3s}.timer-ring-progress.break{stroke:#53bd9b}.timer-center{display:grid;justify-items:center;gap:2px}.timer-center>span{font-family:Manrope,sans-serif;font-size:29px;font-weight:700;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}.timer-center small{color:#a0a1b0;font-size:8px}.timer-task-label{display:block;margin:0 auto 5px;max-width:270px;color:#75768b;font-size:8px}.timer-task-label span{color:#aaaab8}.timer-select{display:block;width:100%;max-width:270px;height:30px;margin:0 auto;padding:0 9px;border:1px solid #efeff5;border-radius:7px;outline:none;background:#fff;color:#77798e;font-size:9px}.timer-select:focus,.field input:focus,.field select:focus,.search-box:focus-within{border-color:#bcb1f2;box-shadow:0 0 0 3px #f2efff}.timer-controls{display:flex;justify-content:center;gap:8px;margin-top:10px}.timer-start{min-width:133px;min-height:33px;font-size:9px}.timer-controls .button-icon{width:33px;min-height:33px}.timer-hint{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:9px;color:#a2a3b1;font-size:8px}.timer-hint>span:first-child{color:#e3a366}.timer-hint>span:nth-child(2){color:#d4d4dd}
.work-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:15px;margin-top:15px}.tasks-panel,.planner-panel{min-height:342px}.task-heading h2{gap:8px}.task-total-badge{display:inline-grid;place-items:center;width:21px;height:19px;border-radius:6px;background:#f2efff;color:#7966d5;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:600}.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-bottom:11px;border-bottom:1px solid #f1f1f5}.filter-tabs{display:flex;gap:3px}.filter-tab{min-height:28px;display:flex;align-items:center;gap:5px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#9a9bac;cursor:pointer;font-size:8px;font-weight:600}.filter-tab span{color:#aaaaba;font-size:8px}.filter-tab:hover{background:#f8f7fc}.filter-tab.selected{background:#f2efff;color:#7562ce}.filter-tab.selected span{color:#8472dd}.search-box{width:112px;height:28px;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid #f0f0f5;border-radius:7px;transition:.16s ease}.search-box svg{width:13px;height:13px;color:#a5a6b5}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#595b71;background:transparent;font-size:8px}.search-box input::placeholder{color:#b1b2bf}.task-list{display:grid}.task-row{display:grid;grid-template-columns:17px minmax(0,1fr) auto 22px;align-items:center;gap:9px;min-height:57px;border-bottom:1px solid #f3f3f6}.task-check{width:16px;height:16px;margin:0;accent-color:var(--purple);cursor:pointer}.task-main{min-width:0}.task-title{display:block;overflow:hidden;color:#47495f;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.task-row.is-done .task-title{color:#a6a7b3;text-decoration:line-through}.task-meta{display:flex;align-items:center;gap:6px;margin-top:5px;color:#a2a3b2;font-size:7px}.task-subject{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-separator{color:#d5d5df}.task-type{padding:2px 5px;border-radius:4px;background:#f6f5fa;color:#898a9d}.priority{padding:4px 7px;border-radius:6px;font-size:7px;font-weight:600;white-space:nowrap}.priority.high{background:#fff0ef;color:#de7770}.priority.medium{background:#fff5e9;color:#dc9a52}.priority.low{background:#eaf7f1;color:#51a987}.task-delete{width:22px;height:25px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#b2b3c0;cursor:pointer;opacity:0;transition:.15s}.task-row:hover .task-delete,.task-delete:focus-visible{opacity:1}.task-delete:hover{background:#fff0ef;color:#db7771}.task-delete svg{width:13px;height:13px}.empty-state{padding:30px 10px;text-align:center;color:#a1a2b1;font-size:9px;line-height:1.7}.empty-state strong{display:block;margin-bottom:3px;color:#62647a;font-size:10px}.planner-panel{display:flex;flex-direction:column}.planner-date{color:#9294a6;font-size:9px}.planner-intro{margin:10px 0 12px;color:#9b9cad;font-size:8px;line-height:1.5}.schedule-list{display:grid;gap:8px}.schedule-item{display:grid;grid-template-columns:42px 13px minmax(0,1fr);gap:7px;align-items:stretch;min-height:47px}.schedule-time{padding-top:8px;color:#999bad;font-size:8px;font-variant-numeric:tabular-nums}.schedule-track{position:relative;display:flex;justify-content:center}.schedule-track::before{position:absolute;top:0;bottom:0;width:1px;background:#efedf8;content:''}.schedule-marker{z-index:1;width:9px;height:9px;margin-top:9px;border:2px solid #fff;border-radius:50%;background:#917de6;box-shadow:0 0 0 1px #c6bbf3}.schedule-item:nth-child(2n) .schedule-marker{background:#e8a56e;box-shadow:0 0 0 1px #f0d4bb}.schedule-item:nth-child(3n) .schedule-marker{background:#58b99b;box-shadow:0 0 0 1px #a8ddcb}.schedule-card{align-self:start;min-width:0;padding:7px 9px;border:1px solid #f0eef8;border-radius:7px;background:#fcfbff}.schedule-card strong{display:block;overflow:hidden;color:#55566c;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.schedule-card span{display:block;margin-top:4px;color:#a0a1b0;font-size:7px}.schedule-card .schedule-due{display:inline;margin-left:5px;color:#d28d59}.planner-empty{padding:17px 10px;border:1px dashed #e9e7f2;border-radius:8px;color:#9798aa;text-align:center;font-size:8px;line-height:1.7}.planner-empty strong{display:block;color:#65677b;font-size:9px}.planner-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;color:#a2a3b2;font-size:8px}.auto-indicator{display:flex;align-items:center;gap:5px}.auto-indicator span{width:6px;height:6px;border-radius:50%;background:#56bf9c}.page-footer{display:flex;justify-content:space-between;padding:17px 2px 0;color:#b2b3bf;font-size:8px}.page-footer span:last-child{color:#9186c3}
.task-form{margin-top:14px;padding:14px;border:1px solid #ece9fa;border-radius:9px;background:#fcfbff}.task-form[hidden]{display:none}.form-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.form-top strong,.form-top span{display:block}.form-top strong{color:#4e5068;font-size:11px}.form-top span{margin-top:3px;color:#a0a1b0;font-size:8px}.close-form{width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:#9a9bab;cursor:pointer;font-size:18px;line-height:1}.close-form:hover{background:#f0eef8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:5px;color:#77798d;font-size:8px;font-weight:600}.field-wide{grid-column:1/-1}.field input,.field select{width:100%;height:33px;padding:0 9px;border:1px solid #ececf3;border-radius:6px;outline:none;background:#fff;color:#55566b;font-size:9px;transition:.16s ease}.field input::placeholder{color:#b5b5c2}.input-suffix{position:relative}.input-suffix input{padding-right:55px}.input-suffix>span{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:#a5a6b3;font-size:8px;font-weight:400}.form-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.form-actions .button{min-height:32px}.toast{position:fixed;right:24px;bottom:22px;z-index:10;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border:1px solid #ece9fa;border-radius:9px;background:#fff;color:#55566c;box-shadow:0 8px 30px #2928491a;font-size:10px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s ease}.toast.visible{opacity:1;transform:translateY(0)}
@media(min-width:1500px){.main-content{padding-right:58px;padding-left:58px}.stat-card{min-height:138px;padding:18px 20px 15px}.progress-panel,.focus-panel{min-height:305px}.tasks-panel,.planner-panel{min-height:370px}}
@media(max-width:1100px){.sidebar{width:218px}.main-content{margin-left:218px;padding-right:25px;padding-left:25px}.overview-grid,.work-grid{grid-template-columns:1.12fr 1fr;gap:11px}.panel{padding:15px}.task-row{grid-template-columns:16px minmax(0,1fr) auto 19px;gap:6px}}
@media(max-width:800px){.sidebar{width:62px;align-items:center;padding:19px 8px}.brand{padding:0}.brand>span:last-child,.sidebar-label,.nav-link:not(.active){display:none}.main-nav{width:100%;margin-top:35px}.nav-link{justify-content:center;width:44px;height:44px;margin:auto;padding:0;font-size:0}.nav-link.active{display:flex}.nav-link svg{width:19px;height:19px}.nav-count,.sidebar-bottom{display:none}.main-content{margin-left:62px;padding-right:23px;padding-left:23px}.overview-grid,.work-grid{grid-template-columns:1fr}.progress-panel,.focus-panel{min-height:0}.focus-panel{padding-bottom:17px}}
@media(max-width:520px){.sidebar{display:none}.main-content{margin-left:0;padding:0 15px 20px}.topbar{height:56px}.mobile-brand{display:flex;align-items:center;gap:7px}.mobile-brand .brand-mark{width:27px;height:27px;border-radius:8px;font-size:15px}.mobile-brand strong{font-size:15px}.breadcrumb{display:none}.topbar-date{font-size:9px}.welcome-row{align-items:flex-start;gap:12px;padding:24px 0 18px}.welcome-row>div{min-width:0}h1{font-size:22px}.welcome-copy{max-width:275px;font-size:10px;line-height:1.55}.welcome-row>.button{flex:none;min-height:34px;padding:0 9px;font-size:9px}.welcome-row>.button svg{width:13px}.stats-grid{gap:8px}.stat-card{min-height:105px;padding:10px 9px}.stat-top{gap:5px}.stat-icon{width:25px;height:25px}.stat-icon svg{width:14px;height:14px}.stat-caption{font-size:6px;letter-spacing:.45px}.stat-more{display:none}.stat-value{margin-top:11px;font-size:21px}.stat-note{gap:4px;font-size:7px}.stat-note>span:last-child{display:none}.overview-grid,.work-grid{gap:10px;margin-top:10px}.panel{padding:14px;border-radius:10px}.task-toolbar{align-items:flex-start;flex-wrap:wrap;margin-top:13px}.filter-tabs{flex:1}.filter-tab{padding:0 6px;font-size:7px}.search-box{width:100%}.search-box input{font-size:9px}.task-row{grid-template-columns:17px minmax(0,1fr) auto 20px;min-height:59px}.task-title{max-width:190px}.task-delete{opacity:1}.priority{padding:4px 5px;font-size:6px}.form-grid{grid-template-columns:1fr 1fr;gap:9px}.page-footer{gap:10px;font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}