:root{--bg:#f6f7f9;--card:#fff;--ink:#16202e;--mut:#6b7686;--line:#e3e7ee;--acc:#0b5cab;--acc2:#e8f1fb;--warn:#b45309;--warnbg:#fef3e2}
*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}
header{background:#0f2a47;color:#fff;display:flex;align-items:center;gap:28px;padding:0 24px;height:54px}
header .brand{font-weight:700;letter-spacing:.5px;font-size:17px}header .brand small{font-weight:400;opacity:.6;margin-left:6px;font-size:12px}
nav a{color:#c9d6e6;text-decoration:none;padding:17px 4px;margin-right:14px;border-bottom:3px solid transparent}nav a.on,nav a:hover{color:#fff;border-color:#4da3ff}
header .who{margin-left:auto;font-size:12px;color:#c9d6e6}header .who a{color:#fff;margin-left:10px}
main{max-width:1280px;margin:22px auto;padding:0 24px}h1{font-size:20px;margin:0 0 14px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px}
.card .n{font-size:28px;font-weight:700}.card .l{color:var(--mut);margin-top:2px}
.card.warn{background:var(--warnbg);border-color:#f2d3a1}.card.warn .n{color:var(--warn)}
a.card{text-decoration:none;color:inherit}a.card:hover{border-color:var(--acc)}
.filters{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.filters label{display:flex;flex-direction:column;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;gap:3px}
input,select{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:2px solid var(--acc2);border-color:var(--acc)}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
th{background:#f0f3f8;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--mut);padding:9px 10px}
td{padding:8px 10px;border-top:1px solid var(--line);vertical-align:top}tr:hover td{background:#fafcff}
.tag{display:inline-block;white-space:nowrap;background:var(--acc2);color:var(--acc);border-radius:5px;padding:1px 7px;font-size:12px;font-weight:600}
.flag{display:inline-block;background:var(--warnbg);color:var(--warn);border-radius:5px;padding:1px 6px;font-size:11px;margin-left:5px}
.count{color:var(--mut);margin:0 0 8px}.num{text-align:right;font-variant-numeric:tabular-nums}
.login{max-width:340px;margin:12vh auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.login h1{margin-bottom:4px}
.login input{width:100%;margin:6px 0 14px}.btn{background:var(--acc);color:#fff;border:0;border-radius:8px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer;width:100%}
.err{color:#b91c1c;margin-bottom:10px}.tabs a{display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-decoration:none;margin:0 6px 12px 0}.tabs a.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.mut{color:var(--mut)}
.bt{font:inherit;font-size:12px;padding:5px 9px;border:1px solid var(--acc);background:#fff;color:var(--acc);border-radius:7px;cursor:pointer;margin-right:4px}.bt:hover{background:var(--acc2)}.bt.no{border-color:var(--line);color:var(--mut)}

.badge{background:#e5484d;color:#fff;border-radius:9px;padding:1px 6px;font-size:11px;margin-left:5px}
nav details.menu{display:inline-block;position:relative}nav details.menu summary{display:inline-block;cursor:pointer;list-style:none;color:#c9d6e6;padding:17px 4px;border-bottom:3px solid transparent}
nav details.menu summary.on,nav details.menu[open] summary{color:#fff;border-color:#4da3ff}
nav details.menu>div{position:absolute;top:100%;left:0;z-index:5;background:#1b2a3d;min-width:190px;border-radius:0 0 6px 6px;box-shadow:0 6px 16px #0006}
nav details.menu>div a{display:block;margin:0;padding:10px 14px;border:0}nav details.menu>div a:hover{background:#26394f}