@supports (padding:max(0px)){.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(1rem,env(safe-area-inset-left))}.safe-area-right{padding-right:max(1rem,env(safe-area-inset-right))}.safe-area-all{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}}@media (max-width:768px){.container{max-width:100vw;padding-left:1rem;padding-right:1rem;overflow-x:hidden}.login-background-image{min-height:100vh;min-height:100dvh}.mobile-optimized{width:100%;max-width:100%;padding:0 1rem}.grid,.grid-cols-1.lg\:grid-cols-2,.grid-cols-1.lg\:grid-cols-3,.grid-cols-1.md\:grid-cols-2,.grid-cols-1.md\:grid-cols-3{display:flex;flex-direction:column;gap:1rem}.card{margin:.5rem;padding:1rem;border-radius:.75rem}.btn,button{min-height:44px;min-width:44px;padding:.75rem 1rem;touch-action:manipulation}input,select,textarea{min-height:44px;padding:.75rem;font-size:16px}.nav{left:0;right:0;z-index:50;border-bottom:1px solid #e5e7eb;padding:1rem}.nav,.sidebar{position:fixed;top:0;background:white}.sidebar{left:-100%;width:80%;height:100vh;z-index:60;transition:left .3s ease}.sidebar.open{left:0}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:70;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:white;border-radius:.75rem;padding:1.5rem;max-width:100%;max-height:90vh;overflow-y:auto}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px}.text-3xl{font-size:1.5rem;line-height:2rem}.text-2xl{font-size:1.25rem;line-height:1.75rem}.text-xl{font-size:1.125rem;line-height:1.5rem}.space-x-4>*+*{margin-left:.5rem}.space-x-6>*+*{margin-left:.75rem}.space-y-4>*+*{margin-top:.75rem}.space-y-6>*+*{margin-top:1rem}}@supports (-webkit-touch-callout:none){body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px}button{-webkit-appearance:none;border-radius:0}body{overscroll-behavior:none}}@media screen and (-webkit-min-device-pixel-ratio:0){.container{-webkit-overflow-scrolling:touch}input,select,textarea{-webkit-appearance:none;border-radius:0}}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-header{padding-top:max(1rem,env(safe-area-inset-top))}.bottom-nav{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media (prefers-color-scheme:dark){.dark .modal-content{background:#1f2937;color:white}.dark .sidebar{background:#1f2937;border-right:1px solid #374151}.dark .nav{background:#1f2937;border-bottom:1px solid #374151}}.mobile-optimized{will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (max-width:768px){.mobile-optimized *{will-change:auto}.mobile-optimized{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-optimized .animate-spin{animation-duration:2s}.mobile-optimized img{loading:lazy;decoding:async}}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.touch-friendly{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.mobile-loading:after{content:"";width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#d3194f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.button,[role=button],a.btn,button,input[type=button],input[type=submit]{min-height:44px!important;min-width:44px!important;padding:12px 16px!important}input[type=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text],select,textarea{min-height:48px!important;font-size:16px!important;padding:12px 16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button,[role=button],button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}input[type=search]{-webkit-appearance:none;border-radius:8px;padding-right:40px}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:20px;width:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23999' d='M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z'/%3E%3C/svg%3E");cursor:pointer}input[type=file]{font-size:16px;padding:12px}input[type=file]::file-selector-button{min-height:44px;padding:8px 16px;margin-right:12px;background:#d3194f;color:white;border:none;border-radius:6px;font-weight:500;cursor:pointer;touch-action:manipulation}button[type=button].action-btn,button[type=button].delete-btn{min-width:48px;min-height:48px;padding:12px}.modal-content,[role=dialog]{max-width:95vw!important;max-height:90vh!important;overflow-y:auto;-webkit-overflow-scrolling:touch}form{padding:16px}form .field-group,form .form-group{margin-bottom:20px}.card,.document-card,.employee-card{padding:16px!important;margin-bottom:12px!important}.document-card,.employee-card{min-height:80px!important;cursor:pointer;-webkit-tap-highlight-color:rgba(211,25,79,.1)}.document-card:active,.employee-card:active{background-color:rgba(211,25,79,.05);transform:scale(.98);transition:transform .1s ease}.autocomplete-dropdown,.search-suggestions{max-height:50vh!important;overflow-y:auto;-webkit-overflow-scrolling:touch;position:absolute;z-index:50;width:100%;background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-top:4px}.autocomplete-dropdown li,.search-suggestions li{min-height:48px;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;touch-action:manipulation}.autocomplete-dropdown li:active,.search-suggestions li:active{background-color:rgba(211,25,79,.1)}select{background-position:right 12px center;background-size:16px}input[type=date],select{min-height:48px;padding:12px 16px;font-size:16px}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.confirmation-dialog,.delete-confirmation{padding:24px!important;border-radius:12px!important}.confirmation-dialog button,.delete-confirmation button{min-height:48px!important;min-width:120px!important;font-size:16px!important;margin:8px!important}.loading-spinner{min-height:100px;display:flex;align-items:center;justify-content:center}.error-message,.field-error{font-size:14px;padding:8px 12px;margin-top:4px;border-radius:6px}.notification,.toast{min-height:56px;padding:16px;font-size:16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.pagination button{min-width:44px!important;min-height:44px!important;margin:4px!important}.upload-progress{height:8px!important;border-radius:4px!important;margin:12px 0!important}.dropdown-menu{min-width:200px!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.dropdown-menu button,.dropdown-menu li{min-height:48px!important;padding:12px 16px!important;font-size:16px!important}input:focus,select:focus,textarea:focus{outline:2px solid #d3194f;outline-offset:2px;border-color:#d3194f}.form-container,form{overflow-x:hidden;max-width:100%}.grid,.grid-cols-2,.grid-cols-3{grid-template-columns:1fr!important;gap:16px!important}.form-actions,.sticky-actions{position:sticky;bottom:0;background:white;padding:16px;border-top:1px solid #e5e5e5;box-shadow:0 -2px 8px rgba(0,0,0,.1);z-index:10}button:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed;-webkit-tap-highlight-color:transparent}.infinite-scroll,.scrollable-list{-webkit-overflow-scrolling:touch;will-change:scroll-position}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}}@media (max-width:768px) and (orientation:landscape){.modal-content,[role=dialog]{max-height:85vh!important;padding:12px!important}form{padding:12px}@media (min-width:568px){.grid-mobile-landscape{grid-template-columns:1fr 1fr!important;gap:12px!important}}}@media (min-width:768px) and (max-width:1024px){.button,button{min-height:40px!important;padding:10px 20px!important}input,select,textarea{min-height:44px!important;font-size:15px!important}.grid-cols-2-tablet{grid-template-columns:1fr 1fr!important}.grid-cols-3-tablet{grid-template-columns:1fr 1fr 1fr!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){button,input,select{border-width:2px!important}.error-message{border:2px solid!important}}*{margin:0;padding:0}body,html{overflow-x:hidden;overflow-y:auto;min-width:100%;min-height:100vh;min-height:100dvh}#__next,body,html,main{margin:0;padding:0;width:100%;height:100%}*{box-sizing:border-box}.main-login{background:inherit;background-color:#111827;min-height:100dvh;min-height:100vh;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);position:relative;z-index:1}.login-background-image{position:absolute;inset:0;z-index:-1;width:100%;height:100%;margin:0;padding:0;background:#111827,url(/assets/bg1.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:scroll}.login-background-image.loaded{background-image:url(/assets/bg1.webp)}@media (max-width:768px){.login-background-image{min-height:100dvh;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-background-image>div{min-height:100dvh;min-height:100vh;padding-top:2rem;padding-bottom:2rem}.mobile-optimized{max-height:none;overflow:visible}.login-card-image{margin:1rem;max-width:calc(100% - 2rem);width:100%;box-sizing:border-box}}.dark .login-background-image{background:url(/assets/bg1.webp)}.dark .login-background-image.loaded{background-image:url(/assets/bg1.webp)}.login-logo-container-image{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:.5rem;background:rgba(255,255,255,.9);border-radius:8px;padding:1rem;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:300px;width:100%}.dark .login-logo-container-image{background:rgba(17,24,39,.9);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.login-logo-container-image p{letter-spacing:.5px;font-weight:600;color:#374151;text-align:center}.dark .login-logo-container-image p{color:#f3f4f6}.login-logo-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease}.login-logo-image:hover{transform:scale(1.02)}.login-card-image{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .2s ease;width:100%;max-width:24rem}.dark .login-card-image{background:rgba(17,24,39,.95);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.login-card-image:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.dark .login-card-image:hover{box-shadow:0 6px 16px rgba(0,0,0,.3)}.login-background-image,.login-card-image,.login-logo-container-image{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@media (max-width:640px){.login-background-image{background-attachment:scroll;padding:1rem;min-height:100dvh;min-height:100vh}.login-logo-container-image{margin-bottom:1rem}.login-logo-container-image img{width:100px!important;height:100px!important}.login-card-image{margin:0;background-color:rgba(255,255,255,.95)}.dark .login-card-image{background-color:rgba(17,25,40,.98)}}@media (max-width:480px){.login-background-image{padding:.5rem}.login-logo-container-image p{font-size:1rem;padding:.75rem 1rem}.login-card-image{padding:1.5rem!important}}@media (max-width:768px){.login-logo-image{width:100px;height:100px}.login-card-image{margin:1rem;padding:1.25rem;max-width:20rem}.login-logo-container-image{padding:.75rem;margin-bottom:.5rem;max-width:260px}.login-logo-container-image p{font-size:.875rem;padding:.5rem .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-background-image{background-attachment:scroll;width:100%;height:100dvh;height:100vh;min-width:100%;min-height:100dvh;min-height:100vh}}@media (prefers-reduced-motion:reduce){.login-card-image,.login-logo-image{transition:none}.login-background-image{background-attachment:scroll}}@media (prefers-contrast:high){.login-background-image{background:#ffffff}.dark .login-background-image{background:#000000}.login-card-image{border:2px solid #000000;background:#ffffff}.dark .login-card-image{border:2px solid #ffffff;background:#000000}}.login-background-image.loading,.login-background-image:before{background-image:url(/assets/bg1.webp)}.login-background-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease;pointer-events:none}.login-background-image.loaded:before{opacity:1}