:root{--bg:#0b0e14;--surface:#141922;--surface-2:#1c222e;--border:#2a3240;--text:#e8ecf2;--text-muted:#8a95a5;--accent:#c8f24f;--accent-text:#c8f24f;--on-accent:#0b0e14;--danger:#ff5c5c;--success:#4fd18b;--warning:#f2c14f;--warning-border:#7a5411;--radius-sm:8px;--radius:10px;--radius-md:10px;--radius-lg:14px;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 12px 32px #00000073;--border-strong:#35414f;--surface-3:#222a34;--text-primary:#f2f5f8;--text-secondary:#a9b4c0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,system-ui,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);padding:9px 11px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.side{background:var(--surface);border-right:1px solid var(--border);height:100vh;padding:20px 14px;position:sticky;top:0}.brand{letter-spacing:-.02em;margin:4px 8px 22px;font-size:22px;font-weight:800}.brand span{color:var(--accent)}.nav a{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a.active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.main{max-width:1200px;padding:26px 32px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}h1{margin:0;font-size:22px}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:26px 0 10px;font-size:15px}.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat .v{font-size:30px;font-weight:800}.stat .l{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px}.stat.stat-bad{border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.stat.stat-bad .v{color:var(--danger)}.skeleton{background:var(--surface-2);color:#0000;border-radius:6px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px}td{border-bottom:1px solid var(--border);padding:10px 12px}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-2)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);align-items:center;gap:6px;padding:9px 14px;font-weight:600;transition:border-color .15s,background .15s,transform 50ms;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 88%, white);border-color:color-mix(in srgb, var(--accent) 88%, white)}.btn-danger{color:var(--danger)}.btn-sm{padding:5px 10px;font-size:13px}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:2px 9px;font-size:12px;display:inline-block}.chip.ok{color:var(--success);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.chip.warn{color:var(--warning)}.chip.bad{color:var(--danger)}.chip.accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.row{align-items:center;gap:10px;display:flex}.spacer{flex:1}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.muted{color:var(--text-muted)}.overlay{z-index:50;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;padding:22px;overflow:auto}.modal h3{margin:0 0 16px}.field{margin-bottom:12px}.auth{place-items:center;min-height:100vh;padding:20px;display:grid}.auth .box{width:100%;max-width:360px}.banner{background:color-mix(in srgb, var(--warning) 12%, transparent);border:1px solid var(--warning);color:var(--warning);border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px}.err{color:var(--danger);margin-top:8px;font-size:13px}@media (width<=860px){.shell{grid-template-columns:1fr}.side{border-right:none;border-bottom:1px solid var(--border);height:auto;position:static}.main{padding:18px 16px}.grid2,.grid3{grid-template-columns:1fr}}[data-theme=dark]{--court-floor-1:#1b232c;--court-floor-2:#141b22;--court-line:#7d8b9a;--court-line-soft:#4b5763;--court-paint:#c8f24f1a;--court-rim:#e8a33d;--court-off:#c8f24f;--court-def:#ff6b6b;--court-ball:#e8a33d;--court-cone:#8bd3ff;--court-ink:#0f151b}[data-theme=light]{--court-floor-1:#f2e6d3;--court-floor-2:#e6d7c0;--court-line:#6b5a45;--court-line-soft:#a8957c;--court-paint:#7a9e1229;--court-rim:#b5511c;--court-off:#3f6212;--court-def:#b91c1c;--court-ball:#b5511c;--court-cone:#1d5f8a;--court-ink:#fff}[data-field-mode=on]{--court-floor-1:#fff;--court-floor-2:#f4f6f8;--court-line:#101820;--court-line-soft:#4a545e;--court-paint:#3d5a0824;--court-rim:#8a3200;--court-off:#1f3a05;--court-def:#8f0f0f;--court-ball:#8a3200;--court-cone:#0b3f63;--court-ink:#fff}