*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;background:#0f1c32;color:#fff;line-height:1.5}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.header{position:sticky;top:0;z-index:50;background:rgba(15,28,50,0.98);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,0.15);padding:14px 0}
.btn-gold{background:linear-gradient(90deg,#d4af37,#c19a2e);color:#13233f;font-weight:700;padding:10px 18px;border-radius:9999px;font-size:13px;border:0;cursor:pointer;text-decoration:none;display:inline-block}
.btn-outline{border:1px solid rgba(255,255,255,0.18);padding:10px 18px;border-radius:9999px;font-size:13px;background:transparent;color:#d1d5db;text-decoration:none;display:inline-block}
.card{background:#13233f;border:1px solid rgba(212,175,55,0.12);border-radius:20px;padding:24px}
.input{width:100%;background:#0f1c32;border:1px solid rgba(212,175,55,0.25);border-radius:12px;padding:14px 16px;font-size:14px;color:#fff;outline:none}
.input:focus{border-color:#d4af37}
.table-wrap{background:#13233f;border-radius:16px;overflow:hidden;border:1px solid rgba(212,175,55,0.12)}
table{width:100%;border-collapse:collapse;font-size:13px}
th{background:#0f1c32;padding:16px 12px;text-align:left;color:#9ca3af;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.5px}
.subnav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.subnav a{padding:10px 18px;border-radius:9999px;font-size:13px;border:1px solid rgba(255,255,255,0.12);color:#9ca3af;text-decoration:none;background:#13233f;font-weight:500}
.subnav a.active{background:#d4af37;color:#13233f;border-color:#d4af37;font-weight:700;box-shadow:0 4px 12px rgba(212,175,55,0.3)}
.status-ok{color:#22c55e;background:rgba(34,197,94,0.1);padding:8px 16px;border-radius:9999px;font-size:12px;border:1px solid rgba(34,197,94,0.2)}