:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#182230;background:#f3f5f7;line-height:1.45}*{box-sizing:border-box}body{margin:0}header{height:82px;background:#111827;color:white;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;gap:18px}header img{width:108px;height:58px;object-fit:contain;background:white;border-radius:8px;padding:4px}header div{text-align:center;letter-spacing:.04em}header small{display:block;color:#cbd5e1;margin-top:4px}main{max-width:1500px;margin:auto;padding:20px}.card{background:white;border:1px solid #dfe3e8;border-radius:14px;padding:18px;box-shadow:0 3px 14px #1118270c}.login{max-width:440px;margin:50px auto}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}button,.button{border:0;border-radius:8px;background:#111827;color:white;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none}button.secondary{background:#e5e7eb;color:#111827}button.danger{background:#b42318}input,select,textarea{width:100%;padding:9px;border:1px solid #cbd1d8;border-radius:7px;margin:4px 0 10px;background:white}label{font-weight:650}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.metric{font-size:1.7rem;font-weight:800}.muted{color:#667085}.error{color:#b42318}.success{background:#ecfdf3;border:1px solid #abefc6;padding:10px;border-radius:8px}.warn{background:#fffaeb;border:1px solid #fedf89;padding:10px;border-radius:8px}table{border-collapse:collapse;width:100%;background:white;font-size:.93rem}th,td{padding:9px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}th{background:#f8fafc;position:sticky;top:0}.table-wrap{overflow:auto;max-height:68vh;border:1px solid #e5e7eb;border-radius:10px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:12px 0}.toolbar>*{min-width:140px}.toolbar button{min-width:auto}.modal{position:fixed;inset:0;background:#11182799;display:grid;place-items:center;padding:20px;z-index:2}.modal>.card{width:min(720px,100%);max-height:90vh;overflow:auto}.modal[hidden]{display:none}.pill{background:#e5e7eb;border-radius:99px;padding:3px 8px;font-size:.8rem}.right{margin-left:auto}@media(max-width:650px){header{height:auto;padding:8px}header img{width:72px;height:45px}header strong{font-size:.8rem}main{padding:10px}th,td{padding:7px;font-size:.82rem}}