*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;height:100%}body{margin:0;padding:0;height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f5f7f8;color:#222}app-root{display:block;height:100%}table{width:100%;max-width:100%}.table-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.main{overflow-y:auto;overflow-x:hidden}.component-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.component-content{flex:1;overflow-y:auto;overflow-x:hidden}@media(max-width:1024px){.stats-grid,.ai-insights{grid-template-columns:repeat(2,1fr)!important}.charts-row{grid-template-columns:1fr!important}}@media(max-width:768px){.dashboard,.page,.page-content,.container,.component-content>*{padding:16px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.ai-insights,.charts-row{grid-template-columns:1fr!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.section-header,.toolbar,.filter-bar,.list-header,.page-actions{flex-wrap:wrap!important;gap:8px!important}.modal-card,.modal-content,.drawer,[class*=modal-card],[class*=dialog],[class*=form-card]{width:calc(100vw - 32px)!important;max-width:100%!important;max-height:90vh!important;overflow-y:auto!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.btn-row,.action-row,.button-group{flex-wrap:wrap!important}.search-bar,.search-input,input[type=search]{width:100%!important;max-width:100%!important}.topbar-title{font-size:14px!important}.topbar-subtitle{display:none!important}.stat-card,.section-card,.chart-card,.ai-panel{padding:16px!important}.stat-value{font-size:20px!important}.topbar-center{display:none!important}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr!important}.badge-role{display:none!important}.logout-btn{padding:6px 12px!important;font-size:12px!important}}