:root{--bg:#070b14;--panel:#101827;--card:#111c2f;--text:#e5e7eb;--muted:#94a3b8;--gold:#ffd700;--green:#22c55e;--red:#ef4444;--border:rgba(255,255,255,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#121b2d,#0b1220);border-right:1px solid var(--border);padding:22px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar h2{color:var(--gold);font-size:20px;margin:0 0 20px;text-align:center}.sidebar a{display:flex;gap:10px;align-items:center;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:12px;margin:5px 0;transition:.2s}.sidebar a:hover{background:rgba(255,215,0,.1);color:#fff}.sidebar .logout{color:#ff8a8a;margin-top:20px}.content{flex:1;padding:28px;overflow:auto}.card{background:rgba(17,28,47,.9);border:1px solid var(--border);border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 20px 50px rgba(0,0,0,.22)}h1,h2,h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.stat{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px}.stat i{color:var(--gold);font-size:26px}.stat b{font-size:32px;display:block;margin-top:8px}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase}input,textarea,select{width:100%;background:#07101f;border:1px solid var(--border);color:#fff;padding:12px;border-radius:12px;margin:7px 0 14px}textarea{min-height:120px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:0;text-decoration:none;cursor:pointer;font-weight:700}.btn-gold{background:var(--gold);color:#000}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#04110a}.btn-dark{background:#1f2937;color:#fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.badge{padding:5px 9px;border-radius:999px;font-size:12px;background:#1f2937}.visible,.active,.success{color:#22c55e}.hidden,.failed,.blocked{color:#ef4444}.pending{color:#f59e0b}.login-wrap{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at top,#1f2937,#030712)}.login-card{width:360px;background:#0f172a;border:1px solid rgba(255,215,0,.2);border-radius:24px;padding:32px;box-shadow:0 30px 70px rgba(0,0,0,.45);text-align:center}.logo{width:66px;height:66px;margin:0 auto 15px;border-radius:18px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:28px;background:rgba(255,215,0,.08)}img.thumb{width:72px;height:46px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}@media(max-width:850px){.app{display:block}.sidebar{width:100%;height:auto;position:relative}.content{padding:14px}.row{grid-template-columns:1fr}table{display:block;overflow-x:auto;white-space:nowrap}}