.responsive-container{--scale-factor:clamp(.6,var(--scale-factor),1.5);width:100%;height:100%;overflow:hidden}.responsive-text{font-size:clamp(.75rem,.75rem + .5vw,1.5rem)}.responsive-text-sm{font-size:clamp(.625rem,.625rem + .3vw,1rem)}.responsive-text-lg{font-size:clamp(1rem,1rem + .8vw,2rem)}.responsive-text-xl{font-size:clamp(1.25rem,1.25rem + 1vw,3rem)}.responsive-text-2xl{font-size:clamp(1.5rem,1.5rem + 1.2vw,4rem)}.responsive-padding{padding:clamp(.5rem,.5rem + 1vw,2rem)}.responsive-gap{gap:clamp(.5rem,.5rem + .5vw,1.5rem)}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(.5rem,.5rem + .5vw,1.5rem);display:grid}.dashboard-main{width:100%;min-width:800px;height:100vh;font-size:clamp(14px,1.2vw,18px);overflow:hidden}.dashboard-sidebar{width:clamp(200px,15vw,272px);min-width:clamp(200px,15vw,272px);transition:all .3s}.dashboard-sidebar.collapsed{width:clamp(60px,5vw,96px);min-width:clamp(60px,5vw,96px)}.dashboard-content{flex:1;min-width:0;font-size:clamp(14px,1.2vw,18px);overflow:hidden}.kpi-card{min-height:120px;padding:clamp(.75rem,2vw,1.5rem)}.kpi-value{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.kpi-title{font-size:clamp(.75rem,1.5vw,1rem)}.kpi-delta{padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.75rem);font-size:clamp(.625rem,1.2vw,.875rem)}.module-wrapper{min-height:200px;padding:clamp(.5rem,1.5vw,1rem)}.panel-group{width:100%;height:100%}.panel-content{padding:clamp(.5rem,1.5vw,1rem);overflow:hidden}@media (max-width:1024px){.dashboard-main{min-width:600px}.kpi-card{min-height:100px}.kpi-value{font-size:clamp(1.25rem,3.5vw,2rem)}}@media (max-width:768px){.dashboard-main{min-width:400px}.dashboard-sidebar{width:80px;min-width:80px}.dashboard-sidebar.collapsed{width:60px;min-width:60px}.kpi-card{min-height:80px}.kpi-value{font-size:clamp(1rem,3vw,1.5rem)}}@media (min-width:1920px){.dashboard-main{max-width:1920px;margin:0 auto}}*{transition:font-size .2s,padding .2s,margin .2s}html[data-darkreader-mode] *{--darkreader-inline-bgcolor:unset!important;--darkreader-inline-bgimage:unset!important;--darkreader-inline-boxshadow:unset!important;--darkreader-inline-color:unset!important;--darkreader-inline-stroke:unset!important}.responsive-container *{box-sizing:border-box}@media (max-width:480px){.responsive-text{font-size:.75rem}.responsive-text-sm{font-size:.625rem}.responsive-text-lg{font-size:1rem}.responsive-text-xl{font-size:1.25rem}.responsive-text-2xl{font-size:1.5rem}}