:root { --bg:#0b0f1a; --card:#12182a; --text:#e6e9f2; --muted:#9aa3b2; --accent:#f5c451; }
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b0f1a;color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:24px}
.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.logo{display:flex;gap:10px;align-items:center;font-weight:800;font-size:20px}
.logo .emblem{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#f5c451,#e0a030);display:grid;place-items:center;color:#12182a;font-weight:900}
.card{background:rgba(255,255,255,0.03);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.06);border-radius:18px;padding:20px;margin:12px 0}
.btn{background:var(--accent);color:#12182a;border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}
.input{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.1);background:#0e1424;color:var(--text);margin:6px 0}
.table{width:100%;border-collapse:collapse} .table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,0.06);text-align:left}
.small{color:var(--muted);font-size:12px}