:root{color-scheme:dark;--bg:#0b0e14;--panel:#121722;--panel2:#171d2a;--border:#293243;--text:#eef3fb;--muted:#96a4b8;--accent:#d7e4ff;--shadow:0 12px 36px #0003}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0%,#15243c 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px}.container{width:min(900px,calc(100% - 32px));margin:32px auto 48px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.eyebrow,.label{font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--muted)}h1{font-size:31px;letter-spacing:-1px;margin:5px 0}h1 span{font-weight:450}p{margin:0;color:var(--muted)}.page-header p{font-size:12px}.status{white-space:nowrap;background:#18261f;color:#bfe7cc;border:1px solid #2f513a;padding:9px 12px;border-radius:99px;font-size:12px;font-weight:650}.dot{display:inline-block;width:7px;height:7px;background:#7bdba2;border-radius:50%;margin-right:6px}.shell{border:1px solid var(--border);background:var(--panel);border-radius:16px;box-shadow:var(--shadow)}.nav-shell{padding:20px;margin-bottom:13px}.tabs{display:flex;flex-wrap:wrap;gap:9px;margin:11px 0 4px}.tab{background:transparent;border:1px solid #364153;border-radius:99px;color:#cbd5e2;padding:9px 14px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.tab:hover{border-color:#8693ab}.tab[aria-selected=true]{background:#f1f5fc;color:#141b27;border-color:#f1f5fc}.nav-divider{border-top:1px solid var(--border);margin:16px 0}.task-shell{padding:0 20px 16px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:19px 0 16px}.panel-header h2{font-size:16px;margin:0;font-weight:700}.count{color:#cad4e2;background:#252e3b;border-radius:99px;padding:5px 10px;font-size:11px}.bulk-select{padding:10px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.bulk-select label{display:flex;align-items:center;gap:8px;cursor:pointer}.bulk-select span{color:var(--muted);font-size:12px}input[type=checkbox]{accent-color:#d8e7ff;width:17px;height:17px;cursor:pointer;margin:0}.task{border-bottom:1px solid #222b39}.task-row{display:grid;grid-template-columns:90px 22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:43px}.task-date{font-size:11px;color:#97a6b9;white-space:nowrap}.task-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.task-tools{display:flex;align-items:center;gap:7px}.mini{background:transparent;border:1px solid #44536b;border-radius:7px;color:#a6bad4;min-width:36px;padding:5px 7px;font-size:11px;cursor:pointer}.mini:disabled{opacity:.42;cursor:not-allowed}.expand{min-width:30px}.child-list{padding-left:32px;padding-bottom:6px}.child-row{display:grid;grid-template-columns:90px 22px minmax(0,1fr) 60px;gap:10px;align-items:center;min-height:34px;color:#b7c3d2}.completed{opacity:.65}.completed .task-name{text-decoration:line-through}.empty{padding:42px 0;text-align:center;color:var(--muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding-top:17px}.actions button,.actions input[type=date]{font:inherit;border-radius:9px;padding:9px 11px}.actions button{background:#eef3fd;border:1px solid #eef3fd;color:#111827;font-weight:650}.actions button.secondary{background:#202a39;border:1px solid #354257;color:#d3dfed}.actions button:disabled{opacity:.38;cursor:not-allowed}.actions input[type=date]{background:#202a39;border:1px solid #354257;color:#d3dfed;max-width:160px}.notice{font-size:12px;line-height:1.7;margin:15px 2px;color:#aab8ca}.notice strong{color:#e4b56b}footer{margin-top:26px;color:#6f8098;font-size:11px;text-align:center}@media(max-width:580px){.container{margin:20px auto;width:calc(100% - 20px)}.page-header{align-items:flex-start;flex-direction:column}.nav-shell{padding:15px}.task-shell{padding:0 12px 12px}.task-row{grid-template-columns:60px 20px minmax(0,1fr) auto;gap:6px}.task-date{font-size:10px}.task-name{font-size:12px}.mini{padding:5px;min-width:27px}.child-list{padding-left:8px}.child-row{grid-template-columns:60px 20px minmax(0,1fr) 40px;gap:6px}} 
