:root{--bg:#0f1613;--surface:#18221d;--surface2:#22302a;--line:#2c3c34;--fg:#f3f0e6;--soft:#9fb0a6;--gold:#f2b233;--gold-ink:#1a1408;--red:#e5675b;--green:#5fc48a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--gold)}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--fg);background:0 0;border-radius:8px;padding:7px 12px}button:hover:not(:disabled){border-color:var(--soft);background:var(--surface2)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);font-weight:700}button.primary:hover:not(:disabled){background:#f7c350}button.danger{color:var(--red);border-color:#e5675b80}input{font:inherit;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:9px 11px}input:focus{outline:2px solid var(--gold);outline-offset:1px}.login{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:12px;max-width:380px;margin:10vh auto;padding:28px;display:grid}.login h1{margin:0 0 4px;font-size:22px}.login label{color:var(--soft);text-transform:uppercase;letter-spacing:.4px;gap:4px;font-size:12px;display:grid}.qr{background:#fff;border-radius:12px;justify-self:center;padding:10px}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.error{color:var(--red);font-size:13px}.ok{color:var(--green);font-size:13px}.soft{color:var(--soft)}header.top{border-bottom:1px solid var(--line);background:var(--surface);z-index:2;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}header.top .brand{font-weight:800}header.top .brand span{color:var(--gold)}header.top nav{flex:1;gap:4px;display:flex}header.top nav button{border:none}header.top nav button.active{color:var(--gold);background:#f2b23324;font-weight:700}main{gap:20px;max-width:1320px;margin:0 auto;padding:24px;display:grid}h2{margin:0;font-size:20px}.bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bar .grow{flex:1}.cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:4px;padding:14px;display:grid}.card .label{color:var(--soft);font-size:12px}.card .value{font-size:22px;font-weight:800}.card.bad{border-color:var(--red)}.dot{background:var(--soft);border-radius:4px;width:8px;height:8px;margin-right:6px;display:inline-block}.card.good .dot{background:var(--green)}.card.bad .dot{background:var(--red)}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px}th{background:var(--surface);color:var(--soft);font-size:12px;font-weight:600;position:sticky;top:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr:hover td{background:#ffffff05}.pill{background:var(--surface2);color:var(--soft);border-radius:6px;padding:1px 7px;font-size:12px;display:inline-block}.pill.red{color:var(--red);background:#e5675b26}.pill.green{color:var(--green);background:#5fc48a26}.confirm{background:var(--surface2);border:1px solid var(--red);border-radius:10px;gap:8px;max-width:560px;padding:12px;display:grid}.section{gap:10px;display:grid}
