body { background: radial-gradient(1200px 500px at 10% -10%, rgba(8,124,255,.15), transparent), #0B0B12; }
.card { background:#12121B; border:1px solid rgba(85,184,255,.18); border-radius:.9rem; box-shadow:0 0 24px rgba(8,124,255,.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,#E629A2,#087CFF,#55B8FF); 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(85,184,255,.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(85,184,255,.25); }
.admin-link.active { color:#55B8FF; background:#12121B; border-color:rgba(85,184,255,.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:#087CFF; box-shadow:0 0 0 3px rgba(8,124,255,.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; }

/* Admin helpers: keep the same alignment across pages */
.admin-tabs{ display:flex; gap:.5rem; flex-wrap:wrap; width:100%; }
.admin-tabs.right{ justify-content:flex-end; }
.admin-actions{ display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; width:100%; }
.admin-actions.right{ justify-content:flex-end; }

/* Liberty Bay V7 — navigation admin toujours accessible */
.admin-sidebar-sticky{position:sticky;top:108px;align-self:start;max-height:calc(100vh - 124px);overflow-y:auto}
.admin-menu-sep{height:1px;background:rgba(255,255,255,.09);margin:14px 4px 10px}
.admin-menu-label{padding:0 10px 4px;color:#747b8a;font-size:.67rem;font-weight:900;letter-spacing:.18em}
@media(min-width:1100px){.admin-shell{grid-template-columns:260px minmax(0,1fr)}body:has(.admin-shell) .max-w-7xl{max-width:1600px}}
@media(max-width:850px){.admin-sidebar-sticky{position:relative;top:auto;max-height:none}.admin-shell{grid-template-columns:1fr}}

/* Liberty Bay V10 — Staff & dashboard */
.stat-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;background:rgba(15,17,25,.72);color:#dbe2ef;font-size:.82rem}
.stat-dot{width:.5rem;height:.5rem;border-radius:999px;background:#43e58c;box-shadow:0 0 12px rgba(67,229,140,.65)}
.stat-pill.is-offline .stat-dot{background:#fb7185;box-shadow:0 0 12px rgba(251,113,133,.45)}
.dashboard-kpi{display:flex;align-items:center;gap:1rem;min-height:138px;padding:1.3rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:linear-gradient(145deg,rgba(21,24,34,.96),rgba(11,13,21,.94));box-shadow:0 18px 45px rgba(0,0,0,.16)}
.dashboard-kpi-icon{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(234,68,181,.22);border-radius:.9rem;background:rgba(234,68,181,.08);font-size:1.35rem}
.dashboard-kpi span,.metric-card span{display:block;color:#9ca8bd;font-size:.77rem;text-transform:uppercase;letter-spacing:.08em}
.dashboard-kpi strong,.metric-card strong{display:block;font-size:2rem;line-height:1.05;margin:.28rem 0;color:#fff}
.dashboard-kpi small,.metric-card small{color:#778298;font-size:.74rem}
.staff-row-card{padding:1rem 1.1rem}
.staff-row-main{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(300px,1fr) auto;gap:1rem;align-items:center}
.staff-avatar{width:54px;height:54px;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 4px rgba(234,68,181,.05)}
.staff-role-badge{display:inline-flex;align-items:center;padding:.33rem .6rem;border-radius:999px;border:1px solid rgba(109,143,255,.2);background:rgba(109,143,255,.09);color:#cbd7ff;font-size:.72rem}
.staff-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}
.staff-mini-stats>div{padding:.6rem .7rem;border:1px solid rgba(255,255,255,.06);border-radius:.7rem;background:rgba(255,255,255,.025)}
.staff-mini-stats span{display:block;color:#7f899c;font-size:.67rem}
.staff-mini-stats strong{display:block;margin-top:.15rem;color:#fff}
.staff-more-btn{white-space:nowrap}
.staff-profile-head{display:flex;align-items:center;gap:1.2rem}
.staff-profile-avatar{width:82px;height:82px;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,.16)}
.metric-card{padding:1.1rem 1.2rem;border:1px solid rgba(255,255,255,.08);border-radius:.9rem;background:rgba(14,17,26,.76)}
.perm-line{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.07);border-radius:.7rem;background:rgba(0,0,0,.15)}
.perm-line code{color:#76839a;font-size:.68rem}
.empty-state{padding:1.2rem;border:1px dashed rgba(255,255,255,.12);border-radius:.8rem;color:#7f899c;text-align:center}
.absence-row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;padding:.7rem;border:1px solid rgba(255,255,255,.06);border-radius:.7rem}
.notice-success,.notice-info{padding:.8rem 1rem;border-radius:.75rem;border:1px solid rgba(67,229,140,.25);background:rgba(67,229,140,.08);color:#9af0c0}
.notice-info{border-color:rgba(96,165,250,.22);background:rgba(96,165,250,.07);color:#bfdbfe}
.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.65rem .9rem;border-radius:.7rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#d9e0ea;font-weight:700;font-size:.82rem}
.btn-danger{border-color:rgba(251,113,133,.25);background:rgba(251,113,133,.08);color:#fecdd3}
@media(max-width:1050px){.staff-row-main{grid-template-columns:1fr}.staff-mini-stats{grid-template-columns:repeat(3,1fr)}.staff-more-btn{width:max-content}}
@media(max-width:620px){.staff-mini-stats{grid-template-columns:1fr}.staff-profile-head{align-items:flex-start;flex-direction:column}.perm-line{grid-template-columns:auto 1fr}.perm-line code{grid-column:2}}