:root{--color-bg:#f2f2f7;--color-surface:#fff;--color-sidebar:#fff;--color-sidebar-active:#f2f2f7;--color-border:#ececf1;--color-border-strong:#d1d5db;--color-text:#081d28;--color-text-secondary:#9b9fa3;--color-text-muted:#9b9fa3;--color-navy:#081d28;--color-navy-hover:#0a2836;--color-brand-green:#84ddbd;--color-brand-green-soft:#e4fbcc;--color-brand-green-text:#4ca30d;--color-accent-blue:#3b82f6;--color-success:#4ca30d;--color-success-soft:#e4fbcc;--color-warning:#f59e0b;--color-warning-soft:#fef3c7;--color-danger:#ef4444;--color-danger-soft:#fee2e2;--color-info:#9b9fa3;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #081d280d;--shadow-md:0 4px 16px #081d2814;--sidebar-width:88px;--header-height:88px;--content-gutter:24px;--content-gutter-tablet:20px;--content-gutter-phone:16px;--mobile-bottom-nav-height:72px;--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--touch-target-min:44px;--font:"Inter", system-ui, sans-serif;--font-display:"Geist", "Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{max-width:100%;height:100%}html,body{overflow-x:hidden}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.responsive-scroll-region{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;max-width:100%;overflow:auto hidden}.responsive-scroll-region:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}@media (width<=1024px){:root{--content-gutter:var(--content-gutter-tablet)}}@media (width<=768px){:root{--content-gutter:var(--content-gutter-phone)}button,[role=button],input,select,textarea{min-height:min(var(--touch-target-min), 100%)}}