*{box-sizing:border-box;margin:0;padding:0}body{color:#111;-webkit-font-smoothing:antialiased;background:#f9fafb;font-family:system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}input,select,textarea,button{font-family:inherit}@media (width<=768px){.hidden-mobile{display:none!important}.mobile-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex!important}}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:52px;padding:0 22px;display:flex}@media (width<=768px){.topbar{flex-wrap:wrap;gap:6px;height:auto;min-height:48px;padding:8px 14px}.topbar-title{font-size:14px!important}.topbar-right{gap:6px!important}}@media (width>=769px) and (width<=1024px){.topbar{padding:0 16px}}.filter-bar{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #f3f4f6;flex-wrap:nowrap;align-items:center;gap:8px;padding:8px 22px;display:flex;overflow-x:auto}@media (width<=768px){.filter-bar{flex-wrap:wrap;gap:6px;padding:8px 12px;overflow-x:visible}.filter-bar select,.filter-bar input[type=date]{flex:140px;min-width:120px;height:34px;padding:6px 8px!important;font-size:12px!important}.filter-bar .filter-date-group{flex:100%;align-items:center;gap:4px;display:flex}}@media (width>=769px) and (width<=1024px){.filter-bar{padding:8px 16px}}.page-content{flex:1;padding:14px 20px;overflow-y:auto}@media (width<=768px){.page-content{padding:10px 12px}}@media (width>=769px) and (width<=1024px){.page-content{padding:12px 16px}}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.hide-mobile{display:table-cell}@media (width<=768px){.hide-mobile{display:none!important}}.hide-tablet{display:table-cell}@media (width<=1024px){.hide-tablet{display:none!important}}.grid-4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-3-2{grid-template-columns:3fr 2fr;gap:12px;display:grid}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.form-grid-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-bottom:10px;display:grid}@media (width<=768px){.grid-4,.grid-3{grid-template-columns:1fr 1fr!important}.grid-2,.grid-3-2,.form-grid,.form-grid-2{grid-template-columns:1fr!important}.form-grid-4{grid-template-columns:1fr 1fr!important}.span-2{grid-column:span 1!important}}@media (width>=769px) and (width<=1024px){.grid-4,.grid-3,.grid-3-2,.form-grid-4{grid-template-columns:1fr 1fr!important}}.dash-hero{background:#17341e;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:14px;padding:18px 20px;display:grid}@media (width<=768px){.dash-hero{grid-template-columns:1fr 1fr!important;gap:14px!important;padding:14px!important}}@media (width>=769px) and (width<=1024px){.dash-hero{grid-template-columns:1fr 1fr!important;gap:14px!important}}.modal{z-index:70;background:#fff;border-radius:12px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000001f}@media (width<=768px){.modal{max-height:90vh;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);width:calc(100vw - 24px)!important}}.side-panel{z-index:50;background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;height:100%;display:flex;position:fixed;top:0;right:0;overflow-y:auto}@media (width<=768px){.side-panel{border-left:none!important;width:100%!important;height:100%!important;top:0!important;left:0!important;right:0!important}}@media (width>=769px) and (width<=1024px){.side-panel{width:340px!important}}.settings-body{flex:1;display:flex;overflow:hidden}.settings-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;flex-shrink:0;width:180px;padding:14px 8px}@media (width<=768px){.settings-body{flex-direction:column!important}.settings-sidebar{border-bottom:1px solid #e5e7eb!important;border-right:none!important;flex-direction:row!important;gap:4px!important;width:100%!important;padding:8px 10px!important;display:flex!important;overflow-x:auto!important}.settings-sidebar>div:first-child{display:none!important}.settings-sidebar>div>div{white-space:nowrap!important;padding:7px 12px!important;font-size:12px!important}}@media (width>=769px) and (width<=1024px){.settings-sidebar{width:160px}}.cal-nav{align-items:center;gap:8px;display:flex}@media (width<=768px){.cal-legend{display:none!important}.cal-nav{gap:4px}.cal-month-label{min-width:110px!important;font-size:13px!important}}.cust-search{width:240px}@media (width<=768px){.cust-search{flex:1!important;width:100%!important}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:14px 0;display:flex}.dash-hero>*,.grid-4>*,.grid-3>*,.grid-2>*,.grid-3-2>*,.form-grid>*,.form-grid-2>*,.form-grid-4>*{min-width:0}.app-root{height:100vh;display:flex;overflow:hidden}@media (width<=768px){.app-root{flex-direction:column!important}.app-root main{min-height:0;overflow:hidden;flex:1!important}.mobile-header{z-index:20;position:sticky;top:0}}.cal-desktop{display:flex}.cal-mobile{display:none}@media (width<=768px){.cal-desktop{display:none!important}.cal-mobile{display:block!important}}