:root{--text:#334155;--text-h:#0f172a;--bg:#fff;--border:#e2e8f0;--accent:#0284c7;--accent-hover:#0369a1;--sans:"Outfit", "Inter", sans-serif;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);box-sizing:border-box}body{font-family:var(--sans);background:var(--bg);color:var(--text);margin:0;padding:0}*{box-sizing:border-box}h1,h2,h3,h4,h5{color:var(--text-h);margin:0}.grid-responsive{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.grid-2-col{grid-template-columns:repeat(2,1fr)}.grid-3-col{grid-template-columns:repeat(3,1fr)}.grid-4-col{grid-template-columns:repeat(4,1fr)}}.flex-stack-mobile{flex-direction:column;gap:20px;display:flex}@media (width>=768px){.flex-stack-mobile{flex-direction:row}}.app-layout{flex-direction:column;min-height:calc(100vh - 65px);display:flex}.app-sidebar{white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-direction:row;padding:10px;display:flex;overflow-x:auto}.app-content{flex:1;padding:20px;overflow-y:auto}@media (width>=768px){.app-layout{flex-direction:row}.app-sidebar{border-bottom:none;border-right:1px solid #e2e8f0;flex-direction:column;width:260px;padding:20px 0;overflow-x:visible}.app-content{padding:40px}}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.hero-content{padding:0 20px}@media (width>=768px){.hero-content{padding:0 50px}}.hamburger-btn{color:inherit;cursor:pointer;background:0 0;border:none;padding:5px;font-size:24px;display:block}.mobile-nav-container{background-color:var(--bg);border-bottom:1px solid var(--border);z-index:999;flex-direction:column;gap:15px;padding:20px;display:none;position:absolute;top:85px;left:0;right:0;box-shadow:0 10px 15px -3px #0000001a}.mobile-nav-container.open{display:flex}.desktop-nav{display:none}@media (width>=768px){.hamburger-btn{display:none}.desktop-nav{display:flex}.mobile-nav-container.open{display:none}}