:root{font-family:Arial,Helvetica,sans-serif;color:#171717;background:#f7f6f0;font-synthesis:none;--yellow:#edc20b;--black:#080808}
*{box-sizing:border-box}body{margin:0}.topbar{min-height:86px;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:space-between;padding:12px max(24px,calc((100% - 1180px)/2));border-bottom:5px solid #080808}
.brand img{display:block;width:min(220px,52vw);height:auto}.top-actions{display:flex;align-items:center;gap:18px}.secure{font-size:11px;font-weight:900;letter-spacing:1px}.logout{border:1px solid #111;background:transparent;border-radius:6px;padding:9px 13px;font-weight:800;cursor:pointer}
.container{max-width:1180px;margin:34px auto;padding:0 22px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#866900;margin:0 0 8px}h1{font-size:30px;margin:0 0 8px}h2{font-size:19px;margin:0 0 6px}.muted{color:#696969;margin:0;font-size:13px}.primary,.secondary{border:0;border-radius:7px;padding:12px 17px;font-weight:800;cursor:pointer}.primary{background:var(--yellow);color:#080808;border:1px solid #080808}.primary:hover{background:#dfb600}.primary:disabled{opacity:.6;cursor:wait}.secondary{background:#ececec;color:#333}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat,.panel{background:white;border:1px solid #e5e1d2;border-radius:10px}.stat{padding:17px;border-top:4px solid var(--yellow)}.stat span{font-size:12px;color:#666;display:block}.stat strong{font-size:27px;display:block;margin-top:8px}.panel{padding:21px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.filters{display:flex;gap:8px}.filters input,.filters select,input,select,textarea{font:inherit}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d7d7d7;border-radius:6px;padding:10px;background:white;min-width:0}.filters input{width:210px}.filters select{min-width:180px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:11px;color:#555;font-weight:900;background:#fff9dc;padding:12px;border-bottom:1px solid #e8e2c8}td{padding:13px 12px;border-bottom:1px solid #eee;font-size:12px}td strong{font-size:13px}.subline{display:block;color:#777;margin-top:5px;font-size:11px}.tracking{letter-spacing:.3px}.pill{display:inline-block;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:800;background:#f1f1f1}.pill.good{background:#e4f4e8;color:#23733a}.pill.warn{background:#fff3cf;color:#8a6500}.edit{border:1px solid #ccc;background:white;border-radius:5px;padding:7px 10px;cursor:pointer}.edit:hover{border-color:#111}.empty{text-align:center;color:#888;padding:30px}.footnote{font-size:11px;color:#777;margin-top:16px;line-height:1.5}
dialog{border:0;border-radius:12px;padding:0;width:min(760px,calc(100% - 28px));max-height:90vh;box-shadow:0 20px 70px #0003}dialog::backdrop{background:#0008}dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close{font-size:27px;border:0;background:none;cursor:pointer;color:#777}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.login-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:#555}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.form-message{font-size:12px;color:#a63224;min-height:15px}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--yellow)}.login-card{background:white;border:2px solid #080808;border-radius:14px;padding:34px;width:min(420px,100%);box-shadow:10px 10px 0 #080808}.login-card>img{width:100%;height:auto;margin-bottom:30px}.login-card h1{font-size:25px;margin-bottom:8px}.login-card form{margin-top:25px}.login-card input{padding:13px;border:1px solid #bbb;border-radius:6px;width:100%;font-size:16px}.login-card button{width:100%}
@media(max-width:760px){.intro,.toolbar{align-items:stretch;flex-direction:column}.intro .primary{width:100%}.stats{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column}.filters input,.filters select{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.topbar{padding:12px 16px;gap:10px}.top-actions{gap:8px;flex-direction:column;align-items:flex-end}.secure{font-size:9px}.container{margin:22px auto}.brand img{width:min(160px,48vw)}.login-card{padding:25px}}