:root{--bg:#000;--surface:#0d0f0d;--surface-2:#141714;--border:#1f241f;--text:#e8f0e8;--muted:#7c877c;--neon:#8dff1a;--danger:#ff5470;--hot:#ffb020;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.muted{color:var(--muted)}.login-screen{background:radial-gradient(circle at 50% 30%, #8dff1a14, transparent 60%), var(--bg);place-items:center;min-height:100vh;display:grid}.login-card{text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:min(360px,90vw);padding:2rem;display:flex}.login-mark{filter:drop-shadow(0 0 12px #8dff1a99);width:56px;height:56px}.login-card h1{letter-spacing:.15em;margin:.5rem 0 0;font-size:1.3rem}.login-card input{width:100%}.login-error{color:var(--danger);font-size:.85rem}.app{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:.35rem;padding:1.25rem .9rem;display:flex}.brand{letter-spacing:.06em;align-items:center;gap:.55rem;margin-bottom:1.5rem;padding:0 .4rem;font-weight:700;display:flex}.brand svg{filter:drop-shadow(0 0 6px #8dff1a80)}.nav-item{text-align:left;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:8px;padding:.6rem .75rem}.nav-item:hover{color:var(--text);background:var(--surface-2)}.nav-item.active{color:#0a0f0a;background:var(--neon);font-weight:600;box-shadow:0 0 16px #8dff1a59}.logout{border:1px solid var(--border);color:var(--muted);cursor:pointer;font:inherit;background:0 0;border-radius:8px;margin-top:auto;padding:.55rem}.logout:hover{color:var(--text);border-color:var(--muted)}.content{max-width:1200px;padding:1.5rem 1.75rem 3rem}.content-header h1{letter-spacing:.04em;margin:0 0 1.25rem;font-size:1.3rem}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin-bottom:1.5rem;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.2rem}.tile-accent{border-color:#8dff1a80;box-shadow:0 0 20px #8dff1a1f}.tile-value{font-size:1.9rem;font-weight:700}.tile-accent .tile-value{color:var(--neon)}.tile-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.78rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1.25rem;padding:1.1rem 1.25rem}.panel h2{margin:0 0 .9rem;font-size:1rem}.count{color:var(--muted);font-weight:400}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.55rem .7rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}tbody tr:hover{background:var(--surface-2)}.hot{color:var(--hot);font-weight:600}.badge{border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.badge.live{color:var(--neon);background:#8dff1a26}.badge.ended{background:var(--surface-2);color:var(--muted)}.badge.role-admin{color:var(--neon);background:#8dff1a26}.badge.role-barber{background:var(--surface-2);color:var(--muted)}.bar-list{flex-direction:column;gap:.6rem;display:flex}.bar-row{grid-template-columns:120px 1fr 40px;align-items:center;gap:.75rem;display:grid}.bar-label{color:var(--muted);font-size:.85rem}.bar-track,.battery-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.bar-fill,.battery-fill{background:var(--neon);border-radius:999px;height:100%;display:block}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.battery{align-items:center;gap:.5rem;display:inline-flex}.battery-track{width:54px}input{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem}input:focus{border-color:var(--neon);outline:none;box-shadow:0 0 0 2px #8dff1a33}.btn-primary{font:inherit;background:var(--neon);color:#0a0f0a;cursor:pointer;border:none;border-radius:999px;width:100%;padding:.65rem;font-weight:700;box-shadow:0 0 18px #8dff1a66}.btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none}.banner-error{color:var(--danger);background:#ff54701a;border:1px solid #ff547066;border-radius:10px;padding:.75rem 1rem}@media (width<=720px){.app{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center}.logout{margin:0}}