*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f3f4f6}.app-container{display:flex;flex-direction:column;min-height:100vh}.table-wrap{flex:1 1 auto;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-header,.period-bar,.filters-bar{flex-shrink:0}@media(max-width:1024px){.app-header .toolbar,.period-bar{flex-wrap:wrap!important;gap:8px!important}}@media(max-width:768px){.app-header{flex-direction:column!important;align-items:flex-start!important;padding:10px 12px!important;gap:8px!important}.app-header .toolbar{flex-wrap:wrap!important;gap:6px!important;width:100%}.app-header .toolbar>button,.app-header .toolbar>span{font-size:11px!important}.period-bar{flex-direction:column!important;align-items:stretch!important;padding:8px 12px!important;gap:8px!important}.filters-bar{flex-direction:column!important;padding:8px 12px!important;gap:8px!important}.filters-bar .filter-group{min-width:100%!important}.filters-bar select{max-height:80px!important}.filters-bar .saved-row{flex-direction:column!important;gap:6px!important}.table-wrap table{font-size:11px!important}.table-wrap th,.table-wrap td{padding:4px 6px!important}}@media(max-width:480px){html{font-size:12px}.app-header h1{font-size:15px!important}.table-wrap table{font-size:10px!important}}