body { background: radial-gradient(1200px 500px at 10% -10%, rgba(139,92,246,.15), transparent), #0B0B12; }
.card { background:#12121B; border:1px solid rgba(167,139,250,.18); border-radius:.9rem; box-shadow:0 0 24px rgba(139,92,246,.18); padding:1.25rem; }
.subcard { background:#12121B; border:1px solid rgba(255,255,255,.08); border-radius:.8rem; padding:1rem; }
.subcard-label { color:#9CA3AF; font-size:.8rem; }
.subcard-value { color:#E5E7EB; font-weight:600; }
.card-title { color:#fff; font-weight:600; letter-spacing:.04em; }
.page-title { font-size:1.8rem; font-weight:700; color:#fff; letter-spacing:.06em; }
.hero-title { font-size:3rem; font-weight:800; color:#fff; letter-spacing:.08em; }
.hero-sub { color:#A7A7B3; }
.muted { color:#9CA3AF; }
.player-item { display:flex; align-items:center; justify-content:space-between; background:#0F0F17; border:1px solid rgba(255,255,255,.06); border-radius:.6rem; padding:.6rem .75rem; }
.status-pill { padding:.25rem .5rem; border-radius:999px; font-size:.75rem; }
.status-on { background:rgba(16,185,129,.15); color:#34d399; border:1px solid rgba(16,185,129,.35); }
.status-off { background:rgba(239,68,68,.12); color:#f87171; border:1px solid rgba(239,68,68,.35); }
.btn-neon { padding:.6rem 1rem; border-radius:.7rem; background:linear-gradient(90deg,#7C3AED,#8B5CF6,#A78BFA); color:#fff; text-shadow:0 0 6px rgba(255,255,255,.3); border:1px solid rgba(255,255,255,.1); }
.btn-neon:hover { filter:brightness(1.07); box-shadow:0 0 20px rgba(167,139,250,.35); }

.admin-shell { display:grid; grid-template-columns: 240px 1fr; gap:1.25rem; }
.admin-sidebar { background:#0F0F17; border:1px solid rgba(255,255,255,.06); border-radius:.8rem; padding:1rem; }
.admin-link { display:flex; align-items:center; gap:.6rem; padding:.55rem .7rem; border-radius:.6rem; color:#D1D5DB; border:1px solid transparent; }
.admin-link:hover { color:#fff; background:#12121B; border-color:rgba(167,139,250,.25); }
.admin-link.active { color:#A78BFA; background:#12121B; border-color:rgba(167,139,250,.35); }
.admin-main { background:#0F0F17; border:1px solid rgba(255,255,255,.06); border-radius:.8rem; padding:1.25rem; }

.input { width:100%; background:#0E0E15; border:1px solid rgba(255,255,255,.08); border-radius:.6rem; padding:.55rem .7rem; color:#E5E7EB; }
.input:focus { outline:none; border-color:#8B5CF6; box-shadow:0 0 0 3px rgba(139,92,246,.15); }
.input[disabled] { opacity:.6; cursor:not-allowed; }
.form-label { display:block; font-size:.75rem; color:#9CA3AF; margin-bottom:.25rem; }
.form-row { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:.75rem; }
.form-row-4 { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:.75rem; }
.form-actions { display:flex; gap:.6rem; align-items:center; }