:root { --bg:#0b1a2a; --panel:#0f2337; --line:#163552; --text:#e8f3ff; --muted:#a9c3dc; --accent:#ffc300; --accent-2:#12314a; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,Inter,Segoe UI,Arial}
.head,.foot{padding:16px 24px;border-bottom:1px solid var(--line)} .foot{border-top:1px solid var(--line);border-bottom:0}
.wrap{max-width:1100px;margin:0 auto;padding:16px 24px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:12px}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.input,.select,.btn{padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#09182a;color:var(--text)}
.btn{background:var(--accent);color:#1c232b;border-color:var(--accent);font-weight:800;cursor:pointer}
.btn:hover{filter:brightness(1.05)}
.btn-sec{background:var(--accent-2); color:#eaf3ff; border-color:var(--accent-2)}
.muted{color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;margin-top:10px}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{background:#0c2236;position:sticky;top:0}
a{color:#89c5ff}