:root{--bg:#0b1220;--card:#10192e;--muted:#7b8ab8;--fg:#e9efff;--accent:#6aa3ff;--accent-2:#3dd2a7;--border:#223055}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:24px}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.brand{font-weight:700;letter-spacing:.2px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:#0e1730;color:var(--muted);cursor:pointer}.tab.active{background:linear-gradient(180deg,#6aa3ff29,#3dd2a71f);color:var(--fg);border-color:#2d447a}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.controls{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.input,.button,select{background:#0d152b;border:1px solid var(--border);color:var(--fg);padding:10px 12px;border-radius:10px}.button{cursor:pointer}.button.primary{background:linear-gradient(180deg,#6aa3ff2e,#3dd2a72e);border-color:#30518f}.badge{padding:4px 8px;border-radius:999px;background:#142048;color:var(--accent);border:1px solid #2b437a;font-size:12px}.footer{margin-top:20px;color:var(--muted);font-size:12px}.table{width:100%;border-collapse:collapse;margin-top:8px}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}.table th{color:var(--muted);font-weight:600}.sortable{cursor:pointer}.sort-ind{font-size:11px;opacity:.7}.drawer{position:fixed;top:0;right:0;height:100%;width:420px;background:var(--card);border-left:1px solid var(--border);transform:translate(100%);transition:transform .25s ease;padding:16px;overflow:auto;z-index:40}.drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drawer-title{font-size:18px;font-weight:600}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:#0e1730;color:var(--muted);padding:6px 10px;border-radius:999px;cursor:pointer}.chip.active{background:#16224a;color:var(--fg);border-color:#35569a}.pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px}