.dashboard-card{min-height:200px;contain:layout}.chart-container{min-height:280px;contain:layout}.employee-card{min-height:140px;contain:layout}img{max-width:100%;height:auto;contain:layout}.animate-spin{will-change:transform}.animate-pulse{will-change:opacity}.transition-shadow{transition:box-shadow .15s ease-in-out;will-change:box-shadow}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;min-height:1rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.dashboard-card{min-height:150px}.chart-container{min-height:200px}}.performance-optimized{contain:layout style paint;will-change:auto}.scroll-optimized{overflow-y:auto;-webkit-overflow-scrolling:touch;contain:layout}.no-repaint{transform:translateZ(0);backface-visibility:hidden}body,html{overscroll-behavior:none;-webkit-overflow-scrolling:touch;height:100dvh;min-height:100vh;overflow-x:hidden}.ios-safe-area{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (max-width:768px){#__next{min-height:100dvh;min-height:100vh}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important;transform:scale(1)}.mobile-form{padding:1rem}.mobile-input{min-height:44px}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}}.animate-bounce,.animate-pulse,.animate-spin,.mobile-menu-btn,.mobile-sidebar-overlay,[class*=transition-]{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button,.card,.input{contain:layout style paint}@media (max-width:640px){.grid-cols-1.md\:grid-cols-3{gap:.75rem}.grid-cols-1.lg\:grid-cols-2,.grid-cols-1.md\:grid-cols-3,.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3,.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4{grid-template-columns:1fr!important}.rounded-2xl,.rounded-xl{padding:1rem!important;margin:.5rem 0}.text-3xl{font-size:1.5rem!important;line-height:2rem!important}.text-2xl{font-size:1.25rem!important;line-height:1.75rem!important}.space-x-3>*+*{margin-left:.5rem!important}.space-x-4>*+*{margin-left:.75rem!important}}@media (max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-filters{flex-direction:column;align-items:stretch;gap:.75rem}.chart-container{min-height:250px;max-height:300px}.modal-content{margin:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-grid{grid-template-columns:1fr!important;gap:1rem}.flex.items-center.space-x-3,.flex.items-center.space-x-4{flex-wrap:wrap;gap:.5rem}.grid.grid-cols-1.lg\\:grid-cols-2,.grid.grid-cols-1.md\\:grid-cols-2,.grid.grid-cols-1.md\\:grid-cols-3{grid-template-columns:1fr!important;gap:1rem}.space-x-3>*+*{margin-left:.5rem!important}.space-x-4>*+*{margin-left:.75rem!important}.space-y-4>*+*{margin-top:1rem!important}.space-y-6>*+*{margin-top:1.5rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.text-center{text-align:center!important}.flex.justify-between{flex-direction:column;gap:1rem}.flex.justify-between.items-center{flex-direction:column;align-items:stretch;gap:1rem}}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:rgba(156,163,175,.5);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:rgba(156,163,175,.8)}@media (max-width:768px){.cursor-pointer,[role=button],button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(59,130,246,.1)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){body{overflow-x:hidden}.container{max-width:100vw;padding-left:1rem;padding-right:1rem}.card-grid{display:flex;flex-direction:column;gap:1rem}.nav-mobile{position:fixed;top:0;left:0;right:0;z-index:50;background:white;border-bottom:1px solid #e5e7eb}main{margin-left:0!important;width:100%!important;max-width:100vw!important}.mobile-sidebar-overlay{right:0!important;bottom:0!important;z-index:50!important;background:rgba(0,0,0,.5)!important}#main-navigation,.mobile-sidebar-overlay{position:fixed!important;top:0!important;left:0!important}#main-navigation{height:100vh!important;width:280px!important;z-index:60!important;transform:translateX(-100%)!important;transition:transform .3s ease-in-out!important}#main-navigation.translate-x-0{transform:translateX(0)!important}header{padding-left:1rem!important;padding-right:1rem!important}.bg-gray-50,header{width:100%!important;margin-left:0!important}.bg-gray-50{padding:.5rem!important}.flex.items-center.justify-between{flex-wrap:wrap;gap:.5rem}.mobile-menu-btn{position:relative!important;z-index:70!important}}@media (prefers-color-scheme:dark){.dark .scrollbar-thin::-webkit-scrollbar-thumb{background-color:rgba(75,85,99,.5)}.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:rgba(75,85,99,.8)}}@supports (padding:max(0px)){.safe-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-left{padding-left:max(1rem,env(safe-area-inset-left))}.safe-right{padding-right:max(1rem,env(safe-area-inset-right))}}img{content-visibility:auto;contain-intrinsic-size:300px 200px}@media (min-width:769px){.transition-all,.transition-opacity,.transition-transform{transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:scale-105:hover{transform:scale(1.05) translateZ(0)}.hover\\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.overflow-auto,.overflow-y-auto{scroll-behavior:smooth}}.virtual-list-container{contain:layout style paint}.virtual-list-item{contain:layout style}@media (max-width:768px){.overflow-auto,.overflow-x-auto,.overflow-y-auto{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;transform:translateZ(0)}.cursor-pointer,[role=button],button,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(59,130,246,.1)}.flex,.grid{contain:layout}.transition-all,.transition-opacity,.transition-transform{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.overflow-auto,.overflow-y-auto{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.h-screen,.min-h-screen{min-height:100dvh;min-height:100vh;height:auto}.flex.flex-col{min-height:auto}.grid{gap:1rem}.flex.items-center.justify-between{flex-wrap:wrap;gap:.5rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.rounded-2xl,.rounded-lg,.rounded-xl{margin:.5rem 0}}