:root{--bg:#090913;--card:#121225cc;--line:#29294a;--text:#f4f4ff;--muted:#9b9bbb;--pink:#e946ff;--cyan:#42e8ff;--red:#ff4c70;--green:#44f08a}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 10%,#6120a855,transparent 35%),radial-gradient(circle at 80% 0,#0e8da955,transparent 30%),linear-gradient(180deg,#090913,#0d0d18)}header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#090913dd;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:20px}.brand small{display:block;color:var(--muted);font-size:12px}.cube{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 0 35px #e946ff66}nav{display:flex;gap:10px;flex-wrap:wrap}a{color:var(--text);text-decoration:none}nav a,.btn,button{border:1px solid var(--line);background:#1a1a33;color:var(--text);padding:9px 13px;border-radius:10px;cursor:pointer;font-weight:700}nav a:hover,.btn:hover,button:hover{border-color:var(--pink);box-shadow:0 0 20px #e946ff33}.danger{background:#33111c;border-color:#632238;color:#fff}.flash{max-width:1200px;margin:18px auto 0;padding:12px 16px;border:1px solid #276b44;background:#113320;border-radius:14px;color:#baffd2}main{width:min(1240px,calc(100% - 28px));margin:28px auto 60px}.hero{padding:38px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#17172ed9,#121225bb);margin-bottom:22px}.hero h1{font-size:42px;margin:0 0 8px}.hero p{color:var(--muted);margin:0}.card{border:1px solid var(--line);border-radius:20px;background:var(--card);padding:22px;margin-bottom:22px;box-shadow:0 20px 60px #0006}.login{max-width:420px;margin:80px auto}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{padding:26px;border:1px solid var(--line);border-radius:20px;background:#14142a}.stat b{display:block;font-size:36px;color:var(--cyan)}.stat span{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:#d8d8ff;font-size:13px;text-transform:uppercase;letter-spacing:.04em}td small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.ranknum{color:var(--pink);font-weight:900}input,select{width:100%;padding:10px 12px;background:#0b0b18;border:1px solid var(--line);border-radius:10px;color:var(--text)}label span{display:block;color:var(--muted);font-size:12px;margin:8px 0 6px}.gridform{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}.inline{display:flex;gap:8px;align-items:center;margin:4px 0}.inline input,.inline select{min-width:110px}.tabs{display:flex;gap:10px;margin-top:18px}.tabs a{padding:10px 14px;border-radius:999px;background:#1a1a33;border:1px solid var(--line)}code{background:#090913;border:1px solid var(--line);padding:3px 7px;border-radius:8px}pre{white-space:pre-wrap;color:#ffc6d2}footer{text-align:center;color:var(--muted);padding:34px}@media(max-width:900px){header{display:block}nav{margin-top:12px}.grid{grid-template-columns:1fr 1fr}.gridform{grid-template-columns:1fr}.inline{display:block}table{font-size:13px}.hero h1{font-size:30px}}@media(max-width:560px){.grid{grid-template-columns:1fr}th:nth-child(n+4),td:nth-child(n+4){display:none}}