/* CamStats Admin */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root {
  --bg:#080810; --surface:#0c0c18; --card:#111124; --border:#1c1c38;
  --border-soft:#12122a; --accent:#8b5cf6; --live:#22c55e; --red:#ef4444;
  --amber:#f59e0b; --text:#f1f0ff; --text-dim:#a8a4c8; --muted:#6b6890; --faint:#3d3a5c;
  --cb:#f59e0b; --sc:#ec4899; --bc:#3b82f6; --c4:#22c55e;
  --font:'Inter',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;
  --radius:8px; --radius-lg:14px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;}
a{color:var(--accent);text-decoration:none;}
.mono{font-family:var(--mono);}

.nav{background:#0c0c18;border-bottom:1px solid var(--border);padding:0 24px;height:52px;display:flex;align-items:center;gap:16px;}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--text);}
.logo-icon{width:24px;height:24px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:12px;}
.logo-dot{color:var(--accent);}
.spacer{flex:1;}
.nav-user{font-size:13px;color:var(--muted);}
.btn-out{font-size:12px;padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:transparent;}
.btn-out:hover{color:var(--text);border-color:var(--text-dim);}

.container{max-width:1200px;margin:0 auto;padding:28px 24px;}
h1{font-size:22px;font-weight:700;margin-bottom:4px;}
.sub{font-size:13px;color:var(--muted);margin-bottom:28px;}

.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;}
.card-head{padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.mb-16{margin-bottom:16px;} .mb-24{margin-bottom:24px;}

.kpi{padding:18px;}
.kpi-val{font-size:24px;font-weight:700;font-family:var(--mono);margin-bottom:4px;}
.kpi-label{font-size:12px;color:var(--muted);}

table{width:100%;border-collapse:collapse;}
th{text-align:left;font-size:11px;color:var(--muted);font-weight:500;padding:9px 14px;border-bottom:1px solid var(--border);}
td{padding:9px 14px;font-size:13px;border-bottom:1px solid var(--border-soft);}
tbody tr:hover{background:#161630;}
.num{text-align:right;font-family:var(--mono);}

.plat-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;}
.plat-badge.chaturbate{background:rgba(245,158,11,0.12);color:var(--cb);}
.plat-badge.stripchat{background:rgba(236,72,153,0.12);color:var(--sc);}
.plat-badge.bongacams{background:rgba(59,130,246,0.12);color:var(--bc);}
.plat-badge.cam4{background:rgba(34,197,94,0.12);color:var(--c4);}

.live-dot{width:7px;height:7px;border-radius:50%;background:var(--live);display:inline-block;animation:pulse 1.8s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.75);}}

@media(max-width:900px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;}}