:root{--bg:#f2f5f5;--surf:#fff;--ink:#14232b;--mut:#5d6f78;--line:#dbe3e5;--acc:#0e6e7e;--on:#fff;--warn:#b4561b;--ok:#2b7a4b;--soft:#e4f0f2}@media (prefers-color-scheme:dark){:root{--bg:#0f1a1f;--surf:#16252c;--ink:#e6eef0;--mut:#93a8b0;--line:#27393f;--acc:#4fb3c4;--on:#07242b;--warn:#e69a62;--ok:#6cc790;--soft:#1b333a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Figtree,system-ui,sans-serif}h1,h2,h3{font-family:Bricolage Grotesque,Figtree,sans-serif;margin:0;letter-spacing:-.01em}a{color:var(--acc);text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.btn{background:var(--acc);color:var(--on);border:0;border-radius:8px;padding:9px 16px;font-weight:600;display:inline-block;text-align:center}.btn.ghost{background:transparent;color:var(--acc);border:1px solid var(--line)}.btn.sm{padding:5px 10px;font-size:13px}.btn.danger{color:var(--warn)}.btn:disabled{opacity:.55;cursor:default}input,select{background:var(--surf);border:1px solid var(--line);border-radius:8px;padding:9px 11px;width:100%}label{display:block;font-size:13px;color:var(--mut);margin:12px 0 4px}.lk{background:none;border:0;color:var(--acc);padding:6px 0;margin-top:8px;text-align:left;font-size:14px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .box,.login form{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:30px;width:100%;max-width:380px}.login h1{font-size:28px}.login p{color:var(--mut);margin:6px 0 12px}.login .btn{width:100%;margin-top:18px}.login .btn.ghost{margin-top:10px}.err{color:var(--warn);font-size:14px;margin-top:12px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}nav.side{background:var(--surf);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:4px}nav.side .logo{font:700 20px Bricolage Grotesque,sans-serif;padding:0 10px 18px}nav.side .lab{font-size:12px;color:var(--mut);padding:0 10px 14px}nav.side a,nav.side button{text-align:left;background:none;border:0;padding:9px 10px;border-radius:8px;color:var(--mut);font-weight:500;display:block}nav.side a.on{background:var(--soft);color:var(--acc);font-weight:600}nav.side .sp{flex:1 1}main.content{padding:28px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.top h2{font-size:26px}.tools{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.stat{background:var(--surf);border:1px solid var(--line);border-radius:10px;padding:14px}.stat b{display:block;font:700 26px Bricolage Grotesque,sans-serif}.stat span{color:var(--mut);font-size:13px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tabs button{background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:5px 13px;font-size:14px}.tabs button.on{background:var(--acc);color:var(--on);border-color:var(--acc)}.tw{overflow-x:auto;background:var(--surf);border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;min-width:640px}td,th{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:13px;color:var(--mut);font-weight:500}tr:last-child td{border-bottom:0}.shade{display:inline-flex;align-items:center;gap:7px}.shade i{width:20px;height:24px;border-radius:50% 50% 45% 45%/40% 40% 60% 60%;border:1px solid rgba(0,0,0,.25);display:inline-block}.pill{border-radius:20px;padding:2px 10px;font-size:13px;font-weight:500;background:var(--soft);color:var(--acc)}.pill.late{color:var(--warn);border:1px solid var(--warn)}.pill.done,.pill.late{background:transparent}.pill.done{color:var(--ok);border:1px solid var(--ok)}.late-t{color:var(--warn);font-weight:600}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.card{background:var(--surf);border:1px solid var(--line);border-radius:10px;padding:16px}.card h3{font-size:17px}.card p{margin:4px 0;color:var(--mut);font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.empty,.muted{color:var(--mut)}.empty{padding:22px}.rng{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.rng label{margin-top:0}.rng input{width:170px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:grid;place-items:center;padding:16px;z-index:50;overflow-y:auto}.modal{background:var(--surf);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:24px;width:min(460px,100%);max-height:92vh;overflow-y:auto}.acts{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:60;max-width:92vw}#toast.show{opacity:1}.pc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px;align-items:center;max-width:980px;margin:34px auto 14px}.pk{position:relative;background:var(--surf);border:1px solid var(--line);border-radius:22px;padding:26px 24px}.pk.hot{background:#0a1020;color:#fff;border-color:#0a1020;padding:34px 24px;box-shadow:0 18px 40px rgba(10,16,32,.25)}.pk h3{font-size:20px;display:flex;justify-content:space-between;align-items:center;gap:8px}.pk .big{font:700 46px/1 Bricolage Grotesque,sans-serif;margin:22px 0 6px}.pk .big small{font:400 15px Figtree,sans-serif;color:var(--mut);margin-left:6px}.pk .sub{color:var(--mut);min-height:22px}.pk.hot .big small,.pk.hot .sub{color:#aab6cc}.pk .go{display:block;width:100%;margin:20px 0 22px;padding:13px;border-radius:999px;background:var(--ink);color:var(--bg);border:0;font-weight:600;text-align:center}.pk.hot .go{background:#fff;color:#0a1020}.pk.cur .go{outline:2px solid var(--acc);outline-offset:2px}.pk ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px;color:var(--mut)}.pk.hot ul{color:#e3e9f5}.pk li:before{content:"✓";color:var(--acc);margin-right:10px}.pk.hot li:before{color:#7fb0ff}.tag{font:600 12px Figtree,sans-serif;border-radius:999px;padding:4px 10px;background:#e3f4ea;color:#1f7a4a;white-space:nowrap}.pk.hot .tag{background:#16254a;color:#cfe0ff}.pop{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#3b82f6;color:#fff;font:600 13px Figtree,sans-serif;border-radius:999px;padding:5px 14px;white-space:nowrap}.home{max-width:1040px;margin:0 auto;padding:20px 20px 48px}.home .bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.hero{text-align:center;margin:56px 0 8px}.hero h1{font-size:clamp(28px,5vw,44px);max-width:720px;margin:0 auto;line-height:1.15}.hero p{color:var(--mut);max-width:560px;margin:16px auto 0}@media (max-width:760px){.shell{grid-template-columns:1fr}nav.side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px;align-items:center}nav.side .lab,nav.side .logo,nav.side .sp{display:none}nav.side a,nav.side button{white-space:nowrap}main.content{padding:16px}}@media (prefers-reduced-motion:reduce){#toast{transition:none}}