:root{--sport-black:#000000;--sport-red-dark:#d80506;--sport-red:#ff0000;--sport-amber:#ffc400;--sport-yellow:#ffe905;--bg:#0a0a0a;--surface:#141414;--surface-2:#1d1d1d;--surface-3:#262626;--border:#333333;--border-strong:#4a4a4a;--text:#ededed;--text-muted:#a3a3a3;--text-dim:#6f6f6f;--on-accent:#000000;--primary:var(--sport-red-dark);--primary-hover:var(--sport-red);--accent:var(--sport-amber);--accent-bright:var(--sport-yellow);--success:#16a34a;--danger:var(--sport-red);--radius:8px;--radius-sm:5px;--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-bright)}h1,h2,h3{margin:0 0 .5rem;font-weight:700;letter-spacing:-.01em}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn-primary{background:var(--primary);color:var(--text)}.btn-primary:hover{background:var(--primary-hover)}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-accent:hover{background:var(--accent-bright)}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;border-color:var(--sport-red-dark);color:var(--sport-red)}.btn-danger:hover{background:var(--sport-red-dark);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select{width:100%;padding:.55rem .7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.875rem;font-family:inherit}.input:focus,.select:focus{outline:none;border-color:var(--accent)}.label{display:block;margin-bottom:.3rem;font-size:.8rem;font-weight:600;color:var(--text-muted)}.field{margin-bottom:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table th{text-align:left;color:var(--accent);border-bottom:2px solid var(--sport-red-dark);font-weight:600;white-space:nowrap}.table td,.table th{padding:.6rem .75rem}.table td{border-bottom:1px solid var(--border);color:var(--text)}.table tr:hover td{background:var(--surface-2)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge-on{background:rgba(22,163,74,.15);color:#4ade80}.badge-off{background:rgba(216,5,6,.18);color:var(--sport-red)}.badge-role{background:rgba(255,196,0,.15);color:var(--accent)}.chip{display:inline-block;padding:.12rem .45rem;margin:.1rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.72rem;color:var(--text-muted)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--sport-black);border-right:1px solid var(--border);padding:1.25rem .9rem;display:flex;flex-direction:column;gap:.25rem}.brand{display:flex;align-items:center;gap:.6rem;padding:0 .5rem 1.25rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.brand-mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--sport-red-dark),var(--sport-red));border:2px solid var(--accent);display:grid;place-items:center;font-weight:800;color:var(--accent-bright)}.brand-name{font-weight:800;letter-spacing:.02em}.brand-name span{color:var(--accent)}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.88rem;font-weight:500;cursor:pointer}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--surface-2);color:var(--accent);border-left:3px solid var(--sport-red)}.content{padding:1.75rem 2rem;overflow-x:auto}.page-head{justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.page-head,.toolbar{display:flex;align-items:center;flex-wrap:wrap}.toolbar{gap:.6rem;margin-bottom:1rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(900px 500px at 50% -10%,rgba(216,5,6,.18),transparent),var(--bg)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--sport-red);border-radius:var(--radius);padding:2rem}.row{display:flex;gap:.75rem;align-items:center}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:1rem}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:1rem;gap:1rem}.stat-value{font-size:1.9rem;font-weight:800;color:var(--accent)}.alert{padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:.9rem}.alert-error{background:rgba(216,5,6,.14);border:1px solid var(--sport-red-dark);color:#fca5a5}.alert-info{background:rgba(255,196,0,.12);border:1px solid var(--accent);color:var(--accent)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);display:grid;place-items:center;padding:1.5rem;z-index:50}.modal{width:100%;max-width:460px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-top:3px solid var(--accent);border-radius:var(--radius);padding:1.5rem}.code{font-family:ui-monospace,monospace;background:var(--surface-3);padding:.15rem .4rem;border-radius:4px;font-size:.8rem;color:var(--accent-bright)}