:root{font-family:Inter,system-ui,sans-serif;color:#17202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.side{background:#17202a;color:#fff;padding:22px}.brand{font-weight:800;font-size:22px;margin-bottom:30px}.nav button{display:block;width:100%;background:none;border:0;color:#dce3e8;text-align:left;padding:12px;border-radius:8px;margin:3px 0;cursor:pointer}.nav button:hover{background:#263441}.main{padding:24px;max-width:1400px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card,.panel{background:#fff;border:1px solid #e1e5e8;border-radius:12px;padding:18px;box-shadow:0 2px 8px #00000008}.num{font-size:28px;font-weight:800;margin-top:8px}.muted{color:#6b7785}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}input,select{padding:11px;border:1px solid #cbd2d9;border-radius:8px;font:inherit}button.primary{background:#1d5fd1;color:#fff;border:0;padding:11px 16px;border-radius:8px;font-weight:700;cursor:pointer}.actions{display:flex;gap:10px;margin-top:18px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid #e9ecef}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf2f7;font-size:12px}.login{min-height:100vh;display:grid;place-items:center}.login .panel{width:min(420px,92vw)}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:sticky;top:0;z-index:3;padding:12px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;width:auto}.cards{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr}.main{padding:14px}.table{font-size:13px}.hide-mobile{display:none}}
.error{padding:10px 12px;border-radius:8px;background:#fff0f0;border:1px solid #e0b4b4;color:#9b1c1c}