:root{--ink: #16191F;--slate: #232830;--bone: #F6F3EC;--panel: #FFFFFF;--line: #E4E0D6;--line-dk: #333A44;--muted: #7C7E79;--muted-dk: #9AA0A8;--pine: #1F6B5C;--pine-soft: #E4F0EC;--amber: #B5760F;--amber-soft: #F6ECD6;--rust: #A93B26;--rust-soft: #F6E4DF;--dim: #B9B4A8;--r: 10px;--shadow: 0 10px 30px rgba(22, 25, 31, .1);--disp: "Fraunces", Georgia, serif;--body: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--bone);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 90% at 50% -10%,#2B313B 0%,var(--ink) 60%)}.auth-card{width:100%;max-width:400px;background:var(--panel);border-radius:16px;padding:34px 30px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:6px}.auth-logo{width:100%;max-width:240px;height:auto;display:block}.auth-glyph{width:40px;height:40px;border-radius:10px;background:var(--ink);color:var(--bone);display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:20px}.auth-title{font-family:var(--disp);font-size:21px;font-weight:600;margin:0}.auth-sub{color:var(--muted);font-size:13px;margin:2px 0 0}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px;letter-spacing:.3px}.input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r);font-size:14.5px;background:#fcfbf8;color:var(--ink)}.input:focus{outline:2px solid var(--pine);outline-offset:-1px;border-color:var(--pine)}.btn{border:none;background:var(--ink);color:var(--bone);padding:11px 18px;border-radius:var(--r);font-size:14px;font-weight:600;transition:opacity .15s,transform .05s}.btn:hover{opacity:.9}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.sm{padding:8px 13px;font-size:13px}.btn.pine{background:var(--pine)}.linkbtn{border:none;background:none;color:var(--pine);font-weight:600;font-size:13px;padding:0}.auth-alt{text-align:center;margin-top:16px;font-size:13px;color:var(--muted)}.msg{font-size:13px;padding:9px 12px;border-radius:8px;margin-bottom:14px}.msg.err{background:var(--rust-soft);color:var(--rust)}.msg.ok{background:var(--pine-soft);color:var(--pine)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--ink);color:var(--bone);display:flex;align-items:center;gap:16px;padding:0 clamp(16px,4vw,34px);height:60px;flex-shrink:0}.topbar .brand{display:flex;align-items:center;gap:10px}.topbar .topbar-logo{height:30px;width:auto;display:block}.topbar .glyph{width:30px;height:30px;border-radius:8px;background:var(--bone);color:var(--ink);display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:16px}.topbar .name{font-family:var(--disp);font-weight:600;font-size:16px}.topbar .tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted-dk);border:1px solid var(--line-dk);padding:2px 7px;border-radius:5px}.topbar .spacer{flex:1}.topbar .whoami{font-size:13px;color:var(--muted-dk)}.topbar .whoami b{color:var(--bone);font-weight:600}.topbar .signout{border:1px solid var(--line-dk);background:none;color:var(--bone);padding:7px 13px;border-radius:8px;font-size:13px;font-weight:500}.topbar .signout:hover{background:var(--slate)}.tabs{display:flex;gap:3px;background:var(--slate);padding:3px;border-radius:9px}.tabs button{border:none;background:none;color:var(--muted-dk);padding:6px 15px;border-radius:6px;font-size:13px;font-weight:600}.tabs button.on{background:var(--bone);color:var(--ink)}.main{flex:1;padding:clamp(18px,3vw,30px) clamp(16px,4vw,34px) 60px;max-width:1360px;width:100%;margin:0 auto}.datenav{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}.iconbtn{width:34px;height:34px;border:1px solid var(--line);background:var(--panel);border-radius:9px;font-size:17px;color:var(--ink);line-height:1}.iconbtn:hover{background:#efebe1}.datebox{position:relative;display:flex;flex-direction:column;align-items:center;min-width:156px;padding:5px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.datebox input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.datebox .d{font-family:var(--disp);font-weight:600;font-size:14px}.datebox .k{font-family:var(--mono);font-size:10px;color:var(--muted)}.today-btn{border:none;background:var(--ink);color:var(--bone);height:34px;padding:0 13px;border-radius:9px;font-size:12px;font-weight:600}.spacer{flex:1}.band{display:grid;grid-template-columns:auto auto auto 1fr;gap:26px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 24px;margin-bottom:16px}.metric .v{font-family:var(--mono);font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1}.metric .v.accent{color:var(--pine)}.metric .v.warn{color:var(--rust)}.metric .l{color:var(--muted);font-size:10.5px;font-weight:600;margin-top:6px;text-transform:uppercase;letter-spacing:.7px}.barwrap{min-width:0}.barhead{font-size:10.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px}.bar{display:flex;height:11px;border-radius:6px;overflow:hidden;background:#ece8de}.bar span{transition:width .4s ease}.barkey{display:flex;gap:15px;flex-wrap:wrap;margin-top:9px}.k-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.k-item i{width:9px;height:9px;border-radius:3px}.k-item .n{font-family:var(--mono);color:var(--muted)}.alert{display:flex;align-items:center;gap:10px;background:var(--rust-soft);border:1px solid #E6C6BE;color:#7c2a1b;padding:11px 16px;border-radius:11px;font-size:13.5px;margin-bottom:16px}.alert b{font-family:var(--mono)}.alert .go{margin-left:auto;border:none;background:none;color:#7c2a1b;font-weight:700;font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:500}.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);color:var(--bone);border-color:var(--ink)}.chip.on.rust{background:var(--rust);border-color:var(--rust)}.chip.on.amber{background:var(--amber);border-color:var(--amber)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(278px,1fr));gap:13px}.card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:11px;transition:transform .15s,box-shadow .15s,border-color .15s;width:100%}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#d4cfc3}.card.blocked{border-left:3px solid var(--rust)}.card.stalled{border-left:3px solid var(--amber)}.card.ghost{background:#faf8f2;border-style:dashed}.card-top{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:9px;background:var(--slate);color:var(--bone);display:grid;place-items:center;font-family:var(--disp);font-weight:600;font-size:14px;flex-shrink:0}.card-id{min-width:0;flex:1}.card-id .nm{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-id .rl{color:var(--muted);font-size:12px}.flag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 7px;border-radius:6px;white-space:nowrap}.flag.rust{color:var(--rust);background:var(--rust-soft)}.flag.amber{color:var(--amber);background:var(--amber-soft)}.tasklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.tasklist li{display:flex;align-items:center;gap:8px;font-size:13px}.tdot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ttext{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th{font-family:var(--mono);color:var(--muted);font-size:11.5px;flex-shrink:0}.stall-badge{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--amber);background:var(--amber-soft);padding:2px 5px;border-radius:5px;flex-shrink:0}.more{color:var(--muted);font-size:12px;padding-left:15px}.card-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:9px}.card-foot .mono{font-family:var(--mono)}.notyet{color:var(--muted);font-size:13px;font-style:italic;padding:3px 0}.emptyfilter{grid-column:1 / -1;text-align:center;color:var(--muted);padding:40px;font-size:14px}.editor{max-width:720px}.editor-head{margin-bottom:4px}.editor-head h1{font-family:var(--disp);font-size:24px;font-weight:600;margin:0 0 2px}.editor-head p{color:var(--muted);font-size:13.5px;margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-top:18px}.panel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:12px}.thead{display:grid;grid-template-columns:1fr 122px 52px 52px 30px;gap:7px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600;margin-bottom:8px;padding:0 2px}.trow{display:grid;grid-template-columns:1fr 122px 52px 52px 30px;gap:7px;align-items:center;margin-bottom:8px}.tmain{position:relative}.tin,.tsel,.thr{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:13.5px;background:#fcfbf8;color:var(--ink)}.tin:focus,.tsel:focus,.thr:focus{outline:2px solid var(--pine);outline-offset:-1px;border-color:var(--pine)}.tsel{font-weight:600}.thr{text-align:center;padding:9px 4px;font-family:var(--mono)}.del{border:none;background:none;color:var(--muted);font-size:14px;border-radius:6px;padding:6px}.del:hover{color:var(--rust);background:var(--rust-soft)}.stall-inline{display:inline-block;margin-top:5px;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--amber);background:var(--amber-soft);padding:2px 6px;border-radius:5px}.addtask{margin-top:6px;border:1px dashed var(--muted);background:none;color:var(--ink);padding:9px;width:100%;border-radius:9px;font-size:13px;font-weight:500}.addtask:hover{border-style:solid;background:#fcfbf8}.notes{width:100%;min-height:90px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:11px 13px;font-size:13.5px;background:#fcfbf8;color:var(--ink)}.notes:focus{outline:2px solid var(--pine);outline-offset:-1px;border-color:var(--pine)}.hint{color:var(--muted);font-size:13px;margin:0 0 10px}.carrybar{display:flex;align-items:center;gap:10px;background:var(--pine-soft);border:1px solid #C6E0D8;border-radius:10px;padding:10px 14px;font-size:13px;margin-top:14px;color:#185245}.carrybar button{margin-left:auto}.save-row{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;align-items:center}.saved-note{color:var(--pine);font-size:13px;font-weight:500}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#16191f80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;z-index:50;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bone);border-radius:16px;width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #16191f4d}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 14px;border-bottom:1px solid var(--line)}.modal-head h2{font-family:var(--disp);font-size:19px;font-weight:600;margin:0}.modal-head p{color:var(--muted);font-size:13px;margin:2px 0 0}.modal-body{padding:18px 22px;overflow-y:auto}.modal-body .ttext-full{font-size:14px;margin:0 0 4px}.modal-task{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}.modal-task:last-child{border-bottom:none}.modal-blockers{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:13px 15px;font-size:13.5px;line-height:1.55}.modal-blockers .lb{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600;margin-bottom:5px}.rangebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;font-size:13.5px;color:var(--muted)}.kpirow{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:26px}.kpi{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--line);border-radius:14px;padding:20px 22px}.kpi.pine{border-top-color:var(--pine)}.kpi.amber{border-top-color:var(--amber)}.kpi.ink{border-top-color:var(--ink)}.kpi .t{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.kpi .v{font-family:var(--mono);font-size:38px;font-weight:600;letter-spacing:-1.5px;margin:8px 0 3px}.kpi .s{font-size:12px;color:var(--muted)}.sect-title{font-family:var(--disp);font-size:17px;font-weight:600;margin:0 0 12px}.tablewrap{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}.tr{display:grid;grid-template-columns:1.6fr .6fr 1.15fr 1.15fr 1.15fr .85fr;gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--line);font-size:13.5px}.tr:last-child{border-bottom:none}.tr.hd{background:#f1ede3;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}.tr .tn{display:flex;flex-direction:column;font-weight:600}.tr .tn em{font-style:normal;font-weight:400;font-size:11.5px;color:var(--muted)}.tr .mono{font-family:var(--mono)}.meter{display:flex;align-items:center;gap:8px}.meter .track{flex:1;height:7px;background:#ece8de;border-radius:4px;overflow:hidden;min-width:36px}.meter .track i{display:block;height:100%;border-radius:4px}.meter .n{font-family:var(--mono);font-size:12px;font-weight:600;width:36px;text-align:right}.dash{color:var(--muted)}.footnote{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.55}.addrow{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:16px}.rosterlist{display:flex;flex-direction:column}.rosteritem{display:grid;grid-template-columns:1.4fr 1fr auto auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);font-size:13.5px}.rosteritem:last-child{border-bottom:none}.rosteritem .role-sel{border:1px solid var(--line);border-radius:7px;padding:5px 8px;font-size:12.5px;font-weight:600;background:var(--panel)}.pill{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.4px}.pill.on{color:var(--pine);background:var(--pine-soft)}.pill.off{color:var(--muted);background:#ece8de}.empty{text-align:center;padding:70px 20px}.empty .glyph{font-size:30px;color:var(--line);font-family:var(--disp)}.empty h3{font-family:var(--disp);font-size:20px;font-weight:600;margin:12px 0 6px}.empty p{color:var(--muted);margin:0 0 20px}.loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--pine);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup{max-width:620px;margin:60px auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:34px}.setup h1{font-family:var(--disp);font-size:24px;margin:0 0 10px}.setup code{font-family:var(--mono);background:#f1ede3;padding:2px 6px;border-radius:5px;font-size:13px}.setup ol{line-height:1.9;color:#333}@media (max-width: 820px){.band{grid-template-columns:1fr 1fr;gap:18px}.barwrap{grid-column:1 / -1}.kpirow{grid-template-columns:1fr}.tr{grid-template-columns:1.4fr .5fr 1fr 1fr}.tr span:nth-child(5),.tr span:nth-child(6){display:none}}@media (max-width: 680px){.thead,.trow{grid-template-columns:1fr 104px 44px 44px 26px}.addrow{grid-template-columns:1fr}.topbar .whoami{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}