*{box-sizing:border-box}body{font:14px system-ui,sans-serif;margin:0;background:#f3f5f9;color:#1b2333}
header{background:#0b1f3a;color:#fff;padding:8px 16px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.brand{font-size:20px}.brand b{color:#38bdf8}.brand small{display:block;font-size:10px;opacity:.7}
nav a,.me a{color:#cfe3ff;margin-right:12px;text-decoration:none}.me{margin-left:auto}main{padding:16px;max-width:1300px;margin:auto}
table{width:100%;border-collapse:collapse;background:#fff;margin-bottom:16px}td,th{padding:6px 8px;border-bottom:1px solid #e3e8f0;text-align:left;vertical-align:top}
tr.red,table.red{background:#fee2e2}tr.red td{font-weight:600}tr.warn{background:#fef3c7}.pill{background:#e0ecff;border-radius:10px;padding:2px 8px;font-size:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.stat{background:#fff;padding:12px;border-radius:8px}.stat b{display:block;font-size:24px}.stat.red{background:#fee2e2;color:#b91c1c}
.card{background:#fff;padding:14px;border-radius:8px;margin-bottom:12px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:800px){.cols{grid-template-columns:1fr}table{display:block;overflow-x:auto}}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:8px}input,select,textarea,button{padding:7px;border:1px solid #c5cedd;border-radius:6px;font:inherit}button{background:#0b6bcb;color:#fff;border:0;cursor:pointer}button.link{background:none;color:#cfe3ff}
form.inline{display:inline-block;margin:2px}.err{background:#fee2e2;color:#991b1b;padding:8px;border-radius:6px;margin-bottom:8px}.muted{color:#6b7688}.t{font-variant-numeric:tabular-nums;font-weight:600}
.login{display:grid;place-items:center;height:100vh}.login .card{width:320px;display:grid;gap:10px}#recent{background:#fff7d6;padding:8px;margin:8px 0;border-radius:6px}#recent:empty{display:none}