:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a;background:#f8fafc;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{width:240px;background:#0f172a;color:#fff;padding:20px;position:sticky;top:0;height:100vh}.brand{font-size:22px;font-weight:800;margin-bottom:24px}.nav{display:grid;gap:8px}.nav button{border:0;background:transparent;color:#cbd5e1;text-align:left;padding:11px 12px;border-radius:10px}.nav button.active,.nav button:hover{background:#1e293b;color:#fff}.main{flex:1;padding:24px;min-width:0}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.top h1{margin:0;font-size:24px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 4px 16px #0f172a0a}.metric{font-size:28px;font-weight:800;margin-top:6px}.muted{color:#64748b}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}.btn{border:0;border-radius:9px;padding:10px 14px;font-weight:700}.btn.primary{background:#2563eb;color:#fff}.btn.secondary{background:#e2e8f0}.btn.danger{background:#dc2626;color:#fff}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:11px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:#0f172a88;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:16px;padding:20px;width:min(520px,100%);max-height:90vh;overflow:auto}.form{display:grid;gap:12px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#0f172a,#1e3a8a)}.login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:28px}.toast{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;padding:12px 16px;border-radius:10px}.empty{padding:30px;text-align:center;color:#64748b}.mobile-menu{display:none}@media(max-width:900px){.sidebar{display:none}.mobile-menu{display:inline-flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:16px}}@media(max-width:560px){.grid{grid-template-columns:1fr}.top{align-items:flex-start}.top h1{font-size:20px}}