@tailwind base;@tailwind components;@tailwind utilities;html,body,#root{width:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.page-enter{animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width>=769px){html,body,#root{height:100%;overflow:hidden}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.skeleton-row{gap:12px;padding:12px 16px;display:flex}.skeleton-cell{background:inherit;border-radius:4px;height:16px}body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}@media (width<=768px){html,body,#root{-webkit-overflow-scrolling:touch;height:auto!important;min-height:100vh!important;overflow:hidden visible!important}body{width:100%!important;overflow-x:hidden!important}.MuiGrid-container{flex-direction:column!important}.MuiGrid-item{flex-basis:100%!important;max-width:100%!important;margin-bottom:12px!important}.MuiGrid-grid-xs-12,.MuiGrid-grid-xs-6,.MuiGrid-grid-xs-4,.MuiGrid-grid-xs-3,.MuiGrid-grid-md-6,.MuiGrid-grid-md-4,.MuiGrid-grid-md-3{flex-basis:100%!important;max-width:100%!important}.dashboard-cards,[class*=card-row],.stats-grid{flex-direction:column!important;gap:12px!important;display:flex!important}.MuiPaper-root{margin-bottom:12px!important}.MuiTypography-root.stat-value,[class*=stat-value],.amount,.balance,[class*=MuiTypography-root][class*="22px"]{font-size:22px!important}.filter-bar,[class*=filter],.search-area{flex-direction:column!important;align-items:stretch!important;gap:8px!important;display:flex!important}.filter-bar .MuiFormControl-root,.filter-bar .MuiTextField-root,.filter-bar input,.filter-bar select{width:100%!important;min-width:unset!important}.MuiTabs-root{-webkit-overflow-scrolling:touch;width:100%!important;overflow-x:auto!important}.MuiTab-root{min-width:unset!important;flex-shrink:0!important;padding:6px 12px!important;font-size:13px!important}.button-group,[class*=button-group],.MuiBox-root>.MuiButton-root+.MuiButton-root{flex-wrap:wrap!important;gap:8px!important;display:flex!important}.MuiButton-root{white-space:nowrap!important;min-height:36px!important;padding:6px 12px!important;font-size:12px!important}.MuiDialog-paper{width:95%!important;max-width:95%!important;margin:16px auto!important}.MuiDialogContent-root{padding:12px 16px!important}.MuiDialogActions-root{flex-wrap:wrap!important;gap:8px!important;padding:8px 16px 16px!important}.MuiTableContainer-root{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.MuiTable-root{width:auto!important;min-width:600px!important}.MuiTableCell-root{white-space:nowrap!important;padding:8px 6px!important;font-size:12px!important}.coach-output-table,.performance-table,.coach-ratio-table{min-width:700px!important}.coach-output-table .MuiTable-root,.performance-table .MuiTable-root,.coach-ratio-table .MuiTable-root{min-width:1000px!important}.class-record-table .MuiTable-root{min-width:800px!important}.attendance-table .MuiTable-root{min-width:650px!important}.salary-table .MuiTable-root,.bonus-table .MuiTable-root{min-width:600px!important}.MuiTextField-root,.MuiFormControl-root{width:100%!important;max-width:100%!important}.date-picker-range,[class*=date-range]{flex-direction:column!important}.page-header,.title-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.page-title,.header-title{font-size:18px!important}.chart-container,[class*=chart]{width:100%!important;overflow-x:auto!important}.MuiTabs-flexContainer{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.MuiSelect-select{padding:8px 32px 8px 12px!important;font-size:13px!important}.coach-list,.staff-list{flex-direction:column!important;display:flex!important}.coach-item,.staff-card{width:100%!important;margin-bottom:12px!important}.MuiTablePagination-root{flex-direction:column!important;align-items:center!important;gap:8px!important}.MuiTablePagination-toolbar{flex-wrap:wrap!important;justify-content:center!important}.trend-chart svg,.chart-box svg{width:100%!important;height:auto!important}.transaction-detail{font-size:13px!important}.summary-table .MuiTable-root,.stat-table .MuiTable-root{min-width:400px!important}.reimbursement-stats{flex-direction:column!important}.MuiPopover-paper{max-width:95vw!important}.MuiSvgIcon-root{font-size:20px!important}p,span,div,h1,h2,h3,h4,h5,h6,.MuiTypography-root{word-break:break-word!important}:is(.content-wrapper,.MuiBox-root:has(>.MuiTableContainer-root)){padding-bottom:20px!important}.MuiDrawer-root>.MuiBackdrop-root{background-color:#0006!important}main.MuiBox-root{padding:8px!important}main.MuiBox-root>.MuiBox-root:first-of-type{padding:12px!important}.fixed-header,.sticky-nav{position:relative!important}.MuiIconButton-root,.MuiButton-root,button,.clickable{min-height:40px!important}textarea,input,select{max-width:100%!important}.MuiSnackbar-root{width:95%!important;left:2.5%!important;right:2.5%!important}.MuiDrawer-paper{width:100%!important;max-width:100vw!important}.MuiDrawer-paper .MuiTable-root{min-width:unset!important}.MuiAppBar-root{padding:0 8px!important}.MuiToolbar-root{min-height:48px!important;padding:0 8px!important}.sidebar,.MuiDrawer-root{width:100%!important}.MuiDrawer-paperAnchorLeft{width:100%!important;max-width:100vw!important}.MuiCardContent-root{padding:16px!important}.MuiTableCell-root .MuiButton-root,.MuiTableCell-root .MuiIconButton-root{margin:1px!important}.MuiDatePicker-root,.MuiDateRangePicker-root{max-width:100%!important}.MuiPagination-root{overflow-x:auto!important}.MuiChip-root{height:28px!important;font-size:11px!important}.MuiAlert-root{padding:10px 14px!important;font-size:13px!important}.recharts-legend-item-list{flex-wrap:nowrap!important;justify-content:center!important;gap:16px!important;padding:0!important;display:flex!important}.recharts-default-legend,.recharts-legend-wrapper{justify-content:center!important;display:flex!important}.recharts-legend-item{white-space:nowrap!important;align-items:center!important;margin-right:0!important;display:inline-flex!important}}@media (width<=480px){.MuiTableCell-root{padding:6px 4px!important;font-size:11px!important}.MuiTypography-root.page-title,.header-title{font-size:16px!important}.MuiButton-root{padding:5px 10px!important;font-size:11px!important}.stat-value{font-size:18px!important}.MuiSelect-select{padding:6px 28px 6px 10px!important;font-size:12px!important}.MuiTab-root{padding:4px 10px!important;font-size:12px!important}.MuiPaper-root,.MuiCardContent-root{padding:12px!important}.MuiDialog-paper{margin:8px auto!important}.MuiDialogContent-root{padding:8px 12px!important}}