:root{--bg:#f7f7f8;--surface:#fff;--fg:#1c2024;--muted:#60646c;--line:#e0e1e6;--brand:#3e63dd;--brand-fg:#fff;--warn:#c2410c;--ok:#18794e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111113;--surface:#18191b;--fg:#edeef0;--muted:#a0a4ab;--line:#2e3135;--brand:#6e8cf2;--warn:#f97316;--ok:#3dd68c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--brand);text-decoration:none}h1{margin:0 0 16px;font-size:22px}h2{margin:0 0 12px;font-size:15px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:7px 12px}button.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-fg);font-weight:600}button.ghost{background:0 0;border-color:#0000}button:disabled{opacity:.6}input,select{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:8px 10px}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.shell{min-height:100vh;display:flex}.nav{border-right:1px solid var(--line);background:var(--surface);flex:none;width:210px;padding:18px 12px}.brand{padding:0 8px 18px;font-size:17px;font-weight:700}.logo{color:var(--brand)}.nav nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--fg);border-radius:6px;padding:7px 10px}.nav a.active{background:var(--bg);font-weight:600}.main{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.search{width:min(340px,50vw)}.user{color:var(--muted);align-items:center;gap:8px;display:flex}.content{max-width:1100px;padding:24px}@media (width<=720px){.shell{flex-direction:column}.nav{border-right:0;border-bottom:1px solid var(--line);width:auto}.nav nav{flex-flow:wrap}.content{padding:16px}.user span{display:none}}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head h1{margin:0}.lede{color:var(--muted);max-width:60ch}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.big{font-size:30px;font-weight:700}.big.warn{color:var(--warn)}.columns{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}ul.plain{margin:0;padding:0;list-style:none}ul.plain li{border-bottom:1px solid var(--line);padding:8px 0}ul.plain li:last-child{border-bottom:0}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pill{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px}.pill.active{color:var(--brand);border-color:var(--brand)}.pill.at-risk{color:var(--warn);border-color:var(--warn)}.pill.done{color:var(--ok);border-color:var(--ok)}.filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chip{border-radius:999px;padding:4px 12px}.chip.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.table{border-collapse:separate;border-spacing:0;width:100%;padding:0;display:table;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 14px}.table th{color:var(--muted);font-size:12px;font-weight:600}.table tr:last-child td{border-bottom:0}.bar{background:var(--bg);border-radius:999px;min-width:80px;height:6px;overflow:hidden}.bar span{background:var(--brand);height:100%;display:block}.tasks li{justify-content:space-between;gap:12px;display:flex}.tasks label{align-items:center;gap:8px;display:flex}.struck{color:var(--muted);text-decoration:line-through}dl{grid-template-columns:90px 1fr;gap:8px;margin:0 0 16px;display:grid}dt{color:var(--muted)}dd{margin:0}.people{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.person{align-items:center;gap:12px;display:flex}.avatar{background:var(--brand);width:40px;height:40px;color:var(--brand-fg);border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.form{flex-direction:column;gap:12px;max-width:520px;display:flex}.form h2{margin:8px 0 0}.form label{flex-direction:column;gap:4px;font-weight:600;display:flex}.form label.check{flex-direction:row;align-items:center;gap:8px;font-weight:400}.form .row{justify-content:flex-end}.ok{color:var(--ok)}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{flex-direction:column;gap:12px;width:min(360px,100%);display:flex}.login-card .brand{padding:0}.login-card h1{margin:0}.login-card label{flex-direction:column;gap:4px;font-weight:600;display:flex}.error{background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--warn);border-radius:6px;padding:8px 10px}.notes{margin-top:16px}.notes form input{flex:1;min-width:0}
