*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{color:#333;background-color:#f5f5f5;font-family:Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}button:focus-visible{outline-offset:2px;outline:2px solid #1976d2}input:focus-visible{outline-offset:2px;outline:2px solid #1976d2}select:focus-visible{outline-offset:2px;outline:2px solid #1976d2}textarea:focus-visible{outline-offset:2px;outline:2px solid #1976d2}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;animation:1.5s infinite skeleton-loading}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chart-container{width:100%;height:400px;position:relative}.chart-container canvas{max-height:100%!important}.wfh-data-grid{overflow:hidden;border:none!important;border-radius:12px!important}.wfh-data-grid .MuiDataGrid-columnHeaders{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.wfh-data-grid .MuiDataGrid-row:nth-of-type(2n){background-color:#fafafa}.wfh-data-grid .MuiDataGrid-row:hover{background-color:#e3f2fd!important}.status-chip{border-radius:16px!important;font-weight:500!important}.status-chip.wfh{color:#2e7d32!important;background-color:#e8f5e8!important}.status-chip.office{color:#f57c00!important;background-color:#fff3e0!important}.hover-card{cursor:pointer;transition:all .3s}.hover-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)!important}.stats-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stats-card.success{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%)}.stats-card.warning{background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%)}.stats-card.error{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)}@media (max-width:768px){.chart-container{height:300px}.hide-on-mobile{display:none!important}}@media (max-width:480px){.chart-container{height:250px}.hide-on-small-mobile{display:none!important}}@media print{.no-print{display:none!important}.print-full-width{width:100%!important}body{background:#fff!important}}@media (prefers-color-scheme:dark){:root{--background-color:#121212;--surface-color:#1e1e1e;--text-primary:#fff;--text-secondary:#aaa}}@media (prefers-contrast:high){button{border:2px solid}.status-chip{border:1px solid}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.MuiButton-root.loading{pointer-events:none;opacity:.7}.MuiCard-root.elevated{box-shadow:0 4px 20px rgba(0,0,0,.1)}.MuiChip-root.clickable{cursor:pointer;transition:all .2s}.MuiChip-root.clickable:hover{transform:scale(1.05)}