:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#172033}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#111827;color:white;padding:24px 18px}.sidebar h1{margin:0 0 28px;font-size:20px}.sidebar button{width:100%;border:0;border-radius:10px;padding:11px 12px;margin-bottom:8px;text-align:left;background:transparent;color:#cbd5e1}.sidebar button.active,.sidebar button:hover{background:#1f2937;color:white}.main{padding:28px;overflow:hidden}.toolbar{display:flex;gap:12px;align-items:end;justify-content:space-between;margin-bottom:22px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters label{display:grid;grid-gap:5px;gap:5px;font-size:12px;color:#64748b}input,select{border:1px solid #dbe2ea;border-radius:9px;padding:9px 10px;background:white}.primary{border:0;border-radius:9px;padding:10px 14px;background:#2563eb;color:white}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.card,.panel{background:white;border:1px solid #e5eaf0;border-radius:14px;box-shadow:0 6px 22px rgba(15,23,42,.04)}.card{padding:18px}.card span{display:block;color:#64748b;font-size:13px}.card strong{display:block;margin-top:8px;font-size:26px}.panel{padding:18px;margin-top:16px}.panel h2{margin:0 0 14px;font-size:17px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:11px 12px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap}th{color:#64748b;font-size:12px}.error{color:#b91c1c;background:#fee2e2;padding:12px;border-radius:10px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:white;padding:28px;border-radius:16px;border:1px solid #e5eaf0}.login-card form{display:grid;grid-gap:14px;gap:14px}.login-card label{display:grid;grid-gap:6px;gap:6px}.muted{color:#64748b}@media (max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{display:flex;gap:8px;align-items:center;overflow:auto}.sidebar h1{margin:0 12px 0 0}.sidebar button{width:auto;margin:0}.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.main{padding:16px}.toolbar{align-items:stretch;flex-direction:column}.card-grid{grid-template-columns:1fr}.sidebar{padding:12px}}