:root{--paper:#f6f7f5;--panel:#fff;--ink:#20261f;--dim:#6b7268;--pine:#2e5339;--pine-dark:#22402b;--clay:#b0432a;--hair:#e2e4de;--chip:#f0f2ec;--gold:#8a6d1f;--mono:"SFMono-Regular",ui-monospace,"Cascadia Mono",Menlo,monospace}*{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--ink);font:14px/1.45 -apple-system,Segoe UI,Inter,Roboto,sans-serif}#root{min-height:100vh;display:flex}a{color:var(--pine);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:1px solid var(--pine);background:var(--pine);color:#fff;border-radius:6px;padding:7px 14px}button:hover{background:var(--pine-dark)}button.ghost{color:var(--pine);background:0 0}button.ghost:hover{background:var(--chip)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--pine);outline-offset:2px}input,select{font:inherit;border:1px solid var(--hair);color:var(--ink);background:#fff;border-radius:6px;padding:7px 10px}nav{background:var(--panel);border-right:1px solid var(--hair);flex-shrink:0;width:196px;padding:20px 12px}nav .brand{letter-spacing:.04em;color:var(--pine);text-transform:uppercase;border-bottom:1px solid var(--hair);margin-bottom:12px;padding:0 10px 18px;font-size:13px;font-weight:700}nav .brand small{color:var(--dim);text-transform:none;letter-spacing:0;margin-top:2px;font-weight:400;display:block}nav a{color:var(--ink);border-radius:6px;padding:8px 10px;display:block}nav a.on{background:var(--chip);color:var(--pine);font-weight:600}nav a:hover{background:var(--chip);text-decoration:none}main{flex:1;max-width:1200px;padding:26px 30px}h1{margin-bottom:16px;font-size:19px;font-weight:700}h2{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin:22px 0 8px;font-size:14px;font-weight:700}table{border-collapse:collapse;background:var(--panel);border:1px solid var(--hair);border-radius:8px;width:100%;overflow:hidden}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);border-bottom:1px solid var(--hair);background:#fbfbf9;padding:9px 12px;font-size:11px}td{border-bottom:1px solid var(--hair);vertical-align:middle;padding:9px 12px}tr:last-child td{border-bottom:none}tr.click:hover{cursor:pointer;background:#f4f6f1}.plate{font-family:var(--mono);letter-spacing:.06em;background:var(--chip);border:1.5px solid var(--ink);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:12.5px;font-weight:600;display:inline-block}.mono{font-family:var(--mono);font-size:12.5px}.tag{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tag.ok{color:var(--pine);background:#e4eee4}.tag.warn{color:var(--gold);background:#f5ecd8}.tag.tow,.tag.flag{color:var(--clay);background:#f6e2db}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.card{background:var(--panel);border:1px solid var(--hair);border-radius:8px;padding:14px 16px}.card .n{font-size:26px;font-weight:700;font-family:var(--mono)}.card .l{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:11px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filters input{width:130px}.login{background:var(--panel);border:1px solid var(--hair);border-radius:10px;max-width:340px;margin:14vh auto;padding:28px}.login h1{color:var(--pine)}.login input{width:100%;margin-bottom:10px}.login button{width:100%}.err{color:var(--clay);margin:8px 0;font-size:13px}.empty{color:var(--dim);text-align:center;background:var(--panel);border:1px dashed var(--hair);border-radius:8px;padding:22px}.bar{background:var(--chip);border-radius:5px;max-width:220px;height:7px;overflow:hidden}.bar i{background:var(--pine);height:100%;display:block}.crumb{color:var(--dim);margin-bottom:10px;font-size:13px;display:inline-block}@media (prefers-reduced-motion:no-preference){main{animation:.18s fade}@keyframes fade{0%{opacity:.6}to{opacity:1}}}@media (width<=760px){#root{flex-direction:column}nav{width:100%;display:flex;overflow-x:auto}main{padding:16px}}