:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17283c;background:#f5f7fa;font-synthesis:none;--navy:#071727;--navy2:#10273c;--ink:#17283c;--muted:#6c7c8f;--line:#e3e9ef;--cyan:#08aeca;--teal:#007f97;--card:#fff;--shadow:0 12px 34px rgba(20,45,65,.045)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden}body{font-size:16px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #39c9dc;outline-offset:2px}.sprite{position:absolute;width:0;height:0;overflow:hidden}
.splash{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 40%,#102b43 0,#071727 52%,#06111e 100%);display:grid;place-items:center;padding:28px;color:#c9dfed;transition:opacity .35s,visibility .35s}.splash.done{opacity:0;visibility:hidden;pointer-events:none}.splash-inner{width:min(540px,90vw);display:flex;align-items:center;flex-direction:column;text-align:center}.splash-logo{display:block;width:min(420px,82vw);height:auto;max-height:200px;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(0,0,0,.3))}.splash p{margin:10px 0 38px;font-size:12px;letter-spacing:.28em;font-weight:700;color:#a7c2d4}.splash-track{width:min(250px,70vw);height:4px;border-radius:99px;background:#1f3a51;overflow:hidden}.splash-progress{height:100%;width:0;background:linear-gradient(90deg,#096aa3,#17d5e5);border-radius:99px;animation:load 2.9s ease-out forwards}.splash span{margin-top:25px;letter-spacing:.22em;font-weight:700;font-size:12px;color:#7e9cae}@keyframes load{to{width:100%}}
.app-shell{min-height:100vh;display:flex}.sidebar{width:262px;flex:0 0 262px;background:linear-gradient(165deg,#0c2033,#071727 70%);color:#c5d1df;display:flex;flex-direction:column;padding:28px 15px 22px;min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 11px 38px;color:#fff}.brand-mark{height:39px;width:39px;display:grid;place-items:center;border:1px solid #3f7180;border-radius:12px;font-weight:900;font-size:24px;letter-spacing:-.1em;color:#57d2e1;position:relative;line-height:1}.brand-mark span{position:absolute;right:1px;bottom:1px;background:#13c5da;color:#062332;border:2px solid #0a1c2e;font-size:9px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;letter-spacing:0}.brand strong{display:block;font-size:18px;letter-spacing:-.035em;line-height:1.1}.brand small{display:block;color:#8da4b5;font-size:12px;margin-top:4px;white-space:nowrap}.brand em{font-style:normal;color:#66d0df;border:1px solid #37606d;padding:2px 4px;border-radius:3px;font-size:9px;letter-spacing:.08em;margin-left:3px}.sidebar-close{display:none!important}.nav-list{display:grid;gap:3px}.nav-item{border:0;background:none;color:#b8c9d6;display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:12px;width:100%;min-height:46px;text-align:left;font-weight:600;font-size:14px;transition:background .15s,color .15s}.nav-item svg{width:19px;height:19px;color:#829bac}.nav-item:hover{background:#143048;color:#fff}.nav-item.active{background:#164050;color:#eaffff}.nav-item.active svg{color:#55d4e4}.nav-item .count{margin-left:auto;color:#a9c1ce;background:#203b4d;border-radius:7px;padding:2px 7px;font-size:12px;min-width:25px;text-align:center}.nav-item.active .count{background:#236171;color:#e8ffff}.sidebar-label-row{margin:34px 11px 10px;display:flex;align-items:center;justify-content:space-between;color:#7890a0;font-size:11px;font-weight:800;letter-spacing:.14em}.small-add{border:0;background:none;color:#91adba;padding:4px;display:grid;place-items:center;border-radius:7px}.small-add:hover{color:#fff;background:#244054}.small-add svg{width:17px;height:17px}.project-dot{width:11px;height:11px;border-radius:4px;flex:none}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-bottom .nav-item{margin-bottom:18px}.sidebar-bottom p{font-size:12px;color:#8ba4b4;padding:0 13px;margin:0 0 9px}.sidebar-bottom>span{display:block;padding:0 13px;color:#668293;font-size:11px;line-height:1.4}.mobile-scrim{display:none}.workspace{flex:1;min-width:0}.topbar{height:82px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(24px,4vw,58px);position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.topbar-left{display:flex;align-items:center;gap:13px}.topbar-title span{display:block;font-size:10px;font-weight:800;color:#8292a2;letter-spacing:.17em;margin-bottom:3px}.topbar-title strong{display:block;font-size:19px;color:#122c42;letter-spacing:-.035em}.topbar-actions{display:flex;align-items:center;gap:12px}.search-box{height:42px;min-width:245px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:0 11px;color:#7a8b9c}.search-box svg{width:18px;height:18px}.search-box input{border:0;background:transparent;outline:none!important;width:100%;min-width:0;color:var(--ink);font-size:14px}.search-box input::placeholder{color:#8d9eaa}.search-box kbd{font-size:12px;border:1px solid #dce4ea;border-radius:4px;padding:1px 5px;color:#9eacb8;background:#fff}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 17px;border-radius:11px;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .15s,background .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.button svg{width:17px;height:17px}.button-primary{background:#077f98;color:#fff;box-shadow:0 6px 14px rgba(0,130,154,.16)}.button-primary:hover{background:#046e87}.button-outline{border-color:#cbd8e2;color:#1b5368;background:#fff}.button-outline:hover{background:#f0f9fb}.button-quiet{background:transparent;color:#637889}.button-quiet:hover{background:#f1f5f8}.danger{color:#bf4b53}.icon-button{border:0;background:transparent;color:#688091;width:40px;height:40px;display:grid;place-items:center;border-radius:10px}.icon-button:hover{background:#edf4f7;color:#244f64}.mobile-menu,.mobile-search{display:none}
.main-content{max-width:1170px;margin:auto;padding:34px clamp(24px,4vw,58px) 80px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#008ea6}.welcome h1{margin:5px 0 7px;letter-spacing:-.045em;font-size:clamp(30px,3.2vw,42px);line-height:1.12;color:#13293d}.welcome p{margin:0;color:#76899a;font-size:15px}.date-badge{display:flex;align-items:center;gap:9px;color:#506c7e;font-size:13px;font-weight:700;border:1px solid #e1e9ee;border-radius:10px;padding:10px 12px;background:#fff;white-space:nowrap}.date-badge svg{color:#078fa8;width:17px;height:17px}.overview{background:linear-gradient(118deg,#0d3146 0%,#0b263c 72%,#0a3343 100%);color:white;border-radius:22px;min-height:154px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 35px;position:relative;overflow:hidden;box-shadow:0 18px 30px rgba(13,49,70,.11);margin-bottom:28px}.overview:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(119,225,234,.13);border-radius:50%;right:-75px;top:-100px;box-shadow:0 0 0 35px rgba(93,212,220,.035),0 0 0 72px rgba(93,212,220,.025)}.overview>div{position:relative;z-index:1}.overview .overline{display:block;font-size:12px;letter-spacing:.12em;color:#80bac8;font-weight:800;margin-bottom:12px}.overview h2{font-size:24px;letter-spacing:-.035em;margin:0 0 7px;line-height:1.15}.overview p{color:#b1c9d5;margin:0;font-size:14px}.overview-number{display:flex;align-items:baseline;gap:5px;font-size:54px;font-weight:800;letter-spacing:-.08em;line-height:1;color:#fff;min-width:120px}.overview-number small{font-size:13px;font-weight:600;letter-spacing:0;color:#9db9c5;margin-left:4px}.quick-add{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dae5eb;border-radius:15px;box-shadow:var(--shadow);padding:11px 12px 11px 17px;margin-bottom:25px}.quick-add-icon{width:29px;height:29px;display:grid;place-items:center;border:1.5px dashed #46b4c2;border-radius:50%;color:#058fa3;flex:none}.quick-add-icon svg{width:17px;height:17px}.quick-add input{border:0;outline:none!important;min-width:0;flex:1;font-size:16px;color:var(--ink)}.quick-add input::placeholder{color:#9aa9b4}.quick-add .button{min-height:37px;padding:7px 17px}.view-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px}.view-bar h2{font-size:17px;margin:0;letter-spacing:-.02em}.view-bar span{color:#8294a2;font-size:13px}.view-bar-actions{display:flex;align-items:center;gap:10px}.view-bar .button{min-height:34px;padding:6px 12px}.task-group{margin:0 0 22px}.group-heading{display:flex;align-items:center;gap:10px;color:#81919f;font-size:12px;font-weight:800;letter-spacing:.12em;margin:20px 1px 10px}.group-heading:after{content:"";height:1px;background:#e0e7ed;flex:1}.task-list{background:#fff;border:1px solid #e1e8ed;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.task-row{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-bottom:1px solid #edf1f4;min-height:76px;transition:background .15s}.task-row:last-child{border-bottom:0}.task-row:hover{background:#fbfdfd}.task-row.priority-high{box-shadow:inset 3px 0 #edaa56}.check-button{border:1.8px solid #a8bac4;background:#fff;border-radius:50%;width:36px;height:36px;padding:0;display:grid;place-items:center;color:#fff;flex:none;transition:all .18s}.check-button:hover{border-color:#089db1;background:#e8fafa}.check-button.checked{background:#0a98ad;border-color:#0a98ad}.check-button.checked:hover{background:#047b90}.check-button svg{width:18px;height:18px;stroke-width:2.5}.task-info{flex:1;min-width:0}.task-title{font-size:15px;font-weight:700;color:#1d3447;line-height:1.35;word-break:break-word}.task-row.completed .task-title{text-decoration:line-through;color:#8a9ba8}.task-note{color:#8699a6;font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.meta-chip{display:inline-flex;align-items:center;gap:5px;color:#698292;background:#f4f7f9;border-radius:6px;padding:3px 7px;font-size:12px;line-height:1.35;font-weight:650}.meta-chip svg{width:13px;height:13px}.meta-chip.due-today{background:#eaf8fb;color:#087a91}.meta-chip.overdue{background:#fff0f0;color:#b74750}.meta-chip.high{background:#fff6ea;color:#a9681f}.meta-chip.project-chip{background:transparent;padding:2px 0}.meta-chip.reminder{background:transparent;padding:2px 0;color:#7693a1}.row-actions{display:flex;gap:3px;margin-top:0}.row-actions .icon-button{width:31px;height:31px}.row-actions svg{width:18px;height:18px}.empty-state{border:1px dashed #ccdbe4;border-radius:18px;padding:48px 20px;text-align:center;background:#fff}.empty-icon{width:52px;height:52px;margin:auto auto 15px;display:grid;place-items:center;background:#e8f8fa;border-radius:16px;color:#078ba2}.empty-icon svg{width:25px;height:25px}.empty-state h3{font-size:18px;margin:0 0 6px;color:#2a4558}.empty-state p{margin:0 auto 16px;color:#788e9e;font-size:14px;max-width:400px;line-height:1.45}.project-overview{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e9ef;border-radius:16px;padding:18px;margin-bottom:24px}.project-overview .project-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;flex:none;color:#fff}.project-overview strong{font-size:15px;color:#344b5d}.project-overview p{font-size:13px;color:#8294a0;margin:3px 0 0}.project-overview button{margin-left:auto}
.dialog{border:1px solid #dce6ed;border-radius:20px;padding:0;width:min(560px,calc(100% - 28px));max-height:min(90vh,800px);box-shadow:0 24px 80px rgba(2,22,38,.25);color:var(--ink);overflow:auto}.dialog::backdrop{background:rgba(5,23,39,.54);backdrop-filter:blur(3px)}.compact-dialog{width:min(475px,calc(100% - 28px))}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:25px 28px 20px;border-bottom:1px solid #ebf0f3}.dialog-heading h2{font-size:23px;letter-spacing:-.04em;margin:5px 0 0}.form-body{padding:23px 28px;display:grid;gap:18px}.field{display:grid;gap:8px;color:#415769;font-weight:700;font-size:14px}.field b{color:#bd5360}.field small{color:#97a4ae;font-weight:500}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e2e9;border-radius:10px;background:#fff;color:#22384a;padding:11px 12px;min-height:44px;font-size:15px;outline:none}.field textarea{resize:vertical;min-height:88px}.field input::placeholder,.field textarea::placeholder{color:#a2b0bb}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field[hidden]{display:none}.form-error{margin:0;color:#b23c49;background:#fff2f3;padding:10px 12px;border-radius:8px;font-size:13px}.form-error[hidden]{display:none}.dialog-footer{border-top:1px solid #ebf0f3;padding:16px 28px;display:flex;align-items:center;gap:8px}.footer-spacer{flex:1}.color-field{border:0;padding:0;margin:0}.color-field legend{font-weight:700;font-size:14px;margin-bottom:10px;color:#415769}.color-choices{display:flex;gap:9px;flex-wrap:wrap}.color-choice{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;border:3px solid white;outline:1px solid #dae4ea;cursor:pointer}.color-choice input{position:absolute;opacity:0;width:1px;height:1px}.color-choice:has(input:checked){outline:2px solid #102b40}.color-choice svg{color:#fff;width:18px;height:18px;opacity:0}.color-choice:has(input:checked) svg{opacity:1}.settings-body{gap:0}.settings-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.settings-card:first-child{padding-top:0}.settings-card strong{font-size:15px}.settings-card p{font-size:13px;color:#7b8d9b;line-height:1.45;margin:5px 0 0}.settings-note{font-size:13px;line-height:1.5;color:#8394a0;margin:17px 0 0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);z-index:80;background:#102d3f;color:#fff;display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 16px;border-radius:10px;box-shadow:0 12px 35px #0a233b3d;opacity:0;visibility:hidden;transition:.2s;max-width:calc(100vw - 26px);font-size:14px}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast button{color:#67d9e7;border:0;background:transparent;font-weight:800}
@media(max-width:1050px){.sidebar{width:232px;flex-basis:232px}.topbar{padding:0 26px}.main-content{padding-left:26px;padding-right:26px}.search-box{min-width:200px}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(300px,84vw);height:100dvh;transform:translateX(-105%);transition:transform .22s;box-shadow:0 20px 35px rgba(0,0,0,.18)}.sidebar.open{transform:translateX(0)}.sidebar-close{display:grid!important;margin-left:auto;color:#afc4ce}.mobile-scrim{display:block;position:fixed;inset:0;background:#0416278a;z-index:19;opacity:0;pointer-events:none;transition:opacity .22s}.mobile-scrim.open{opacity:1;pointer-events:auto}.mobile-menu{display:grid}.topbar{height:68px;padding:0 16px;gap:8px}.topbar-title span{font-size:9px}.topbar-title strong{font-size:17px}.topbar-actions{gap:5px}.search-box{display:none;position:absolute;left:14px;right:14px;top:71px;box-shadow:0 8px 24px #0c263126;min-width:0;z-index:11}.search-box.mobile-open{display:flex}.mobile-search{display:grid}.top-add{width:40px;height:40px;min-height:40px;padding:0;border-radius:10px}.top-add span{display:none}.main-content{padding:25px 16px 70px}.welcome{margin-bottom:20px;align-items:flex-start}.welcome h1{font-size:30px}.welcome p{font-size:14px}.date-badge{font-size:12px;padding:8px 9px}.overview{padding:19px 20px;min-height:120px;margin-bottom:20px;border-radius:17px}.overview h2{font-size:19px}.overview p{font-size:12px}.overview-number{font-size:42px;min-width:auto}.overview-number small{display:none}.quick-add{margin-bottom:23px;padding:9px 10px 9px 14px}.quick-add input{font-size:15px}.quick-add .button{min-height:35px;padding:5px 12px}.task-row{padding:14px 13px;gap:11px}.row-actions .icon-button{width:31px}.task-meta{gap:5px}.view-bar{margin-bottom:11px}}
@media(max-width:440px){.welcome{flex-direction:column;gap:11px}.date-badge{align-self:flex-start}.overview-number{font-size:35px}.overview{gap:10px}.overview h2{font-size:18px}.overview .overline{font-size:10px;margin-bottom:8px}.dialog-heading{padding:21px 20px 16px}.form-body{padding:18px 20px}.dialog-footer{padding:13px 20px}.field-grid{gap:11px}.dialog-footer .button{padding:9px 12px}.settings-card{align-items:flex-start}.settings-card .button{padding:8px 10px;font-size:12px}}
@media(max-width:360px){.field-grid{grid-template-columns:1fr}.overview-number{font-size:30px}.date-badge{display:none}.topbar-title strong{font-size:15px}.task-row{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Due-date range switcher */
.range-controls{background:#fff;border:1px solid #dfe9ee;border-radius:17px;box-shadow:var(--shadow);padding:16px;margin:-4px 0 23px}
.range-tabs{display:flex;flex-wrap:wrap;gap:7px}
.range-tab{flex:1 1 100px;min-height:42px;border:1px solid #e0e8ed;background:#f6f9fa;color:#526b7c;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:750;white-space:nowrap}
.range-tab:hover{background:#e9f6f8;color:#08788e}
.range-tab.active{background:#0a8098;border-color:#0a8098;color:#fff;box-shadow:0 5px 12px rgba(0,129,154,.16)}
.range-period{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 3px 0;min-width:0}
.range-period>div:first-child{min-width:0}.range-period span{display:block;color:#8798a5;font-size:11px;letter-spacing:.12em;font-weight:800;margin-bottom:5px}.range-period strong{display:block;color:#1d3b4e;font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.range-arrows{display:flex;gap:3px;flex:none}.range-arrows .icon-button{border:1px solid #dbe7ec;background:#fff;width:42px;height:42px}.range-arrows .icon-button:first-child svg{transform:rotate(180deg)}
.range-date-field{display:flex;align-items:center;gap:12px;margin:14px 3px 1px;color:#52697a;font-size:14px;font-weight:700;flex-wrap:wrap}.range-date-field input,.range-fields input{min-height:44px;border:1px solid #d4e1e7;border-radius:9px;background:#fff;color:#244255;padding:9px 11px;font-size:15px;max-width:100%}
.range-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:11px;margin:15px 3px 1px}.range-fields label{display:grid;gap:6px;color:#52697a;font-size:14px;font-weight:700;min-width:0}.range-fields input{width:100%}.range-fields .button{min-height:44px}.range-error{grid-column:1/-1;color:#b23c49;background:#fff2f3;padding:9px 11px;border-radius:8px;font-size:13px;margin:0}.range-error[hidden]{display:none}
@media(max-width:760px){.range-controls{padding:12px;margin:-3px 0 20px;border-radius:14px}.range-tab{flex-basis:29%;padding:8px 6px}.range-period{padding-top:14px}.range-period strong{font-size:15px}.range-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.range-fields .button{grid-column:1/-1}}
@media(max-width:360px){.range-tab{flex-basis:44%}.range-fields{grid-template-columns:1fr}.range-fields .button{grid-column:1}}
/* Theme preference */
.theme-switch{position:relative;display:inline-block;width:54px;height:32px;flex:none;cursor:pointer}
.theme-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.theme-switch-track{display:block;width:54px;height:32px;border-radius:99px;background:#b9c8d1;border:1px solid #9cadb8;transition:background .18s,border-color .18s}
.theme-switch-track:after{content:"";display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #001b2b3d;transform:translate(3px,3px);transition:transform .18s}
.theme-switch input:checked+.theme-switch-track{background:#078ba3;border-color:#078ba3}
.theme-switch input:checked+.theme-switch-track:after{transform:translate(25px,3px)}
.theme-switch input:focus-visible+.theme-switch-track{outline:3px solid #39c9dc;outline-offset:3px}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;background:#0b1725;color:#e6f1f6;--ink:#e8f2f7;--muted:#a4b7c4;--line:#2a4456;--card:#142a3a;--shadow:0 12px 34px rgba(0,8,18,.18)}
html[data-theme="dark"] body{background:#0b1725;color:#e6f1f6}
html[data-theme="dark"] .topbar{background:rgba(13,31,47,.96);border-color:#294253}
html[data-theme="dark"] .topbar-title strong{color:#eff8fb}
html[data-theme="dark"] .topbar-title span{color:#9bb5c3}
html[data-theme="dark"] .search-box{background:#162e40;border-color:#304e60;color:#acc4d1}
html[data-theme="dark"] .search-box input{color:#edf7fa}
html[data-theme="dark"] .search-box input::placeholder{color:#9db3c0}
html[data-theme="dark"] .search-box kbd{background:#203a4d;border-color:#39576a;color:#b8ccd7}
html[data-theme="dark"] .button-outline{background:#1a3548;border-color:#3b6072;color:#d0f1f6}
html[data-theme="dark"] .button-outline:hover{background:#23485d}
html[data-theme="dark"] .button-quiet{color:#b9cfdb}
html[data-theme="dark"] .button-quiet:hover,html[data-theme="dark"] .icon-button:hover{background:#25475a;color:#e7fbff}
html[data-theme="dark"] .icon-button{color:#b4cad6}
html[data-theme="dark"] .danger{color:#ffabb1}
html[data-theme="dark"] .welcome h1,html[data-theme="dark"] .view-bar h2{color:#f0f8fb}
html[data-theme="dark"] .welcome p,html[data-theme="dark"] .view-bar span{color:#a6bac7}
html[data-theme="dark"] .eyebrow{color:#4bc8da}
html[data-theme="dark"] .date-badge{background:#172e40;border-color:#304c5f;color:#c4dbe6}
html[data-theme="dark"] .date-badge svg{color:#51d0df}
html[data-theme="dark"] .overview{background:linear-gradient(118deg,#164154,#103248 70%,#124557);border:1px solid #2c6271;box-shadow:0 18px 30px rgba(0,7,16,.22)}
html[data-theme="dark"] .quick-add,html[data-theme="dark"] .task-list,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .project-overview,html[data-theme="dark"] .range-controls{background:#142a3b;border-color:#294657}
html[data-theme="dark"] .quick-add input{background:transparent;color:#edf6fa}
html[data-theme="dark"] .quick-add input::placeholder{color:#97aebc}
html[data-theme="dark"] .group-heading{color:#a7bbc8}
html[data-theme="dark"] .group-heading:after{background:#284356}
html[data-theme="dark"] .task-row{border-color:#263f51}
html[data-theme="dark"] .task-row:hover{background:#1a3548}
html[data-theme="dark"] .task-title,html[data-theme="dark"] .project-overview strong,html[data-theme="dark"] .empty-state h3{color:#eaf5f9}
html[data-theme="dark"] .task-row.completed .task-title{color:#9cafbc}
html[data-theme="dark"] .task-note,html[data-theme="dark"] .project-overview p,html[data-theme="dark"] .empty-state p{color:#a2b8c6}
html[data-theme="dark"] .check-button{background:#142a3b;border-color:#7297a9}
html[data-theme="dark"] .check-button:hover{background:#1a4a58;border-color:#4cd1e0}
html[data-theme="dark"] .check-button.checked{background:#0a98ad;border-color:#0a98ad}
html[data-theme="dark"] .meta-chip{background:#213c4e;color:#c2d7e1}
html[data-theme="dark"] .meta-chip.due-today{background:#164b57;color:#9deef2}
html[data-theme="dark"] .meta-chip.overdue{background:#54323b;color:#ffc4cb}
html[data-theme="dark"] .meta-chip.high{background:#493b27;color:#ffd38c}
html[data-theme="dark"] .meta-chip.project-chip,html[data-theme="dark"] .meta-chip.reminder{background:transparent;color:#b4ced9}
html[data-theme="dark"] .empty-state{border-style:dashed}
html[data-theme="dark"] .empty-icon{background:#1a4c5a;color:#79e4eb}
html[data-theme="dark"] .dialog{background:#142a3b;border-color:#345469;color:#eaf4f8}
html[data-theme="dark"] .dialog-heading,html[data-theme="dark"] .dialog-footer{border-color:#294758}
html[data-theme="dark"] .field,html[data-theme="dark"] .color-field legend{color:#d1e3eb}
html[data-theme="dark"] .field small{color:#a3b9c6}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#0f2333;border-color:#39586b;color:#eff8fb}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .field textarea::placeholder{color:#9bb2c0}
html[data-theme="dark"] .form-error,html[data-theme="dark"] .range-error{background:#472b35;color:#ffd0d4}
html[data-theme="dark"] .color-choice{border-color:#142a3b;outline-color:#537080}
html[data-theme="dark"] .color-choice:has(input:checked){outline-color:#a7e9f1}
html[data-theme="dark"] .settings-card p,html[data-theme="dark"] .settings-note{color:#a9beca}
html[data-theme="dark"] .range-tab{background:#1b3547;border-color:#345366;color:#c4d9e3}
html[data-theme="dark"] .range-tab:hover{background:#275365;color:#e8fbff}
html[data-theme="dark"] .range-tab.active{background:#087f98;border-color:#35b3c7;color:#fff}
html[data-theme="dark"] .range-period span{color:#9db4c1}
html[data-theme="dark"] .range-period strong{color:#e9f5f9}
html[data-theme="dark"] .range-arrows .icon-button{background:#1a3548;border-color:#3a5b6e}
html[data-theme="dark"] .range-date-field,html[data-theme="dark"] .range-fields label{color:#d2e4eb}
html[data-theme="dark"] .range-date-field input,html[data-theme="dark"] .range-fields input{background:#102738;border-color:#3b5b6e;color:#f0f9fc}
[hidden]{display:none!important}