:root{--bg: #f6f5f2;--panel: #ffffff;--ink: #15171a;--muted: #6b7280;--line: #e5e3dd;--accent: #1f6feb;--accent-ink: #ffffff;--good: #1a7f4b;--warn: #b7791f;--bad: #c0392b;--chip: #eeeceb;--radius: 10px;--font: ui-sans-serif, -apple-system, "Segoe UI", Inter, Roboto, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #111214;--panel: #191b1f;--ink: #ececec;--muted: #9aa0a6;--line: #2a2d33;--accent: #4c8dff;--chip: #24272d}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px}textarea{width:100%;min-height:80px}.topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:5}.topbar .brand{font-weight:700;letter-spacing:.2px}.topbar nav{display:flex;gap:4px}.topbar nav a{padding:6px 10px;border-radius:8px;color:var(--ink)}.topbar nav a.active,.topbar nav a:hover{background:var(--chip);text-decoration:none}.topbar .spacer{flex:1}.topbar .who{color:var(--muted);font-size:13px}.page{max-width:1240px;margin:0 auto;padding:20px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:14px}.cols-2{grid-template-columns:1fr 1fr}@media (max-width: 860px){.cols-2{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.panel h3{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:13px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:7px 12px}.btn:hover{background:var(--chip)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.05)}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.sm{padding:4px 8px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.chip{display:inline-block;background:var(--chip);border-radius:999px;padding:2px 9px;font-size:12px;color:var(--ink);white-space:nowrap}.chip.good{color:var(--good)}.chip.warn{color:var(--warn)}.chip.bad{color:var(--bad)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--chip)}.stat{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:110px}.stat b{font-size:22px}.stat span{font-size:12px;color:var(--muted)}.login{max-width:380px;margin:12vh auto}.login h1{font-size:22px;margin:0 0 6px}.login form{display:flex;flex-direction:column;gap:10px;margin-top:16px}.timeline{display:flex;flex-direction:column;gap:8px}.timeline .item{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.timeline .when{color:var(--muted);font-size:13px}.scores{display:flex;gap:10px;flex-wrap:wrap}.score{display:flex;flex-direction:column;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:8px;min-width:70px}.score b{font-size:18px}.score span{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}@media (max-width: 700px){.form-grid{grid-template-columns:1fr}}.notice{padding:10px 12px;border-radius:8px;background:var(--chip);font-size:14px}.notice.good{color:var(--good)}.notice.bad{color:var(--bad)}