:root{--ink:#0B1015;--ink-2:#0E141B;--panel:#151C24;--panel-2:#1B2530;--line:#26323C;--line-soft:#1E2831;--chalk:#EAF0F3;--mist:#8A9BA8;--mist-2:#5F707C;--go:#37D399;--due:#F5B14C;--over:#FF6B6B;--brand:#6E7BFF;--brand-2:#4a57d6;--brand-soft:rgba(110,123,255,.14);--r:14px;--r-sm:10px;--shadow-lift:0 10px 30px rgba(0,0,0,.35);--f-display:"Space Grotesk",system-ui,sans-serif;--f-body:"Inter",system-ui,sans-serif;--f-mono:"Space Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--f-body);color:var(--chalk);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 78% -8%,rgba(110,123,255,.1),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(55,211,153,.05),transparent 55%),var(--ink);line-height:1.45;min-height:100vh}h1,h2,h3{font-family:var(--f-display);font-weight:600;letter-spacing:-.01em}button{font-family:var(--f-body)}::selection{background:var(--brand-soft)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.app-header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;margin-bottom:26px;border-bottom:1px solid var(--line-soft);background:#0b1015b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.logo-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(150deg,var(--brand),var(--brand-2));font-weight:700;font-size:14px;color:#fff;box-shadow:0 4px 16px #6e7bff66}.role-tag{font-family:var(--f-mono);font-size:9.5px;letter-spacing:1.2px;color:var(--brand);text-transform:uppercase}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:rise .4s cubic-bezier(.2,.7,.2,1) both}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r);padding:20px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.card-hover{cursor:pointer}.card-hover:hover{background:var(--panel-2);border-color:var(--line);transform:translateY(-1px);box-shadow:var(--shadow-lift)}.card-hover:active{transform:none}.btn{font-weight:600;font-size:13px;border-radius:9px;padding:10px 16px;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s,opacity .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(150deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 4px 14px #6e7bff47}.btn-primary:hover{box-shadow:0 6px 20px #6e7bff6b;filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none;filter:none}.btn-ghost{background:transparent;color:var(--chalk);border-color:var(--line)}.btn-ghost:hover{border-color:var(--mist-2);background:var(--panel-2)}.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:1px;color:var(--mist-2);text-transform:uppercase}.mono{font-family:var(--f-mono)}.muted{color:var(--mist)}.field{width:100%;padding:10px 12px;border-radius:9px;font-size:13.5px;border:1px solid var(--line);background:var(--ink);color:var(--chalk);font-family:var(--f-body);transition:border-color .15s,box-shadow .15s}textarea.field{min-height:64px;resize:vertical;line-height:1.5}.field:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--brand-soft)}.field::placeholder{color:var(--mist-2)}.chip{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;padding:6px 11px;border-radius:20px;border:1px solid transparent;white-space:nowrap}.chip .cd{width:7px;height:7px;border-radius:50%}.chip.go{background:#37d3991f;color:var(--go);border-color:#37d39940}.chip.go .cd{background:var(--go)}.chip.due{background:#f5b14c1f;color:var(--due);border-color:#f5b14c40}.chip.due .cd{background:var(--due)}.chip.over{background:#ff6b6b1f;color:var(--over);border-color:#ff6b6b40}.chip.over .cd{background:var(--over);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.5)}}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:11.5px;color:#fff;flex:none;letter-spacing:.5px;box-shadow:inset 0 0 0 1px #ffffff24}.bar{height:6px;border-radius:6px;background:var(--line);overflow:hidden;flex:1}.bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#2bb787,var(--go));transition:width .9s cubic-bezier(.2,.7,.2,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(48px);opacity:0}to{transform:none;opacity:1}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#04070a99;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade-in .2s ease both}.drawer{position:fixed;top:0;right:0;height:100%;max-width:92vw;z-index:50;background:var(--ink-2);border-left:1px solid var(--line);overflow-y:auto;padding:22px;animation:slide-in .3s cubic-bezier(.2,.7,.2,1) both;box-shadow:-20px 0 60px #0006}.drawer-close{float:right;background:none;border:0;color:var(--mist);font-size:20px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:6px;transition:color .15s}.drawer-close:hover{color:var(--chalk)}.state-note{font-size:13px;color:var(--mist);padding:14px 16px;border:1px dashed var(--line);border-radius:var(--r-sm)}.state-error{border-color:#ff6b6b66;color:var(--over)}.state-ok{border-style:solid;border-color:#37d39959}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}