:root{--bg:#0b0e14;--card:#121826;--text:#e7e9ee;--muted:#9aa3b2;--line:#1f2a3d;--pri:#4da3ff;--err:#ff5c7a;--ok:#33d69f;}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial;color:var(--text);background:linear-gradient(180deg,#07090e,#0b0e14)}
a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1100px,92%);margin:0 auto}
.topbar{position:sticky;top:0;background:rgba(11,14,20,.9);backdrop-filter: blur(6px);border-bottom:1px solid var(--line);z-index:10}
.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:10px}
.brand{display:flex;align-items:center;gap:10px;padding:14px 0}
.brand a{color:var(--text);font-weight:700}
.card{background:rgba(18,24,38,.9);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 10px 40px rgba(0,0,0,.35);margin:18px 0}
.muted{color:var(--muted)}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:12px}
.btn{appearance:none;border:1px solid var(--line);background:#0e1422;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer}
.btn:hover{border-color:#2c3f63}
.btn--primary{background:linear-gradient(180deg,#2b76ff,#1d57e6);border-color:transparent}
.btn--ghost{background:transparent}
.btn--small{padding:7px 10px;border-radius:10px;font-size:12px}
.form{display:grid;gap:10px}
.lbl{font-size:12px;color:var(--muted)}
.inp{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#0b1020;color:var(--text)}
.inp:focus{outline:none;border-color:#2b76ff}
.alert{padding:10px 12px;border-radius:12px;border:1px solid var(--line)}
.alert--error{border-color:rgba(255,92,122,.4);background:rgba(255,92,122,.1)}
.alert--ok{border-color:rgba(51,214,159,.35);background:rgba(51,214,159,.1)}
.grid2{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:900px){.grid2{grid-template-columns:1fr 1fr}}
.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:14px}
.table{width:100%;border-collapse:collapse;min-width:720px}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.table th{color:var(--muted);font-size:12px;font-weight:600}
.footer{padding:16px 0;border-top:1px solid var(--line);margin-top:30px}