:root{color-scheme:dark;--bg:#0c111b;--panel:#151d2b;--line:#2b3850;--text:#eef3fb;--muted:#9eacc1;--accent:#61d6c6;--accent2:#2e8f83}html.light{color-scheme:light;--bg:#edf2f6;--panel:#fff;--line:#ccd6e1;--text:#172234;--muted:#617086;--accent:#087f74;--accent2:#08685f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,sans-serif}main{max-width:1500px;margin:auto;padding:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 40px #0002}.login{max-width:430px;margin:8vh auto}.brand{display:grid;place-items:center;width:52px;height:52px;background:var(--accent);color:#08201d;border-radius:14px;font-weight:900;font-size:22px}h1{margin:.4rem 0}h2{font-size:1.05rem}.muted{color:var(--muted)}label{display:grid;gap:6px;margin:14px 0;font-size:.88rem;color:var(--muted)}input,textarea,button{font:inherit}input,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text)}button{border:0;border-radius:9px;padding:10px 15px;background:var(--accent);color:#06211d;font-weight:750;cursor:pointer}.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}header,.toolbar,.project-head{display:flex;align-items:center;justify-content:space-between;gap:18px}header{padding:10px 0 22px}header span{margin-left:15px;color:var(--muted)}nav{display:flex;gap:8px}.toolbar{margin-bottom:16px}.toolbar input{max-width:520px}.layout{display:grid;grid-template-columns:310px 1fr;gap:18px}aside{min-width:0}.project{display:grid;width:100%;text-align:left;margin:8px 0;background:var(--panel);border:1px solid var(--line);color:var(--text)}.project span,.project small{color:var(--muted)}.project small{justify-self:end}.empty{text-align:center;padding:15vh 0;color:var(--muted)}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.12em}.badge{padding:7px 12px;border-radius:99px;background:#61d6c622;color:var(--accent)}.tabs{display:flex;gap:8px;overflow:auto;margin:22px 0}.tabs button{background:transparent;color:var(--muted);border-bottom:2px solid var(--line);border-radius:0}.tabs button.active{color:var(--accent);border-color:var(--accent)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.inline{display:flex;gap:8px}.task{display:grid;grid-template-columns:25px 1fr auto;gap:10px;padding:11px;border-bottom:1px solid var(--line)}.task small{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.metrics div,.record{display:grid;gap:3px;padding:13px;border:1px solid var(--line);border-radius:10px}.metrics b{font-size:1.25rem}.metrics span,.record small{color:var(--muted);font-size:.82rem}.record{grid-template-columns:1fr auto;margin:8px 0}.record small{grid-column:1/-1}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.error{color:#ff8b8b}#toast{position:fixed;right:24px;bottom:24px;background:var(--accent);color:#06211d;padding:12px 18px;border-radius:10px;transform:translateY(100px);transition:.2s}#toast.show{transform:none}@media(max-width:800px){main{padding:12px}.layout{grid-template-columns:1fr}.grid{grid-template-columns:1fr}aside{max-height:300px;overflow:auto}.metrics{grid-template-columns:1fr 1fr}}
.button{text-decoration:none;display:inline-block}