.stats-main { padding: 32px; min-width: 0; }
.stats-header { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 28px; }
.eyebrow { color: var(--gold); font-size: 11px; letter-spacing: 2px; margin-bottom: 7px; }
.muted { color: var(--mute); font-size: 13px; margin-top: 7px; }
.actions { display: flex; flex-wrap: wrap; gap: 8px; }
button,select,.action { border: 1px solid var(--line-2); background: var(--panel-2); color: var(--ink); border-radius: 8px; padding: 10px 14px; font: inherit; cursor: pointer; text-decoration: none; }
.action { color: var(--gold); }
.metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-bottom: 22px; }
.metric,.stat-panel { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 22px; }
.metric span { color: var(--ink-2); font-size: 13px; }.metric strong { display:block; font-size: 34px; color:var(--gold); margin: 7px 0; }
.chart-grid { display:grid; grid-template-columns: 1.6fr 1fr; gap:22px; margin-bottom:22px; }
.stat-panel h2 { font-size:18px; }.sub-heading { margin-top:26px; }
.hourly { display:flex; align-items:flex-end; height:180px; gap:4px; margin-top:24px; }
.hour { flex:1; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; min-width:0; }
.hour i { background:var(--blue); width:80%; border-radius:3px 3px 0 0; min-height:1px; }.hour small { font-size:9px; color:var(--mute); margin-top:8px; }
.distribution { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--line); }
.table-scroll { overflow-x:auto; margin-top:16px; }table { width:100%; border-collapse:collapse; white-space:nowrap; }th,td { padding:12px; border-bottom:1px solid var(--line); text-align:left; }th { color:var(--mute); font-weight:500; }
#error { background:#532929; padding:16px; margin-bottom:20px; }.login-wrap { min-height:100vh; display:grid; place-items:center; padding:24px; }.login-card { width:min(420px,100%); padding:32px; background:var(--panel); border:1px solid var(--line); border-radius:16px; }.login-card input { display:block; width:100%; padding:12px; margin:10px 0 18px; background:var(--bg); border:1px solid var(--line-2); color:white; border-radius:8px; }.login-card button { width:100%; background:var(--gold); color:var(--bg); }.login-card label { display:block; margin-top:24px; }
@media(max-width:900px) { .stats-header { display:block; }.actions { margin-top:18px; }.chart-grid { grid-template-columns:1fr; }.layout { grid-template-columns:1fr; }.side { height:auto; position:static; }.stats-main { padding:20px; } }
@media(max-width:550px) { .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.metric { padding:15px; }.metric strong { font-size:26px; } }