:root { --ink:#1c1917; --mut:#78716c; --line:#e7e5e4; --panel:#fafaf9; --acc:#b45309; --accbg:#fef3c7; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin:0; font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif; color:var(--ink); background:#fff; }
header { display:flex; align-items:center; gap:18px; padding:10px 18px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.brand { font-weight:700; font-size:19px; letter-spacing:.2px; }
nav { display:flex; gap:4px; flex-wrap:wrap; }
nav button, .tabs button { border:1px solid transparent; background:none; padding:6px 11px; border-radius:8px; cursor:pointer; font-size:14px; }
nav button.on, .tabs button.on { background:var(--accbg); border-color:var(--acc); font-weight:600; }
.who { margin-left:auto; font-size:13px; color:var(--mut); }
main { padding:18px; max-width:1280px; margin:0 auto; }
h2 { margin:4px 0 12px; font-size:21px; }
h3 { margin:20px 0 8px; font-size:16px; }
.muted { color:var(--mut); font-size:13px; }
.msg { font-size:13px; white-space:pre-wrap; }
.cards { display:flex; gap:12px; flex-wrap:wrap; }
.card { border:1px solid var(--line); background:var(--panel); border-radius:12px; padding:12px 16px; min-width:150px; }
.card .n { font-size:24px; font-weight:700; }
.card .l { font-size:12px; color:var(--mut); text-transform:uppercase; letter-spacing:.4px; }
.panel { border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin-bottom:16px; background:var(--panel); }
.row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.filters { display:flex; gap:8px; align-items:center; margin:10px 0; flex-wrap:wrap; }
.filters input { flex:1; min-width:220px; }
input, select { padding:7px 9px; border:1px solid var(--line); border-radius:8px; font-size:14px; background:#fff; }
button { padding:7px 13px; border:1px solid var(--line); border-radius:8px; background:#fff; cursor:pointer; font-size:14px; }
button.primary { background:var(--acc); border-color:var(--acc); color:#fff; font-weight:600; }
.tabs { display:flex; gap:4px; margin-bottom:6px; }
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:10px; }
table { border-collapse:collapse; width:100%; font-size:13px; }
th, td { padding:6px 9px; border-bottom:1px solid var(--line); text-align:left; white-space:nowrap; }
th { background:var(--panel); position:sticky; top:0; }
.auth-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--panel); }
.auth-card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:26px; width:360px; max-width:92vw; }
.auth-card label { display:block; font-size:13px; margin:10px 0; }
.auth-card input { width:100%; margin-top:4px; }
.pill { background:var(--accbg); border-radius:999px; padding:1px 8px; font-size:12px; }