:root{--font-sans:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--bg-app:#f5f7fa;--text-primary:#1f2a37;--text-secondary:#6b7785;--text-muted:#94a0b0;--text-faint:#c2ccd9;--border:#e6ebf2;--border-soft:#eef2f7;--border-faint:#f2f5f9;--surface:#fff;--surface-tint:#f6f8fb;--surface-tint-2:#fbfcfe;--cust-primary:#0c2c66;--cust-primary-grad:linear-gradient(135deg, #3b6fe0, #7aa0ff);--cust-avatar-grad:linear-gradient(135deg, #0c2c66, #3b6fe0);--cust-accent-soft:#eaf1fe;--cust-accent:#60a5fa;--staff-sidebar:#091a36;--staff-accent:#46c0a8;--staff-accent-light:#5fd0b8;--staff-accent-grad:linear-gradient(135deg, #2e8b7a, #46c0a8);--success:#16a34a;--success-bg:#dcfce7;--success-fg:#15803d;--warn:#d97706;--warn-bg:#fef3c7;--warn-fg:#92400e;--error:#dc2626;--error-bg:#ffe4e6;--error-fg:#9f1239;--info:#2563eb;--info-bg:#dbeafe;--info-fg:#1d4ed8;--indigo-bg:#e0e7ff;--indigo-fg:#4338ca;--teal-bg:#ccfbf1;--teal-fg:#0f766e;--cyan-bg:#cffafe;--cyan-fg:#0e7490;--radius-card:14px;--radius-md:10px;--radius-sm:8px;--radius-pill:20px;--shadow-card:0 1px 2px #102a5e0a;--shadow-modal:0 10px 30px #102a5e47}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}#root{width:100%;height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d6dee9 padding-box content-box;border:3px solid #0000;border-radius:8px}@keyframes drawerIn{0%{transform:translate(26px)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.96)translateY(6px)}to{transform:scale(1)translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.staff-shell,.cust-shell{flex-direction:column!important;height:auto!important;min-height:100vh!important;overflow:visible!important}.staff-sidebar,.cust-sidebar{flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;height:auto!important;padding:10px 12px!important;overflow-x:auto!important}.staff-sidebar nav,.cust-sidebar nav{flex-direction:row!important}.staff-hide-sm,.cust-hide-sm{display:none!important}.staff-main-pad,.cust-main-pad{padding:18px 16px!important}.grid-2col,.page-2col{grid-template-columns:1fr!important}.stat-grid-4{grid-template-columns:repeat(2,1fr)!important}.scroll-x-sm{overflow-x:auto!important}}