:root{--bg:#f0f4f8;--bg2:#e2e8f0;--surface:#fff;--surface2:#f8fafc;--border:#cbd5e1;--border-light:#e2e8f0;--text:#0f172a;--text2:#334155;--text3:#64748b;--text4:#94a3b8;--blue1:#0c4a8e;--blue2:#1d6bbf;--blue3:#2563eb;--blue4:#3b82f6;--blue-bg:#eff6ff;--blue-bg2:#dbeafe;--green:#059669;--green-bg:#ecfdf5;--red:#dc2626;--red-bg:#fef2f2;--orange:#d97706;--orange-bg:#fffbeb;--purple:#7c3aed;--purple-bg:#f5f3ff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}input:focus,select:focus,textarea:focus{border-color:var(--blue3)!important;box-shadow:0 0 0 3px rgba(37,99,235,.1)!important;outline:none}button:active{transform:scale(.97)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media (max-width:860px){.desktop-sidebar{display:none!important}.mobile-bottom-nav{display:flex!important}.main-content{padding:14px 12px!important;max-width:100%!important}.topbar-sub-text{display:none!important}body{padding-bottom:64px}}@media (max-width:640px){.stats-grid-4{grid-template-columns:repeat(2,1fr)!important}.prim-summary-grid,.stats-grid-3{grid-template-columns:1fr!important}.filter-row{flex-direction:column!important}.filter-row>*{width:100%!important;min-width:0!important;flex:none!important}.home-grid-cards{grid-template-columns:1fr!important}.home-hero-box{padding:24px 20px!important}.home-hero-box h1{font-size:20px!important}.modal-box-inner{padding:20px!important;max-width:100%!important}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;padding:4px 4px 6px;z-index:150;justify-content:space-around;box-shadow:0 -4px 16px rgba(0,0,0,.06);overflow-x:auto}.mob-nav-item{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:8px;font-weight:500;color:#94a3b8;cursor:pointer;padding:4px 6px;border-radius:8px;min-width:48px;border:none;background:none;font-family:inherit}.mob-nav-item.active{color:#2563eb;background:#eff6ff}.mob-nav-item span{font-size:16px}