*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a0c;color:#e2e8f0;font-family:Inter,system-ui,sans-serif;padding:20px;min-height:100vh}
a{color:#FFD700}
.container{max-width:1200px;margin:0 auto}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:12px}
.topbar h1{color:#FFD700;font-size:22px;letter-spacing:1px}
.nav{display:flex;gap:8px;flex-wrap:wrap}
.nav a{background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.25);color:#FFD700;padding:8px 16px;border-radius:20px;text-decoration:none;font-size:13px;font-weight:600}
.nav a.active,.nav a:hover{background:#FFD700;color:#000}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px}
.card{background:#111116;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px}
.card .lbl{font-size:11px;letter-spacing:1px;color:#8a8a9a;margin-bottom:6px}
.card .val{font-size:24px;font-weight:800}
.card .sub{font-size:12px;color:#8a8a9a;margin-top:4px}
.card.gold{border-color:rgba(255,215,0,.35)}
.card.gold .val{color:#FFD700}
.card.red .val{color:#ff5555}
.card.green .val{color:#22c55e}
.panel{background:#111116;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;margin-bottom:20px}
.panel h2{font-size:16px;margin-bottom:14px;color:#FFD700}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:10px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}
th{color:#8a8a9a;font-size:11px;letter-spacing:1px;text-transform:uppercase}
tr:hover td{background:rgba(255,215,0,.03)}
.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;border:1px solid}
.b-ok{color:#22c55e;border-color:#22c55e;background:rgba(34,197,94,.08)}
.b-bad{color:#ff5555;border-color:#ff5555;background:rgba(255,51,51,.08)}
.b-warn{color:#FFA500;border-color:#FFA500;background:rgba(255,165,0,.08)}
.b-info{color:#FFD700;border-color:#FFD700;background:rgba(255,215,0,.08)}
.btn{display:inline-block;background:transparent;border:1px solid #FFD700;color:#FFD700;padding:6px 14px;border-radius:16px;font-size:12px;text-decoration:none;cursor:pointer;font-weight:600}
.btn:hover{background:#FFD700;color:#000}
.btn.danger{border-color:#ff5555;color:#ff5555}
.btn.danger:hover{background:#ff5555;color:#fff}
.btn.small{padding:4px 10px;font-size:11px}
input,select{background:#000;border:1px solid #333;color:#fff;padding:10px 14px;border-radius:10px;font-size:13px}
input:focus,select:focus{outline:none;border-color:#FFD700}
.searchbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.tabs a{padding:8px 16px;border-radius:16px;border:1px solid #333;color:#aaa;text-decoration:none;font-size:12px;font-weight:600}
.tabs a.active{border-color:#FFD700;color:#FFD700;background:rgba(255,215,0,.08)}
.loginbox{max-width:400px;margin:60px auto;background:#111116;border:1px solid rgba(255,215,0,.25);border-radius:20px;padding:32px}
.loginbox h2{color:#FFD700;text-align:center;margin-bottom:20px}
.loginbox input{width:100%;margin-bottom:12px}
.loginbox button{width:100%;background:#FFD700;border:none;padding:12px;border-radius:12px;font-weight:800;cursor:pointer}
.err{background:rgba(255,51,51,.1);border:1px solid #ff5555;color:#ff5555;padding:10px;border-radius:10px;margin-bottom:12px;font-size:13px}
.mono{font-family:monospace;font-size:12px;word-break:break-all}
.muted{color:#8a8a9a;font-size:12px}
@media(max-width:700px){body{padding:12px}.panel{padding:14px}th,td{padding:8px 6px}}