:root{--ink:#17212b;--muted:#64748b;--paper:#f6f8fb;--line:#dbe3ed;--brand:#d34b24;--green:#16754b;--amber:#9a6200;--red:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:15px system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}header{background:#162a36;color:#fff;padding:18px max(20px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:25px}header p{margin:3px 0 0;color:#c6d6dd}main{max-width:1180px;margin:auto;padding:22px}nav{display:flex;gap:5px;overflow:auto;margin-bottom:18px}button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 12px;cursor:pointer;font:inherit;color:inherit}button.active{background:#e9f0f4}button.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 1px 2px #162a3610}.auth{max-width:440px;margin:48px auto}.auth h2{margin-top:0}label{display:block;font-weight:650;margin:12px 0 0}input,select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #bdcad7;border-radius:7px;font:inherit;background:#fff}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat strong{font-size:30px;display:block;margin-top:8px}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.toolbar label{margin:0;min-width:170px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);text-transform:uppercase;background:#f8fafc}.muted{color:var(--muted)}.red{color:var(--red)}.green{color:var(--green)}.amber{color:var(--amber)}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:bold}.badge.red{background:#ffe4e2}.badge.amber{background:#fff1c2}.badge.green{background:#dff7e9}.notice{background:#fff4d6;border:1px solid #efd58b;padding:12px;border-radius:8px}.entry{max-width:550px}.entry button{width:100%;margin-top:18px}@media(max-width:600px){main{padding:14px}header{padding:14px}th,td{padding:8px;font-size:13px}}
