@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Roboto+Mono:wght@400;500&display=swap";*{font-family:Outfit,sans-serif}::-webkit-scrollbar{display:none}:root{--color-primary: #2563eb;--color-primary-light: #3b82f6;--bg-color-white: #f0f6ff;--text-color-white: #ffffff;--border-color-medium: #e2e8f0;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}html,body,#root{height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-color-light)}header{width:100%;height:60px;background-color:var(--color-primary);color:var(--text-color-white);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);display:flex;align-items:center;padding:0 20px}.main-layout{display:flex;flex:1;height:calc(100vh - 60px)}.sidebar{width:230px;background-color:#fff;border-right:1px solid var(--border-color-medium);height:100%;transition:width .3s ease}.main-content{flex:1;padding:20px;overflow-y:auto;background-color:#f0f6ff}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:1rem}.loading-container p{color:#64748b;font-size:1rem}@media (max-width: 768px){.sidebar{position:fixed;z-index:90;transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{margin-left:0;width:100%;padding:16px}}input[type=text]:focus,input[type=number]:focus,select:focus,.react-select__control--is-focused{outline:none;border-color:red;box-shadow:none}.react-select-container{position:relative;font-family:Roboto,sans-serif}.react-select__control{min-height:40px!important;border:1px solid var(--border-color-medium)!important;border-radius:6px!important;box-shadow:var(--shadow-sm)!important;background-color:var(--bg-color-white)!important;transition:all .2s ease-in-out!important;font-size:14px!important}.react-select__control:hover{border-color:#94a3b8!important}.react-select__control--is-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #2563eb1a!important}.react-select__control--menu-is-open{border-color:var(--color-primary)!important}.react-select__placeholder{color:#64748b!important;font-size:14px!important;margin:0!important}.react-select__single-value{color:#1e293b!important;font-size:14px!important;margin:0!important}.react-select__input{color:#1e293b!important;font-size:14px!important}.react-select__input-container{color:#1e293b!important;margin:0!important;padding:0!important}.react-select__indicator{padding:6px 8px!important;color:#64748b!important}.react-select__indicator:hover{color:#475569!important}.react-select__clear-indicator,.react-select__dropdown-indicator{padding:6px 8px!important}.react-select__menu{z-index:9999!important;border-radius:6px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;border:1px solid var(--border-color-medium)!important;background-color:var(--bg-color-white)!important}.react-select__menu-list{padding:4px!important;max-height:200px!important}.react-select__option{background-color:transparent!important;color:#1e293b!important;font-size:14px!important;padding:8px 12px!important;border-radius:4px!important;cursor:pointer!important;transition:all .15s ease-in-out!important}.react-select__option:hover,.react-select__option--is-focused{background-color:#f1f5f9!important;color:#1e293b!important}.react-select__option--is-selected{background-color:var(--color-primary)!important;color:var(--text-color-white)!important}.react-select__option--is-disabled{color:#94a3b8!important;cursor:not-allowed!important}.react-select__multi-value{background-color:#e2e8f0!important;border-radius:4px!important;margin:2px!important}.react-select__multi-value__label{color:#1e293b!important;font-size:13px!important;padding:2px 6px!important}.react-select__multi-value__remove{color:#64748b!important;border-radius:0 4px 4px 0!important;padding:2px 4px!important}.react-select__multi-value__remove:hover{background-color:#fecaca!important;color:#dc2626!important}.react-select__loading-indicator{color:var(--color-primary)!important}.react-select__loading-message,.react-select__no-options-message{color:#64748b!important;font-size:14px!important}.react-select__group{padding:0!important}.react-select__group-heading{color:#64748b!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:8px 12px 4px!important;margin:0!important}.react-select__control--is-disabled{background-color:#f8fafc!important;border-color:#e2e8f0!important}.react-select__control--is-disabled .react-select__single-value,.react-select__control--is-disabled .react-select__placeholder{color:#94a3b8!important}.react-select--error .react-select__control{border-color:#dc2626!important}.react-select--error .react-select__control--is-focused{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.react-select--success .react-select__control{border-color:#16a34a!important}.react-select--small .react-select__control{min-height:32px!important;font-size:13px!important}.react-select--small .react-select__value-container{padding:0 8px!important}.react-select--small .react-select__input,.react-select--small .react-select__placeholder,.react-select--small .react-select__single-value{font-size:13px!important}.react-select--large .react-select__control{min-height:48px!important;font-size:16px!important}.react-select--large .react-select__value-container{padding:4px 16px!important}.react-select--large .react-select__input,.react-select--large .react-select__placeholder,.react-select--large .react-select__single-value{font-size:16px!important}.react-select--searchable .react-select__control{border-radius:8px!important}.react-select--inline{display:inline-block!important;width:auto!important;min-width:150px!important}.react-select--full-width{width:100%!important}@media (max-width: 768px){.react-select__menu{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;max-width:400px!important;max-height:60vh!important}.react-select__menu-list{max-height:50vh!important}.react-select__control{min-height:44px!important}}@keyframes reactSelectFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.react-select__menu{animation:reactSelectFadeIn .2s ease-out!important}.react-select__menu-list::-webkit-scrollbar{width:6px}.react-select__menu-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.react-select__menu-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.react-select__menu-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--sb-w: 220px;--sb-w-col: 64px;--sb-bg: #ffffff;--sb-border: #e1ecf7;--sb-blue-50: #e3f2fd;--sb-blue-100: #bbdefb;--sb-blue-500: #2196f3;--sb-blue-600: #1e88e5;--sb-blue-700: #1565c0;--sb-blue-900: #0d47a1;--sb-grad: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--sb-text-1: #0d1b2a;--sb-text-2: #4a6080;--sb-text-3: #8aa3bc;--sb-item-h: #f0f7ff;--sb-item-act-bg: #e3f2fd;--sb-item-act-color: #0d47a1;--sb-t: .22s cubic-bezier(.4,0,.2,1);--sb-font: "DM Sans", system-ui, sans-serif;--sb-radius: 10px;--sb-shadow: 0 4px 24px rgba(13,71,161,.13), 0 1px 6px rgba(13,71,161,.06)}.sb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--sb-w);min-height:100vh;gap:.6rem;background:var(--sb-bg);font-family:var(--sb-font);font-size:.82rem;color:var(--sb-text-3);border-right:1px solid var(--sb-border);flex-shrink:0}.sb-loading-spinner{width:28px;height:28px;border:3px solid var(--sb-blue-100);border-top-color:var(--sb-blue-500);border-radius:50%;animation:sb-spin .7s linear infinite}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-sidebar{position:relative;width:var(--sb-w);min-height:100vh;max-height:100vh;display:flex;flex-direction:column;background:var(--sb-bg);border-right:1px solid var(--sb-border);box-shadow:var(--sb-shadow);transition:width var(--sb-t);flex-shrink:0;z-index:50;font-family:var(--sb-font);overflow:visible}.sb-sidebar--collapsed{width:var(--sb-w-col)}.sb-brand{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem .7rem;gap:.5rem;border-bottom:1px solid var(--sb-border);min-height:52px;flex-shrink:0}.sb-brand-name{font-size:.9rem;font-weight:800;letter-spacing:-.3px;background:var(--sb-grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;overflow:hidden}.sb-collapse-btn{width:28px;height:28px;border-radius:8px;background:var(--sb-blue-50);border:1px solid var(--sb-blue-100);color:var(--sb-blue-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--sb-t),transform var(--sb-t);flex-shrink:0}.sb-collapse-btn:hover{background:var(--sb-blue-100)}.sb-collapse-icon{font-size:1.15rem!important;transition:transform var(--sb-t)}.sb-collapse-icon--flipped{transform:rotate(180deg)}.sb-profile{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#f0f7ff,#e8f2fc);border-bottom:1px solid var(--sb-border);min-height:60px}.sb-sidebar--collapsed .sb-profile{justify-content:center;padding:.8rem}.sb-profile-avatar{position:relative;flex-shrink:0}.sb-avatar-img,.sb-avatar-fallback{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--sb-blue-200, #90caf9)}.sb-avatar-fallback{background:var(--sb-grad);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.sb-profile-status{position:absolute;bottom:0;right:0;width:9px;height:9px;background:#43a047;border-radius:50%;border:2px solid #fff}.sb-profile-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1;overflow:hidden}.sb-profile-name{font-size:.82rem;font-weight:700;color:var(--sb-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-profile-meta{font-size:.68rem;color:var(--sb-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-divider{height:1px;background:linear-gradient(90deg,transparent,var(--sb-border),transparent);flex-shrink:0}.sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem .55rem;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:var(--sb-blue-100) transparent}.sb-nav::-webkit-scrollbar{width:3px}.sb-nav::-webkit-scrollbar-thumb{background:var(--sb-blue-100);border-radius:3px}.sb-item{position:relative}.sb-row{display:flex;align-items:center;gap:.6rem;padding:.48rem .55rem;border-radius:9px;cursor:pointer;text-decoration:none;color:var(--sb-text-2);font-size:.8rem;font-weight:600;transition:background var(--sb-t),color var(--sb-t);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.sb-row:hover{background:var(--sb-item-h);color:var(--sb-text-1)}.sb-item--active>.sb-row{color:var(--sb-item-act-color);background:var(--sb-item-act-bg)}.sb-item--flyout-open>.sb-row,.sb-item--flyout-open>.sb-row:hover{background:var(--sb-blue-100);color:var(--sb-blue-900)}.sb-item--active>.sb-row:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--sb-grad)}.sb-row-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;flex-shrink:0;transition:background var(--sb-t),color var(--sb-t);color:var(--sb-text-3);font-size:.95rem}.sb-row:hover .sb-row-icon{background:var(--sb-blue-50);color:var(--sb-blue-600)}.sb-item--active>.sb-row .sb-row-icon,.sb-item--flyout-open>.sb-row .sb-row-icon{background:var(--sb-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.sb-row-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-row-arrow{display:flex;color:var(--sb-text-3);transition:transform var(--sb-t);flex-shrink:0}.sb-row-arrow--open{transform:rotate(180deg)}.sb-row-chevron{position:absolute;right:3px;font-size:.6rem;color:var(--sb-text-3);opacity:.5}.sb-submenu{overflow:hidden;max-height:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease;opacity:0;margin-left:1rem;padding-left:.75rem;border-left:2px solid var(--sb-border)}.sb-submenu--open{max-height:800px;opacity:1}.sb-subitem{display:flex;align-items:center;gap:.5rem;padding:.38rem .5rem;border-radius:7px;text-decoration:none;font-size:.76rem;font-weight:500;color:var(--sb-text-2);transition:background var(--sb-t),color var(--sb-t);margin:1px 0}.sb-subitem:hover{background:var(--sb-item-h);color:var(--sb-text-1)}.sb-subitem--active{background:var(--sb-item-act-bg);color:var(--sb-item-act-color);font-weight:700}.sb-subitem-dot{width:5px;height:5px;border-radius:50%;background:var(--sb-blue-100);flex-shrink:0;transition:background var(--sb-t)}.sb-subitem:hover .sb-subitem-dot{background:var(--sb-blue-500)}.sb-subitem--active .sb-subitem-dot{background:var(--sb-grad);width:6px;height:6px}.sb-flyout{position:absolute;left:calc(var(--sb-w-col) + 6px);min-width:192px;max-width:220px;background:#fff;border-radius:12px;border:1px solid var(--sb-border);box-shadow:0 8px 28px #0d47a129,0 2px 8px #0000000f;overflow:hidden;z-index:200;animation:sb-flyout-in .18s cubic-bezier(.34,1.56,.64,1) both;padding:.35rem}@keyframes sb-flyout-in{0%{opacity:0;transform:translate(-8px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.sb-flyout-header{padding:.45rem .7rem .3rem;font-size:.68rem;font-weight:800;color:var(--sb-blue-700);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--sb-border);margin-bottom:.25rem}.sb-flyout-header--solo{border:none;margin:0;padding:.5rem .7rem;font-size:.8rem;text-transform:none;letter-spacing:0}.sb-flyout-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border-radius:8px;text-decoration:none;font-size:.78rem;font-weight:500;color:var(--sb-text-2);transition:background var(--sb-t),color var(--sb-t)}.sb-flyout-item svg{font-size:.75em!important;opacity:.5;flex-shrink:0}.sb-flyout-item:hover{background:var(--sb-item-h);color:var(--sb-text-1)}.sb-flyout-item:hover svg{opacity:1;color:var(--sb-blue-500)}.sb-flyout-item--active{background:var(--sb-item-act-bg);color:var(--sb-item-act-color);font-weight:700}.sb-flyout-item--active svg{opacity:1;color:var(--sb-blue-500)}.sb-mobile-toggle{display:none;position:fixed;top:11px;left:11px;z-index:1001;width:38px;height:38px;background:var(--sb-grad);color:#fff;border:none;border-radius:10px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #2196f359}.sb-mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#050f236b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;animation:sb-fade .22s ease both}@keyframes sb-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.sb-mobile-toggle{display:flex}.sb-mobile-overlay{display:block}.sb-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:100;width:var(--sb-w)!important;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;overflow-y:auto;overflow-x:visible}.sb-sidebar--mobile-open{transform:translate(0);box-shadow:4px 0 32px #0d47a133}.sb-sidebar--collapsed{width:var(--sb-w)!important}.sb-sidebar .sb-profile{justify-content:flex-start;padding:.8rem 1rem}.sb-sidebar .sb-profile-info{display:flex}}.hd-header{height:48px;background:var(--gradient-light-blue-white, #FFFFFF);border-bottom:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;border-radius:0 0 8px 8px;color:var(--text-color-dark)}.hd-left,.hd-right{display:flex;align-items:center;gap:1rem}.hd-logo{height:40px;width:auto;margin-right:.5rem}.hd-btn{background:none;border:none;color:var(--icon-color-default);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease,transform .2s ease;font-size:24px}.hd-btn:hover{background-color:var(--bg-color-hover);color:var(--color-primary);transform:translateY(-2px)}.hd-btn:active{transform:translateY(0)}.hd-btn-logout{color:var(--color-error)}.hd-btn-logout:hover{background-color:#f443361a}@media (max-width: 768px){.hd-header{padding:0 1rem}.hd-logo{height:35px;margin-left:46px}.hd-btn{padding:.4rem;font-size:22px}}@media (max-width: 480px){.hd-header{padding:0 .75rem}.hd-logo{height:32px;margin-left:46px}.hd-right{gap:.5rem}.hd-btn{padding:.3rem;font-size:20px}}@media (min-width: 769px) and (max-width: 1024px){.hd-logo{height:38px;margin-left:0}}.vs-login-page{min-height:100vh;display:flex;flex-direction:column;background:url(/images/genericBg.png) no-repeat center center/cover;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.vs-login-header{padding:1rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.7)}.vs-header-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto}.vs-header-logo{display:flex;align-items:center;gap:10px}.vs-logo-image{height:40px;width:auto;border-radius:6px}.vs-header-nav{display:flex;gap:2rem}.vs-nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}.vs-nav-link:hover{background:#ffffff26}.vs-login-content{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 2rem;position:relative;min-height:auto}.vs-login-glass-box{display:flex;width:400px;background:#ffffff0d;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.8);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #00000026,inset 0 0 0 1px #ffffff4d}.vs-login-right{width:100%;display:flex;align-items:center;justify-content:center;background:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:2rem}.vs-login-formContainer{padding:1rem;border-radius:12px;width:100%;text-align:center}.vs-login-logo-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.5rem}.vs-login-logo{max-width:80px;height:auto;border-radius:12px;box-shadow:0 6px 15px #0000004d;background-color:#fff;padding:8px}.vs-hal-company-name{font-size:1rem;font-weight:700;margin-top:.8rem;background:linear-gradient(135deg,#2196f3,#0d47a1);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(255,255,255,.8);letter-spacing:1px}.vs-mui-input-group{margin-bottom:1.5rem;text-align:left}.vs-mui-input-container{position:relative;margin-bottom:4px}.vs-mui-input-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;z-index:1;font-size:1.2rem}.vs-mui-input{width:100%;padding:10px 10px 10px 32px;border:none;outline:none;background:transparent;font-size:15px;color:#fff;position:relative;z-index:2}.vs-mui-input-label{position:absolute;left:32px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.3);color:#fff;pointer-events:none;transition:all .2s ease;z-index:1}.vs-mui-input:focus+.vs-mui-input-label,.vs-mui-input.vs-has-value+.vs-mui-input-label{top:-8px;left:0;font-size:14px;color:#fff}.vs-mui-input-underline{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#fff;z-index:1}.vs-mui-input-focus-underline{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#2196f3;transform:scaleX(0);transition:transform .2s ease;z-index:2}.vs-mui-input:focus~.vs-mui-input-focus-underline,.vs-mui-input.vs-has-value~.vs-mui-input-focus-underline{transform:scaleX(1)}.vs-mui-input-helper{font-size:.7rem;color:#0000008a;margin-top:4px;padding:0 10px}.vs-login-submitButton{width:100%;padding:10px;border:none;border-radius:4px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-top:.5rem;transition:all .2s ease}.vs-login-submitButton:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.vs-login-submitButton:disabled{opacity:.7;cursor:not-allowed}.vs-login-errorText{color:#f44336;font-size:13px;margin-bottom:1rem;text-align:center;background:#f443361a;padding:6px;border-radius:4px}@media (max-width: 900px){.vs-login-glass-box{width:95%}.vs-header-container{flex-direction:column;gap:1rem}.vs-header-nav{justify-content:center}.vs-login-content{padding:1rem}}@media (max-width: 600px){.vs-login-header{padding:.8rem}.vs-header-container{flex-direction:column;gap:.8rem}.vs-header-nav{gap:.8rem}.vs-nav-link{padding:.3rem .6rem;font-size:.9rem}.vs-login-content{padding:.5rem}.vs-login-glass-box{width:100%}.vs-hal-company-name{font-size:1.8rem}}._spinnerContainer_j3r8d_5{display:flex;justify-content:center;align-items:center;width:100%;height:100%}._spinner_j3r8d_5{border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;border-radius:50%;width:24px;height:24px;animation:_spin_j3r8d_5 1s linear infinite}@keyframes _spin_j3r8d_5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-dashboard{padding:4px;min-height:100vh;background-color:transparent}.admin-dashboard__grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto;gap:15px;max-width:100%;margin:0 auto}.admin-dashboard__box{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000f;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:30px;color:#333;font-size:.9em;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer;text-align:center;overflow:hidden}.admin-dashboard__box1{grid-column:span 3}.admin-dashboard__box2{grid-row:span 2}.admin-dashboard__box3{grid-column:span 2;grid-row:span 1}.admin-dashboard__box4{min-height:60px}.admin-dashboard__box5{grid-column:span 4;grid-row:span 4}.admin-dashboard__box6,.admin-dashboard__box7,.admin-dashboard__box8{min-height:60px}@media (max-width: 1024px){.admin-dashboard__grid-container{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto auto;gap:12px}.admin-dashboard__box1{grid-column:span 3;min-height:50px}.admin-dashboard__box2{grid-row:span 1;min-height:120px}.admin-dashboard__box3{grid-column:span 2;grid-row:span 1;min-height:120px}.admin-dashboard__box{padding:10px;min-height:50px;font-size:.85em}}@media (max-width: 768px){.admin-dashboard__grid-container{grid-template-columns:repeat(2,1fr);gap:10px}.admin-dashboard__box1{grid-column:span 2;min-height:45px}.admin-dashboard__box2{grid-row:span 1;min-height:100px}.admin-dashboard__box3{grid-column:span 2;grid-row:span 1;min-height:100px}.admin-dashboard__box{padding:8px;min-height:45px;border-radius:6px;box-shadow:0 3px 8px #0000000d}}@media (max-width: 480px){.admin-dashboard__grid-container{grid-template-columns:1fr;gap:8px;padding:0 10px}.admin-dashboard__box1,.admin-dashboard__box2,.admin-dashboard__box3,.admin-dashboard__box4,.admin-dashboard__box5,.admin-dashboard__box6,.admin-dashboard__box7,.admin-dashboard__box8{grid-column:span 1;grid-row:span 1;min-height:40px;padding:8px;border-radius:5px}.admin-dashboard{padding:15px 0}.admin-dashboard__box{font-size:.8em}}.adbs-container{display:flex;flex-wrap:wrap;gap:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;justify-content:space-between}.adbs-item{display:flex;flex-direction:column;align-items:center;flex:1 0 calc(12.5% - 8px);min-width:80px;max-width:100px;padding:8px 4px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #2196f333;box-sizing:border-box;transition:transform .2s ease}.adbs-item:hover{transform:translateY(-2px);box-shadow:0 2px 5px #2196f34d}.adbs-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#2196f3,#0d47a1);margin-bottom:4px}.adbs-icon svg{font-size:1.2rem!important;color:#fff}.adbs-count{font-weight:600;font-size:1.1rem;color:#0d47a1;margin-bottom:2px}.adbs-title{font-size:.7rem;color:#666;text-align:center;white-space:nowrap}.adbs-loading{opacity:.7}.adbs-skeleton{animation:adbs-pulse 1.5s ease-in-out infinite}.adbs-skeleton-icon{background:linear-gradient(135deg,#e0e0e0,#b0b0b0)!important}.adbs-skeleton-icon svg{opacity:0}.adbs-skeleton-count{width:40%;height:1.1rem;background:#e0e0e0;border-radius:2px}.adbs-skeleton-title{width:70%;height:.7rem;background:#e0e0e0;border-radius:2px;margin-top:2px}@keyframes adbs-pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.adbs-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.adbs-error-icon{color:#f44336;margin-bottom:16px}.adbs-error-message{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:8px}.adbs-error-details{font-size:.9rem;color:#666;margin-bottom:20px;max-width:400px}.adbs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.adbs-empty-icon{color:#9e9e9e;margin-bottom:16px}.adbs-empty-message{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:8px}.adbs-empty-details{font-size:.9rem;color:#666;margin-bottom:20px;max-width:400px}.adbs-retry-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.adbs-retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2196f34d}@media (max-width: 1200px){.adbs-item{flex:1 0 calc(25% - 8px)}}@media (max-width: 768px){.adbs-item{flex:1 0 calc(33.33% - 8px)}}@media (max-width: 600px){.adbs-container{gap:6px}.adbs-item{flex:1 0 calc(50% - 6px);min-width:60px;padding:6px 2px}.adbs-count{font-size:1rem}.adbs-title{font-size:.6rem}.adbs-icon{width:24px;height:24px}.adbs-icon svg{font-size:1rem!important}}@media (max-width: 400px){.adbs-item{flex:1 0 calc(50% - 6px);min-width:50px}.adbs-title{font-size:.55rem}.adbs-error,.adbs-empty{padding:20px 15px}.adbs-error-message,.adbs-empty-message{font-size:1rem}.adbs-error-details,.adbs-empty-details{font-size:.8rem}}.adsm-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.adsm-modal-content{background:#fff;border-radius:8px;width:85%;max-width:1000px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.adsm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;flex-shrink:0}.adsm-modal-title{margin:0;font-size:1.2rem;font-weight:600}.adsm-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.adsm-close-btn:hover{background-color:#fff3}.adsm-modal-body{flex:1;padding:20px;overflow-y:auto}.adsm-summary{display:flex;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e3f2fd}.adsm-summary-item{display:flex;flex-direction:column;margin-right:30px}.adsm-summary-label{font-size:.8rem;color:#666;margin-bottom:4px}.adsm-summary-value{font-size:1rem;font-weight:600;color:#0d47a1}.adsm-table-container{overflow-x:auto;position:relative;max-height:calc(80vh - 200px)}.adsm-table{width:100%;border-collapse:collapse;min-width:600px;font-size:.8rem;table-layout:fixed}.adsm-table thead{position:sticky;top:0;z-index:10}.adsm-table th,.adsm-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #e3f2fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.adsm-table th{background-color:#f0f7ff;font-weight:600;color:#0d47a1;border-bottom:2px solid #bbdefb;font-size:.8rem;position:sticky;top:0}.adsm-table td{color:#424242;vertical-align:middle;height:36px}.adsm-table tr:hover{background-color:#f5f9ff}.adsm-no-data{text-align:center;padding:30px 20px;color:#666;font-size:.9rem}.adsm-modal-footer{padding:12px 20px;background-color:#f5f9ff;border-top:1px solid #e3f2fd;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.adsm-summary-total{color:#1565c0;font-weight:500;font-size:.85rem}.adsm-close-footer-btn{padding:6px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s;font-weight:500}.adsm-close-footer-btn:hover{background-color:#0d47a1}.adsm-search-container{display:flex;margin-bottom:20px}.adsm-search-input-group{position:relative;flex:1}.adsm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666;z-index:1}.adsm-search-input{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;box-sizing:border-box;transition:border-color .2s}.adsm-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}@media (max-width: 768px){.adsm-search-container{flex-direction:column}}@media (max-width: 768px){.adsm-modal-content{width:95%;margin:10px;max-height:90vh}.adsm-modal-header{padding:10px 15px}.adsm-modal-title{font-size:1.1rem}.adsm-summary{flex-direction:column;gap:10px}.adsm-summary-item{margin-right:0}.adsm-table th,.adsm-table td{padding:8px 6px;font-size:.75rem}.adsm-modal-footer{padding:10px 15px;flex-direction:column;gap:10px;align-items:flex-end}.adsm-summary-total{align-self:flex-start;font-size:.8rem}.adsm-close-footer-btn{padding:5px 14px;font-size:.75rem}}.adopmm-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.adopmm-modal-content{background:#fff;border-radius:8px;width:85%;max-width:1100px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.adopmm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;flex-shrink:0}.adopmm-modal-title{margin:0;font-size:1.2rem;font-weight:600}.adopmm-close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.adopmm-close-btn:hover{background-color:#fff3}.adopmm-modal-body{flex:1;padding:0;overflow-y:auto}.adopmm-no-data{text-align:center;padding:30px 20px;color:#666;font-size:.9rem}.adopmm-table-container{overflow-x:auto;position:relative;max-height:calc(80vh - 130px)}.adopmm-table{width:100%;border-collapse:collapse;min-width:800px;font-size:.8rem;table-layout:fixed}.adopmm-table thead{position:sticky;top:0;z-index:10}.adopmm-table th{background-color:#f0f7ff;padding:10px 8px;text-align:left;font-weight:600;color:#0d47a1;border-bottom:2px solid #bbdefb;font-size:.8rem;white-space:nowrap;position:sticky;top:0}.adopmm-table td{padding:8px;border-bottom:1px solid #e3f2fd;color:#424242;vertical-align:middle;height:36px}.adopmm-table th,.adopmm-table td{padding:8px;text-align:left}.adopmm-table td.adopmm-emp-id{color:#1565c0;font-weight:500}.adopmm-table tr:hover{background-color:#f5f9ff}.adopmm-status{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:capitalize;display:inline-block;min-width:70px;text-align:center}.adopmm-status-out{background-color:#ffecb3;color:#7d6608}.adopmm-status-returned{background-color:#c8e6c9;color:#2e7d32}.adopmm-modal-footer{padding:12px 20px;background-color:#f5f9ff;border-top:1px solid #e3f2fd;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.adopmm-summary{color:#1565c0;font-weight:500;font-size:.85rem}.adopmm-close-footer-btn{padding:6px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s;font-weight:500}.adopmm-close-footer-btn:hover{background-color:#0d47a1}.adopmm-search-container{padding:15px 20px 0;margin-bottom:15px}.adopmm-search-input-group{position:relative;max-width:400px}.adopmm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666;z-index:1}.adopmm-search-input{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;box-sizing:border-box;transition:border-color .2s}.adopmm-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.adopmm-status-approved{background-color:#c8e6c9;color:#2e7d32}.adopmm-status-not-approved{background-color:#ffcdd2;color:#c62828}.adopmm-table th:nth-child(8),.adopmm-table td:nth-child(8){width:120px}.adopmm-table th:nth-child(9),.adopmm-table td:nth-child(9){width:100px}.adopmm-table th:nth-child(10),.adopmm-table td:nth-child(10){width:110px}@media (max-width: 768px){.adopmm-search-container{padding:10px 15px 0}.adopmm-search-input-group{max-width:100%}}@media (max-width: 768px){.adopmm-modal-content{width:95%;margin:10px;max-height:90vh}.adopmm-modal-header{padding:10px 15px}.adopmm-modal-title{font-size:1.1rem}.adopmm-table th,.adopmm-table td{padding:8px 6px;font-size:.75rem}.adopmm-modal-footer{padding:10px 15px;flex-direction:column;gap:10px;align-items:flex-end}.adopmm-summary{align-self:flex-start;font-size:.8rem}.adopmm-close-footer-btn{padding:5px 14px;font-size:.75rem}}.adopm-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;box-sizing:border-box;width:100%;margin:0 auto;padding:8px}.adopm-header{margin-bottom:10px}.adopm-title{font-weight:600;font-size:.9rem;text-align:center;background:linear-gradient(135deg,#2196f3,#0d47a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.adopm-summary-card{background:linear-gradient(135deg,#2196f3,#0d47a1);border-radius:6px;padding:10px;margin-bottom:12px;color:#fff;text-align:center}.adopm-total-label{font-size:.7rem;opacity:.9;margin-bottom:3px}.adopm-total-value{font-size:1.3rem;font-weight:700}.adopm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.adopm-card{background:#fafafa;border-radius:6px;padding:10px;text-align:center;border:1px solid #eee;display:flex;flex-direction:column;justify-content:space-between;min-height:80px}.adopm-card-content{width:100%;margin-bottom:8px}.adopm-card-value{font-weight:700;font-size:1rem;color:#2c3e50;line-height:1.2;margin-bottom:2px}.adopm-card-label{font-weight:600;font-size:.8rem;background:linear-gradient(135deg,#2196f3,#0d47a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.adopm-view-details-btn{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s}.adopm-view-details-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.adopm-view-details-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.adopm-error-message{display:flex;align-items:center;background:#ffebee;border:1px solid #ffcdd2;border-radius:6px;padding:8px 10px;margin-bottom:12px;color:#c62828}.adopm-error-icon{margin-right:8px;font-size:1rem}.adopm-error-text{font-size:.75rem;font-weight:500;line-height:1.3}.adopm-loading{opacity:.8}.adopm-skeleton{animation:adopm-pulse 1.5s ease-in-out infinite}.adopm-skeleton .adopm-card-value{width:20px;height:1rem;background:#e0e0e0;border-radius:3px;margin:0 auto 3px}.adopm-skeleton .adopm-card-label{width:60px;height:.8rem;background:#e0e0e0;border-radius:3px;margin:0 auto}.adopm-view-details-skeleton{width:70px;height:20px;background:#e0e0e0;border-radius:4px;margin:8px auto 0}@keyframes adopm-pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@media (max-width: 360px){.adopm-container{max-width:280px}.adopm-grid{grid-template-columns:1fr;gap:6px}.adopm-card{padding:8px}.adopm-title{font-size:.8rem}.adopm-total-value{font-size:1.2rem}.adopm-card-value{font-size:.9rem}.adopm-view-details-btn{font-size:.6rem;padding:3px 6px}.adopm-error-message{padding:6px 8px}.adopm-error-text{font-size:.7rem}}.adbmum-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.adbmum-modal-content{background:#fff;border-radius:8px;width:80%;max-width:1000px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.adbmum-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;flex-shrink:0}.adbmum-modal-title{margin:0;font-size:1.2rem;font-weight:600}.adbmum-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.adbmum-close-btn:hover{background-color:#fff3}.adbmum-modal-body{flex:1;padding:20px;overflow-y:auto}.adbmum-summary{display:flex;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e8f5e9}.adbmum-summary-item{display:flex;flex-direction:column;margin-right:30px}.adbmum-summary-label{font-size:.8rem;color:#666;margin-bottom:4px}.adbmum-summary-value{font-size:1rem;font-weight:600;color:#0d47a1}.adbmum-search-container{display:flex;margin-bottom:20px}.adbmum-search-input-group{position:relative;flex:1}.adbmum-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666;z-index:1}.adbmum-search-input{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;box-sizing:border-box;transition:border-color .2s}.adbmum-search-input:focus{outline:none;border-color:#0d47a1;box-shadow:0 0 0 2px #4caf5033}.adbmum-table-container{overflow-x:auto;position:relative;max-height:calc(80vh - 200px)}.adbmum-table{width:100%;border-collapse:collapse;min-width:800px;font-size:.8rem;table-layout:fixed}.adbmum-table thead{position:sticky;top:0;z-index:10}.adbmum-table th,.adbmum-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #e8f5e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.adbmum-table th{background-color:#f0f7ff;font-weight:600;color:#0d47a1;border-bottom:2px solid #bbdefb;font-size:.8rem;position:sticky;top:0}.adbmum-table td{color:#424242;vertical-align:middle;height:36px}.adbmum-table tr:hover{background-color:#f5f9ff}.adbmum-document-cell{text-align:center}.adbmum-document-btn{background:none;border:none;color:#0d47a1;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;margin:0 auto}.adbmum-document-btn:hover{background-color:#2e7d321a}.adbmum-no-data,.adbmum-loading,.adbmum-error{text-align:center;padding:40px 20px;color:#666;font-size:.9rem}.adbmum-loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #0d47a1;border-radius:50%;width:30px;height:30px;animation:adbmum-spin 1s linear infinite;margin:0 auto 15px}@keyframes adbmum-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adbmum-error{color:#d32f2f}.adbmum-error button{margin-top:10px;padding:6px 12px;background-color:#d32f2f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.adbmum-modal-footer{padding:12px 20px;background-color:#f5f9ff;border-top:1px solid #e3f2fd;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.adbmum-summary-total{color:#0d47a1;font-weight:500;font-size:.85rem}.adbmum-close-footer-btn{padding:6px 16px;background-color:#0d47a1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s;font-weight:500}.adbmum-close-footer-btn:hover{background-color:#0d47a1}@media (max-width: 768px){.adbmum-modal-content{width:95%;margin:10px;max-height:90vh}.adbmum-modal-header{padding:10px 15px}.adbmum-modal-title{font-size:1.1rem}.adbmum-summary{flex-direction:column;gap:10px}.adbmum-summary-item{margin-right:0}.adbmum-table th,.adbmum-table td{padding:8px 6px;font-size:.75rem}.adbmum-modal-footer{padding:10px 15px;flex-direction:column;gap:10px;align-items:flex-end}.adbmum-summary-total{align-self:flex-start;font-size:.8rem}.adbmum-close-footer-btn{padding:5px 14px;font-size:.75rem}}.adleaves-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;box-sizing:border-box;width:100%}.adleaves-header{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.adleaves-title{font-weight:600;font-size:.9rem;text-align:center;background:linear-gradient(135deg,#2196f3,#0d47a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.adleaves-table{width:100%;border-collapse:collapse;font-size:.75rem}.adleaves-table th{text-align:left;padding:8px;background-color:#f8f9fa;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;font-size:.7rem}.adleaves-table td{padding:8px;border-bottom:1px solid #f0f0f0}.adleaves-table tr:hover{background-color:#f8f9fa}.adleaves-table tr.today{background-color:#e8f4ff}.adleaves-table tr.today:hover{background-color:#d9ebff}.adleaves-date{font-weight:500;color:#2c3e50}.adleaves-count{font-weight:500;color:#495057;text-align:center}.adleaves-button{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .2s ease;font-weight:500}.adleaves-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.adleaves-button:disabled{background:#ced4da;color:#6c757d;cursor:not-allowed}.adleaves-loading{opacity:.8}.adleaves-skeleton{animation:adleaves-pulse 1.5s ease-in-out infinite}.skeleton-cell{height:12px;background:#e0e0e0;border-radius:3px}.skeleton-button{width:40px;height:20px;background:#e0e0e0;border-radius:4px}@keyframes adleaves-pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@media (max-width: 768px){.adleaves-container,.adleaves-table th,.adleaves-table td{padding:6px}.adleaves-button{font-size:.65rem;padding:3px 6px}}.att-chart-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;box-sizing:border-box}.att-chart-title{font-weight:600;font-size:.9rem;text-align:center;background:linear-gradient(135deg,#2196f3,#0d47a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:5px}.legend-container{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px;padding:8px;background:#f8f9fa;border-radius:8px}.legend-item{display:flex;align-items:center;padding:5px 8px;border-radius:16px;cursor:pointer;transition:all .2s ease;background:#fff;box-shadow:0 1px 4px #0000000f;border:1px solid #e9ecef}.legend-item:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.legend-item.active{background:#1a73e80d;border-color:#1a73e84d}.legend-item.inactive{opacity:.7}.legend-color-indicator{width:10px;height:10px;border-radius:50%;margin-right:6px;flex-shrink:0}.legend-label{font-size:.8rem;font-weight:500;color:#2c3e50;margin-right:6px}.legend-item.inactive .legend-label{color:#6c757d;text-decoration:line-through}.legend-toggle{display:flex;align-items:center;justify-content:center;color:#6c757d}.legend-item.active .legend-toggle{color:#1a73e8}@media (max-width: 768px){.att-chart-container{padding:10px;margin:10px auto}.att-chart-title{font-size:.95rem;margin-bottom:10px}.legend-container{gap:5px}.legend-item{padding:4px 7px}.legend-label{font-size:.75rem}}@media (max-width: 480px){.att-chart-container{padding:8px;margin:8px auto}.att-chart-title{font-size:.9rem;margin-bottom:8px}.legend-container{flex-direction:column;align-items:stretch;gap:4px}.legend-item{padding:6px 8px;border-radius:6px}}.adla_container{background:#fff;font-family:Segoe UI,sans-serif;border-radius:6px;box-shadow:0 1px 4px #0000000f;overflow:hidden;height:100%;min-height:100vh;display:flex;flex-direction:column;font-size:11px;width:100%}.adla__header{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;padding:8px 12px}.adla__header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:6px}.adla__title{margin:0;font-size:1rem;font-weight:600}.adla__live-indicator{display:flex;align-items:center;gap:4px;background:#fff3;padding:2px 6px;border-radius:10px;font-size:9px;font-weight:600}.adla__live-dot{width:6px;height:6px;background:#ff5722;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.adla__last-update{font-size:9px;opacity:.9}.adla__controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.adla__refresh-controls{display:flex;align-items:center;gap:6px;background:#ffffff1a;padding:4px 8px;border-radius:4px}.adla__auto-refresh-label{display:flex;align-items:center;gap:4px;font-size:10px;cursor:pointer}.adla__auto-refresh-checkbox{margin:0}.adla__interval-select{padding:2px 4px;border:none;border-radius:2px;font-size:9px;background:#fff;color:#333}.adla__refresh-btn{background:none;border:none;color:#fff;cursor:pointer;padding:2px;border-radius:2px;transition:background .2s ease;font-size:10px}.adla__refresh-btn:hover{background:#fff3}.adla__search{position:relative;flex:1;min-width:120px}.adla__search-input{padding:4px 8px 4px 24px;border:none;border-radius:3px;width:100%;font-size:11px;box-shadow:0 1px 2px #00000014;transition:all .2s ease;height:24px}.adla__search-input:focus{outline:none;box-shadow:0 1px 4px #4caf504d}.adla__search:before{content:"🔍";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#777;font-size:10px;z-index:1}.adla__filters{display:flex;gap:6px;flex-wrap:wrap}.adla__filter-select{min-width:100px;flex:1}.adla__content{padding:8px;flex:1;overflow-y:auto;max-height:calc(100vh - 120px)}.adla__cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.adla__card{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #f0f0f0;font-size:10px;position:relative}.adla__card:hover{transform:translateY(-1px);box-shadow:0 2px 5px #00000014}.adla__card-header{display:flex;align-items:center;padding:8px;border-bottom:1px solid #f5f5f5;background:linear-gradient(to right,#f9fafb,#fff)}.adla__employee-photo{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#2196f3,#0d47a1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;margin-right:8px;border:2px solid #e8f5e9}.adla__employee-info{flex:1;overflow:hidden}.adla__employee-name{margin:0 0 1px;font-size:11px;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adla__employee-meta{display:flex;justify-content:space-between;align-items:center}.adla__employee-designation{font-size:9px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.adla__employee-id{font-size:10px;color:#2e7d32;font-weight:600}.adla__employee-department{font-size:9px;color:#4a5568;font-weight:500}.adla__card-details{padding:8px;display:flex;flex-direction:column;gap:3px}.adla__detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.adla__detail-item:last-child{margin-bottom:0}.adla__detail-label{font-size:9px;color:#718096;font-weight:500;flex-shrink:0}.adla__detail-value{font-size:9px;color:#2d3748;font-weight:600;text-align:right;flex-shrink:0;margin-left:5px}.adla__card-footer{padding:6px 8px;background:#f9fafb;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;align-items:center}.adla__last-update-time{font-size:8px;color:#a0aec0}.adla__status{padding:2px 6px;border-radius:8px;font-size:9px;font-weight:600;display:inline-flex;align-items:center;gap:3px}.adla__status-icon{font-size:8px}.adla__status-present{background-color:#e8f5e9;color:#2e7d32}.adla__status-absent{background-color:#ffebee;color:#c62828}.adla__status-late{background-color:#fff3e0;color:#ef6c00}.adla__status-early{background-color:#e3f2fd;color:#1565c0}.adla__status-on-tour{background-color:#f3e5f5;color:#7b1fa2}.adla__status-on-leave{background-color:#e0f2f1;color:#00796b}.adla__status-default{background-color:#f5f5f5;color:#616161}.adla__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 8px;color:#718096;font-size:11px}.adla__spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top:2px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.adla__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 8px;text-align:center;font-size:11px}.adla__error-icon{font-size:20px;margin-bottom:10px}.adla__error h3{margin:0 0 6px;color:#2d3748;font-size:12px}.adla__error p{margin:0 0 12px;color:#718096;max-width:280px;font-size:10px}.adla__retry-btn{padding:4px 10px;background:#4caf50;color:#fff;border:none;border-radius:3px;font-weight:600;font-size:10px;cursor:pointer;transition:background .2s ease}.adla__retry-btn:hover{background:#3d8b40}.adla__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 8px;text-align:center;font-size:11px}.adla__empty-icon{font-size:20px;margin-bottom:10px}.adla__empty h3{margin:0 0 6px;color:#2d3748;font-size:12px}.adla__empty p{margin:0;color:#718096;max-width:280px;font-size:10px}.select__control{border-radius:3px;border:1px solid #ddd;min-height:24px;box-shadow:0 1px 2px #00000014;transition:all .2s ease;font-size:11px}.select__control:hover{border-color:#bbb}.select__control--is-focused{border-color:#4caf50;box-shadow:0 0 0 1px #4caf50}.select__menu{z-index:1000;border-radius:3px;box-shadow:0 1px 4px #00000014;font-size:11px}.select__control,.select__menu,.select__single-value,.select__option{color:#000!important}@media (max-width: 768px){.adla__header-main{flex-direction:column;align-items:flex-start}.adla__controls{width:100%;flex-direction:column;align-items:stretch}.adla__refresh-controls{justify-content:center}.adla__search-input{width:100%}.adla__filters{flex-direction:column}.adla__cards-container{grid-template-columns:1fr}}@media (max-width: 1024px){.adla__filters{flex-wrap:wrap}.adla__filter-select{min-width:80px;flex:1 1 45%}}:root{--blue-1: #2196F3;--blue-2: #0d47a1;--blue-grad: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--blue-light: #e3f2fd;--blue-lighter: #f0f7ff;--blue-border: #bbdefb;--white: #ffffff;--surface: #f0f6ff;--text-1: #0a1929;--text-2: #3d5a80;--text-3: #8fafc8;--shadow-md: 0 3px 14px rgba(13,71,161,.09);--radius: 14px;--font: "Plus Jakarta Sans", sans-serif;--gap: 16px}.edm-page{min-height:100vh;background:var(--surface);font-family:var(--font);padding:18px 18px 36px}.edm-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:var(--row1-h, 160px) var(--row2-h, 300px) var(--row3-h, 380px) var(--row4-h, 480px);gap:var(--gap);align-items:stretch}.edm-area--cal{grid-column:1 / span 4;grid-row:1 / 3}.edm-area--sum{grid-column:5 / span 8;grid-row:1}.edm-area--leave{grid-column:5 / span 4;grid-row:2}.edm-area--op{grid-column:9 / span 4;grid-row:2}.edm-area--req{grid-column:1 / span 7;grid-row:3}.edm-area--hol{grid-column:8 / span 5;grid-row:3}.edm-area--team{grid-column:1 / span 12;grid-row:4}.edm-area{background:var(--white);border-radius:var(--radius);border:1px solid var(--blue-border);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;min-height:0;transition:box-shadow .22s,transform .22s}.edm-area:hover{box-shadow:0 8px 28px #0d47a121;transform:translateY(-2px)}.edm-area>*{flex:1;min-height:0;display:flex;flex-direction:column}.edm-skeleton{width:100%;height:100%;background:var(--blue-lighter);position:relative;overflow:hidden;border-radius:var(--radius)}.edm-skeleton-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.72) 50%,transparent 100%);background-size:200% 100%;animation:edm-shimmer 1.6s ease-in-out infinite}@keyframes edm-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 1280px){.edm-area--cal{grid-column:1 / span 4}.edm-area--sum{grid-column:5 / span 8}.edm-area--leave{grid-column:5 / span 4}.edm-area--op{grid-column:9 / span 4}.edm-area--req{grid-column:1 / span 7}.edm-area--hol{grid-column:8 / span 5}}@media (max-width: 1024px){.edm-grid{grid-template-rows:320px auto 300px 380px 340px}.edm-area--cal{grid-column:1 / span 12;grid-row:1}.edm-area--sum{grid-column:1 / span 12;grid-row:2;height:auto;min-height:120px}.edm-area--leave{grid-column:1 / span 6;grid-row:3}.edm-area--op{grid-column:7 / span 6;grid-row:3}.edm-area--req{grid-column:1 / span 7;grid-row:4}.edm-area--hol{grid-column:8 / span 5;grid-row:4}.edm-area--team{grid-column:1 / span 12;grid-row:5}}@media (max-width: 768px){.edm-page{padding:10px 10px 32px}.edm-grid{grid-template-columns:1fr;grid-template-rows:none;gap:12px}.edm-area--cal,.edm-area--sum,.edm-area--leave,.edm-area--op,.edm-area--hol,.edm-area--req,.edm-area--team{grid-column:1;grid-row:auto;height:auto;min-height:0}.edm-area--cal{min-height:380px}.edm-area--sum{min-height:140px}.edm-area--leave{min-height:260px}.edm-area--op{min-height:220px}.edm-area--hol{min-height:280px}.edm-area--req,.edm-area--team{min-height:340px}}@media (max-width: 480px){.edm-page{padding:8px 8px 24px}.edm-grid{gap:10px}.edm-area{border-radius:10px}}.edas-card{font-family:var(--font, "Plus Jakarta Sans", sans-serif);display:flex;flex-direction:column;height:100%;min-height:0}.edas-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 10px;background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));border-radius:14px 14px 0 0;flex-shrink:0}.edas-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.edas-title{font-size:13.5px;font-weight:700;color:#fff;letter-spacing:.2px}.edas-month-tag{font-size:11px;font-weight:600;color:#ffffffe0;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);padding:2px 10px;border-radius:20px;white-space:nowrap}.edas-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:edas-spin .7s linear infinite;flex-shrink:0}@keyframes edas-spin{to{transform:rotate(360deg)}}.edas-chips-area{flex:1;min-height:0;display:flex;align-items:stretch;padding:12px 12px 14px}.edas-chips-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%;align-items:stretch}.edas-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px 9px;background:var(--chip-bg, #e3f2fd);border:1.5px solid var(--chip-border, #90caf9);border-radius:10px;cursor:pointer;position:relative;transition:transform .17s ease,box-shadow .17s ease;animation:edas-chip-in .3s ease both;min-width:0}.edas-chip:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--chip-color, #2196f3);border-radius:10px 10px 0 0}.edas-chip:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001a}.edas-chip:active{transform:translateY(-1px)}@keyframes edas-chip-in{0%{opacity:0;transform:scale(.88) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.edas-chip--ghost{background:var(--blue-lighter, #f0f7ff);border-color:var(--blue-border, #bbdefb);cursor:default;animation:edas-ghost-pulse 1.4s ease-in-out infinite}.edas-chip--ghost:before{background:var(--blue-border, #bbdefb)}@keyframes edas-ghost-pulse{0%,to{opacity:.6}50%{opacity:.3}}.edas-chip-icon{color:var(--chip-color, #2196f3);display:flex;align-items:center;line-height:1}.edas-chip-icon svg{font-size:20px!important}.edas-chip-count{font-size:20px;font-weight:800;color:var(--chip-color, #2196f3);line-height:1}.edas-chip-label{font-size:9px;font-weight:700;color:var(--text-2, #3d5a80);text-align:center;line-height:1.25;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.edas-error{display:flex;align-items:center;gap:8px;width:100%;background:#fff5f5;border:1px solid #ffcdd2;border-radius:8px;padding:10px 14px;font-size:12.5px;color:#c62828;font-weight:500}.edas-error-icon{font-size:16px;flex-shrink:0}@media (max-width: 900px){.edas-chips-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 480px){.edas-chips-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.edas-chip-icon svg{font-size:17px!important}.edas-chip-count{font-size:17px}}.as-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9100;background:#050f2399;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:as-fade .22s ease both}@keyframes as-fade{0%{opacity:0}to{opacity:1}}.as-modal{font-family:DM Sans,system-ui,sans-serif;background:#fff;border-radius:20px;width:100%;max-width:920px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0d47a138,0 4px 16px #0000001a;animation:as-up .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes as-up{0%{opacity:0;transform:scale(.93) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.as-header{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:relative;overflow:hidden;flex-shrink:0}.as-header-left{display:flex;align-items:center;gap:.75rem;z-index:1;min-width:0}.as-header-icon{width:40px;height:40px;background:#ffffff2e;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.25);flex-shrink:0;font-size:1.2rem}.as-header-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .1rem;letter-spacing:-.2px}.as-header-sub{font-size:.72rem;color:#ffffffa6;margin:0}.as-header-actions{display:flex;align-items:center;gap:.4rem;z-index:1}.as-icon-btn{width:30px;height:30px;border-radius:8px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}.as-icon-btn:hover:not(:disabled){background:#ffffff47}.as-icon-btn:disabled{opacity:.38;cursor:not-allowed}.as-icon-btn--close{border-radius:50%}.as-header-deco{position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;background:#ffffff0f;pointer-events:none}.as-search-bar{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:#f8faff;border-bottom:1px solid #e1ecf7;flex-shrink:0}.as-search-ico{color:#8aa3bc;flex-shrink:0}.as-search-input{flex:1;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:.875rem;color:#0d1b2a;outline:none}.as-search-input::placeholder{color:#aabccd}.as-search-input:disabled{opacity:.5}.as-search-clear{background:none;border:none;color:#8aa3bc;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .18s}.as-search-clear:hover{color:#e53935}.as-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.as-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3.5rem 2rem;text-align:center;flex:1}.as-state-icon{font-size:2.8rem!important;color:#bbdefb;margin-bottom:.25rem}.as-state--error .as-state-icon{color:#ef9a9a}.as-state-title{font-size:.9rem;font-weight:700;color:#0d1b2a;margin:0}.as-state-sub{font-size:.78rem;color:#8aa3bc;margin:0}.as-state--error .as-state-title{color:#c62828}.as-pulse-loader{display:flex;gap:.45rem;margin-bottom:.25rem}.as-pulse-loader div{width:11px;height:11px;border-radius:50%;background:#42a5f5;animation:as-pulse 1.2s ease-in-out infinite}.as-pulse-loader div:nth-child(2){animation-delay:.2s;background:#2196f3}.as-pulse-loader div:nth-child(3){animation-delay:.4s;background:#1565c0}@keyframes as-pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.as-table-wrap{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#bbdefb transparent}.as-table-wrap::-webkit-scrollbar{width:4px;height:4px}.as-table-wrap::-webkit-scrollbar-thumb{background:#bbdefb;border-radius:4px}.as-table{width:100%;border-collapse:collapse;font-size:.8rem}.as-table thead{position:sticky;top:0;z-index:2}.as-table thead tr{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.as-table th{padding:.6rem .75rem;text-align:left;font-size:.68rem;font-weight:700;color:#1565c0;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #90caf9}.as-table th svg{font-size:.85em!important;vertical-align:middle;margin-right:2px;opacity:.7}.as-table tbody tr{border-bottom:1px solid #edf3fa;animation:as-row-in .25s ease both;transition:background .15s}@keyframes as-row-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.as-row--even{background:#fff}.as-row--odd{background:#f8faff}.as-table tbody tr:hover{background:#e8f4ff!important}.as-table tbody tr:last-child{border-bottom:none}.as-table td{padding:.55rem .75rem;vertical-align:middle;color:#0d1b2a}.as-td--date{font-family:DM Mono,monospace;font-size:.78rem;font-weight:500;color:#1565c0;white-space:nowrap}.as-td--actions{min-width:140px}.as-cell-val{font-size:.8rem;color:#0d1b2a}.as-cell-val--mono{font-family:DM Mono,monospace;font-size:.78rem}.as-cell-val--empty{color:#c0cdd8}.as-time-badge{display:inline-flex;align-items:center;padding:.18em .55em;border-radius:5px;font-family:DM Mono,monospace;font-size:.75rem;font-weight:600}.as-time-badge--late{background:#fff3e0;color:#e65100;border:1px solid #ffcc80}.as-time-badge--early{background:#fce4ec;color:#c62828;border:1px solid #f48fb1}.as-status-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.22em .65em;border-radius:100px;font-size:.72rem;font-weight:700;white-space:nowrap;letter-spacing:.15px}.as-status-chip svg{font-size:.85em!important}.as-status-chip--present{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.as-status-chip--absent{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.as-status-chip--shortage{background:#fff3e0;color:#e65100;border:1px solid #ffcc80}.as-status-chip--weekoff{background:#ede7f6;color:#4527a0;border:1px solid #b39ddb}.as-status-chip--holiday{background:#e0f7fa;color:#00695c;border:1px solid #80cbc4}.as-status-chip--coff{background:#e3f2fd;color:#0d47a1;border:1px solid #90caf9}.as-status-chip--leave{background:#fce4ec;color:#880e4f;border:1px solid #f48fb1}.as-status-chip--tour{background:#e0f2f1;color:#004d40;border:1px solid #80cbc4}.as-status-chip--default{background:#f5f5f5;color:#555;border:1px solid #ddd}.as-action-group{display:flex;gap:.35rem;flex-wrap:wrap}.as-action-btn{display:inline-flex;align-items:center;gap:.28rem;padding:.3em .7em;border-radius:6px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700;cursor:pointer;border:1.5px solid transparent;transition:all .18s;white-space:nowrap}.as-action-btn svg{font-size:.85em!important}.as-action-btn--leave{background:#fce4ec;color:#880e4f;border-color:#f48fb1}.as-action-btn--leave:hover{background:#f48fb1;color:#fff}.as-action-btn--tour{background:#e0f2f1;color:#004d40;border-color:#80cbc4}.as-action-btn--tour:hover{background:#26a69a;color:#fff}.as-action-btn--regularize{background:#fff3e0;color:#e65100;border-color:#ffcc80}.as-action-btn--regularize:hover{background:#fb8c00;color:#fff}.as-action-btn--coff{background:#e3f2fd;color:#0d47a1;border-color:#90caf9}.as-action-btn--coff:hover{background:#2196f3;color:#fff}.as-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1.1rem;background:#f8faff;border-top:1px solid #e1ecf7;flex-shrink:0}.as-footer-count{font-size:.76rem;color:#4a6080}.as-footer-count strong{color:#0d47a1}.as-footer-clear{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;color:#2196f3;background:none;border:none;cursor:pointer;padding:.2em .5em;border-radius:4px;transition:background .18s}.as-footer-clear:hover{background:#e3f2fd}@media (max-width: 640px){.as-backdrop{padding:0;align-items:flex-end}.as-modal{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;animation:as-slide-up .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes as-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.as-table{font-size:.76rem}.as-table th,.as-table td{padding:.45rem .5rem}}.edl-card{font-family:var(--font, "Plus Jakarta Sans", sans-serif);display:flex;flex-direction:column;height:100%;min-height:0}.edl-header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 10px;background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));border-radius:14px 14px 0 0;flex-shrink:0}.edl-header-left{display:flex;align-items:center;gap:9px}.edl-header-icon-wrap{width:28px;height:28px;background:#ffffff2e;border-radius:7px;display:flex;align-items:center;justify-content:center}.edl-header-icon{color:#fff!important;font-size:16px!important}.edl-header-title{font-size:13.5px;font-weight:700;color:#fff}.edl-apply-btn{display:flex;align-items:center;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff;font-family:inherit;font-size:12px;font-weight:600;padding:5px 12px;border-radius:7px;cursor:pointer;transition:background .18s;white-space:nowrap}.edl-apply-btn:hover{background:#ffffff47}.edl-apply-btn svg{font-size:14px!important}.edl-body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px 12px;scrollbar-width:thin;scrollbar-color:var(--blue-border, #bbdefb) transparent}.edl-body::-webkit-scrollbar{width:3px}.edl-body::-webkit-scrollbar-thumb{background:var(--blue-border, #bbdefb);border-radius:3px}.edl-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;text-align:center}.edl-spinner-ring{width:32px;height:32px;border:2.5px solid var(--blue-light, #e3f2fd);border-top-color:var(--blue-1, #2196F3);border-radius:50%;animation:edl-spin .8s linear infinite}@keyframes edl-spin{to{transform:rotate(360deg)}}.edl-state-icon-wrap{width:40px;height:40px;border-radius:10px;background:var(--blue-lighter, #f0f7ff);border:1px solid var(--blue-border, #bbdefb);display:flex;align-items:center;justify-content:center;color:var(--blue-1, #2196F3)}.edl-state-icon-wrap--error{background:#fff5f5;border-color:#ffcdd2;color:#e53935}.edl-state-text{font-size:12.5px;color:var(--text-2, #3d5a80);font-weight:500;margin:0}.edl-retry-btn{display:flex;align-items:center;gap:5px;background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));color:#fff;border:none;border-radius:7px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.edl-retry-btn svg{font-size:13px!important}.edl-list{display:flex;flex-direction:column;gap:7px}.edl-row{padding:9px 11px;border-radius:9px;background:var(--blue-lighter, #f0f7ff);border:1px solid var(--blue-border, #bbdefb);animation:edl-row-in .3s ease both;transition:background .18s}.edl-row:hover{background:#def}@keyframes edl-row-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.edl-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.edl-type{font-size:12px;font-weight:600;color:var(--text-1, #0a1929)}.edl-counts{display:flex;align-items:baseline;gap:2px}.edl-consumed{font-size:13px;font-weight:800;color:#e53935}.edl-sep{font-size:10px;color:var(--text-3, #8fafc8);margin:0 2px}.edl-available{font-size:13px;font-weight:800;color:var(--blue-2, #0d47a1)}.edl-unit{font-size:10px;color:var(--text-3, #8fafc8);margin-left:2px}.edl-bar-track{height:4px;background:#2196f31f;border-radius:99px;overflow:hidden}.edl-bar-fill{height:100%;background:linear-gradient(90deg,#ef5350,#e53935);border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1);min-width:3px}.euh-card{font-family:var(--font, "Plus Jakarta Sans", sans-serif);display:flex;flex-direction:column;height:100%;min-height:0}.euh-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px 10px;background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));border-radius:14px 14px 0 0;flex-shrink:0}.euh-header-left{display:flex;align-items:center;gap:8px}.euh-header-icon-wrap{width:28px;height:28px;background:#ffffff2e;border-radius:7px;display:flex;align-items:center;justify-content:center}.euh-header-icon{color:#fff!important;font-size:15px!important}.euh-title{font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap}.euh-view-all-btn{display:flex;align-items:center;gap:3px;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);color:#fff;font-family:inherit;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:7px;cursor:pointer;transition:background .18s;white-space:nowrap}.euh-view-all-btn:hover{background:#ffffff47}.euh-view-all-btn svg{font-size:14px!important}.euh-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--blue-border, #bbdefb) transparent}.euh-body::-webkit-scrollbar{width:3px}.euh-body::-webkit-scrollbar-thumb{background:var(--blue-border, #bbdefb);border-radius:3px}.euh-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;text-align:center}.euh-state p{margin:0;font-size:12.5px;color:var(--text-2, #3d5a80);font-weight:500}.euh-state--error{color:#e53935}.euh-state-icon{font-size:24px}.euh-state:not(.euh-state--error) .euh-state-icon{color:var(--blue-1, #2196F3)}.euh-state--error .euh-state-icon{color:#e53935}.euh-state-icon svg{font-size:24px!important}.euh-spinner{width:30px;height:30px;border:2.5px solid var(--blue-light, #e3f2fd);border-top-color:var(--blue-1, #2196F3);border-radius:50%;animation:euh-spin .8s linear infinite}@keyframes euh-spin{to{transform:rotate(360deg)}}.euh-retry-btn{display:flex;align-items:center;gap:4px;background:#e53935;color:#fff;border:none;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.euh-retry-btn svg{font-size:13px!important}.euh-list{display:flex;flex-direction:column}.euh-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--blue-border, #bbdefb);transition:background .15s;animation:euh-row-in .3s ease both}.euh-row--even{background:var(--white, #fff)}.euh-row--odd{background:var(--blue-lighter, #f0f7ff)}.euh-row:hover{background:#def}.euh-row:last-child{border-bottom:none}@keyframes euh-row-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.euh-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:38px;background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));border-radius:8px;padding:5px 3px;flex-shrink:0}.euh-badge-month{font-size:9px;font-weight:600;color:#ffffffbf;text-transform:uppercase;letter-spacing:.4px}.euh-badge-day{font-size:16px;font-weight:800;color:#fff;line-height:1}.euh-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.euh-holiday-name{font-size:12.5px;font-weight:600;color:var(--text-1, #0a1929);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euh-meta{font-size:10.5px;color:var(--text-3, #8fafc8);font-weight:500}.euh-duration{color:var(--blue-1, #2196F3);font-weight:600}.euh-row-icon{color:var(--blue-border, #bbdefb)!important;font-size:16px!important;flex-shrink:0}.edop-card{font-family:var(--font, "Plus Jakarta Sans", sans-serif);display:flex;flex-direction:column}.edop-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 11px;background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));border-radius:16px 16px 0 0}.edop-title{font-size:14px;font-weight:700;color:#fff}.edop-totals{display:flex;gap:8px}.edop-total-chip{display:flex;align-items:center;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edop-total-chip svg{font-size:13px!important}.edop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}.edop-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:var(--op-bg);border:1.5px solid var(--op-border);border-radius:12px;cursor:pointer;transition:transform .18s,box-shadow .18s;animation:edop-in .3s ease both;position:relative}.edop-chip:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--op-color);border-radius:12px 12px 0 0}.edop-chip:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001a}@keyframes edop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.edop-chip-icon{color:var(--op-color)}.edop-chip-icon svg{font-size:22px!important}.edop-chip-type{font-size:12px;font-weight:700;color:var(--text-1, #0a1929)}.edop-chip-stats{display:flex;gap:10px;font-size:11.5px;font-weight:600;color:var(--text-2, #3d5a80)}.edop-chip-stats span{display:flex;align-items:center;gap:3px}.edop-stat-icon{font-size:12px!important;color:var(--op-color)!important}.edop-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;font-size:13px;color:var(--text-2, #3d5a80);font-weight:500}.edop-state p,.edop-state small{margin:0}.edop-state small{font-size:11px;color:var(--text-3, #8fafc8)}.edop-state--error,.edop-state-icon{color:#e53935}.edop-state-icon svg{font-size:28px!important}.edop-spinner{width:36px;height:36px;border:3px solid var(--blue-light, #e3f2fd);border-top-color:var(--blue-1, #2196F3);border-radius:50%;animation:edop-spin .8s linear infinite}@keyframes edop-spin{to{transform:rotate(360deg)}}.edop-empty-hint{text-align:center;font-size:12px;color:var(--text-3, #8fafc8);padding:0 16px 14px;margin:0}.edop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9100;background:#050f239e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:edop-fade .22s ease both}@keyframes edop-fade{0%{opacity:0}to{opacity:1}}.edop-modal{font-family:DM Sans,system-ui,sans-serif;background:#fff;border-radius:20px;width:100%;max-width:860px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0d47a138,0 4px 16px #0000001a;animation:edop-up .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes edop-up{0%{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.edop-header{background:linear-gradient(135deg,#2196f3,#0d47a1);padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;flex-shrink:0}.edop-header-left{display:flex;align-items:center;gap:.75rem;z-index:1;flex:1;min-width:0}.edop-header-icon{width:40px;height:40px;background:#ffffff2e;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;border:1px solid rgba(255,255,255,.25);flex-shrink:0}.edop-header-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .1rem;letter-spacing:-.2px}.edop-header-sub{font-size:.72rem;color:#ffffffa6;margin:0}.edop-close-btn{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s}.edop-close-btn:hover{background:#ffffff47;color:#fff}.edop-header-deco{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff0d;pointer-events:none}.edop-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#f8faff;border-bottom:1px solid #e1ecf7;flex-shrink:0}@media (max-width: 540px){.edop-summary-strip{grid-template-columns:repeat(2,1fr)}}.edop-tile{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-right:1px solid #e1ecf7;transition:background .18s}.edop-tile:last-child{border-right:none}.edop-tile:hover{background:#eef5ff}.edop-tile-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edop-tile-icon--blue{background:#e3f2fd;color:#1565c0}.edop-tile-icon--purple{background:#ede7f6;color:#6a1b9a}.edop-tile-icon--green{background:#e8f5e9;color:#2e7d32}.edop-tile-icon--orange{background:#fff3e0;color:#e65100}.edop-tile-val{font-size:1.1rem;font-weight:700;color:#0d1b2a;margin:0 0 .05rem;line-height:1.1;font-family:DM Mono,monospace}.edop-tile-lbl{font-size:.68rem;font-weight:600;color:#8aa3bc;text-transform:uppercase;letter-spacing:.4px;margin:0}.edop-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.edop-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3.5rem 2rem;text-align:center}.edop-empty-icon{font-size:2.8rem!important;color:#bbdefb}.edop-empty-title{font-size:.9rem;font-weight:700;color:#0d1b2a;margin:0}.edop-empty-sub{font-size:.78rem;color:#8aa3bc;margin:0}.edop-table-wrap{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#bbdefb transparent}.edop-table-wrap::-webkit-scrollbar{width:4px;height:4px}.edop-table-wrap::-webkit-scrollbar-thumb{background:#bbdefb;border-radius:4px}.edop-table{width:100%;border-collapse:collapse;font-size:.8rem}.edop-table thead{position:sticky;top:0;z-index:2}.edop-table thead tr{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.edop-table th{padding:.55rem .75rem;text-align:left;font-size:.67rem;font-weight:700;color:#1565c0;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap;border-bottom:2px solid #90caf9}.edop-table th svg{font-size:.85em!important;vertical-align:middle;margin-right:2px;opacity:.7}.edop-table tbody tr{border-bottom:1px solid #edf3fa;animation:edop-row-in .25s ease both;transition:background .15s}@keyframes edop-row-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.edop-table tbody tr:nth-child(2n){background:#f8faff}.edop-table tbody tr:hover{background:#e8f4ff!important}.edop-table tbody tr:last-child{border-bottom:none}.edop-table td{padding:.5rem .75rem;vertical-align:middle;color:#0d1b2a}.edop-td-date{font-family:DM Mono,monospace;font-size:.78rem;font-weight:500;color:#1565c0;white-space:nowrap}.edop-td-time{font-family:DM Mono,monospace;font-size:.78rem;color:#4a6080;white-space:nowrap}.edop-td-dur{font-family:DM Mono,monospace;font-size:.78rem;font-weight:600;color:#6a1b9a}.edop-status-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.22em .65em;border-radius:100px;font-size:.71rem;font-weight:700;white-space:nowrap}.edop-status-pill svg{font-size:.85em!important}.edop-status-pill--done{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.edop-status-pill--pending{background:#fff3e0;color:#e65100;border:1px solid #ffcc80}.edop-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1.1rem;background:#f8faff;border-top:1px solid #e1ecf7;flex-shrink:0}.edop-footer-count{display:flex;align-items:center;gap:.4rem;font-size:.76rem;color:#4a6080}.edop-footer-count svg{color:#90caf9}.edop-footer-close{display:inline-flex;align-items:center;gap:.35rem;padding:.48rem 1.1rem;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #2196f352;transition:opacity .18s,transform .18s}.edop-footer-close:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 640px){.edop-backdrop{padding:0;align-items:flex-end}.edop-modal{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;animation:edop-slide-up .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes edop-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.edop-table{font-size:.75rem}.edop-table th,.edop-table td{padding:.4rem .5rem}}.edrp-card{font-family:var(--font, "Plus Jakarta Sans", sans-serif);display:flex;flex-direction:column;height:100%;min-height:0}.edrp-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px 14px 10px;background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));border-radius:14px 14px 0 0;flex-shrink:0}.edrp-title{font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap}.edrp-header-controls{display:flex;align-items:center;gap:7px}.edrp-toggle{display:flex;background:#ffffff24;border-radius:7px;padding:2px;gap:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edrp-tab{font-family:inherit;font-size:11.5px;font-weight:600;color:#ffffffbf;background:transparent;border:none;padding:4px 11px;border-radius:5px;cursor:pointer;transition:all .18s;white-space:nowrap}.edrp-tab--active{background:#fff;color:var(--blue-2, #0d47a1)}.edrp-select{background:#ffffff24;border:1px solid rgba(255,255,255,.28);color:#fff;font-family:inherit;font-size:11.5px;font-weight:500;padding:4px 8px;border-radius:7px;cursor:pointer;outline:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edrp-select option{background:#0d47a1;color:#fff}.edrp-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--blue-border, #bbdefb) transparent}.edrp-body::-webkit-scrollbar{width:3px}.edrp-body::-webkit-scrollbar-thumb{background:var(--blue-border, #bbdefb);border-radius:3px}.edrp-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 20px;text-align:center}.edrp-state p{margin:0;font-size:12.5px;color:var(--text-2, #3d5a80);font-weight:500}.edrp-state--error{color:#e53935}.edrp-state-icon{font-size:26px;color:var(--blue-border, #bbdefb)}.edrp-state--error .edrp-state-icon{color:#e53935}.edrp-spinner{width:30px;height:30px;border:2.5px solid var(--blue-light, #e3f2fd);border-top-color:var(--blue-1, #2196F3);border-radius:50%;animation:edrp-spin .8s linear infinite}@keyframes edrp-spin{to{transform:rotate(360deg)}}.edrp-list{display:flex;flex-direction:column}.edrp-row{display:flex;gap:0;border-bottom:1px solid var(--blue-border, #bbdefb);animation:edrp-row-in .28s ease both;transition:background .15s}.edrp-row--even{background:var(--white, #fff)}.edrp-row--odd{background:var(--blue-lighter, #f0f7ff)}.edrp-row:hover{background:#def}.edrp-row:last-child{border-bottom:none}@keyframes edrp-row-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.edrp-row-accent{width:4px;flex-shrink:0;border-radius:0}.edrp-row-content{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.edrp-row-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.edrp-type-chip{font-size:11.5px;font-weight:700;color:var(--blue-2, #0d47a1);background:var(--blue-lighter, #f0f7ff);padding:2px 8px;border-radius:5px;border:1px solid var(--blue-border, #bbdefb);white-space:nowrap}.edrp-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.edrp-badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.edrp-employee{font-size:12px;font-weight:600;color:var(--text-1, #0a1929)}.edrp-details{display:flex;flex-wrap:wrap;gap:3px 14px}.edrp-detail{font-size:11px;color:var(--text-2, #3d5a80)}.edrp-detail b{color:var(--text-1, #0a1929);font-weight:600}.edrp-detail--reason{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edrp-action-btn{align-self:flex-start;padding:4px 12px;border-radius:7px;font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .18s;border:1.5px solid transparent}.edrp-action-btn--view{background:var(--blue-lighter, #f0f7ff);color:var(--blue-2, #0d47a1);border-color:var(--blue-border, #bbdefb)}.edrp-action-btn--view:hover{background:#def}.edrp-action-btn--action{background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));color:#fff;box-shadow:0 2px 7px #2196f34d}.edrp-action-btn--action:hover{box-shadow:0 3px 12px #2196f36b;transform:translateY(-1px)}.rm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#050f239e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:rm-fade-in .22s ease both}@keyframes rm-fade-in{0%{opacity:0}to{opacity:1}}.rm-modal{font-family:DM Sans,system-ui,sans-serif;background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0d47a138,0 4px 16px #0000001f;animation:rm-scale-in .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes rm-scale-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.rm-header{background:linear-gradient(135deg,#2196f3,#0d47a1);padding:1.1rem 1.25rem 1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;position:relative;overflow:hidden;flex-shrink:0}.rm-header-left{display:flex;align-items:center;gap:.75rem;z-index:1;min-width:0}.rm-header-icon{width:40px;height:40px;background:#ffffff2e;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.25);flex-shrink:0;font-size:1.2rem}.rm-header-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .15rem;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-header-sub{font-size:.73rem;color:#ffffffa6;margin:0}.rm-header-sub strong{color:#ffffffe6}.rm-header-right{display:flex;align-items:center;gap:.5rem;z-index:1;flex-shrink:0}.rm-close-btn{width:30px;height:30px;border-radius:50%;background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s}.rm-close-btn:hover{background:#ffffff47;color:#fff}.rm-header-deco{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff0d;pointer-events:none}.rm-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28em .75em;border-radius:100px;font-size:.73rem;font-weight:700;letter-spacing:.2px;white-space:nowrap}.rm-status-badge svg{font-size:.9em!important}.rm-status-badge--sm{font-size:.75rem}.rm-status-badge--approved{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.rm-status-badge--pending{background:#fff3e0;color:#e65100;border:1px solid #ffcc80}.rm-status-badge--rejected{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.rm-status-badge--forwarded{background:#e3f2fd;color:#0d47a1;border:1px solid #90caf9}.rm-status-badge--unknown{background:#f5f5f5;color:#555;border:1px solid #ddd}.rm-tabs{display:flex;gap:0;background:#f8faff;border-bottom:1px solid #e1ecf7;flex-shrink:0}.rm-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.65rem .5rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;color:#8aa3bc;background:none;border:none;border-bottom:2.5px solid transparent;cursor:pointer;transition:color .18s,border-color .18s,background .18s;white-space:nowrap}.rm-tab svg{font-size:1em!important}.rm-tab:hover{color:#1565c0;background:#2196f30d}.rm-tab--active{color:#1565c0;border-bottom-color:#2196f3;background:#2196f30f}.rm-body{flex:1;min-height:0;overflow-y:auto;padding:1rem 1.25rem;scrollbar-width:thin;scrollbar-color:#bbdefb transparent}.rm-body::-webkit-scrollbar{width:4px}.rm-body::-webkit-scrollbar-thumb{background:#bbdefb;border-radius:4px}.rm-tab-pane{animation:rm-tab-in .2s ease both}@keyframes rm-tab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rm-section-label{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;color:#1565c0;text-transform:uppercase;letter-spacing:.6px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e1ecf7}.rm-section-label svg{font-size:.9em!important}.rm-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1rem}.rm-detail-row{display:flex;flex-direction:column;gap:.18rem}.rm-detail-row--full{grid-column:1 / -1}.rm-detail-label{font-size:.68rem;font-weight:600;color:#8aa3bc;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:.25rem}.rm-detail-label svg{font-size:.85em!important}.rm-detail-value{font-size:.845rem;font-weight:500;color:#0d1b2a;line-height:1.35;word-break:break-word}.rm-photo-row{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem;padding:.6rem;background:#f8faff;border-radius:10px;border:1px solid #e1ecf7;margin-bottom:.25rem}.rm-attendance-photo{width:60px;height:60px;border-radius:10px;object-fit:cover;border:2px solid #90caf9}.rm-photo-label{font-size:.78rem;font-weight:600;color:#4a6080}.rm-table-wrap{grid-column:1 / -1;margin-top:.25rem}.rm-table-label{font-size:.7rem;font-weight:700;color:#1565c0;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .4rem}.rm-table{width:100%;border-collapse:collapse;font-size:.78rem}.rm-table th{background:#e3f2fd;color:#1565c0;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;padding:.45rem .6rem;text-align:left}.rm-table td{padding:.4rem .6rem;color:#0d1b2a;border-bottom:1px solid #e1ecf7}.rm-table tr:last-child td{border-bottom:none}.rm-table tr:nth-child(2n) td{background:#f8faff}.rm-doc-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35em .85em;border-radius:7px;border:1.5px solid #90caf9;background:#e3f2fd;color:#1565c0;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s}.rm-doc-btn:hover{background:#bbdefb;border-color:#42a5f5}.rm-footer{flex-shrink:0;border-top:1px solid #e1ecf7;background:#f8faff}.rm-footer-buttons{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;flex-wrap:wrap}.rm-btn--close{margin-left:auto}.rm-action-panel{padding:.9rem 1.25rem .75rem;border-bottom:1px solid #e1ecf7;animation:rm-panel-in .22s ease both}@keyframes rm-panel-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rm-action-panel-header{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:#0d1b2a;margin-bottom:.65rem}.rm-action-panel-icon{font-size:1rem!important}.rm-action-panel-icon--approve{color:#2e7d32}.rm-action-panel-icon--reject{color:#c62828}.rm-action-panel-icon--forward{color:#0d47a1}.rm-remarks-wrap{display:flex;align-items:flex-start;gap:.5rem;background:#fff;border:1.5px solid #b8d4ef;border-radius:8px;padding:.55rem .75rem;transition:border-color .18s,box-shadow .18s;margin-bottom:.65rem}.rm-remarks-wrap:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.rm-remarks-icon{color:#90caf9;margin-top:2px;flex-shrink:0}.rm-remarks-ta{flex:1;border:none;outline:none;font-family:DM Sans,sans-serif;font-size:.855rem;color:#0d1b2a;resize:vertical;min-height:60px;line-height:1.5;background:transparent}.rm-remarks-ta::placeholder{color:#aabccd}.rm-remarks-ta:disabled{opacity:.6;cursor:not-allowed}.rm-panel-actions{display:flex;gap:.5rem;justify-content:flex-end}.rm-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .18s;border:none;white-space:nowrap}.rm-btn svg{font-size:.9em!important}.rm-btn:disabled{opacity:.48;cursor:not-allowed;transform:none!important;box-shadow:none!important}.rm-btn--ghost{background:#fff;color:#4a6080;border:1.5px solid #d0dde8}.rm-btn--ghost:hover:not(:disabled){background:#f0f7ff;border-color:#90caf9}.rm-btn--approve{background:linear-gradient(135deg,#43a047,#1b5e20);color:#fff;box-shadow:0 3px 10px #43a04752}.rm-btn--approve:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 5px 14px #43a0476b}.rm-btn--reject{background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;box-shadow:0 3px 10px #e5393552}.rm-btn--reject:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 5px 14px #e539356b}.rm-btn--forward{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;box-shadow:0 3px 10px #2196f352}.rm-btn--forward:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 5px 14px #2196f36b}.rm-spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rm-spin .65s linear infinite;display:inline-block;flex-shrink:0}.rm-spinner--sm{width:13px;height:13px}@keyframes rm-spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.rm-backdrop{padding:0;align-items:flex-end}.rm-modal{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;animation:rm-slide-up .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes rm-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.rm-details-grid{grid-template-columns:1fr}.rm-header-title{font-size:.9rem}.rm-footer-buttons{gap:.4rem}.rm-btn{padding:.45rem .75rem;font-size:.78rem}.rm-btn--close{margin-left:0}}.pvd-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.pvd-modal-container{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;width:100%;overflow:hidden}.pvd-modal-xs{max-width:444px}.pvd-modal-sm{max-width:600px}.pvd-modal-md{max-width:900px}.pvd-modal-lg{max-width:1200px}.pvd-modal-xl{max-width:1536px}.pvd-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0;background:#fafafa;min-height:64px;box-sizing:border-box}.pvd-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#1976d2;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:16px}.pvd-header-actions{display:flex;align-items:center;gap:8px}.pvd-close-btn{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.pvd-close-btn:hover{background-color:#0000000a}.pvd-download-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.pvd-download-btn--header{background:transparent;color:#1976d2;border:1px solid #1976d2}.pvd-download-btn--header:hover{background:#1976d20a}.pvd-download-btn--outlined{background:transparent;color:#1976d2;border:1px solid #1976d2}.pvd-download-btn--outlined:hover{background:#1976d20a}.pvd-download-btn--contained{background:#1976d2;color:#fff;border:1px solid #1976d2}.pvd-download-btn--contained:hover{background:#1565c0}.pvd-download-btn:disabled{opacity:.6;cursor:not-allowed}.pvd-btn-icon{font-size:18px!important}.pvd-modal-content{flex:1;overflow:hidden;position:relative}.pvd-loading-container{display:flex;justify-content:center;align-items:center;height:400px}.pvd-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;animation:pvd-spin 1s linear infinite}@keyframes pvd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pvd-error-container{text-align:center;padding:40px 24px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.pvd-error-icon{font-size:64px!important;color:#9e9e9e;margin-bottom:16px}.pvd-error-title{font-size:1.25rem;color:#666;margin:0 0 8px;font-weight:600}.pvd-error-message{font-size:.875rem;color:#666;margin:0 0 24px}.pvd-unsupported-container{text-align:center;padding:40px 24px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.pvd-unsupported-icon{font-size:64px!important;color:#9e9e9e;margin-bottom:16px}.pvd-unsupported-title{font-size:1.25rem;color:#666;margin:0 0 8px;font-weight:600}.pvd-unsupported-message{font-size:.875rem;color:#666;margin:0 0 24px}.pvd-image-container{display:flex;justify-content:center;align-items:center;padding:8px;height:70vh}.pvd-image{max-width:100%;max-height:100%;object-fit:contain}.pvd-pdf-container{width:100%;height:70vh}.pvd-pdf-iframe{width:100%;height:100%;border:none}@media (max-width: 768px){.pvd-modal-overlay{padding:10px}.pvd-modal-header{padding:12px 16px;min-height:56px}.pvd-modal-title{font-size:1.125rem}.pvd-download-btn{padding:4px 8px;font-size:.75rem}}@media (max-width: 480px){.pvd-modal-overlay{padding:5px}.pvd-modal-header{flex-direction:column;gap:8px;align-items:flex-start}.pvd-header-actions{align-self:flex-end}.pvd-modal-title{white-space:normal;text-align:left}}.edcal-card{font-family:var(--font, "Plus Jakarta Sans", sans-serif);display:flex;flex-direction:column;position:relative}.edcal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px;background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));border-radius:12px 12px 0 0}.edcal-month-label{font-size:13px;font-weight:700;color:#fff;letter-spacing:.2px}.edcal-nav{display:flex;align-items:center;gap:2px}.edcal-nav-btn{width:26px;height:26px;border:1px solid rgba(255,255,255,.3);background:#ffffff24;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .18s;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edcal-nav-btn:hover:not(:disabled){background:#ffffff42}.edcal-nav-btn:disabled{opacity:.4;cursor:not-allowed}.edcal-nav-btn svg{font-size:16px!important}.edcal-nav-btn--today{width:auto;padding:0 8px;font-size:10px;font-weight:600;font-family:inherit;gap:3px}.edcal-day-names{display:grid;grid-template-columns:repeat(7,1fr);background:var(--blue-lighter, #f0f7ff);border-bottom:1px solid var(--blue-border, #bbdefb);padding:4px 6px;gap:2px}.edcal-day-name{text-align:center;font-size:10px;font-weight:700;color:var(--blue-2, #0d47a1);text-transform:uppercase;letter-spacing:.3px}.edcal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:6px}.edcal-cell{aspect-ratio:1;border-radius:4px;background:var(--blue-lighter, #f0f7ff);border:1px solid var(--blue-border, #bbdefb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:default;transition:transform .12s,box-shadow .12s;position:relative}.edcal-cell:hover:not(.edcal-cell--empty){transform:scale(1.05);box-shadow:0 3px 8px #0000001a;z-index:1}.edcal-cell--empty{background:transparent;border-color:transparent}.edcal-cell--today{outline:1.5px solid var(--blue-1, #2196F3);outline-offset:-1px}.edcal-day-num{font-size:10px;font-weight:600;color:var(--text-2, #3d5a80);line-height:1}.edcal-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.edcal-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;font-size:12px;color:var(--text-2, #3d5a80);font-weight:500}.edcal-state p{margin:0}.edcal-state--error{color:#e53935}.edcal-state-icon{font-size:22px}.edcal-spinner{width:28px;height:28px;border:2.5px solid var(--blue-light, #e3f2fd);border-top-color:var(--blue-1, #2196F3);border-radius:50%;animation:edcal-spin .8s linear infinite}@keyframes edcal-spin{to{transform:rotate(360deg)}}.edcal-tooltip{position:absolute;bottom:48px;left:50%;transform:translate(-50%);background:#0a1929;color:#fff;border-radius:8px;padding:6px 10px;font-size:11px;min-width:150px;box-shadow:0 6px 18px #00000047;z-index:99;pointer-events:none;animation:edcal-tt-in .12s ease}@keyframes edcal-tt-in{0%{opacity:0;transform:translate(-50%) translateY(3px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.edcal-tooltip-row{display:flex;justify-content:space-between;gap:8px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.08)}.edcal-tooltip-row:last-child{border-bottom:none}.edcal-tt-label{color:#ffffff8c;font-weight:500;font-size:10px}.edcal-tt-badge{font-weight:700;padding:1px 6px;border-radius:99px;font-size:10px}.edcal-legend{display:flex;flex-wrap:wrap;gap:4px 8px;padding:6px 10px 8px;border-top:1px solid var(--blue-border, #bbdefb)}.edcal-legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-2, #3d5a80);font-weight:500}.edcal-legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.edta-card{font-family:var(--font, "Plus Jakarta Sans", sans-serif);display:flex;flex-direction:column;height:100%}.edta-header{background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));border-radius:16px 16px 0 0;padding:13px 16px 12px;flex-shrink:0}.edta-header-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.edta-title{font-size:14px;font-weight:700;color:#fff}.edta-date-label{font-size:11.5px;color:#ffffffbf;font-weight:500}.edta-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.edta-date-input,.edta-search-input{height:34px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;font-family:inherit;font-size:12.5px;padding:0 10px;border-radius:8px;outline:none;transition:background .18s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edta-date-input{flex:0 0 140px}.edta-search-input{flex:1 1 120px}.edta-date-input::placeholder,.edta-search-input::placeholder{color:#ffffff8c}.edta-date-input:focus,.edta-search-input:focus{background:#ffffff38}.edta-date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.edta-select-wrap{flex:1 1 130px;min-width:120px}.edta-summary{display:flex;align-items:center;justify-content:space-around;padding:10px 16px;background:var(--blue-lighter, #f0f7ff);border-bottom:1px solid var(--blue-border, #bbdefb);flex-shrink:0}.edta-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.edta-stat-val{font-size:18px;font-weight:800;line-height:1}.edta-stat-lbl{font-size:10px;font-weight:600;color:var(--text-3, #8fafc8);text-transform:uppercase;letter-spacing:.4px}.edta-body{flex:1;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:var(--blue-border, #bbdefb) transparent}.edta-body::-webkit-scrollbar{width:4px}.edta-body::-webkit-scrollbar-thumb{background:var(--blue-border, #bbdefb);border-radius:4px}.edta-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:44px 20px;text-align:center}.edta-state p{margin:0;font-size:13px;color:var(--text-2, #3d5a80);font-weight:500}.edta-state small{font-size:11px;color:var(--text-3, #8fafc8)}.edta-state--error{color:#e53935}.edta-state-icon{font-size:28px;color:var(--blue-border, #bbdefb)}.edta-state--error .edta-state-icon{color:#e53935}.edta-spinner{width:36px;height:36px;border:3px solid var(--blue-light, #e3f2fd);border-top-color:var(--blue-1, #2196F3);border-radius:50%;animation:edta-spin .8s linear infinite}@keyframes edta-spin{to{transform:rotate(360deg)}}.edta-retry-btn{display:flex;align-items:center;gap:5px;background:var(--blue-grad, linear-gradient(135deg,#2196F3 0%,#0d47a1 100%));color:#fff;border:none;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.edta-retry-btn svg{font-size:15px!important}.edta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.edta-emp-card{background:var(--white, #fff);border:1px solid var(--blue-border, #bbdefb);border-radius:14px;overflow:hidden;display:flex;animation:edta-card-in .3s ease both;transition:box-shadow .18s,transform .18s;height:100%}.edta-emp-card:hover{box-shadow:0 8px 24px #0d47a11f;transform:translateY(-2px)}@keyframes edta-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.edta-stripe{width:6px;flex-shrink:0}.edta-emp-inner{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.edta-emp-top{display:flex;align-items:flex-start;gap:12px}.edta-photo{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid var(--blue-border, #bbdefb);flex-shrink:0}.edta-emp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.edta-emp-name{font-size:14px;font-weight:700;color:var(--text-1, #0a1929);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edta-emp-sub{font-size:11.5px;color:var(--text-3, #8fafc8);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edta-emp-dept{color:var(--blue-1, #2196F3)!important}.edta-status-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:24px;border:1px solid;white-space:nowrap;flex-shrink:0}.edta-details{display:flex;flex-direction:column;gap:5px;margin-top:4px}.edta-detail-row{display:flex;align-items:baseline;gap:8px;font-size:12px;flex-wrap:wrap}.edta-dl{min-width:74px;color:var(--text-3, #8fafc8);font-weight:600;text-transform:uppercase;font-size:10.5px;letter-spacing:.3px}.edta-dv{color:var(--text-1, #0a1929);font-weight:500;word-break:break-word}.edta-dv--warn{color:#e65100;font-weight:600}.edta-dv--good{color:#2e7d32;font-weight:600}@media (max-width: 900px){.edta-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.edta-emp-inner{padding:10px 12px}.edta-photo{width:42px;height:42px}.edta-emp-name{font-size:13px}}@media (max-width: 640px){.edta-grid{grid-template-columns:1fr;gap:10px}.edta-emp-card{max-width:100%}.edta-status-badge{font-size:10px;padding:3px 8px}}:root{--et-blue-start: #2196F3;--et-blue-end: #0d47a1;--et-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--et-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--et-white: #ffffff;--et-bg: #f0f4f8;--et-surface: #ffffff;--et-border: #e2e8f0;--et-border-light: #f1f5f9;--et-text-primary: #0f172a;--et-text-secondary: #475569;--et-text-muted: #94a3b8;--et-blue-50: #eff6ff;--et-blue-100: #dbeafe;--et-blue-600: #2563eb;--et-blue-700: #1d4ed8;--et-success: #16a34a;--et-error: #dc2626;--et-warning: #d97706;--et-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--et-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--et-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--et-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--et-radius: 12px;--et-radius-sm: 6px;--et-radius-xs: 4px;--et-font: "Segoe UI", system-ui, -apple-system, sans-serif;--et-transition: all .2s cubic-bezier(.4, 0, .2, 1);--et-transition-slow: all .35s cubic-bezier(.4, 0, .2, 1)}.et-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--et-bg);font-family:var(--et-font);padding:8px;box-sizing:border-box}.et-card{background:var(--et-surface);border-radius:var(--et-radius);box-shadow:var(--et-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--et-border)}.et-header{background:var(--et-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.et-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.et-header-left{display:flex;align-items:center;gap:12px;min-width:0}.et-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.et-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.et-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.et-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.et-btn.et-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--et-transition)!important;display:flex;align-items:center;justify-content:center}.et-btn.et-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.et-btn.et-btn-icon--active,.et-btn.et-btn-icon.et-btn--active{background:#fffffff2!important;color:var(--et-blue-700)!important;border-color:#fff!important}.et-btn.et-btn-icon.et-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.et-btn.et-btn-icon.et-btn--danger:hover:not(:disabled){background:#ef444473!important}.et-btn.et-btn-primary{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--et-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--et-transition);white-space:nowrap;font-family:var(--et-font)}.et-btn.et-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.et-btn.et-btn-primary:disabled{opacity:.5;cursor:not-allowed}.et-btn.et-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--et-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--et-blue-600);cursor:pointer;transition:var(--et-transition);font-family:var(--et-font)}.et-btn.et-btn-outline:hover{background:var(--et-blue-50)}.et-btn.et-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--et-text-muted);font-size:12px;font-weight:500;border:1px solid var(--et-border);cursor:pointer;transition:var(--et-transition);font-family:var(--et-font)}.et-btn.et-btn-ghost:hover{background:var(--et-border-light);color:var(--et-text-secondary)}.et-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.et-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--et-border)}.et-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;min-height:0}.et-search-field{position:relative;display:flex;align-items:center}.et-search-field-icon{position:absolute;left:9px;color:var(--et-text-muted)!important;pointer-events:none;z-index:1}.et-search-input{width:100%;padding:7px 28px;border:1.5px solid var(--et-border);border-radius:var(--et-radius-sm);font-size:12.5px;color:var(--et-text-primary);background:var(--et-white);transition:var(--et-transition);font-family:var(--et-font);box-sizing:border-box}.et-search-input::placeholder{color:var(--et-text-muted)}.et-search-input:focus{outline:none;border-color:var(--et-blue-start);box-shadow:0 0 0 3px #2196f31f;background:var(--et-white)}.et-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--et-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--et-transition)}.et-search-clear:hover{background:var(--et-error)}.et-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.et-table-wrap::-webkit-scrollbar{width:6px;height:6px}.et-table-wrap::-webkit-scrollbar-track{background:transparent}.et-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.et-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.et-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.et-thead{position:sticky;top:0;z-index:10}.et-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--et-text-secondary);background:#f8fafc;border-bottom:2px solid var(--et-border);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.et-th:first-child{border-radius:0}.et-row{border-bottom:1px solid var(--et-border-light);transition:background .15s ease,box-shadow .15s ease;animation:et-row-in .25s ease both}@keyframes et-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.et-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--et-blue-start)}.et-row:nth-child(2n){background:#fafbfc}.et-row:nth-child(2n):hover{background:#f0f7ff}.et-td{padding:8px 12px;font-size:12.5px;color:var(--et-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-col-photo{width:64px;min-width:64px;text-align:center}.et-col-empno{width:96px;min-width:80px}.et-col-name{width:160px;min-width:120px}.et-col-dept,.et-col-desig{width:150px;min-width:110px}.et-col-card{width:100px;min-width:80px}.et-col-org{width:140px;min-width:100px}.et-col-actions{width:132px;min-width:132px;text-align:center}.et-avatar{width:38px;height:38px;border-radius:10px;display:block;margin:0 auto;flex-shrink:0}.et-avatar-img{object-fit:cover;border:2px solid var(--et-border)}.et-avatar-initials{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;letter-spacing:.5px;border:2px solid rgba(255,255,255,.3);box-shadow:var(--et-shadow-sm)}.et-truncate{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.et-text-primary{font-size:13px;font-weight:600;color:var(--et-text-primary)}.et-text-secondary{font-size:12.5px;color:var(--et-text-secondary)}.et-badge-empno{display:inline-block;padding:3px 8px;border-radius:var(--et-radius-xs);background:var(--et-blue-50);color:var(--et-blue-700);font-size:11.5px;font-weight:700;letter-spacing:.3px;border:1px solid var(--et-blue-100)}.et-badge-card{display:inline-block;padding:3px 8px;border-radius:var(--et-radius-xs);background:#f0fdf4;color:#166534;font-size:11.5px;font-weight:700;border:1px solid #bbf7d0}.et-action-group{display:flex;align-items:center;justify-content:center;gap:5px}.et-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--et-transition)!important;flex-shrink:0}.et-action-btn:disabled{opacity:.4;pointer-events:none}.et-action-btn--edit{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 6px #22c55e4d!important}.et-action-btn--edit:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #22c55e73!important}.et-action-btn--approver{background:var(--et-gradient)!important;color:#fff!important;box-shadow:0 2px 6px #2196f34d!important}.et-action-btn--approver:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:var(--et-shadow-blue)!important}.et-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.et-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.et-action-btn--badge{background:linear-gradient(135deg,#a78bfa,#7c3aed)!important;color:#fff!important;box-shadow:0 2px 6px #7c3aed4d!important}.et-action-btn--badge:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #7c3aed73!important}.et-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--et-border);background:#fafbfc;flex-shrink:0;gap:12px}.et-footer-text{font-size:12px;color:var(--et-text-muted)}.et-footer-text strong{color:var(--et-text-secondary);font-weight:700}.et-upload-indicator{color:var(--et-blue-start);font-weight:500}.et-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.et-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:et-fade-in .4s ease both}@keyframes et-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.et-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--et-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--et-blue-600);margin-bottom:4px}.et-state-icon-wrap--error{background:#fef2f2;color:var(--et-error)}.et-state-title{font-size:17px;font-weight:700;color:var(--et-text-primary);margin:0}.et-state-desc{font-size:13.5px;color:var(--et-text-muted);margin:0;line-height:1.55}.et-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.et-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--et-border-light);animation:et-fade-in .4s ease both}.et-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:et-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes et-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.et-sk-avatar{width:38px;height:38px;border-radius:10px;flex-shrink:0}.et-sk-text{height:14px;flex:1;max-width:200px}.et-sk-pill{width:88px;height:26px;border-radius:20px}@media (max-width: 1200px){.et-col-desig{display:none}}@media (max-width: 960px){.et-col-dept,.et-col-org{display:none}.et-search-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.et-root{padding:4px}.et-card{height:calc(100vh - 52px);border-radius:8px}.et-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.et-title{font-size:15px}.et-subtitle{display:none}.et-actions{gap:4px}.et-btn.et-btn-primary span{display:none}.et-btn.et-btn-primary{width:34px;padding:0!important;justify-content:center}.et-search-grid{grid-template-columns:repeat(2,1fr)}.et-col-card{display:none}.et-action-group{gap:4px}.et-action-btn{width:26px!important;height:26px!important}.et-footer{padding:8px 14px}}@media (max-width: 480px){.et-search-grid{grid-template-columns:1fr 1fr}.et-col-name{min-width:100px}.et-col-empno{min-width:72px}.et-badge-empno,.et-badge-card{font-size:10.5px;padding:2px 6px}.et-text-primary{font-size:12px}.et-text-secondary{font-size:11.5px}}:root{--ue-blue-start: #2196F3;--ue-blue-end: #0d47a1;--ue-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--ue-gradient-soft: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--ue-white: #ffffff;--ue-bg: #f0f4f8;--ue-surface: #ffffff;--ue-border: #e2e8f0;--ue-border-focus: #2196F3;--ue-text-primary: #0f172a;--ue-text-secondary: #475569;--ue-text-muted: #94a3b8;--ue-blue-50: #eff6ff;--ue-blue-100: #dbeafe;--ue-blue-200: #bfdbfe;--ue-blue-600: #2563eb;--ue-blue-700: #1d4ed8;--ue-success: #16a34a;--ue-error: #dc2626;--ue-error-bg: #fef2f2;--ue-shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--ue-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--ue-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--ue-shadow-blue: 0 4px 20px rgba(33,150,243,.28);--ue-radius: 14px;--ue-radius-sm: 8px;--ue-radius-xs: 5px;--ue-font: "Segoe UI", system-ui, -apple-system, sans-serif;--ue-transition: all .22s cubic-bezier(.4, 0, .2, 1)}.ue-root{min-height:100vh;background:var(--ue-bg);font-family:var(--ue-font);padding:8px;box-sizing:border-box}.ue-page{max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.ue-page-header{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--ue-gradient);border-radius:var(--ue-radius);box-shadow:var(--ue-shadow-blue);position:relative;overflow:hidden}.ue-page-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none}.ue-back-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#ffffff29;border:1px solid rgba(255,255,255,.28);border-radius:var(--ue-radius-sm);color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--ue-transition);white-space:nowrap;font-family:var(--ue-font);flex-shrink:0}.ue-back-btn:hover{background:#ffffff47;transform:translate(-2px)}.ue-page-header-center{flex:1;text-align:center}.ue-page-title{font-size:18px;font-weight:800;color:#fff;margin:0;letter-spacing:-.4px}.ue-page-subtitle{font-size:12px;color:#ffffffad;margin:3px 0 0}.ue-page-header-right{flex-shrink:0}.ue-emp-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;font-size:12px;font-weight:700}.ue-form{display:flex;flex-direction:column;gap:14px}.ue-hero-card{background:var(--ue-white);border-radius:var(--ue-radius);border:1px solid var(--ue-border);box-shadow:var(--ue-shadow-md);padding:24px;display:flex;gap:28px;align-items:flex-start;position:relative;overflow:hidden;animation:ue-fade-up .35s ease both}.ue-hero-card-gradient{position:absolute;top:0;left:0;right:0;height:4px;background:var(--ue-gradient)}@keyframes ue-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ue-avatar-zone{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.ue-avatar-wrap{position:relative;width:96px;height:96px}.ue-avatar-img{width:96px;height:96px;border-radius:16px;object-fit:cover;border:3px solid var(--ue-border);display:block;box-shadow:var(--ue-shadow-sm)}.ue-avatar-initials{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:var(--ue-gradient);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;letter-spacing:1px}.ue-avatar-cam-btn{position:absolute;bottom:-6px;right:-6px;width:30px;height:30px;border-radius:50%;background:var(--ue-gradient);border:2.5px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:var(--ue-transition);box-shadow:var(--ue-shadow-sm)}.ue-avatar-cam-btn:hover{transform:scale(1.15);box-shadow:var(--ue-shadow-blue)}.ue-avatar-hint{font-size:11px;color:var(--ue-text-muted);margin:0;text-align:center}.ue-basic-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.ue-accordion{background:var(--ue-white);border-radius:var(--ue-radius);border:1.5px solid var(--ue-border);box-shadow:var(--ue-shadow-sm);overflow:hidden;transition:box-shadow .22s ease,border-color .22s ease;animation:ue-fade-up .35s ease both;animation-delay:var(--sec-delay, 0s)}.ue-accordion--open{border-color:var(--sec-color, var(--ue-blue-start));box-shadow:0 0 0 3px #2196f314,var(--ue-shadow-md)}.ue-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .18s ease;gap:12px}.ue-accordion-header:hover{background:#f8fafc}.ue-accordion--open .ue-accordion-header{background:var(--ue-gradient-soft);border-bottom:1.5px solid var(--ue-blue-100)}.ue-accordion-header-left{display:flex;align-items:center;gap:14px;min-width:0}.ue-accordion-icon-wrap{width:40px;height:40px;border-radius:10px;background:var(--ue-gradient);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #2196f34d}.ue-accordion-icon-wrap .MuiSvgIcon-root{font-size:20px!important}.ue-accordion-title{font-size:14.5px;font-weight:700;color:var(--ue-text-primary);letter-spacing:-.2px}.ue-accordion-desc{font-size:12px;color:var(--ue-text-muted);margin-top:1px}.ue-accordion-chevron{color:var(--ue-text-muted);transition:transform .28s cubic-bezier(.4,0,.2,1);flex-shrink:0}.ue-accordion-chevron--open{transform:rotate(180deg);color:var(--ue-blue-start)}.ue-accordion-body{padding:20px;animation:ue-body-in .28s ease both;background:#fafcff}@keyframes ue-body-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ue-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ue-section-grid--3{grid-template-columns:repeat(3,1fr)}.ue-field{display:flex;flex-direction:column;gap:6px}.ue-field--full{grid-column:1 / -1}.ue-label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ue-text-secondary);letter-spacing:.1px}.ue-label-icon{font-size:15px!important;color:var(--ue-blue-start)!important}.ue-required{color:var(--ue-error);font-weight:800;margin-left:1px}.ue-info-tip{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ue-text-muted);background:var(--ue-blue-50);border:1px solid var(--ue-blue-100);border-radius:var(--ue-radius-xs);padding:5px 8px;line-height:1.4}.ue-info-tip--blue{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.ue-info-tip .MuiSvgIcon-root{flex-shrink:0}.ue-input,.ue-select,.ue-textarea{width:100%;padding:9px 12px;border:1.5px solid var(--ue-border);border-radius:var(--ue-radius-sm);font-size:13px;color:var(--ue-text-primary);background:var(--ue-white);transition:var(--ue-transition);font-family:var(--ue-font);box-sizing:border-box;outline:none}.ue-input::placeholder,.ue-textarea::placeholder{color:var(--ue-text-muted);font-size:12.5px}.ue-input:focus,.ue-select:focus,.ue-textarea:focus{border-color:var(--ue-blue-start);box-shadow:0 0 0 3px #2196f31f;background:#fdfeff}.ue-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}.ue-select:disabled{background-color:#f8fafc;color:var(--ue-text-muted);cursor:not-allowed;opacity:.7}.ue-textarea{resize:vertical;min-height:84px;line-height:1.5}.ue-radio-group{display:flex;gap:10px;flex-wrap:wrap}.ue-radio-card{display:flex;align-items:center;gap:8px;padding:9px 16px;border:1.5px solid var(--ue-border);border-radius:var(--ue-radius-sm);cursor:pointer;transition:var(--ue-transition);background:var(--ue-white)}.ue-radio-card:hover{border-color:var(--ue-blue-start);background:var(--ue-blue-50)}.ue-radio-card--active{border-color:var(--ue-blue-start);background:var(--ue-gradient-soft);box-shadow:0 0 0 2px #2196f326}.ue-radio-card input{display:none}.ue-radio-label{font-size:13px;font-weight:600;color:var(--ue-text-primary)}.ue-day-picker{display:flex;gap:8px;flex-wrap:wrap}.ue-day-chip{display:inline-flex;align-items:center;justify-content:center;width:46px;height:36px;border:1.5px solid var(--ue-border);border-radius:var(--ue-radius-xs);font-size:12px;font-weight:600;color:var(--ue-text-secondary);background:var(--ue-white);cursor:pointer;transition:var(--ue-transition);-webkit-user-select:none;user-select:none}.ue-day-chip:hover{border-color:var(--ue-blue-start);color:var(--ue-blue-start);background:var(--ue-blue-50)}.ue-day-chip--active{background:var(--ue-gradient);border-color:transparent;color:#fff;box-shadow:0 2px 8px #2196f359;transform:translateY(-1px)}.ue-alt-grid{display:flex;flex-direction:column;gap:6px;border:1.5px solid var(--ue-border);border-radius:var(--ue-radius-sm);padding:12px;background:var(--ue-white)}.ue-alt-row{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--ue-radius-xs);background:#f8fafc;border:1px solid var(--ue-border);transition:background .15s ease}.ue-alt-row:hover{background:var(--ue-blue-50)}.ue-alt-row-label{font-size:12px;font-weight:700;color:var(--ue-text-secondary);min-width:72px;display:flex;align-items:center;gap:6px}.ue-alt-count{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--ue-gradient);color:#fff;font-size:10px;font-weight:800}.ue-alt-days{display:flex;gap:5px;flex-wrap:wrap}.ue-alt-day{width:30px;height:30px;border-radius:6px;border:1.5px solid var(--ue-border);background:var(--ue-white);font-size:11px;font-weight:700;color:var(--ue-text-muted);cursor:pointer;transition:var(--ue-transition);display:flex;align-items:center;justify-content:center;padding:0}.ue-alt-day:hover{border-color:var(--ue-blue-start);color:var(--ue-blue-start);background:var(--ue-blue-50)}.ue-alt-day--on{background:var(--ue-gradient);border-color:transparent;color:#fff;box-shadow:0 2px 6px #2196f34d}.ue-alt-summary{margin-top:10px;padding:9px 12px;background:var(--ue-blue-50);border:1px dashed var(--ue-blue-200);border-radius:var(--ue-radius-xs);font-size:12px;color:var(--ue-text-secondary);line-height:1.55}.ue-alt-summary strong{color:var(--ue-text-primary);margin-right:4px}.ue-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ue-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1.5px solid var(--ue-border);border-radius:var(--ue-radius-sm);cursor:pointer;transition:var(--ue-transition);background:var(--ue-white);gap:12px}.ue-toggle-card:hover{border-color:var(--ue-blue-start);background:var(--ue-blue-50)}.ue-toggle-card--on{border-color:var(--ue-blue-start);background:var(--ue-gradient-soft)}.ue-toggle-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ue-toggle-card-label{font-size:13px;font-weight:700;color:var(--ue-text-primary)}.ue-toggle-card-hint{font-size:11px;color:var(--ue-text-muted);line-height:1.4}.ue-toggle-switch{width:40px;height:22px;border-radius:11px;background:var(--ue-border);position:relative;flex-shrink:0;transition:background .22s ease;cursor:pointer}.ue-toggle-switch--on{background:var(--ue-gradient);box-shadow:0 2px 8px #2196f359}.ue-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000026}.ue-toggle-switch--on .ue-toggle-thumb{transform:translate(18px)}.ue-btn{display:inline-flex;align-items:center;gap:7px;border-radius:var(--ue-radius-sm);font-size:13.5px;font-weight:700;font-family:var(--ue-font);cursor:pointer;transition:var(--ue-transition);border:none}.ue-btn-primary{padding:11px 28px;background:var(--ue-gradient);color:#fff;box-shadow:var(--ue-shadow-blue)}.ue-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #2196f366}.ue-btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.ue-btn-ghost{padding:11px 20px;background:transparent;color:var(--ue-text-secondary);border:1.5px solid var(--ue-border)}.ue-btn-ghost:hover{background:#f1f5f9;border-color:#cbd5e1}.ue-btn-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ue-spin .7s linear infinite}@keyframes ue-spin{to{transform:rotate(360deg)}}.ue-form-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 0 4px}.ue-loading-screen,.ue-error-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.ue-loading-card,.ue-error-card{background:var(--ue-white);border-radius:var(--ue-radius);box-shadow:var(--ue-shadow-lg);padding:40px 48px;text-align:center;max-width:400px;width:100%;border:1px solid var(--ue-border);animation:ue-fade-up .4s ease both}.ue-loading-spinner{width:60px;height:60px;position:relative;margin:0 auto 20px}.ue-spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--ue-blue-start);animation:ue-spin .9s linear infinite}.ue-spinner-ring--2{top:8px;right:8px;bottom:8px;left:8px;border-top-color:var(--ue-blue-end);animation-direction:reverse;animation-duration:.7s}.ue-spinner-dot{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:var(--ue-gradient);animation:ue-pulse 1.2s ease-in-out infinite}@keyframes ue-pulse{0%,to{transform:scale(.85);opacity:.6}50%{transform:scale(1.1);opacity:1}}.ue-loading-title{font-size:17px;font-weight:800;color:var(--ue-text-primary);margin:0 0 6px}.ue-loading-desc{font-size:13px;color:var(--ue-text-muted);margin:0 0 24px}.ue-loading-bars{display:flex;flex-direction:column;gap:10px;text-align:left}.ue-loading-bar-row{display:flex;align-items:center;gap:12px;animation:ue-fade-up .4s ease both}.ue-loading-bar-label{font-size:12px;color:var(--ue-text-muted);width:120px;flex-shrink:0}.ue-loading-bar{flex:1;height:6px;background:var(--ue-border);border-radius:3px;overflow:hidden}.ue-loading-bar-fill{height:100%;background:var(--ue-gradient);border-radius:3px;animation:ue-bar-fill 1.8s ease-in-out infinite}@keyframes ue-bar-fill{0%{width:0%;opacity:.6}50%{width:75%;opacity:1}to{width:100%;opacity:.7}}.ue-error-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--ue-error-bg);color:var(--ue-error);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.ue-error-title{font-size:17px;font-weight:800;color:var(--ue-text-primary);margin:0 0 8px}.ue-error-desc{font-size:13.5px;color:var(--ue-text-muted);margin:0 0 24px;line-height:1.6}.ue-error-actions{display:flex;gap:10px;justify-content:center}@media (max-width: 900px){.ue-section-grid--3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.ue-root{padding:4px}.ue-page{gap:12px}.ue-page-header{padding:12px 14px;flex-wrap:wrap;gap:10px}.ue-page-header-center{order:3;flex-basis:100%;text-align:left}.ue-page-title{font-size:16px}.ue-page-subtitle{display:none}.ue-hero-card{flex-direction:column;align-items:center;padding:20px 16px;gap:20px}.ue-basic-grid{grid-template-columns:1fr;width:100%}.ue-section-grid,.ue-section-grid--3,.ue-toggle-grid{grid-template-columns:1fr}.ue-accordion-body{padding:14px}.ue-form-actions{flex-direction:column-reverse}.ue-btn-primary,.ue-btn-ghost{width:100%;justify-content:center}.ue-loading-card,.ue-error-card{padding:28px 24px}}@media (max-width: 480px){.ue-back-btn span,.ue-emp-chip{display:none}.ue-day-picker{gap:6px}.ue-day-chip{width:40px;height:32px;font-size:11px}.ue-alt-row{flex-wrap:wrap}.ue-alt-row-label{min-width:100%}}.ci-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.ci-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:12px;padding:2rem;width:420px;max-width:90vw;box-shadow:0 10px 25px #00000026;z-index:1001;animation:ci-fadeIn .3s ease-out}.ci-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ci-title{font-size:1.5rem;color:#2c3e50;margin:0;font-weight:600}.ci-close-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ci-close-btn:hover{color:#e74c3c;background-color:#f5f5f5;transform:rotate(90deg)}.ci-description{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin-bottom:2rem;text-align:center}.ci-options{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.ci-option{display:flex;flex-direction:column;align-items:center;cursor:pointer}.ci-option-btn{background:var(--create-button);color:#fff;border:none;padding:1.2rem;border-radius:50%;margin-bottom:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center}.ci-option-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.ci-option-label{font-size:.9rem;color:#34495e;font-weight:500}.ci-file-input{display:none}.ci-icon{font-size:1.5rem}.ci-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;display:flex;align-items:center;justify-content:center}.ci-modal{background:#fff;border-radius:12px;padding:1.5rem;width:400px;max-width:90vw;box-shadow:0 10px 25px #0003;animation:ci-modalFadeIn .3s ease-out}.ci-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ci-modal-title{font-size:1.25rem;color:#2c3e50;margin:0}.ci-modal-close-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ci-modal-close-btn:hover{color:#e74c3c;background-color:#f5f5f5}.ci-camera-modal{width:450px}.ci-camera-preview{width:100%;height:300px;background:#000;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;position:relative}.ci-webcam{width:100%;height:100%;object-fit:cover}.ci-crop-modal{width:450px}.ci-crop-instructions{color:#7f8c8d;font-size:.9rem;margin-bottom:1rem;text-align:center}.ci-crop-area{position:relative;width:100%;height:250px;background:#f5f5f5;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.ci-crop-container{position:absolute;top:0;left:0;right:0;bottom:0}.ci-modal-actions{display:flex;justify-content:center}.ci-btn{border:none;padding:.75rem 2rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:none}.ci-primary-btn{background:var(--create-button);color:#fff}.ci-primary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}@keyframes ci-fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes ci-modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.inactive-employee-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1300}.inactive-employee-header{margin-bottom:0}.inactive-employee-header-background{background:linear-gradient(135deg,#2196f3,#0d47a1);padding:20px 30px;position:relative;overflow:hidden}.inactive-employee-header-content{position:relative;z-index:2;text-align:center}.inactive-employee-title{font-size:22px;color:#fff;margin-bottom:4px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.inactive-employee-subtitle{font-size:13px;color:#ffffffe6;margin:0;font-weight:400}.inactive-employee-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.inactive-employee-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:50px;height:50px;top:10px;left:10%;animation:inactive-employee-float 6s ease-in-out infinite}.circle-2{width:70px;height:70px;bottom:-15px;right:15%;animation:inactive-employee-float 8s ease-in-out infinite 1s}.circle-3{width:35px;height:35px;top:50%;right:20%;animation:inactive-employee-float 5s ease-in-out infinite .5s}.inactive-employee-summary{background:#f8f9fa;padding:12px 30px;border-bottom:1px solid #e9ecef}.inactive-employee-summary-item{margin-bottom:6px;font-size:13px;color:#495057}.inactive-employee-summary-item:last-child{margin-bottom:0}.inactive-employee-summary-item strong{color:#343a40;min-width:90px;display:inline-block}.inactive-employee-form{width:100%;padding:20px 30px}.inactive-employee-form-group{width:100%;margin-bottom:15px;text-align:left}.inactive-employee-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center}.inactive-employee-input,.inactive-employee-select,.inactive-employee-textarea{width:100%;padding:10px 12px;font-size:13px;color:#333;border:2px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.inactive-employee-input:focus,.inactive-employee-select:focus,.inactive-employee-textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;background-color:#fff}.inactive-employee-input:disabled,.inactive-employee-select:disabled,.inactive-employee-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.inactive-employee-input.error,.inactive-employee-select.error,.inactive-employee-textarea.error{border-color:#e53e3e;background-color:#fff5f5}.inactive-employee-textarea{resize:vertical;min-height:80px}.error-message{color:#e53e3e;font-size:11px;margin-top:4px;font-weight:500;display:flex;align-items:center}.inactive-employee-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inactive-employee-modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:center;width:100%}.inactive-employee-modal-btn{border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #00000026;flex:1;max-width:180px;min-height:40px;display:flex;align-items:center;justify-content:center}.inactive-employee-modal-btn--confirm{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;box-shadow:0 2px 8px #2196f34d}.inactive-employee-modal-btn--cancel{background:#6c757d;color:#fff;box-shadow:0 2px 8px #6c757d4d}.inactive-employee-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.inactive-employee-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #00000026}@keyframes inactive-employee-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.inactive-employee-date-fields{grid-template-columns:1fr;gap:10px}}@media (max-width: 768px){.inactive-employee-modal-content{max-width:95%;max-height:90vh}.inactive-employee-header-background{padding:15px 20px}.inactive-employee-title{font-size:20px}.inactive-employee-form{padding:15px 20px}.inactive-employee-summary{padding:10px 20px}.inactive-employee-form-group{margin-bottom:12px}.inactive-employee-modal-actions{flex-direction:column;gap:10px;margin-top:15px}.inactive-employee-modal-btn{max-width:100%;padding:8px 16px}}@media (max-width: 480px){.inactive-employee-header-background,.inactive-employee-form{padding:12px 15px}.inactive-employee-summary{padding:8px 15px}.inactive-employee-title{font-size:18px;margin-bottom:2px}.inactive-employee-subtitle{font-size:12px}.inactive-employee-input,.inactive-employee-select,.inactive-employee-textarea{padding:8px 10px;font-size:12px}.inactive-employee-modal-btn{padding:8px 14px;font-size:12px}}.eb-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.eb-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;animation:eb-modal-appear .3s ease}@keyframes eb-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.eb-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#dc3545;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s;box-shadow:0 2px 8px #dc35454d}.eb-close-btn:hover{background:#c82333;transform:scale(1.05)}.eb-print-btn{position:absolute;top:12px;right:52px;background:#28a745;border:none;border-radius:20px;padding:6px 16px;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;z-index:10;transition:all .2s;box-shadow:0 2px 8px #28a7454d}.eb-print-btn:hover{background:#218838;transform:translateY(-1px)}.eb-container{background:#fff;border:2px solid #1a237e;border-radius:10px;overflow:hidden;margin:15px}.eb-header{background:#1a237e;color:#fff;padding:16px;text-align:center}.eb-header-title{font-size:18px;font-weight:600;margin:0 0 4px;letter-spacing:1px}.eb-header-company{font-size:13px;margin:0;opacity:.9}.eb-main{display:flex;padding:20px;gap:20px;border-bottom:1px solid #e0e0e0}.eb-photo-section{width:120px;text-align:center}.eb-photo-frame{width:120px;height:140px;border:2px solid #1a237e;border-radius:6px;overflow:hidden;margin-bottom:6px;background:#f5f5f5}.eb-photo-img{width:100%;height:100%;object-fit:cover}.eb-photo-label{font-size:11px;color:#666;font-weight:500}.eb-details-section{flex:1;display:flex;flex-direction:column;gap:8px}.eb-detail-row{display:flex;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:6px}.eb-detail-label{width:85px;font-size:11px;font-weight:600;color:#1a237e;text-transform:uppercase}.eb-detail-value{flex:1;font-size:12px;color:#333;font-weight:500}.eb-info-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f5f5f5;border-bottom:1px solid #ddd}.eb-info-item{flex:1;display:flex;align-items:center;justify-content:center;gap:6px}.eb-info-label{font-size:11px;font-weight:600;color:#1a237e;white-space:nowrap}.eb-info-value{font-size:11px;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.eb-info-divider{color:#999;font-size:14px;font-weight:300;padding:0 8px}.eb-footer{display:flex;padding:16px 20px;background:#fafafa;justify-content:space-between;align-items:flex-end}.eb-signature-field{text-align:center;flex:1}.eb-signature-line{width:100px;height:24px;border-bottom:2px solid #333;margin:0 auto 4px}.eb-signature-label{font-size:9px;color:#666;display:block}.eb-stamp-field{text-align:center}.eb-stamp-placeholder{width:60px;height:24px;border:2px dashed #1a237e;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#1a237e;font-weight:600;margin:0 auto 4px}.eb-stamp-label{font-size:9px;color:#666;display:block}@media (max-width: 600px){.eb-main{flex-direction:column;align-items:center}.eb-info-bar{flex-direction:column;gap:8px}.eb-info-divider{display:none}.eb-info-item{width:100%;justify-content:flex-start}.eb-footer{flex-direction:column;gap:16px;align-items:center}.eb-signature-line{width:150px}}@media print{.eb-overlay{position:static;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.eb-modal{box-shadow:none;max-height:none}.eb-close-btn,.eb-print-btn{display:none!important}.eb-container{border:2px solid #000}.eb-header{background:#1a237e!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.eb-info-bar{background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--dept-blue-start: #2196F3;--dept-blue-end: #0d47a1;--dept-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--dept-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--dept-white: #ffffff;--dept-bg: #f0f4f8;--dept-surface: #ffffff;--dept-border: #e2e8f0;--dept-border-light: #f1f5f9;--dept-text-primary: #0f172a;--dept-text-secondary: #475569;--dept-text-muted: #94a3b8;--dept-blue-50: #eff6ff;--dept-blue-100: #dbeafe;--dept-blue-600: #2563eb;--dept-blue-700: #1d4ed8;--dept-success: #16a34a;--dept-error: #dc2626;--dept-warning: #d97706;--dept-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--dept-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--dept-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--dept-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--dept-radius: 12px;--dept-radius-sm: 6px;--dept-radius-xs: 4px;--dept-font: "Segoe UI", system-ui, -apple-system, sans-serif;--dept-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.dept-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--dept-bg);font-family:var(--dept-font);padding:8px;box-sizing:border-box}.dept-card{background:var(--dept-surface);border-radius:var(--dept-radius);box-shadow:var(--dept-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--dept-border)}.dept-header{background:var(--dept-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.dept-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.dept-header-left{display:flex;align-items:center;gap:12px;min-width:0}.dept-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.dept-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.dept-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.dept-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.dept-btn.dept-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--dept-transition)!important;display:flex;align-items:center;justify-content:center}.dept-btn.dept-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.dept-btn.dept-btn-icon.dept-btn--active{background:#fffffff2!important;color:var(--dept-blue-700)!important;border-color:#fff!important}.dept-btn.dept-btn-icon.dept-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.dept-btn.dept-btn-icon.dept-btn--danger:hover:not(:disabled){background:#ef444473!important}.dept-btn.dept-btn-primary{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--dept-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--dept-transition);white-space:nowrap;font-family:var(--dept-font)}.dept-btn.dept-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.dept-btn.dept-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--dept-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--dept-blue-600);cursor:pointer;transition:var(--dept-transition)}.dept-btn.dept-btn-outline:hover{background:var(--dept-blue-50)}.dept-btn.dept-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--dept-text-muted);font-size:12px;font-weight:500;border:1px solid var(--dept-border);cursor:pointer;transition:var(--dept-transition)}.dept-btn.dept-btn-ghost:hover{background:var(--dept-border-light);color:var(--dept-text-secondary)}.dept-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.dept-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--dept-border)}.dept-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:0}.dept-search-field{position:relative;display:flex;align-items:center}.dept-search-field-icon{position:absolute;left:9px;color:var(--dept-text-muted)!important;pointer-events:none;z-index:1}.dept-search-input{width:100%;padding:7px 28px;border:1.5px solid var(--dept-border);border-radius:var(--dept-radius-sm);font-size:12.5px;color:var(--dept-text-primary);background:var(--dept-white);transition:var(--dept-transition);font-family:var(--dept-font);box-sizing:border-box}.dept-search-input:focus{outline:none;border-color:var(--dept-blue-start);box-shadow:0 0 0 3px #2196f31f}.dept-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--dept-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--dept-transition)}.dept-search-clear:hover{background:var(--dept-error)}.dept-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.dept-table-wrap::-webkit-scrollbar{width:6px;height:6px}.dept-table-wrap::-webkit-scrollbar-track{background:transparent}.dept-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dept-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dept-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.dept-thead{position:sticky;top:0;z-index:10}.dept-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dept-text-secondary);background:#f8fafc;border-bottom:2px solid var(--dept-border);text-align:left;white-space:nowrap}.dept-row{border-bottom:1px solid var(--dept-border-light);transition:background .15s ease,box-shadow .15s ease;animation:dept-row-in .25s ease both}@keyframes dept-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dept-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--dept-blue-start)}.dept-row:nth-child(2n){background:#fafbfc}.dept-row:nth-child(2n):hover{background:#f0f7ff}.dept-td{padding:12px;font-size:12.5px;color:var(--dept-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-col-code{width:15%;min-width:110px}.dept-col-name{width:30%;min-width:180px}.dept-col-org{width:40%;min-width:220px}.dept-col-actions{width:15%;min-width:100px;text-align:center}.dept-badge-code{display:inline-block;padding:4px 8px;border-radius:var(--dept-radius-xs);background:var(--dept-blue-50);color:var(--dept-blue-700);font-size:11.5px;font-weight:700;border:1px solid var(--dept-blue-100)}.dept-text-primary{font-weight:600;color:var(--dept-text-primary)}.dept-text-secondary{color:var(--dept-text-secondary)}.dept-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.dept-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--dept-transition)!important}.dept-action-btn--edit{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 6px #22c55e4d!important}.dept-action-btn--edit:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #22c55e73!important}.dept-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.dept-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.dept-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--dept-border);background:#fafbfc;flex-shrink:0;gap:12px}.dept-footer-text{font-size:12px;color:var(--dept-text-muted)}.dept-footer-text strong{color:var(--dept-text-secondary);font-weight:700}.dept-upload-indicator{color:var(--dept-blue-start);font-weight:500}.dept-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.dept-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:dept-fade-in .4s ease both}@keyframes dept-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dept-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--dept-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--dept-blue-600);margin-bottom:4px}.dept-state-icon-wrap--error{background:#fef2f2;color:var(--dept-error)}.dept-state-title{font-size:17px;font-weight:700;color:var(--dept-text-primary);margin:0}.dept-state-desc{font-size:13.5px;color:var(--dept-text-muted);margin:0;line-height:1.55}.dept-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.dept-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--dept-border-light);animation:dept-fade-in .4s ease both}.dept-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:dept-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes dept-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dept-sk-text{height:14px;flex:1;max-width:200px}.dept-sk-pill{width:80px;height:26px;border-radius:20px}@media (max-width: 960px){.dept-col-org{display:none}}@media (max-width: 768px){.dept-root{padding:4px}.dept-card{height:calc(100vh - 52px);border-radius:8px}.dept-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.dept-title{font-size:15px}.dept-subtitle{display:none}.dept-actions{gap:4px}.dept-btn.dept-btn-primary span{display:none}.dept-btn.dept-btn-primary{width:34px;padding:0!important;justify-content:center}.dept-search-grid{grid-template-columns:1fr}.dept-action-group{gap:4px}.dept-footer{padding:8px 14px}}@media (max-width: 480px){.dept-col-name{min-width:140px}.dept-col-code{min-width:90px}}.create-department-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:90%;max-width:500px;outline:none;font-family:Inter,sans-serif;overflow:hidden;z-index:1300}.create-department-header{margin-bottom:0}.create-department-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.create-department-header-content{position:relative;z-index:2;text-align:center}.create-department-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.create-department-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.create-department-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-department-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:create-department-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:create-department-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:create-department-float 5s ease-in-out infinite .5s}.create-department-form{width:100%;padding:25px 30px 20px}.create-department-form-group{width:100%;margin-bottom:20px;text-align:left}.create-department-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.create-department-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.create-department-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.create-department-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-department-input.error{border-color:#e53e3e;background-color:#fff5f5}.create-department-form-group.error .react-select__control{border-color:#e53e3e!important;background-color:#fff5f5!important}.create-department-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.create-department-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.create-department-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 4px 12px #2196f34d}.create-department-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.create-department-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.create-department-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes create-department-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.create-department-modal-content{max-width:95%}.create-department-header-background{padding:20px}.create-department-title{font-size:22px}.create-department-form{padding:20px 20px 15px}.create-department-form-group{margin-bottom:15px}.create-department-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.create-department-modal-btn{max-width:100%;padding:10px 20px}.react-select__control{min-height:42px!important;font-size:14px!important}}@media (max-width: 480px){.create-department-header-background{padding:15px}.create-department-form{padding:15px 15px 10px}.create-department-title{font-size:20px;margin-bottom:4px}.create-department-subtitle{font-size:13px}.create-department-input{padding:10px 12px;font-size:13px}.create-department-modal-btn{padding:10px 16px;font-size:13px}.react-select__control{min-height:40px!important;font-size:13px!important}.react-select__option{padding:8px 10px!important;font-size:13px!important}}.update-department-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:90%;max-width:500px;outline:none;font-family:Inter,sans-serif;overflow:hidden;z-index:1300}.update-department-header{margin-bottom:0}.update-department-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.update-department-header-content{position:relative;z-index:2;text-align:center}.update-department-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.update-department-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.update-department-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-department-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:update-department-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:update-department-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:update-department-float 5s ease-in-out infinite .5s}.update-department-form{width:100%;padding:25px 30px 20px}.update-department-form-group{width:100%;margin-bottom:20px;text-align:left}.update-department-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.update-department-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.update-department-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.update-department-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-department-input.error{border-color:#e53e3e;background-color:#fff5f5}.react-select__control{min-height:44px!important;border:2px solid #e2e8f0!important;border-radius:8px!important;background-color:#f8fafc!important;transition:all .3s ease!important;font-size:14px!important;box-shadow:none!important}.react-select__control--is-focused{border-color:#1976d2!important;box-shadow:0 0 0 3px #1976d21a!important}.react-select__control--is-disabled{background-color:#f1f5f9!important;opacity:.6!important}.react-select__value-container{padding:2px 12px!important}.react-select__input{color:#333!important}.react-select__menu{z-index:9999!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;margin-top:4px!important}.react-select__option{padding:10px 12px!important;font-size:14px!important;cursor:pointer!important}.react-select__option--is-focused{background-color:#f8fafc!important}.react-select__option--is-selected{background-color:#1976d2!important;color:#fff!important}.react-select__multi-value{background-color:#1976d2!important;border-radius:6px!important;margin:2px!important}.react-select__multi-value__label{color:#fff!important;font-size:13px!important;font-weight:500!important;padding:4px 6px!important}.react-select__multi-value__remove{border-radius:0 6px 6px 0!important;padding:4px!important}.react-select__multi-value__remove:hover{background-color:#d32f2f!important;color:#fff!important}.react-select__placeholder{color:#718096!important;font-size:14px!important}.react-select__indicator-separator{background-color:#e2e8f0!important}.react-select__dropdown-indicator{color:#718096!important}.react-select__dropdown-indicator:hover{color:#4a5568!important}.react-select__clear-indicator{color:#718096!important}.react-select__clear-indicator:hover{color:#e53e3e!important}.update-department-form-group.error .react-select__control{border-color:#e53e3e!important;background-color:#fff5f5!important}.update-department-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.update-department-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.update-department-modal-btn--save{background:var(--update-button);color:#fff;box-shadow:0 4px 12px #1da99c4d}.update-department-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.update-department-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.update-department-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes update-department-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.update-department-modal-content{max-width:95%}.update-department-header-background{padding:20px}.update-department-title{font-size:22px}.update-department-form{padding:20px 20px 15px}.update-department-form-group{margin-bottom:15px}.update-department-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.update-department-modal-btn{max-width:100%;padding:10px 20px}.react-select__control{min-height:42px!important;font-size:14px!important}}@media (max-width: 480px){.update-department-header-background{padding:15px}.update-department-form{padding:15px 15px 10px}.update-department-title{font-size:20px;margin-bottom:4px}.update-department-subtitle{font-size:13px}.update-department-input{padding:10px 12px;font-size:13px}.update-department-modal-btn{padding:10px 16px;font-size:13px}.react-select__control{min-height:40px!important;font-size:13px!important}.react-select__option{padding:8px 10px!important;font-size:13px!important}}:root{--desig-blue-start: #2196F3;--desig-blue-end: #0d47a1;--desig-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--desig-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--desig-white: #ffffff;--desig-bg: #f0f4f8;--desig-surface: #ffffff;--desig-border: #e2e8f0;--desig-border-light: #f1f5f9;--desig-text-primary: #0f172a;--desig-text-secondary: #475569;--desig-text-muted: #94a3b8;--desig-blue-50: #eff6ff;--desig-blue-100: #dbeafe;--desig-blue-600: #2563eb;--desig-blue-700: #1d4ed8;--desig-success: #16a34a;--desig-error: #dc2626;--desig-warning: #d97706;--desig-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--desig-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--desig-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--desig-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--desig-radius: 12px;--desig-radius-sm: 6px;--desig-radius-xs: 4px;--desig-font: "Segoe UI", system-ui, -apple-system, sans-serif;--desig-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.desig-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--desig-bg);font-family:var(--desig-font);padding:8px;box-sizing:border-box}.desig-card{background:var(--desig-surface);border-radius:var(--desig-radius);box-shadow:var(--desig-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--desig-border)}.desig-header{background:var(--desig-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.desig-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.desig-header-left{display:flex;align-items:center;gap:12px;min-width:0}.desig-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.desig-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.desig-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.desig-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.desig-btn.desig-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--desig-transition)!important;display:flex;align-items:center;justify-content:center}.desig-btn.desig-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.desig-btn.desig-btn-icon.desig-btn--active{background:#fffffff2!important;color:var(--desig-blue-700)!important;border-color:#fff!important}.desig-btn.desig-btn-icon.desig-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.desig-btn.desig-btn-icon.desig-btn--danger:hover:not(:disabled){background:#ef444473!important}.desig-btn.desig-btn-primary{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--desig-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--desig-transition);white-space:nowrap;font-family:var(--desig-font)}.desig-btn.desig-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.desig-btn.desig-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--desig-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--desig-blue-600);cursor:pointer;transition:var(--desig-transition)}.desig-btn.desig-btn-outline:hover{background:var(--desig-blue-50)}.desig-btn.desig-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--desig-text-muted);font-size:12px;font-weight:500;border:1px solid var(--desig-border);cursor:pointer;transition:var(--desig-transition)}.desig-btn.desig-btn-ghost:hover{background:var(--desig-border-light);color:var(--desig-text-secondary)}.desig-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.desig-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--desig-border)}.desig-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-height:0}.desig-search-field{position:relative;display:flex;align-items:center}.desig-search-field-icon{position:absolute;left:9px;color:var(--desig-text-muted)!important;pointer-events:none;z-index:1}.desig-search-input{width:100%;padding:7px 28px;border:1.5px solid var(--desig-border);border-radius:var(--desig-radius-sm);font-size:12.5px;color:var(--desig-text-primary);background:var(--desig-white);transition:var(--desig-transition);font-family:var(--desig-font);box-sizing:border-box}.desig-search-input:focus{outline:none;border-color:var(--desig-blue-start);box-shadow:0 0 0 3px #2196f31f}.desig-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--desig-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--desig-transition)}.desig-search-clear:hover{background:var(--desig-error)}.desig-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.desig-table-wrap::-webkit-scrollbar{width:6px;height:6px}.desig-table-wrap::-webkit-scrollbar-track{background:transparent}.desig-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.desig-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.desig-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.desig-thead{position:sticky;top:0;z-index:10}.desig-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--desig-text-secondary);background:#f8fafc;border-bottom:2px solid var(--desig-border);text-align:left;white-space:nowrap}.desig-row{border-bottom:1px solid var(--desig-border-light);transition:background .15s ease,box-shadow .15s ease;animation:desig-row-in .25s ease both}@keyframes desig-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.desig-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--desig-blue-start)}.desig-row:nth-child(2n){background:#fafbfc}.desig-row:nth-child(2n):hover{background:#f0f7ff}.desig-td{padding:12px;font-size:12.5px;color:var(--desig-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desig-col-code{width:25%;min-width:140px}.desig-col-name{width:55%;min-width:220px}.desig-col-actions{width:20%;min-width:100px;text-align:center}.desig-badge-code{display:inline-block;padding:4px 8px;border-radius:var(--desig-radius-xs);background:var(--desig-blue-50);color:var(--desig-blue-700);font-size:11.5px;font-weight:700;border:1px solid var(--desig-blue-100)}.desig-text-primary{font-weight:600;color:var(--desig-text-primary)}.desig-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.desig-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--desig-transition)!important}.desig-action-btn--edit{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 6px #22c55e4d!important}.desig-action-btn--edit:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #22c55e73!important}.desig-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.desig-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.desig-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--desig-border);background:#fafbfc;flex-shrink:0;gap:12px}.desig-footer-text{font-size:12px;color:var(--desig-text-muted)}.desig-footer-text strong{color:var(--desig-text-secondary);font-weight:700}.desig-upload-indicator{color:var(--desig-blue-start);font-weight:500}.desig-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.desig-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:desig-fade-in .4s ease both}@keyframes desig-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.desig-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--desig-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--desig-blue-600);margin-bottom:4px}.desig-state-icon-wrap--error{background:#fef2f2;color:var(--desig-error)}.desig-state-title{font-size:17px;font-weight:700;color:var(--desig-text-primary);margin:0}.desig-state-desc{font-size:13.5px;color:var(--desig-text-muted);margin:0;line-height:1.55}.desig-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.desig-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--desig-border-light);animation:desig-fade-in .4s ease both}.desig-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:desig-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes desig-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.desig-sk-text{height:14px;flex:1;max-width:200px}.desig-sk-pill{width:80px;height:26px;border-radius:20px}@media (max-width: 768px){.desig-root{padding:4px}.desig-card{height:calc(100vh - 52px);border-radius:8px}.desig-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.desig-title{font-size:15px}.desig-subtitle{display:none}.desig-actions{gap:4px}.desig-btn.desig-btn-primary span{display:none}.desig-btn.desig-btn-primary{width:34px;padding:0!important;justify-content:center}.desig-search-grid{grid-template-columns:1fr}.desig-action-group{gap:4px}.desig-footer{padding:8px 14px}}@media (max-width: 480px){.desig-col-name{min-width:160px}.desig-col-code{min-width:100px}}.create-designation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-designation-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:create-designation-modal-appear .3s ease-out}@keyframes create-designation-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-designation-header{margin-bottom:0}.create-designation-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.create-designation-header-content{position:relative;z-index:2;text-align:center}.create-designation-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.create-designation-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.create-designation-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-designation-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:create-designation-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:create-designation-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:create-designation-float 5s ease-in-out infinite .5s}.create-designation-form{width:100%;padding:25px 30px 20px}.create-designation-form-group{width:100%;margin-bottom:20px;text-align:left}.create-designation-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.create-designation-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.create-designation-input:focus{outline:none;border:1px solid #1976d2!important;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.create-designation-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-designation-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.create-designation-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.create-designation-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 4px 12px #2196f34d}.create-designation-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.create-designation-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.create-designation-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes create-designation-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.create-designation-modal-overlay{padding:15px}.create-designation-modal-content{max-width:95%}.create-designation-header-background{padding:20px}.create-designation-title{font-size:22px}.create-designation-form{padding:20px 20px 15px}.create-designation-form-group{margin-bottom:15px}.create-designation-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.create-designation-modal-btn{max-width:100%;padding:10px 20px}}@media (max-width: 480px){.create-designation-modal-overlay{padding:10px}.create-designation-header-background{padding:15px}.create-designation-form{padding:15px 15px 10px}.create-designation-title{font-size:20px;margin-bottom:4px}.create-designation-subtitle{font-size:13px}.create-designation-input{padding:10px 12px;font-size:13px}.create-designation-modal-btn{padding:10px 16px;font-size:13px}}.update-designation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-designation-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:update-designation-modal-appear .3s ease-out}@keyframes update-designation-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.update-designation-header{margin-bottom:0}.update-designation-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.update-designation-header-content{position:relative;z-index:2;text-align:center}.update-designation-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.update-designation-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.update-designation-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-designation-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:update-designation-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:update-designation-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:update-designation-float 5s ease-in-out infinite .5s}.update-designation-form{width:100%;padding:25px 30px 20px}.update-designation-form-group{width:100%;margin-bottom:20px;text-align:left}.update-designation-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.update-designation-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.update-designation-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.update-designation-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-designation-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.update-designation-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.update-designation-modal-btn--save{background:var(--update-button);color:#fff;box-shadow:0 4px 12px #1da99c4d}.update-designation-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.update-designation-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.update-designation-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes update-designation-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.update-designation-modal-overlay{padding:15px}.update-designation-modal-content{max-width:95%}.update-designation-header-background{padding:20px}.update-designation-title{font-size:22px}.update-designation-form{padding:20px 20px 15px}.update-designation-form-group{margin-bottom:15px}.update-designation-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.update-designation-modal-btn{max-width:100%;padding:10px 20px}}@media (max-width: 480px){.update-designation-modal-overlay{padding:10px}.update-designation-header-background{padding:15px}.update-designation-form{padding:15px 15px 10px}.update-designation-title{font-size:20px;margin-bottom:4px}.update-designation-subtitle{font-size:13px}.update-designation-input{padding:10px 12px;font-size:13px}.update-designation-modal-btn{padding:10px 16px;font-size:13px}}:root{--cat-blue-start: #2196F3;--cat-blue-end: #0d47a1;--cat-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--cat-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--cat-white: #ffffff;--cat-bg: #f0f4f8;--cat-surface: #ffffff;--cat-border: #e2e8f0;--cat-border-light: #f1f5f9;--cat-text-primary: #0f172a;--cat-text-secondary: #475569;--cat-text-muted: #94a3b8;--cat-blue-50: #eff6ff;--cat-blue-100: #dbeafe;--cat-blue-600: #2563eb;--cat-blue-700: #1d4ed8;--cat-success: #16a34a;--cat-error: #dc2626;--cat-warning: #d97706;--cat-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--cat-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--cat-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--cat-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--cat-radius: 12px;--cat-radius-sm: 6px;--cat-radius-xs: 4px;--cat-font: "Segoe UI", system-ui, -apple-system, sans-serif;--cat-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.cat-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--cat-bg);font-family:var(--cat-font);padding:8px;box-sizing:border-box}.cat-card{background:var(--cat-surface);border-radius:var(--cat-radius);box-shadow:var(--cat-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--cat-border)}.cat-header{background:var(--cat-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.cat-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.cat-header-left{display:flex;align-items:center;gap:12px;min-width:0}.cat-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.cat-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.cat-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.cat-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.cat-btn.cat-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--cat-transition)!important;display:flex;align-items:center;justify-content:center}.cat-btn.cat-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.cat-btn.cat-btn-icon.cat-btn--active{background:#fffffff2!important;color:var(--cat-blue-700)!important;border-color:#fff!important}.cat-btn.cat-btn-icon.cat-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.cat-btn.cat-btn-icon.cat-btn--danger:hover:not(:disabled){background:#ef444473!important}.cat-btn.cat-btn-primary{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--cat-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--cat-transition);white-space:nowrap;font-family:var(--cat-font)}.cat-btn.cat-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.cat-btn.cat-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--cat-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--cat-blue-600);cursor:pointer;transition:var(--cat-transition)}.cat-btn.cat-btn-outline:hover{background:var(--cat-blue-50)}.cat-btn.cat-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--cat-text-muted);font-size:12px;font-weight:500;border:1px solid var(--cat-border);cursor:pointer;transition:var(--cat-transition)}.cat-btn.cat-btn-ghost:hover{background:var(--cat-border-light);color:var(--cat-text-secondary)}.cat-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.cat-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--cat-border)}.cat-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-height:0}.cat-search-field{position:relative;display:flex;align-items:center}.cat-search-field-icon{position:absolute;left:9px;color:var(--cat-text-muted)!important;pointer-events:none;z-index:1}.cat-search-input{width:100%;padding:7px 28px;border:1.5px solid var(--cat-border);border-radius:var(--cat-radius-sm);font-size:12.5px;color:var(--cat-text-primary);background:var(--cat-white);transition:var(--cat-transition);font-family:var(--cat-font);box-sizing:border-box}.cat-search-input:focus{outline:none;border-color:var(--cat-blue-start);box-shadow:0 0 0 3px #2196f31f}.cat-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--cat-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--cat-transition)}.cat-search-clear:hover{background:var(--cat-error)}.cat-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.cat-table-wrap::-webkit-scrollbar{width:6px;height:6px}.cat-table-wrap::-webkit-scrollbar-track{background:transparent}.cat-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cat-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cat-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.cat-thead{position:sticky;top:0;z-index:10}.cat-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cat-text-secondary);background:#f8fafc;border-bottom:2px solid var(--cat-border);text-align:left;white-space:nowrap}.cat-row{border-bottom:1px solid var(--cat-border-light);transition:background .15s ease,box-shadow .15s ease;animation:cat-row-in .25s ease both}@keyframes cat-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cat-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--cat-blue-start)}.cat-row:nth-child(2n){background:#fafbfc}.cat-row:nth-child(2n):hover{background:#f0f7ff}.cat-td{padding:12px;font-size:12.5px;color:var(--cat-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-col-code{width:25%;min-width:140px}.cat-col-name{width:55%;min-width:220px}.cat-col-actions{width:20%;min-width:100px;text-align:center}.cat-badge-code{display:inline-block;padding:4px 8px;border-radius:var(--cat-radius-xs);background:var(--cat-blue-50);color:var(--cat-blue-700);font-size:11.5px;font-weight:700;border:1px solid var(--cat-blue-100)}.cat-text-primary{font-weight:600;color:var(--cat-text-primary)}.cat-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.cat-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--cat-transition)!important}.cat-action-btn--edit{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 6px #22c55e4d!important}.cat-action-btn--edit:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #22c55e73!important}.cat-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.cat-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.cat-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--cat-border);background:#fafbfc;flex-shrink:0;gap:12px}.cat-footer-text{font-size:12px;color:var(--cat-text-muted)}.cat-footer-text strong{color:var(--cat-text-secondary);font-weight:700}.cat-upload-indicator{color:var(--cat-blue-start);font-weight:500}.cat-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.cat-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:cat-fade-in .4s ease both}@keyframes cat-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cat-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--cat-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--cat-blue-600);margin-bottom:4px}.cat-state-icon-wrap--error{background:#fef2f2;color:var(--cat-error)}.cat-state-title{font-size:17px;font-weight:700;color:var(--cat-text-primary);margin:0}.cat-state-desc{font-size:13.5px;color:var(--cat-text-muted);margin:0;line-height:1.55}.cat-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.cat-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--cat-border-light);animation:cat-fade-in .4s ease both}.cat-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:cat-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes cat-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cat-sk-text{height:14px;flex:1;max-width:200px}.cat-sk-pill{width:80px;height:26px;border-radius:20px}@media (max-width: 768px){.cat-root{padding:4px}.cat-card{height:calc(100vh - 52px);border-radius:8px}.cat-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.cat-title{font-size:15px}.cat-subtitle{display:none}.cat-actions{gap:4px}.cat-btn.cat-btn-primary span{display:none}.cat-btn.cat-btn-primary{width:34px;padding:0!important;justify-content:center}.cat-search-grid{grid-template-columns:1fr}.cat-action-group{gap:4px}.cat-footer{padding:8px 14px}}@media (max-width: 480px){.cat-col-name{min-width:160px}.cat-col-code{min-width:100px}}.create-category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-category-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:create-category-modal-appear .3s ease-out}@keyframes create-category-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-category-header{margin-bottom:0}.create-category-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.create-category-header-content{position:relative;z-index:2;text-align:center}.create-category-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.create-category-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.create-category-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-category-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:create-category-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:create-category-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:create-category-float 5s ease-in-out infinite .5s}.create-category-form{width:100%;padding:25px 30px 20px}.create-category-form-group{width:100%;margin-bottom:20px;text-align:left}.create-category-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.create-category-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.create-category-input:focus{outline:none;border:1px solid #1976d2!important;box-shadow:0 0 0 3px #667eea1a;background-color:#fff;transform:translateY(-1px)}.create-category-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-category-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.create-category-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.create-category-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 4px 12px #2196f34d}.create-category-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.create-category-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.create-category-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes create-category-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.create-category-modal-overlay{padding:15px}.create-category-modal-content{max-width:95%}.create-category-header-background{padding:20px}.create-category-title{font-size:22px}.create-category-form{padding:20px 20px 15px}.create-category-form-group{margin-bottom:15px}.create-category-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.create-category-modal-btn{max-width:100%;padding:10px 20px}}@media (max-width: 480px){.create-category-modal-overlay{padding:10px}.create-category-header-background{padding:15px}.create-category-form{padding:15px 15px 10px}.create-category-title{font-size:20px;margin-bottom:4px}.create-category-subtitle{font-size:13px}.create-category-input{padding:10px 12px;font-size:13px}.create-category-modal-btn{padding:10px 16px;font-size:13px}}.update-category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-category-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:update-category-modal-appear .3s ease-out}@keyframes update-category-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.update-category-header{margin-bottom:0}.update-category-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.update-category-header-content{position:relative;z-index:2;text-align:center}.update-category-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.update-category-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.update-category-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-category-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:update-category-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:update-category-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:update-category-float 5s ease-in-out infinite .5s}.update-category-form{width:100%;padding:25px 30px 20px}.update-category-form-group{width:100%;margin-bottom:20px;text-align:left}.update-category-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.update-category-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.update-category-input:focus{outline:none;border:1px solid #1976d2!important;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.update-category-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-category-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.update-category-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.update-category-modal-btn--save{background:var(--update-button);color:#fff;box-shadow:0 4px 12px #1da99c4d}.update-category-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.update-category-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.update-category-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes update-category-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.update-category-modal-overlay{padding:15px}.update-category-modal-content{max-width:95%}.update-category-header-background{padding:20px}.update-category-title{font-size:22px}.update-category-form{padding:20px 20px 15px}.update-category-form-group{margin-bottom:15px}.update-category-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.update-category-modal-btn{max-width:100%;padding:10px 20px}}@media (max-width: 480px){.update-category-modal-overlay{padding:10px}.update-category-header-background{padding:15px}.update-category-form{padding:15px 15px 10px}.update-category-title{font-size:20px;margin-bottom:4px}.update-category-subtitle{font-size:13px}.update-category-input{padding:10px 12px;font-size:13px}.update-category-modal-btn{padding:10px 16px;font-size:13px}}.leave-year-table{display:flex;flex-direction:column;flex:1;min-height:100vh;background-color:var(--table-background);font-family:Inter,sans-serif}.leave-year-table__container{height:100%;display:flex;justify-content:center;align-items:flex-start;padding:15px}.leave-year-table__table-container{width:100%;padding:15px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px}.leave-year-table__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.leave-year-table__title{font-size:22px;color:var(--table-header-title);margin:0;font-weight:700}.leave-year-table__actions{display:flex;gap:8px}.leave-year-table__header_icon{background-color:transparent;border:none;border-radius:8px;transition:all .3s ease;padding:6px}.leave-year-table__header_icon .MuiSvgIcon-root{color:var(--icon-default);font-size:20px}.leave-year-table__header_icon:hover,.leave-year-table__header_icon--active{background:var(--icon-green-gradient);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.leave-year-table__header_icon:hover .MuiSvgIcon-root,.leave-year-table__header_icon--active .MuiSvgIcon-root{color:#fff!important}.leave-year-table__table-wrapper{overflow-x:auto;border-radius:8px;overflow:hidden;max-height:400px;overflow-y:auto}.leave-year-table__table{width:100%;border-collapse:collapse}.leave-year-table__table-head{position:sticky;top:0;z-index:10;background:var(--table-header)}.leave-year-table__table-header{padding:10px 8px;font-size:13px;font-weight:600;color:#fff;text-align:left;white-space:normal;word-wrap:break-word}.leave-year-table__table-body{background-color:#fff}.leave-year-table__table-row{background-color:#fff;transition:background-color .3s ease,box-shadow .3s ease;border-bottom:1px solid #eee}.leave-year-table__table-row:last-child{border-bottom:none}.leave-year-table__table-row:hover{background-color:#f0f8ff;box-shadow:0 4px 10px #0000001a}.leave-year-table__table-row:nth-child(2n){background-color:#f9f9f9}.leave-year-table__active-row{background-color:#f0fff4!important}.leave-year-table__table-data{padding:8px;font-size:12px;color:#55565b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-year-table__table-row .leave-year-table__table-data:first-child{color:#1475c6;font-weight:700;display:flex;align-items:center;gap:5px}.leave-year-table__active-icon{color:#4caf50;font-size:16px!important}.leave-year-table__status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.leave-year-table__status-active{background-color:#e8f5e9;color:#2e7d32}.leave-year-table__status-inactive{background-color:#ffebee;color:#c62828}.leave-year-table__actions-cell{display:flex;gap:5px;justify-content:flex-start;position:relative}.leave-year-table__action-btn{width:28px;height:28px;padding:4px;border-radius:6px!important;box-shadow:0 1px 3px #0000001a}.leave-year-table__action-btn .MuiSvgIcon-root{color:#55565b}.leave-year-table__action-btn--update{background:var(--blue-gradient)!important}.leave-year-table__action-btn--update .MuiSvgIcon-root{color:#fff}.leave-year-table__action-btn--update:hover{background:var(--blue-gradient)!important;transform:scale(1.1)}.leave-year-table__action-btn--delete{background:var(--red-gradient)!important;color:#fff!important}.leave-year-table__action-btn--delete .MuiSvgIcon-root{color:#fff}.leave-year-table__action-btn--delete:hover{background:var(--red-gradient)!important;transform:scale(1.1)}.leave-year-table__action-btn--activate{background:var(--update-button)!important}.leave-year-table__action-btn--activate .MuiSvgIcon-root{color:#fff}.leave-year-table__action-btn--activate:hover{background:var(--update-button)!important;transform:scale(1.1)}.leave-year-table__search-input{width:calc(100% - 12px);padding:6px 8px;border:1px solid #ccc;border-radius:6px;font-size:12px;color:#333;box-shadow:inset 0 1px 3px #00000014;transition:border-color .3s ease,box-shadow .3s ease}.leave-year-table__search-input:focus{border-color:var(--color-primary);box-shadow:inset 0 1px 3px #00000014,0 0 0 3px #4abb8333;outline:none}.leave-year-table__table-row--status{width:100%}.leave-year-table__status-cell{width:100%;padding:0}.leave-year-table__status-message{width:100%;padding:20px;text-align:center;font-size:14px;animation:fadeIn .3s ease-out forwards}.leave-year-table__status-message--loading{color:#1475c6;background-color:#f0f8ff}.leave-year-table__status-message--error{color:#d32f2f;background-color:#fdecea;border-left:4px solid #d32f2f}.leave-year-table__status-message--empty{color:#666;font-style:italic;background-color:#f9f9f9}.leave-year-table__loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.leave-year-table__error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;color:#d32f2f}.leave-year-table__retry-btn{padding:8px 16px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.leave-year-table__retry-btn:hover{background-color:#1565c0}.leave-year-table__no-data{text-align:center;color:#777;font-style:italic;font-size:14px;padding:40px!important}@media (max-width: 1024px){.leave-year-table__table-container{margin:10px;padding:10px}.leave-year-table__title{font-size:20px}}@media (max-width: 768px){.leave-year-table__container{padding:5px}.leave-year-table__table-container{padding:5px;margin:5px;border-radius:6px}.leave-year-table__header{gap:8px}.leave-year-table__title{font-size:18px}.leave-year-table__actions{width:100%;justify-content:space-around;flex-wrap:wrap}.leave-year-table__table-header{display:none}.leave-year-table__table-row{display:block;margin-bottom:10px;padding:8px;border-radius:6px}.leave-year-table__table-data{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px}.leave-year-table__table-data:before{font-weight:600;margin-right:8px;color:#333;flex-shrink:0;width:90px;text-align:left;font-size:12px}.leave-year-table__actions-cell{justify-content:center;margin-top:8px;padding-top:8px}.leave-year-table__search-input{width:calc(100% - 10px);padding:5px 6px;font-size:11px}.leave-year-table__pagination{margin-top:15px;gap:8px;padding:6px 10px}.leave-year-table__pagination-btn{padding:4px}.leave-year-table__pagination-btn .MuiSvgIcon-root{font-size:20px!important}.leave-year-table__page-number{font-size:13px;min-width:30px}.leave-year-table__action-btn{width:32px;height:32px}.leave-year-table__action-btn .MuiSvgIcon-root{font-size:16px!important}.leave-year-table__status-message{padding:15px;font-size:13px}.leave-year-table__loading-content,.leave-year-table__error-content{padding:15px;gap:10px}.leave-year-table__no-data{padding:30px!important}}@media (max-width: 480px){.leave-year-table__title{font-size:16px}.leave-year-table__table-data{font-size:11px}.leave-year-table__table-data:before{font-size:11px;width:80px}.leave-year-table__action-btn{width:28px;height:28px}.leave-year-table__action-btn .MuiSvgIcon-root{font-size:14px!important}.leave-year-table__status-message{padding:10px;font-size:12px}.leave-year-table__loading-content,.leave-year-table__error-content{padding:10px;gap:8px}.leave-year-table__no-data{padding:20px!important;font-size:12px}.leave-year-table__retry-btn{padding:6px 12px;font-size:12px}}.create-leave-year-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:450px;max-height:85vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1500}.create-leave-year-header{margin-bottom:0}.create-leave-year-header-background{background:var(--create-button);padding:20px 25px;position:relative;overflow:hidden}.create-leave-year-header-content{position:relative;z-index:2;text-align:center}.create-leave-year-title{font-size:20px;color:#fff;margin-bottom:4px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.create-leave-year-subtitle{font-size:13px;color:#ffffffe6;margin:0;font-weight:400}.create-leave-year-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-leave-year-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:40px;height:40px;top:10px;left:10%;animation:create-leave-year-float 6s ease-in-out infinite}.circle-2{width:50px;height:50px;bottom:-15px;right:15%;animation:create-leave-year-float 8s ease-in-out infinite 1s}.circle-3{width:30px;height:30px;top:50%;right:20%;animation:create-leave-year-float 5s ease-in-out infinite .5s}.create-leave-year-form{width:100%;padding:20px 25px 15px}.create-leave-year-form-row{display:flex;justify-content:space-between;gap:12px;width:100%;margin-bottom:16px}.create-leave-year-form-group{width:100%;margin-bottom:16px;text-align:left}.create-leave-year-form-row .create-leave-year-form-group{width:calc(50% - 6px);margin-bottom:0}.create-leave-year-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center}.create-leave-year-input{width:100%;padding:10px 12px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.create-leave-year-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;background-color:#fff}.create-leave-year-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-leave-year-input[type=date]{min-height:38px}.create-leave-year-toggle-switch{position:relative;display:inline-block;width:55px;height:26px}.create-leave-year-toggle-switch input{opacity:0;width:0;height:0}.create-leave-year-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e53e3e;transition:.3s;border-radius:30px}.create-leave-year-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.create-leave-year-toggle-switch input:checked+.create-leave-year-slider{background:linear-gradient(135deg,#2196f3,#0d47a1)}.create-leave-year-toggle-switch input:checked+.create-leave-year-slider:before{transform:translate(29px)}.create-leave-year-toggle-text{position:absolute;color:#fff;font-size:9px;font-weight:700;transition:all .3s;-webkit-user-select:none;user-select:none}.create-leave-year-toggle-text-yes{left:7px;top:50%;transform:translateY(-50%);opacity:0}.create-leave-year-toggle-text-no{right:7px;top:50%;transform:translateY(-50%);opacity:1}.create-leave-year-toggle-switch input:checked+.create-leave-year-slider .create-leave-year-toggle-text-yes{opacity:1}.create-leave-year-toggle-switch input:checked+.create-leave-year-slider .create-leave-year-toggle-text-no{opacity:0}.create-leave-year-round{border-radius:30px}.create-leave-year-modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:center;width:100%}.create-leave-year-modal-btn{border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #00000026;flex:1;max-width:160px;min-height:38px;display:flex;align-items:center;justify-content:center}.create-leave-year-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 2px 8px #4299e14d}.create-leave-year-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 2px 8px #f565654d}.create-leave-year-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.create-leave-year-modal-btn:active:not(:disabled){transform:translateY(0)}.create-leave-year-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #00000026}@keyframes create-leave-year-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.create-leave-year-modal-content{max-width:95%;max-height:80vh}.create-leave-year-header-background{padding:15px 20px}.create-leave-year-title{font-size:18px}.create-leave-year-form{padding:15px 20px 12px}.create-leave-year-form-group{margin-bottom:12px}.create-leave-year-form-row{flex-direction:column;gap:0;margin-bottom:0}.create-leave-year-form-row .create-leave-year-form-group{width:100%;margin-bottom:12px}.create-leave-year-modal-actions{flex-direction:column;gap:10px;margin-top:15px}.create-leave-year-modal-btn{max-width:100%;padding:9px 18px;min-height:36px}}@media (max-width: 480px){.create-leave-year-header-background{padding:12px 15px}.create-leave-year-form{padding:12px 15px 10px}.create-leave-year-title{font-size:17px;margin-bottom:3px}.create-leave-year-subtitle{font-size:12px}.create-leave-year-input{padding:8px 10px;font-size:12px}.create-leave-year-modal-btn{padding:8px 14px;font-size:12px;min-height:34px}.create-leave-year-toggle-switch{width:50px;height:24px}.create-leave-year-slider:before{height:18px;width:18px;left:3px;bottom:3px}.create-leave-year-toggle-switch input:checked+.create-leave-year-slider:before{transform:translate(26px)}}.update-leave-year-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:450px;max-height:85vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1500}.update-leave-year-header{margin-bottom:0}.update-leave-year-header-background{background:var(--create-button);padding:20px 25px;position:relative;overflow:hidden}.update-leave-year-header-content{position:relative;z-index:2;text-align:center}.update-leave-year-title{font-size:20px;color:#fff;margin-bottom:4px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.update-leave-year-subtitle{font-size:13px;color:#ffffffe6;margin:0;font-weight:400}.update-leave-year-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-leave-year-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:40px;height:40px;top:10px;left:10%;animation:update-leave-year-float 6s ease-in-out infinite}.circle-2{width:50px;height:50px;bottom:-15px;right:15%;animation:update-leave-year-float 8s ease-in-out infinite 1s}.circle-3{width:30px;height:30px;top:50%;right:20%;animation:update-leave-year-float 5s ease-in-out infinite .5s}.update-leave-year-form{width:100%;padding:20px 25px 15px}.update-leave-year-form-row{display:flex;justify-content:space-between;gap:12px;width:100%;margin-bottom:16px}.update-leave-year-form-group{width:100%;margin-bottom:16px;text-align:left}.update-leave-year-form-row .update-leave-year-form-group{width:calc(50% - 6px);margin-bottom:0}.update-leave-year-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center}.update-leave-year-input{width:100%;padding:10px 12px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.update-leave-year-input:focus{outline:none;border:1px solid #2196F3!important;box-shadow:0 0 0 2px #22c55e1a;background-color:#fff}.update-leave-year-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-leave-year-input[type=date]{min-height:38px}.update-leave-year-toggle-switch{position:relative;display:inline-block;width:55px;height:26px}.update-leave-year-toggle-switch input{opacity:0;width:0;height:0}.update-leave-year-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e53e3e;transition:.3s;border-radius:30px}.update-leave-year-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.update-leave-year-toggle-switch input:checked+.update-leave-year-slider{background:linear-gradient(135deg,#3b82f6,#1e40af)}.update-leave-year-toggle-switch input:checked+.update-leave-year-slider:before{transform:translate(29px)}.update-leave-year-toggle-text{position:absolute;color:#fff;font-size:9px;font-weight:700;transition:all .3s;-webkit-user-select:none;user-select:none}.update-leave-year-toggle-text-yes{left:7px;top:50%;transform:translateY(-50%);opacity:0}.update-leave-year-toggle-text-no{right:7px;top:50%;transform:translateY(-50%);opacity:1}.update-leave-year-toggle-switch input:checked+.update-leave-year-slider .update-leave-year-toggle-text-yes{opacity:1}.update-leave-year-toggle-switch input:checked+.update-leave-year-slider .update-leave-year-toggle-text-no{opacity:0}.update-leave-year-round{border-radius:30px}.update-leave-year-modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:center;width:100%}.update-leave-year-modal-btn{border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #00000026;flex:1;max-width:160px;min-height:38px;display:flex;align-items:center;justify-content:center}.update-leave-year-modal-btn--update{background:var(--update-button);color:#fff;box-shadow:0 2px 8px #22c55e4d}.update-leave-year-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 2px 8px #f565654d}.update-leave-year-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.update-leave-year-modal-btn:active:not(:disabled){transform:translateY(0)}.update-leave-year-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #00000026}@keyframes update-leave-year-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.update-leave-year-modal-content{max-width:95%;max-height:80vh}.update-leave-year-header-background{padding:15px 20px}.update-leave-year-title{font-size:18px}.update-leave-year-form{padding:15px 20px 12px}.update-leave-year-form-group{margin-bottom:12px}.update-leave-year-form-row{flex-direction:column;gap:0;margin-bottom:0}.update-leave-year-form-row .update-leave-year-form-group{width:100%;margin-bottom:12px}.update-leave-year-modal-actions{flex-direction:column;gap:10px;margin-top:15px}.update-leave-year-modal-btn{max-width:100%;padding:9px 18px;min-height:36px}}@media (max-width: 480px){.update-leave-year-header-background{padding:12px 15px}.update-leave-year-form{padding:12px 15px 10px}.update-leave-year-title{font-size:17px;margin-bottom:3px}.update-leave-year-subtitle{font-size:12px}.update-leave-year-input{padding:8px 10px;font-size:12px}.update-leave-year-modal-btn{padding:8px 14px;font-size:12px;min-height:34px}.update-leave-year-toggle-switch{width:50px;height:24px}.update-leave-year-slider:before{height:18px;width:18px;left:3px;bottom:3px}.update-leave-year-toggle-switch input:checked+.update-leave-year-slider:before{transform:translate(26px)}}.leave-type-table{display:flex;flex-direction:column;flex:1;min-height:100vh;background-color:var(--table-background, #f5f5f5);font-family:Inter,sans-serif}.leave-type-table__container{height:100%;display:flex;justify-content:center;align-items:flex-start;padding:15px}.leave-type-table__table-container{width:100%;padding:15px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px}.leave-type-table__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.leave-type-table__title{font-size:22px;color:var(--table-header-title, #333);margin:0;font-weight:700}.leave-type-table__actions{display:flex;gap:8px}.leave-type-table__header_icon{background-color:transparent;border:none;border-radius:8px;transition:all .3s ease;padding:6px}.leave-type-table__header_icon .MuiSvgIcon-root{color:var(--icon-default, #55565b);font-size:20px}.leave-type-table__header_icon:hover,.leave-type-table__header_icon--active{background:var(--icon-green-gradient, linear-gradient(90deg, #4caf50 0%, #66bb6a 100%));box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.leave-type-table__header_icon:hover .MuiSvgIcon-root,.leave-type-table__header_icon--active .MuiSvgIcon-root{color:#fff!important}.leave-type-table__table-wrapper{overflow-x:auto;border-radius:8px;overflow:hidden;max-height:400px;overflow-y:auto}.leave-type-table__table{width:100%;border-collapse:collapse}.leave-type-table__table-head{position:sticky;top:0;z-index:10;background:var(--table-header)}.leave-type-table__table-header{padding:10px 8px;font-size:13px;font-weight:600;color:#fff;text-align:left;white-space:normal;word-wrap:break-word}.leave-type-table__table-body{background-color:#fff}.leave-type-table__table-row{background-color:#fff;transition:background-color .3s ease,box-shadow .3s ease;border-bottom:1px solid #eee}.leave-type-table__table-row:last-child{border-bottom:none}.leave-type-table__table-row:hover{background-color:var(--table-row-hover, #f0f8ff);box-shadow:0 4px 10px #0000001a}.leave-type-table__table-row:nth-child(2n){background-color:#f9f9f9}.leave-type-table__table-data{padding:8px;font-size:12px;color:var(--table-row-data-color, #55565b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-type-table__table-row .leave-type-table__table-data:first-child{color:#1475c6;font-weight:700}.leave-type-table__actions-cell{display:flex;gap:5px;justify-content:flex-start;position:relative}.leave-type-table__action-btn{width:28px;height:28px;padding:4px;border-radius:6px!important;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.leave-type-table__action-btn .MuiSvgIcon-root{color:#55565b}.leave-type-table__action-btn--update{background:var(--blue-gradient, linear-gradient(90deg, #1976d2 0%, #2196f3 100%))!important}.leave-type-table__action-btn--update .MuiSvgIcon-root{color:#fff}.leave-type-table__action-btn--update:hover{background:var(--blue-gradient, linear-gradient(90deg, #1565c0 0%, #1e88e5 100%))!important;transform:scale(1.1)}.leave-type-table__action-btn--delete{background:var(--red-gradient, linear-gradient(90deg, #d32f2f 0%, #f44336 100%))!important;color:#fff!important}.leave-type-table__action-btn--delete .MuiSvgIcon-root{color:#fff}.leave-type-table__action-btn--delete:hover{background:var(--red-gradient, linear-gradient(90deg, #c62828 0%, #e53935 100%))!important;transform:scale(1.1)}.leave-type-table__search-input{width:calc(100% - 12px);padding:6px 8px;border:1px solid #ccc;border-radius:6px;font-size:12px;color:#333;box-shadow:inset 0 1px 3px #00000014;transition:border-color .3s ease,box-shadow .3s ease}.leave-type-table__search-input:focus{border-color:var(--color-primary, #4caf50);box-shadow:inset 0 1px 3px #00000014,0 0 0 3px #4caf5033;outline:none}.leave-type-table__table-row--status{width:100%}.leave-type-table__status-cell{width:100%;padding:0}.leave-type-table__status-message{width:100%;padding:20px;text-align:center;font-size:14px;animation:fadeIn .3s ease-out forwards}.leave-type-table__status-message--loading{color:#1475c6;background-color:#f0f8ff}.leave-type-table__status-message--error{color:#d32f2f;background-color:#fdecea;border-left:4px solid #d32f2f}.leave-type-table__status-message--empty{color:#666;font-style:italic;background-color:#f9f9f9}.leave-type-table__loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.leave-type-table__error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;color:#d32f2f}.leave-type-table__retry-btn{padding:8px 16px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.leave-type-table__retry-btn:hover{background-color:#1565c0}.leave-type-table__loading,.leave-type-table__error{display:none}@media (max-width: 1024px){.leave-type-table__table-container{margin:10px;padding:10px}.leave-type-table__title{font-size:20px}}@media (max-width: 768px){.leave-type-table__container{padding:5px}.leave-type-table__table-container{padding:5px;margin:5px;border-radius:6px}.leave-type-table__header{gap:8px}.leave-type-table__title{font-size:18px}.leave-type-table__actions{width:100%;justify-content:space-around;flex-wrap:wrap}.leave-type-table__table-header{display:none}.leave-type-table__table-row{display:block;margin-bottom:10px;padding:8px;border-radius:6px}.leave-type-table__table-data{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px}.leave-type-table__table-data:before{content:attr(data-label);font-weight:600;margin-right:8px;color:#333;flex-shrink:0;width:90px;text-align:left;font-size:12px}.leave-type-table__actions-cell{justify-content:center;margin-top:8px;padding-top:8px}.leave-type-table__actions-cell:before{content:"Actions";font-weight:600;margin-right:8px;color:#333;flex-shrink:0;width:90px;text-align:left;font-size:12px}.leave-type-table__search-input{width:calc(100% - 10px);padding:5px 6px;font-size:11px}.leave-type-table__pagination{margin-top:15px;gap:8px;padding:6px 10px}.leave-type-table__pagination-btn{padding:4px}.leave-type-table__pagination-btn .MuiSvgIcon-root{font-size:20px!important}.leave-type-table__page-number{font-size:13px;min-width:30px}.leave-type-table__action-btn{width:32px;height:32px}.leave-type-table__action-btn .MuiSvgIcon-root{font-size:16px!important}.leave-type-table__status-message{padding:15px;font-size:13px}.leave-type-table__loading-content,.leave-type-table__error-content{padding:15px;gap:10px}}@media (max-width: 480px){.leave-type-table__title{font-size:16px}.leave-type-table__table-data{font-size:11px}.leave-type-table__table-data:before{font-size:11px;width:80px}.leave-type-table__actions-cell:before{font-size:11px;width:80px}.leave-type-table__action-btn{width:28px;height:28px}.leave-type-table__action-btn .MuiSvgIcon-root{font-size:14px!important}.leave-type-table__status-message{padding:10px;font-size:12px}.leave-type-table__loading-content,.leave-type-table__error-content{padding:10px;gap:8px}.leave-type-table__retry-btn{padding:6px 12px;font-size:12px}}.create-leave-type-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:450px;max-height:85vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1500}.create-leave-type-header{margin-bottom:0}.create-leave-type-header-background{background:var(--create-button);padding:20px 25px;position:relative;overflow:hidden}.create-leave-type-header-content{position:relative;z-index:2;text-align:center}.create-leave-type-title{font-size:20px;color:#fff;margin-bottom:4px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.create-leave-type-subtitle{font-size:13px;color:#ffffffe6;margin:0;font-weight:400}.create-leave-type-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-leave-type-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:40px;height:40px;top:10px;left:10%;animation:create-leave-type-float 6s ease-in-out infinite}.circle-2{width:50px;height:50px;bottom:-15px;right:15%;animation:create-leave-type-float 8s ease-in-out infinite 1s}.circle-3{width:30px;height:30px;top:50%;right:20%;animation:create-leave-type-float 5s ease-in-out infinite .5s}.create-leave-type-form{width:100%;padding:20px 25px 15px}.create-leave-type-form-group{width:100%;margin-bottom:16px;text-align:left}.create-leave-type-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center}.create-leave-type-input{width:100%;padding:10px 12px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.create-leave-type-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;background-color:#fff}.create-leave-type-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-leave-type-toggle-switch{position:relative;display:inline-block;width:55px;height:26px}.create-leave-type-toggle-switch input{opacity:0;width:0;height:0}.create-leave-type-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e53e3e;transition:.3s;border-radius:30px}.create-leave-type-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.create-leave-type-toggle-switch input:checked+.create-leave-type-slider{background:linear-gradient(135deg,#2196f3,#0d47a1)}.create-leave-type-toggle-switch input:checked+.create-leave-type-slider:before{transform:translate(29px)}.create-leave-type-toggle-text{position:absolute;color:#fff;font-size:9px;font-weight:700;transition:all .3s;-webkit-user-select:none;user-select:none}.create-leave-type-toggle-text-yes{left:7px;top:50%;transform:translateY(-50%);opacity:0}.create-leave-type-toggle-text-no{right:7px;top:50%;transform:translateY(-50%);opacity:1}.create-leave-type-toggle-switch input:checked+.create-leave-type-slider .create-leave-type-toggle-text-yes{opacity:1}.create-leave-type-toggle-switch input:checked+.create-leave-type-slider .create-leave-type-toggle-text-no{opacity:0}.create-leave-type-round{border-radius:30px}.create-leave-type-modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:center;width:100%}.create-leave-type-modal-btn{border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #00000026;flex:1;max-width:160px;min-height:38px;display:flex;align-items:center;justify-content:center}.create-leave-type-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 2px 8px #4299e14d}.create-leave-type-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 2px 8px #f565654d}.create-leave-type-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.create-leave-type-modal-btn:active:not(:disabled){transform:translateY(0)}.create-leave-type-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #00000026}@keyframes create-leave-type-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.create-leave-type-modal-content{max-width:95%;max-height:80vh}.create-leave-type-header-background{padding:15px 20px}.create-leave-type-title{font-size:18px}.create-leave-type-form{padding:15px 20px 12px}.create-leave-type-form-group{margin-bottom:12px}.create-leave-type-modal-actions{flex-direction:column;gap:10px;margin-top:15px}.create-leave-type-modal-btn{max-width:100%;padding:9px 18px;min-height:36px}}@media (max-width: 480px){.create-leave-type-header-background{padding:12px 15px}.create-leave-type-form{padding:12px 15px 10px}.create-leave-type-title{font-size:17px;margin-bottom:3px}.create-leave-type-subtitle{font-size:12px}.create-leave-type-input{padding:8px 10px;font-size:12px}.create-leave-type-modal-btn{padding:8px 14px;font-size:12px;min-height:34px}.create-leave-type-toggle-switch{width:50px;height:24px}.create-leave-type-slider:before{height:18px;width:18px;left:3px;bottom:3px}.create-leave-type-toggle-switch input:checked+.create-leave-type-slider:before{transform:translate(26px)}}.update-leave-type-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:450px;max-height:85vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1500}.update-leave-type-header{margin-bottom:0}.update-leave-type-header-background{background:var(--create-button);padding:20px 25px;position:relative;overflow:hidden}.update-leave-type-header-content{position:relative;z-index:2;text-align:center}.update-leave-type-title{font-size:20px;color:#fff;margin-bottom:4px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.update-leave-type-subtitle{font-size:13px;color:#ffffffe6;margin:0;font-weight:400}.update-leave-type-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-leave-type-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:40px;height:40px;top:10px;left:10%;animation:update-leave-type-float 6s ease-in-out infinite}.circle-2{width:50px;height:50px;bottom:-15px;right:15%;animation:update-leave-type-float 8s ease-in-out infinite 1s}.circle-3{width:30px;height:30px;top:50%;right:20%;animation:update-leave-type-float 5s ease-in-out infinite .5s}.update-leave-type-form{width:100%;padding:20px 25px 15px}.update-leave-type-form-group{width:100%;margin-bottom:16px;text-align:left}.update-leave-type-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center}.update-leave-type-input{width:100%;padding:10px 12px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:inherit}.update-leave-type-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1a;background-color:#fff}.update-leave-type-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-leave-type-toggle-switch{position:relative;display:inline-block;width:55px;height:26px}.update-leave-type-toggle-switch input{opacity:0;width:0;height:0}.update-leave-type-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e53e3e;transition:.3s;border-radius:30px}.update-leave-type-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.update-leave-type-toggle-switch input:checked+.update-leave-type-slider{background:linear-gradient(135deg,#3b82f6,#1e40af)}.update-leave-type-toggle-switch input:checked+.update-leave-type-slider:before{transform:translate(29px)}.update-leave-type-toggle-text{position:absolute;color:#fff;font-size:9px;font-weight:700;transition:all .3s;-webkit-user-select:none;user-select:none}.update-leave-type-toggle-text-yes{left:7px;top:50%;transform:translateY(-50%);opacity:0}.update-leave-type-toggle-text-no{right:7px;top:50%;transform:translateY(-50%);opacity:1}.update-leave-type-toggle-switch input:checked+.update-leave-type-slider .update-leave-type-toggle-text-yes{opacity:1}.update-leave-type-toggle-switch input:checked+.update-leave-type-slider .update-leave-type-toggle-text-no{opacity:0}.update-leave-type-round{border-radius:30px}.update-leave-type-modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:center;width:100%}.update-leave-type-modal-btn{border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #00000026;flex:1;max-width:160px;min-height:38px;display:flex;align-items:center;justify-content:center}.update-leave-type-modal-btn--update{background:var(--create-button);color:#fff;box-shadow:0 2px 8px #4299e14d}.update-leave-type-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 2px 8px #f565654d}.update-leave-type-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.update-leave-type-modal-btn:active:not(:disabled){transform:translateY(0)}.update-leave-type-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #00000026}@keyframes update-leave-type-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.MuiBackdrop-root{background-color:#00000080!important}@media (max-width: 768px){.update-leave-type-modal-content{max-width:95%;max-height:80vh}.update-leave-type-header-background{padding:15px 20px}.update-leave-type-title{font-size:18px}.update-leave-type-form{padding:15px 20px 12px}.update-leave-type-form-group{margin-bottom:12px}.update-leave-type-modal-actions{flex-direction:column;gap:10px;margin-top:15px}.update-leave-type-modal-btn{max-width:100%;padding:9px 18px;min-height:36px}}@media (max-width: 480px){.update-leave-type-header-background{padding:12px 15px}.update-leave-type-form{padding:12px 15px 10px}.update-leave-type-title{font-size:17px;margin-bottom:3px}.update-leave-type-subtitle{font-size:12px}.update-leave-type-input{padding:8px 10px;font-size:12px}.update-leave-type-modal-btn{padding:8px 14px;font-size:12px;min-height:34px}.update-leave-type-toggle-switch{width:50px;height:24px}.update-leave-type-slider:before{height:18px;width:18px;left:3px;bottom:3px}.update-leave-type-toggle-switch input:checked+.update-leave-type-slider:before{transform:translate(26px)}}:root{--grd-blue-start: #2196F3;--grd-blue-end: #0d47a1;--grd-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--grd-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--grd-white: #ffffff;--grd-bg: #f0f4f8;--grd-surface: #ffffff;--grd-border: #e2e8f0;--grd-border-light: #f1f5f9;--grd-text-primary: #0f172a;--grd-text-secondary: #475569;--grd-text-muted: #94a3b8;--grd-blue-50: #eff6ff;--grd-blue-100: #dbeafe;--grd-blue-600: #2563eb;--grd-blue-700: #1d4ed8;--grd-success: #16a34a;--grd-error: #dc2626;--grd-warning: #d97706;--grd-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--grd-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--grd-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--grd-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--grd-radius: 12px;--grd-radius-sm: 6px;--grd-radius-xs: 4px;--grd-font: "Segoe UI", system-ui, -apple-system, sans-serif;--grd-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.grd-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--grd-bg);font-family:var(--grd-font);padding:8px;box-sizing:border-box}.grd-card{background:var(--grd-surface);border-radius:var(--grd-radius);box-shadow:var(--grd-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--grd-border)}.grd-header{background:var(--grd-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.grd-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.grd-header-left{display:flex;align-items:center;gap:12px;min-width:0}.grd-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.grd-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.grd-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.grd-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.grd-btn.grd-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--grd-transition)!important;display:flex;align-items:center;justify-content:center}.grd-btn.grd-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.grd-btn.grd-btn-icon.grd-btn--active{background:#fffffff2!important;color:var(--grd-blue-700)!important;border-color:#fff!important}.grd-btn.grd-btn-icon.grd-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.grd-btn.grd-btn-icon.grd-btn--danger:hover:not(:disabled){background:#ef444473!important}.grd-btn.grd-btn-primary{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--grd-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--grd-transition);white-space:nowrap;font-family:var(--grd-font)}.grd-btn.grd-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.grd-btn.grd-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--grd-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--grd-blue-600);cursor:pointer;transition:var(--grd-transition)}.grd-btn.grd-btn-outline:hover{background:var(--grd-blue-50)}.grd-btn.grd-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--grd-text-muted);font-size:12px;font-weight:500;border:1px solid var(--grd-border);cursor:pointer;transition:var(--grd-transition)}.grd-btn.grd-btn-ghost:hover{background:var(--grd-border-light);color:var(--grd-text-secondary)}.grd-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.grd-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--grd-border)}.grd-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-height:0}.grd-search-field{position:relative;display:flex;align-items:center}.grd-search-field-icon{position:absolute;left:9px;color:var(--grd-text-muted)!important;pointer-events:none;z-index:1}.grd-search-input{width:100%;padding:7px 28px;border:1.5px solid var(--grd-border);border-radius:var(--grd-radius-sm);font-size:12.5px;color:var(--grd-text-primary);background:var(--grd-white);transition:var(--grd-transition);font-family:var(--grd-font);box-sizing:border-box}.grd-search-input:focus{outline:none;border-color:var(--grd-blue-start);box-shadow:0 0 0 3px #2196f31f}.grd-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--grd-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--grd-transition)}.grd-search-clear:hover{background:var(--grd-error)}.grd-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.grd-table-wrap::-webkit-scrollbar{width:6px;height:6px}.grd-table-wrap::-webkit-scrollbar-track{background:transparent}.grd-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.grd-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.grd-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.grd-thead{position:sticky;top:0;z-index:10}.grd-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--grd-text-secondary);background:#f8fafc;border-bottom:2px solid var(--grd-border);text-align:left;white-space:nowrap}.grd-row{border-bottom:1px solid var(--grd-border-light);transition:background .15s ease,box-shadow .15s ease;animation:grd-row-in .25s ease both}@keyframes grd-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.grd-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--grd-blue-start)}.grd-row:nth-child(2n){background:#fafbfc}.grd-row:nth-child(2n):hover{background:#f0f7ff}.grd-td{padding:12px;font-size:12.5px;color:var(--grd-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grd-col-code{width:25%;min-width:140px}.grd-col-name{width:55%;min-width:220px}.grd-col-actions{width:20%;min-width:100px;text-align:center}.grd-badge-code{display:inline-block;padding:4px 8px;border-radius:var(--grd-radius-xs);background:var(--grd-blue-50);color:var(--grd-blue-700);font-size:11.5px;font-weight:700;border:1px solid var(--grd-blue-100)}.grd-text-primary{font-weight:600;color:var(--grd-text-primary)}.grd-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.grd-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--grd-transition)!important}.grd-action-btn--edit{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 6px #22c55e4d!important}.grd-action-btn--edit:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #22c55e73!important}.grd-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.grd-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.grd-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--grd-border);background:#fafbfc;flex-shrink:0;gap:12px}.grd-footer-text{font-size:12px;color:var(--grd-text-muted)}.grd-footer-text strong{color:var(--grd-text-secondary);font-weight:700}.grd-upload-indicator{color:var(--grd-blue-start);font-weight:500}.grd-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.grd-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:grd-fade-in .4s ease both}@keyframes grd-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.grd-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--grd-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--grd-blue-600);margin-bottom:4px}.grd-state-icon-wrap--error{background:#fef2f2;color:var(--grd-error)}.grd-state-title{font-size:17px;font-weight:700;color:var(--grd-text-primary);margin:0}.grd-state-desc{font-size:13.5px;color:var(--grd-text-muted);margin:0;line-height:1.55}.grd-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.grd-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--grd-border-light);animation:grd-fade-in .4s ease both}.grd-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:grd-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes grd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.grd-sk-text{height:14px;flex:1;max-width:200px}.grd-sk-pill{width:80px;height:26px;border-radius:20px}@media (max-width: 768px){.grd-root{padding:4px}.grd-card{height:calc(100vh - 52px);border-radius:8px}.grd-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.grd-title{font-size:15px}.grd-subtitle{display:none}.grd-actions{gap:4px}.grd-btn.grd-btn-primary span{display:none}.grd-btn.grd-btn-primary{width:34px;padding:0!important;justify-content:center}.grd-search-grid{grid-template-columns:1fr}.grd-action-group{gap:4px}.grd-footer{padding:8px 14px}}@media (max-width: 480px){.grd-col-name{min-width:160px}.grd-col-code{min-width:100px}}.create-grade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-grade-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:create-grade-modal-appear .3s ease-out}@keyframes create-grade-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-grade-header{margin-bottom:0}.create-grade-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.create-grade-header-content{position:relative;z-index:2;text-align:center}.create-grade-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.create-grade-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.create-grade-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-grade-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:create-grade-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:create-grade-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:create-grade-float 5s ease-in-out infinite .5s}.create-grade-form{width:100%;padding:25px 30px 20px}.create-grade-form-group{width:100%;margin-bottom:20px;text-align:left}.create-grade-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.create-grade-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.create-grade-input:focus{outline:none;border:1px solid #1976d2!important;box-shadow:0 0 0 3px #667eea1a;background-color:#fff;transform:translateY(-1px)}.create-grade-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-grade-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.create-grade-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.create-grade-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 4px 12px #4299e14d}.create-grade-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.create-grade-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.create-grade-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes create-grade-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.create-grade-modal-overlay{padding:15px}.create-grade-modal-content{max-width:95%}.create-grade-header-background{padding:20px}.create-grade-title{font-size:22px}.create-grade-form{padding:20px 20px 15px}.create-grade-form-group{margin-bottom:15px}.create-grade-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.create-grade-modal-btn{max-width:100%;padding:10px 20px}}@media (max-width: 480px){.create-grade-modal-overlay{padding:10px}.create-grade-header-background{padding:15px}.create-grade-form{padding:15px 15px 10px}.create-grade-title{font-size:20px;margin-bottom:4px}.create-grade-subtitle{font-size:13px}.create-grade-input{padding:10px 12px;font-size:13px}.create-grade-modal-btn{padding:10px 16px;font-size:13px}}.update-grade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-grade-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:update-grade-modal-appear .3s ease-out}@keyframes update-grade-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.update-grade-header{margin-bottom:0}.update-grade-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.update-grade-header-content{position:relative;z-index:2;text-align:center}.update-grade-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.update-grade-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.update-grade-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-grade-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:update-grade-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:update-grade-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:update-grade-float 5s ease-in-out infinite .5s}.update-grade-form{width:100%;padding:25px 30px 20px}.update-grade-form-group{width:100%;margin-bottom:20px;text-align:left}.update-grade-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.update-grade-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.update-grade-input:focus{outline:none;border-color:#0b34d9;box-shadow:0 0 0 3px #667eea1a;background-color:#fff;transform:translateY(-1px)}.update-grade-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-grade-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.update-grade-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.update-grade-modal-btn--save{background:var(--update-button);color:#fff;box-shadow:0 4px 12px #4299e14d}.update-grade-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.update-grade-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.update-grade-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes update-grade-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.update-grade-modal-overlay{padding:15px}.update-grade-modal-content{max-width:95%}.update-grade-header-background{padding:20px}.update-grade-title{font-size:22px}.update-grade-form{padding:20px 20px 15px}.update-grade-form-group{margin-bottom:15px}.update-grade-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.update-grade-modal-btn{max-width:100%;padding:10px 20px}}@media (max-width: 480px){.update-grade-modal-overlay{padding:10px}.update-grade-header-background{padding:15px}.update-grade-form{padding:15px 15px 10px}.update-grade-title{font-size:20px;margin-bottom:4px}.update-grade-subtitle{font-size:13px}.update-grade-input{padding:10px 12px;font-size:13px}.update-grade-modal-btn{padding:10px 16px;font-size:13px}}:root{--sft-blue-start: #2196F3;--sft-blue-end: #0d47a1;--sft-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--sft-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--sft-white: #ffffff;--sft-bg: #f0f4f8;--sft-surface: #ffffff;--sft-border: #e2e8f0;--sft-border-light: #f1f5f9;--sft-text-primary: #0f172a;--sft-text-secondary: #475569;--sft-text-muted: #94a3b8;--sft-blue-50: #eff6ff;--sft-blue-100: #dbeafe;--sft-blue-600: #2563eb;--sft-blue-700: #1d4ed8;--sft-success: #16a34a;--sft-error: #dc2626;--sft-warning: #d97706;--sft-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--sft-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--sft-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--sft-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--sft-radius: 12px;--sft-radius-sm: 6px;--sft-radius-xs: 4px;--sft-font: "Segoe UI", system-ui, -apple-system, sans-serif;--sft-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.sft-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--sft-bg);font-family:var(--sft-font);padding:8px;box-sizing:border-box}.sft-card{background:var(--sft-surface);border-radius:var(--sft-radius);box-shadow:var(--sft-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--sft-border)}.sft-header{background:var(--sft-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.sft-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.sft-header-left{display:flex;align-items:center;gap:12px;min-width:0}.sft-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.sft-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.sft-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.sft-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.sft-btn.sft-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--sft-transition)!important;display:flex;align-items:center;justify-content:center}.sft-btn.sft-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.sft-btn.sft-btn-icon.sft-btn--active{background:#fffffff2!important;color:var(--sft-blue-700)!important;border-color:#fff!important}.sft-btn.sft-btn-icon.sft-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.sft-btn.sft-btn-icon.sft-btn--danger:hover:not(:disabled){background:#ef444473!important}.sft-btn.sft-btn-primary{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--sft-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--sft-transition);white-space:nowrap;font-family:var(--sft-font)}.sft-btn.sft-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.sft-btn.sft-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--sft-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--sft-blue-600);cursor:pointer;transition:var(--sft-transition)}.sft-btn.sft-btn-outline:hover{background:var(--sft-blue-50)}.sft-btn.sft-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--sft-text-muted);font-size:12px;font-weight:500;border:1px solid var(--sft-border);cursor:pointer;transition:var(--sft-transition)}.sft-btn.sft-btn-ghost:hover{background:var(--sft-border-light);color:var(--sft-text-secondary)}.sft-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.sft-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--sft-border)}.sft-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-height:0}.sft-search-field{position:relative;display:flex;align-items:center}.sft-search-field-icon{position:absolute;left:9px;color:var(--sft-text-muted)!important;pointer-events:none;z-index:1}.sft-search-input{width:100%;padding:7px 28px;border:1.5px solid var(--sft-border);border-radius:var(--sft-radius-sm);font-size:12.5px;color:var(--sft-text-primary);background:var(--sft-white);transition:var(--sft-transition);font-family:var(--sft-font);box-sizing:border-box}.sft-search-input:focus{outline:none;border-color:var(--sft-blue-start);box-shadow:0 0 0 3px #2196f31f}.sft-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--sft-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--sft-transition)}.sft-search-clear:hover{background:var(--sft-error)}.sft-table-wrap{flex:1;overflow:hidden;display:flex;flex-direction:column}.sft-table-scroll{overflow-x:auto;overflow-y:auto;flex:1;scroll-behavior:smooth}.sft-table-scroll::-webkit-scrollbar{width:6px;height:6px}.sft-table-scroll::-webkit-scrollbar-track{background:transparent}.sft-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sft-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sft-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1200px}.sft-thead{position:sticky;top:0;z-index:10}.sft-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--sft-text-secondary);background:#f8fafc;border-bottom:2px solid var(--sft-border);text-align:left;white-space:nowrap}.sft-row{border-bottom:1px solid var(--sft-border-light);transition:background .15s ease,box-shadow .15s ease;animation:sft-row-in .25s ease both}@keyframes sft-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sft-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--sft-blue-start)}.sft-row:nth-child(2n){background:#fafbfc}.sft-row:nth-child(2n):hover{background:#f0f7ff}.sft-td{padding:12px;font-size:12.5px;color:var(--sft-text-primary);vertical-align:middle;white-space:nowrap}.sft-badge-code{display:inline-block;padding:4px 8px;border-radius:var(--sft-radius-xs);background:var(--sft-blue-50);color:var(--sft-blue-700);font-size:11.5px;font-weight:700;border:1px solid var(--sft-blue-100)}.sft-text-primary{font-weight:600;color:var(--sft-text-primary)}.sft-action-group{display:flex;align-items:center;gap:6px}.sft-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--sft-transition)!important}.sft-action-btn--edit{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 6px #22c55e4d!important}.sft-action-btn--edit:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #22c55e73!important}.sft-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.sft-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.sft-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--sft-border);background:#fafbfc;flex-shrink:0;gap:12px;flex-wrap:wrap}.sft-footer-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sft-footer-text{font-size:12px;color:var(--sft-text-muted)}.sft-footer-text strong{color:var(--sft-text-secondary);font-weight:700}.sft-upload-indicator{color:var(--sft-blue-start);font-weight:500}.sft-pagination{display:flex;align-items:center;gap:8px}.sft-pagination-btn{width:30px!important;height:30px!important;border-radius:6px!important;background:var(--sft-white)!important;border:1px solid var(--sft-border)!important;color:var(--sft-text-secondary)!important}.sft-pagination-btn:hover:not(:disabled){background:var(--sft-blue-50)!important;border-color:var(--sft-blue-start)!important;color:var(--sft-blue-start)!important}.sft-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.sft-page-number{font-size:12px;color:var(--sft-text-secondary);font-weight:500}.sft-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.sft-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:sft-fade-in .4s ease both}@keyframes sft-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sft-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--sft-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--sft-blue-600);margin-bottom:4px}.sft-state-icon-wrap--error{background:#fef2f2;color:var(--sft-error)}.sft-state-title{font-size:17px;font-weight:700;color:var(--sft-text-primary);margin:0}.sft-state-desc{font-size:13.5px;color:var(--sft-text-muted);margin:0;line-height:1.55}.sft-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.sft-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--sft-border-light);animation:sft-fade-in .4s ease both}.sft-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:sft-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes sft-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sft-sk-text{height:14px;flex:1;max-width:200px}.sft-sk-pill{width:80px;height:26px;border-radius:20px}@media (max-width: 768px){.sft-root{padding:4px}.sft-card{height:calc(100vh - 52px);border-radius:8px}.sft-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.sft-title{font-size:15px}.sft-subtitle{display:none}.sft-actions{gap:4px}.sft-btn.sft-btn-primary span{display:none}.sft-btn.sft-btn-primary{width:34px;padding:0!important;justify-content:center}.sft-search-grid{grid-template-columns:1fr}.sft-footer{flex-direction:column;align-items:flex-start}.sft-pagination{align-self:flex-end}}.create-shift-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1400}.create-shift-header{margin-bottom:0}.create-shift-header-background{background:var(--create-button);padding:16px 25px;position:relative;overflow:hidden}.create-shift-header-content{position:relative;z-index:2;text-align:center}.create-shift-title{font-size:18px;color:#fff;margin-bottom:2px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.create-shift-subtitle{font-size:11px;color:#ffffffe6;margin:0;font-weight:400}.create-shift-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-shift-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:35px;height:35px;top:8px;left:10%;animation:create-shift-float 6s ease-in-out infinite}.circle-2{width:45px;height:45px;bottom:-12px;right:15%;animation:create-shift-float 8s ease-in-out infinite 1s}.circle-3{width:25px;height:25px;top:50%;right:20%;animation:create-shift-float 5s ease-in-out infinite .5s}.create-shift-form{width:100%;padding:15px 25px 12px}.create-shift-form-row{display:flex;justify-content:space-between;gap:10px;width:100%;margin-bottom:8px}.create-shift-form-group{width:100%;margin-bottom:8px;text-align:left}.create-shift-form-row .create-shift-form-group{width:calc(50% - 5px);margin-bottom:0}.create-shift-label{display:block;margin-bottom:4px;font-weight:600;color:#2d3748;font-size:12px;display:flex;align-items:center}.create-shift-input{width:100%;padding:6px 10px;font-size:12px;color:#333;border:1.5px solid #e2e8f0;border-radius:5px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:Inter,sans-serif;height:32px}.create-shift-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;background-color:#fff}.create-shift-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-shift-input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cpolyline points='12 6 12 12 16 14'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:30px}.create-shift-input[type=time]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231976d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cpolyline points='12 6 12 12 16 14'%3e%3c/polyline%3e%3c/svg%3e")}.create-shift-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.create-shift-input[type=number]::-webkit-outer-spin-button,.create-shift-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.create-shift-modal-actions{margin-top:15px;display:flex;gap:10px;justify-content:center}.create-shift-modal-btn{border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;flex:1;max-width:140px;min-height:32px;display:flex;align-items:center;justify-content:center}.create-shift-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 2px 4px #2196f333}.create-shift-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 2px 4px #f5656533}.create-shift-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.create-shift-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a}@keyframes create-shift-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 768px){.create-shift-modal-content{max-width:95%;max-height:80vh}.create-shift-header-background{padding:12px 20px}.create-shift-title{font-size:16px}.create-shift-form{padding:12px 20px 10px}.create-shift-form-row{flex-direction:column;gap:0;margin-bottom:0}.create-shift-form-row .create-shift-form-group{width:100%;margin-bottom:8px}.create-shift-modal-actions{flex-direction:column;gap:8px;margin-top:12px}.create-shift-modal-btn{max-width:100%;padding:7px 14px;min-height:30px}.create-shift-input{padding:5px 8px;font-size:11px;height:30px}}@media (max-width: 480px){.create-shift-header-background{padding:10px 15px}.create-shift-form{padding:10px 15px 8px}.create-shift-title{font-size:15px;margin-bottom:1px}.create-shift-subtitle{font-size:10px}.create-shift-input{padding:5px 8px;font-size:11px;height:28px}.create-shift-modal-btn{padding:6px 12px;font-size:11px;min-height:28px}.create-shift-label{font-size:11px;margin-bottom:3px}}.update-shift-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1400}.update-shift-header{margin-bottom:0}.update-shift-header-background{background:var(--create-button);padding:16px 25px;position:relative;overflow:hidden}.update-shift-header-content{position:relative;z-index:2;text-align:center}.update-shift-title{font-size:18px;color:#fff;margin-bottom:2px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.update-shift-subtitle{font-size:11px;color:#ffffffe6;margin:0;font-weight:400}.update-shift-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-shift-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:35px;height:35px;top:8px;left:10%;animation:update-shift-float 6s ease-in-out infinite}.circle-2{width:45px;height:45px;bottom:-12px;right:15%;animation:update-shift-float 8s ease-in-out infinite 1s}.circle-3{width:25px;height:25px;top:50%;right:20%;animation:update-shift-float 5s ease-in-out infinite .5s}.update-shift-form{width:100%;padding:15px 25px 12px}.update-shift-form-row{display:flex;justify-content:space-between;gap:10px;width:100%;margin-bottom:8px}.update-shift-form-group{width:100%;margin-bottom:8px;text-align:left}.update-shift-form-row .update-shift-form-group{width:calc(50% - 5px);margin-bottom:0}.update-shift-label{display:block;margin-bottom:4px;font-weight:600;color:#2d3748;font-size:12px;display:flex;align-items:center}.required-asterisk{color:#e53e3e;margin-left:2px;font-size:10px}.update-shift-input{width:100%;padding:6px 10px;font-size:12px;color:#333;border:1.5px solid #e2e8f0;border-radius:5px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:Inter,sans-serif;height:32px}.update-shift-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;background-color:#fff}.update-shift-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9;border-color:#ddd}.update-shift-input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cpolyline points='12 6 12 12 16 14'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:30px}.update-shift-input[type=time]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231976d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cpolyline points='12 6 12 12 16 14'%3e%3c/polyline%3e%3c/svg%3e")}.update-shift-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.update-shift-input[type=number]::-webkit-outer-spin-button,.update-shift-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.update-shift-modal-actions{margin-top:15px;display:flex;gap:10px;justify-content:center}.update-shift-modal-btn{border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;flex:1;max-width:140px;min-height:32px;display:flex;align-items:center;justify-content:center}.update-shift-modal-btn--update{background:var(--update-button, #ffa726);color:#fff;box-shadow:0 2px 4px #ffa72633}.update-shift-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 2px 4px #f5656533}.update-shift-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.update-shift-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a}@keyframes update-shift-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 768px){.update-shift-modal-content{max-width:95%;max-height:80vh}.update-shift-header-background{padding:12px 20px}.update-shift-title{font-size:16px}.update-shift-form{padding:12px 20px 10px}.update-shift-form-row{flex-direction:column;gap:0;margin-bottom:0}.update-shift-form-row .update-shift-form-group{width:100%;margin-bottom:8px}.update-shift-modal-actions{flex-direction:column;gap:8px;margin-top:12px}.update-shift-modal-btn{max-width:100%;padding:7px 14px;min-height:30px}.update-shift-input{padding:5px 8px;font-size:11px;height:30px}}@media (max-width: 480px){.update-shift-header-background{padding:10px 15px}.update-shift-form{padding:10px 15px 8px}.update-shift-title{font-size:15px;margin-bottom:1px}.update-shift-subtitle{font-size:10px}.update-shift-input{padding:5px 8px;font-size:11px;height:28px}.update-shift-modal-btn{padding:6px 12px;font-size:11px;min-height:28px}.update-shift-label{font-size:11px;margin-bottom:3px}}:root{--hol-blue-start: #2196F3;--hol-blue-end: #0d47a1;--hol-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--hol-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--hol-white: #ffffff;--hol-bg: #f0f4f8;--hol-surface: #ffffff;--hol-border: #e2e8f0;--hol-border-light: #f1f5f9;--hol-text-primary: #0f172a;--hol-text-secondary: #475569;--hol-text-muted: #94a3b8;--hol-blue-50: #eff6ff;--hol-blue-100: #dbeafe;--hol-blue-600: #2563eb;--hol-blue-700: #1d4ed8;--hol-success: #16a34a;--hol-error: #dc2626;--hol-warning: #d97706;--hol-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--hol-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--hol-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--hol-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--hol-radius: 12px;--hol-radius-sm: 6px;--hol-radius-xs: 4px;--hol-font: "Segoe UI", system-ui, -apple-system, sans-serif;--hol-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.hol-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--hol-bg);font-family:var(--hol-font);padding:8px;box-sizing:border-box}.hol-card{background:var(--hol-surface);border-radius:var(--hol-radius);box-shadow:var(--hol-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--hol-border)}.hol-header{background:var(--hol-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.hol-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.hol-header-left{display:flex;align-items:center;gap:12px;min-width:0}.hol-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.hol-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.hol-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.hol-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.hol-btn.hol-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--hol-transition)!important;display:flex;align-items:center;justify-content:center}.hol-btn.hol-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.hol-btn.hol-btn-icon.hol-btn--active{background:#fffffff2!important;color:var(--hol-blue-700)!important;border-color:#fff!important}.hol-btn.hol-btn-icon.hol-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.hol-btn.hol-btn-icon.hol-btn--danger:hover:not(:disabled){background:#ef444473!important}.hol-btn.hol-btn-primary{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--hol-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--hol-transition);white-space:nowrap;font-family:var(--hol-font)}.hol-btn.hol-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.hol-btn.hol-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--hol-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--hol-blue-600);cursor:pointer;transition:var(--hol-transition)}.hol-btn.hol-btn-outline:hover{background:var(--hol-blue-50)}.hol-btn.hol-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--hol-text-muted);font-size:12px;font-weight:500;border:1px solid var(--hol-border);cursor:pointer;transition:var(--hol-transition)}.hol-btn.hol-btn-ghost:hover{background:var(--hol-border-light);color:var(--hol-text-secondary)}.hol-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.hol-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--hol-border)}.hol-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:0}.hol-search-field{position:relative;display:flex;align-items:center}.hol-search-field-icon{position:absolute;left:9px;color:var(--hol-text-muted)!important;pointer-events:none;z-index:1}.hol-search-input{width:100%;padding:7px 28px;border:1.5px solid var(--hol-border);border-radius:var(--hol-radius-sm);font-size:12.5px;color:var(--hol-text-primary);background:var(--hol-white);transition:var(--hol-transition);font-family:var(--hol-font);box-sizing:border-box}.hol-search-input:focus{outline:none;border-color:var(--hol-blue-start);box-shadow:0 0 0 3px #2196f31f}.hol-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--hol-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--hol-transition)}.hol-search-clear:hover{background:var(--hol-error)}.hol-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.hol-table-wrap::-webkit-scrollbar{width:6px;height:6px}.hol-table-wrap::-webkit-scrollbar-track{background:transparent}.hol-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.hol-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.hol-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.hol-thead{position:sticky;top:0;z-index:10}.hol-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--hol-text-secondary);background:#f8fafc;border-bottom:2px solid var(--hol-border);text-align:left;white-space:nowrap}.hol-row{border-bottom:1px solid var(--hol-border-light);transition:background .15s ease,box-shadow .15s ease;animation:hol-row-in .25s ease both}@keyframes hol-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hol-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--hol-blue-start)}.hol-row:nth-child(2n){background:#fafbfc}.hol-row:nth-child(2n):hover{background:#f0f7ff}.hol-td{padding:12px;font-size:12.5px;color:var(--hol-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hol-col-name{width:45%;min-width:200px}.hol-col-start,.hol-col-end{width:20%;min-width:120px}.hol-col-actions{width:15%;min-width:100px;text-align:center}.hol-badge-date{display:inline-block;padding:4px 8px;border-radius:var(--hol-radius-xs);background:var(--hol-blue-50);color:var(--hol-blue-700);font-size:11.5px;font-weight:700;border:1px solid var(--hol-blue-100)}.hol-text-primary{font-weight:600;color:var(--hol-text-primary)}.hol-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.hol-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--hol-transition)!important}.hol-action-btn--edit{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 6px #22c55e4d!important}.hol-action-btn--edit:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #22c55e73!important}.hol-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.hol-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.hol-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--hol-border);background:#fafbfc;flex-shrink:0;gap:12px;flex-wrap:wrap}.hol-footer-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hol-footer-text{font-size:12px;color:var(--hol-text-muted)}.hol-footer-text strong{color:var(--hol-text-secondary);font-weight:700}.hol-upload-indicator{color:var(--hol-blue-start);font-weight:500}.hol-pagination{display:flex;align-items:center;gap:8px}.hol-pagination-btn{width:30px!important;height:30px!important;border-radius:6px!important;background:var(--hol-white)!important;border:1px solid var(--hol-border)!important;color:var(--hol-text-secondary)!important}.hol-pagination-btn:hover:not(:disabled){background:var(--hol-blue-50)!important;border-color:var(--hol-blue-start)!important;color:var(--hol-blue-start)!important}.hol-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.hol-page-number{font-size:12px;color:var(--hol-text-secondary);font-weight:500}.hol-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.hol-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:hol-fade-in .4s ease both}@keyframes hol-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hol-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--hol-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--hol-blue-600);margin-bottom:4px}.hol-state-icon-wrap--error{background:#fef2f2;color:var(--hol-error)}.hol-state-title{font-size:17px;font-weight:700;color:var(--hol-text-primary);margin:0}.hol-state-desc{font-size:13.5px;color:var(--hol-text-muted);margin:0;line-height:1.55}.hol-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.hol-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--hol-border-light);animation:hol-fade-in .4s ease both}.hol-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:hol-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes hol-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hol-sk-text{height:14px;flex:1;max-width:200px}.hol-sk-pill{width:80px;height:26px;border-radius:20px}@media (max-width: 768px){.hol-root{padding:4px}.hol-card{height:calc(100vh - 52px);border-radius:8px}.hol-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.hol-title{font-size:15px}.hol-subtitle{display:none}.hol-actions{gap:4px}.hol-btn.hol-btn-primary span{display:none}.hol-btn.hol-btn-primary{width:34px;padding:0!important;justify-content:center}.hol-search-grid{grid-template-columns:1fr}.hol-action-group{gap:4px}.hol-footer{flex-direction:column;align-items:flex-start}.hol-pagination{align-self:flex-end}}@media (max-width: 480px){.hol-col-start,.hol-col-end{display:none}.hol-col-name{min-width:160px}}.create-holiday-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1400}.create-holiday-header{margin-bottom:0}.create-holiday-header-background{background:var(--create-button);padding:16px 25px;position:relative;overflow:hidden}.create-holiday-header-content{position:relative;z-index:2;text-align:center}.create-holiday-title{font-size:18px;color:#fff;margin-bottom:2px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.create-holiday-subtitle{font-size:11px;color:#ffffffe6;margin:0;font-weight:400}.create-holiday-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-holiday-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:35px;height:35px;top:8px;left:10%;animation:create-holiday-float 6s ease-in-out infinite}.circle-2{width:45px;height:45px;bottom:-12px;right:15%;animation:create-holiday-float 8s ease-in-out infinite 1s}.circle-3{width:25px;height:25px;top:50%;right:20%;animation:create-holiday-float 5s ease-in-out infinite .5s}.create-holiday-form{width:100%;padding:20px 25px 15px}.create-holiday-form-group{width:100%;margin-bottom:15px;text-align:left}.create-holiday-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center}.create-holiday-input{width:100%;padding:10px 12px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:Inter,sans-serif;height:38px}.create-holiday-input:focus{outline:none;border:1px solid #1976d2!important;box-shadow:0 0 0 2px #1976d21a;background-color:#fff}.create-holiday-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-holiday-input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:35px}.create-holiday-modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:center}.create-holiday-modal-btn{border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #0000001a;flex:1;max-width:150px;min-height:38px;display:flex;align-items:center;justify-content:center}.create-holiday-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 2px 6px #2196f333}.create-holiday-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 2px 6px #f5656533}.create-holiday-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.create-holiday-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}@keyframes create-holiday-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 768px){.create-holiday-modal-content{max-width:95%;max-height:85vh}.create-holiday-header-background{padding:12px 20px}.create-holiday-title{font-size:16px}.create-holiday-form{padding:15px 20px 12px}.create-holiday-form-group{margin-bottom:12px}.create-holiday-modal-actions{flex-direction:column;gap:10px;margin-top:15px}.create-holiday-modal-btn{max-width:100%;padding:8px 16px;min-height:36px}.create-holiday-input{padding:8px 10px;font-size:12px;height:36px}}@media (max-width: 480px){.create-holiday-header-background{padding:10px 15px}.create-holiday-form{padding:12px 15px 10px}.create-holiday-title{font-size:15px;margin-bottom:1px}.create-holiday-subtitle{font-size:10px}.create-holiday-input{padding:8px 10px;font-size:12px;height:34px}.create-holiday-modal-btn{padding:8px 14px;font-size:12px;min-height:34px}.create-holiday-label{font-size:12px;margin-bottom:4px}}.update-holiday-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1400}.update-holiday-header{margin-bottom:0}.update-holiday-header-background{background:var(--create-button, #ffa726);padding:16px 25px;position:relative;overflow:hidden}.update-holiday-header-content{position:relative;z-index:2;text-align:center}.update-holiday-title{font-size:18px;color:#fff;margin-bottom:2px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.update-holiday-subtitle{font-size:11px;color:#ffffffe6;margin:0;font-weight:400}.update-holiday-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-holiday-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:35px;height:35px;top:8px;left:10%;animation:update-holiday-float 6s ease-in-out infinite}.circle-2{width:45px;height:45px;bottom:-12px;right:15%;animation:update-holiday-float 8s ease-in-out infinite 1s}.circle-3{width:25px;height:25px;top:50%;right:20%;animation:update-holiday-float 5s ease-in-out infinite .5s}.update-holiday-form{width:100%;padding:20px 25px 15px}.update-holiday-form-group{width:100%;margin-bottom:15px;text-align:left}.update-holiday-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center}.required-asterisk{color:#e53e3e;margin-left:3px;font-size:10px}.update-holiday-input{width:100%;padding:10px 12px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:Inter,sans-serif;height:38px}.update-holiday-input:focus{outline:none;border:1px solid #1976d2!important;box-shadow:0 0 0 2px #1976d21a;background-color:#fff}.update-holiday-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-holiday-modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:center}.update-holiday-modal-btn{border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #0000001a;flex:1;max-width:150px;min-height:38px;display:flex;align-items:center;justify-content:center}.update-holiday-modal-btn--update{background:var(--update-button, #ffa726);color:#fff;box-shadow:0 2px 6px #ffa72633}.update-holiday-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 2px 6px #f5656533}.update-holiday-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.update-holiday-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}@keyframes update-holiday-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 768px){.update-holiday-modal-content{max-width:95%;max-height:85vh}.update-holiday-header-background{padding:12px 20px}.update-holiday-title{font-size:16px}.update-holiday-form{padding:15px 20px 12px}.update-holiday-form-group{margin-bottom:12px}.update-holiday-modal-actions{flex-direction:column;gap:10px;margin-top:15px}.update-holiday-modal-btn{max-width:100%;padding:8px 16px;min-height:36px}.update-holiday-input{padding:8px 10px;font-size:12px;height:36px}}@media (max-width: 480px){.update-holiday-header-background{padding:10px 15px}.update-holiday-form{padding:12px 15px 10px}.update-holiday-title{font-size:15px;margin-bottom:1px}.update-holiday-subtitle{font-size:10px}.update-holiday-input{padding:8px 10px;font-size:12px;height:34px}.update-holiday-modal-btn{padding:8px 14px;font-size:12px;min-height:34px}.update-holiday-label{font-size:12px;margin-bottom:4px}}.leave-definition-table{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;padding:25px;box-sizing:border-box;overflow:hidden}.leave-definition-table__header{display:flex;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0;align-items:center}.leave-definition-table__input{flex-grow:1;padding:12px 15px;border:1px solid #cccccc;border-radius:6px;font-size:1rem;color:#333;transition:border-color .3s ease,box-shadow .3s ease}.leave-definition-table__input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.leave-definition-table__button{color:#fff;border:none;padding:12px 25px;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease,transform .2s ease}.leave-definition-table__button--create{background:var(--create-button)}.leave-definition-table__button--create:hover{background-color:#218838;transform:translateY(-2px)}.leave-definition-table__button--create:active{transform:translateY(0)}.leave-definition-table__content{display:flex;gap:25px;flex-wrap:wrap}.leave-definition-table__group-list,.leave-definition-table__types-detail{flex:1;min-width:450px;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.leave-definition-table__subtitle{margin-top:0;margin-bottom:20px;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:10px;font-size:22px;color:#495057}.leave-definition-table__subtitle span{color:#007bff;font-weight:700}.leave-definition-table__table-wrapper{overflow:hidden;flex-grow:1;position:relative;max-height:400px;border-radius:6px;border:1px solid #e0e0e0}.leave-definition-table__table-container{overflow-y:auto;max-height:400px;width:calc(100% + 17px);padding-right:17px;scrollbar-width:none;-ms-overflow-style:none}.leave-definition-table__table-container::-webkit-scrollbar{display:none}.leave-definition-table__table{width:100%;border-collapse:separate;border-spacing:0;margin-top:5px;table-layout:fixed}.leave-definition-table__table thead{position:sticky;top:0;z-index:2}.leave-definition-table__table th,.leave-definition-table__table td{border:1px solid #e0e0e0;padding:12px 15px;text-align:left;font-size:13px;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-definition-table__table th{background:var(--table-header);position:sticky;top:0;z-index:1;font-size:13px;font-weight:600;color:#fff}.leave-definition-table__table thead tr:first-child th:first-child{border-top-left-radius:6px}.leave-definition-table__table thead tr:first-child th:last-child{border-top-right-radius:6px}.leave-definition-table__table tbody tr:nth-child(2n){background-color:#fcfcfc}.leave-definition-table__table tbody tr:hover{background-color:#e6f7ff}.leave-definition-table__actions-header{width:120px;text-align:center}.leave-definition-table__actions{display:flex;justify-content:center;gap:8px}.leave-definition-table__action-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center}.leave-definition-table__action-button svg{font-size:1rem}.leave-definition-table__action-button--add{color:#28a745}.leave-definition-table__action-button--add:hover{background-color:#28a7451a}.leave-definition-table__action-button--view{color:#007bff}.leave-definition-table__action-button--view:hover{background-color:#007bff1a}.leave-definition-table__action-button--delete{color:#dc3545}.leave-definition-table__action-button--delete:hover{background-color:#dc35451a}.leave-definition-table__action-button--edit{color:#ffc107}.leave-definition-table__action-button--edit:hover{background-color:#ffc1071a}.leave-definition-table__message{text-align:center;color:#dc5050;font-style:italic;padding:30px 15px;background-color:#f8f9fa;border-radius:6px;margin-top:20px;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:8px}.leave-definition-table__status-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center}.leave-definition-table__loading-cell,.leave-definition-table__error-cell{background-color:#f8f9fa}.leave-definition-table__error-cell{background-color:#fdecea;color:#d32f2f}.leave-definition-table__retry-btn{padding:6px 12px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-left:10px;transition:background-color .3s}.leave-definition-table__retry-btn:hover{background-color:#1565c0}.leave-definition-table__no-data{text-align:center;padding:20px;color:#666;font-style:italic;background-color:#f9f9f9}@media (max-width: 1024px){.leave-definition-table__content{flex-direction:column}.leave-definition-table__group-list,.leave-definition-table__types-detail{min-width:unset;width:100%}}@media (max-width: 768px){.leave-definition-table__header{flex-direction:column;align-items:stretch}.leave-definition-table__button{width:100%}}@media (max-width: 480px){.leave-definition-table{padding:15px}.leave-definition-table__header{gap:10px}.leave-definition-table__subtitle{font-size:1.3rem}.leave-definition-table__table th,.leave-definition-table__table td{padding:10px;font-size:.85rem}}.assignLeaveInLeaveGroup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.assignLeaveInLeaveGroup-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.assignLeaveInLeaveGroup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background-color:#f8f9fa;position:sticky;top:0;z-index:10}.assignLeaveInLeaveGroup-title{margin-top:0;margin-bottom:20px;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:10px;font-size:22px;color:#495057}.assignLeaveInLeaveGroup-title span{color:#007bff;font-weight:700}.assignLeaveInLeaveGroup-modal-close-btn{padding:5px}.assignLeaveInLeaveGroup-modal-content{padding:20px;overflow-y:auto;flex-grow:1}.assignLeaveInLeaveGroup-section{border:1px solid #ddd;border-radius:6px;margin-bottom:20px;background-color:#fdfdff}.assignLeaveInLeaveGroup-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#eef4f9;color:#333;cursor:pointer;border-bottom:1px solid #ddd;font-size:1.1em;font-weight:600;border-top-left-radius:5px;border-top-right-radius:5px;transition:background-color .2s ease}.assignLeaveInLeaveGroup-section-header:hover{background-color:#e0e9f0}.assignLeaveInLeaveGroup-section:last-child .assignLeaveInLeaveGroup-section-header{border-bottom:none}.assignLeaveInLeaveGroup-section-content{padding:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.assignLeaveInLeaveGroup-section-content.assignLeaveInLeaveGroup-three-column-grid{grid-template-columns:repeat(3,1fr)}.assignLeaveInLeaveGroup-form-row{display:flex;flex-direction:column;margin-bottom:10px}.assignLeaveInLeaveGroup-form-row label{margin-bottom:5px;font-weight:500;color:#555;font-size:.95em}.assignLeaveInLeaveGroup-form-row input[type=text],.assignLeaveInLeaveGroup-form-row input[type=number],.assignLeaveInLeaveGroup-form-row select{padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:1em;width:100%;box-sizing:border-box}.assignLeaveInLeaveGroup-modal-actions{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;background-color:#f8f9fa;gap:10px;position:sticky;bottom:0;z-index:10}.assignLeaveInLeaveGroup-save-btn,.assignLeaveInLeaveGroup-cancel-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .3s ease,transform .1s ease;box-shadow:0 2px 5px #0000001a}.assignLeaveInLeaveGroup-save-btn:active,.assignLeaveInLeaveGroup-cancel-btn:active{transform:translateY(1px)}.assignLeaveInLeaveGroup-save-btn{background:var(--create-button);color:#fff}.assignLeaveInLeaveGroup-save-btn:hover{background-color:#0056b3}.assignLeaveInLeaveGroup-cancel-btn{background:var(--delete--button);color:#fff}.assignLeaveInLeaveGroup-cancel-btn:hover{background-color:#5a6268}.updateLeaveInLeaveGroup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.updateLeaveInLeaveGroup-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.updateLeaveInLeaveGroup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background-color:#f8f9fa;position:sticky;top:0;z-index:10}.updateLeaveInLeaveGroup-title{margin-top:0;margin-bottom:20px;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:10px;font-size:22px;color:#495057}.updateLeaveInLeaveGroup-title span{color:#007bff;font-weight:700}.updateLeaveInLeaveGroup-modal-close-btn{padding:5px}.updateLeaveInLeaveGroup-modal-content{padding:20px;overflow-y:auto;flex-grow:1}.updateLeaveInLeaveGroup-section{border:1px solid #ddd;border-radius:6px;margin-bottom:20px;background-color:#fdfdff}.updateLeaveInLeaveGroup-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#eef4f9;color:#333;cursor:pointer;border-bottom:1px solid #ddd;font-size:1.1em;font-weight:600;border-top-left-radius:5px;border-top-right-radius:5px;transition:background-color .2s ease}.updateLeaveInLeaveGroup-section-header:hover{background-color:#e0e9f0}.updateLeaveInLeaveGroup-section:last-child .updateLeaveInLeaveGroup-section-header{border-bottom:none}.updateLeaveInLeaveGroup-section-content{padding:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.updateLeaveInLeaveGroup-section-content.updateLeaveInLeaveGroup-three-column-grid{grid-template-columns:repeat(3,1fr)}.updateLeaveInLeaveGroup-form-row{display:flex;flex-direction:column;margin-bottom:10px}.updateLeaveInLeaveGroup-form-row label{margin-bottom:5px;font-weight:500;color:#555;font-size:.95em}.updateLeaveInLeaveGroup-form-row input[type=text],.updateLeaveInLeaveGroup-form-row input[type=number],.updateLeaveInLeaveGroup-form-row select{padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:1em;width:100%;box-sizing:border-box}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--delete--button);transition:background .4s ease;border-radius:15px;display:flex;align-items:center}input:checked+.slider{background:var(--create-button)}.updateLeaveInLeaveGroup-modal-actions{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;background-color:#f8f9fa;gap:10px;position:sticky;bottom:0;z-index:10}.updateLeaveInLeaveGroup-save-btn,.updateLeaveInLeaveGroup-cancel-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .3s ease,transform .1s ease;box-shadow:0 2px 5px #0000001a}.updateLeaveInLeaveGroup-save-btn:active,.updateLeaveInLeaveGroup-cancel-btn:active{transform:translateY(1px)}.updateLeaveInLeaveGroup-save-btn{background:var(--create-button);color:#fff}.updateLeaveInLeaveGroup-save-btn:hover{background-color:#0056b3}.updateLeaveInLeaveGroup-cancel-btn{background:var(--delete--button);color:#fff}.updateLeaveInLeaveGroup-cancel-btn:hover{background-color:#5a6268}@media (max-width: 900px){.assignLeaveInLeaveGroup-modal{width:95%;margin:20px}}@media (max-width: 768px){.assignLeaveInLeaveGroup-section-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.assignLeaveInLeaveGroup-section-content.assignLeaveInLeaveGroup-three-column-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.assignLeaveInLeaveGroup-modal-header h2{font-size:1.2em}.assignLeaveInLeaveGroup-section-content,.assignLeaveInLeaveGroup-section-content.assignLeaveInLeaveGroup-three-column-grid{grid-template-columns:1fr}.assignLeaveInLeaveGroup-modal-actions{flex-direction:column;gap:8px}.assignLeaveInLeaveGroup-save-btn,.assignLeaveInLeaveGroup-cancel-btn{width:100%}}.lurt-leave-update-rule-table{display:flex;flex-direction:column;flex:1;min-height:100vh;background-color:var(--table-background, #f5f5f5);font-family:Inter,sans-serif}.lurt-leave-update-rule-table__container{height:100%;display:flex;justify-content:center;align-items:flex-start}.lurt-leave-update-rule-table__table-container{width:100%;max-width:100%;padding:15px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px;overflow:hidden}.lurt-leave-update-rule-table__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.lurt-leave-update-rule-table__title{font-size:22px;color:var(--table-header-title, #333);margin:0;font-weight:700}.lurt-leave-update-rule-table__actions{display:flex;gap:8px}.lurt-leave-update-rule-table__header-icon{background-color:transparent;border:none;border-radius:8px;transition:all .3s ease;padding:6px;cursor:pointer}.lurt-leave-update-rule-table__header-icon .MuiSvgIcon-root{color:var(--icon-default, #55565b);font-size:20px}.lurt-leave-update-rule-table__header-icon:hover,.lurt-leave-update-rule-table__header-icon--active{background:var(--blue-gradient, linear-gradient(90deg, #1976d2 0%, #2196f3 100%));box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.lurt-leave-update-rule-table__header-icon:hover .MuiSvgIcon-root,.lurt-leave-update-rule-table__header-icon--active .MuiSvgIcon-root{color:#fff!important}.lurt-leave-update-rule-table__table-wrapper{overflow-x:auto;overflow-y:auto;border-radius:8px;height:500px;border:1px solid #e0e0e0;scrollbar-width:thin;scrollbar-color:#1976d2 #f0f0f0}.lurt-leave-update-rule-table__table-wrapper::-webkit-scrollbar{width:8px;height:8px}.lurt-leave-update-rule-table__table-wrapper::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.lurt-leave-update-rule-table__table-wrapper::-webkit-scrollbar-thumb{background:#1976d2;border-radius:4px}.lurt-leave-update-rule-table__table-wrapper::-webkit-scrollbar-thumb:hover{background:#1565c0}.lurt-leave-update-rule-table__table{width:100%;border-collapse:collapse;table-layout:fixed}.lurt-leave-update-rule-table__table-head{position:sticky;top:0;z-index:10}.lurt-leave-update-rule-table__table-header-row{background:var(--table-header, #1976d2)}.lurt-leave-update-rule-table__table-header{padding:12px 6px;font-size:12px;font-weight:600;color:#fff;text-align:left;vertical-align:middle;background:var(--table-header, #1976d2);white-space:normal;word-wrap:break-word;word-break:break-word;line-height:1.3;-webkit-hyphens:auto;hyphens:auto}.lurt-leave-update-rule-table__table-header:nth-child(1){width:10%}.lurt-leave-update-rule-table__table-header:nth-child(2){width:9%}.lurt-leave-update-rule-table__table-header:nth-child(3){width:8%}.lurt-leave-update-rule-table__table-header:nth-child(4){width:12%}.lurt-leave-update-rule-table__table-header:nth-child(5){width:10%}.lurt-leave-update-rule-table__table-header:nth-child(6){width:10%}.lurt-leave-update-rule-table__table-header:nth-child(7){width:10%}.lurt-leave-update-rule-table__table-header:nth-child(8){width:12%}.lurt-leave-update-rule-table__table-header:nth-child(9){width:11%}.lurt-leave-update-rule-table__table-header:nth-child(10){width:8%}.lurt-leave-update-rule-table__table-body{background-color:#fff}.lurt-leave-update-rule-table__table-row{background-color:#fff;transition:background-color .3s ease,box-shadow .3s ease;border-bottom:1px solid #eee}.lurt-leave-update-rule-table__table-row:last-child{border-bottom:none}.lurt-leave-update-rule-table__table-row:hover{background-color:var(--table-row-hover, #f0f8ff);box-shadow:0 4px 10px #0000001a}.lurt-leave-update-rule-table__table-row:nth-child(2n){background-color:#f9f9f9}.lurt-leave-update-rule-table__table-data{padding:10px 6px;font-size:12px;color:var(--table-row-data-color, #55565b);white-space:normal;word-wrap:break-word;word-break:break-word;line-height:1.3;vertical-align:middle;-webkit-hyphens:auto;hyphens:auto}.lurt-leave-update-rule-table__table-row .lurt-leave-update-rule-table__table-data:first-child{color:#1475c6;font-weight:700}.lurt-leave-update-rule-table__actions-cell{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:wrap}.lurt-leave-update-rule-table__action-btn{width:26px;height:26px;padding:4px;border-radius:6px!important;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;cursor:pointer;flex-shrink:0}.lurt-leave-update-rule-table__action-btn .MuiSvgIcon-root{color:inherit;font-size:16px}.lurt-leave-update-rule-table__action-btn:hover{transform:scale(1.1);box-shadow:0 3px 8px #0003}.lurt-leave-update-rule-table__action-btn--delete{background:var(--delete-button, #d32f2f);color:#fff}.lurt-leave-update-rule-table__action-btn--delete:hover{background-color:#c82333}.lurt-leave-update-rule-table__action-btn--update{background:var(--create-button, #1976d2);color:#fff}.lurt-leave-update-rule-table__action-btn--update:hover{background-color:#0d47a1}.lurt-leave-update-rule-table__action-btn--delete .MuiSvgIcon-root,.lurt-leave-update-rule-table__action-btn--update .MuiSvgIcon-root{color:#fff!important}.lurt-leave-update-rule-table__search-input{width:100%;padding:4px 6px;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-size:11px;color:#333;background-color:#fff;box-sizing:border-box}.lurt-leave-update-rule-table__search-input:focus{border-color:#fff;outline:none;box-shadow:0 0 0 2px #ffffff4d}.lurt-leave-update-rule-table__search-input::placeholder{color:#666;font-size:11px}.lurt-leave-update-rule-table__table-row--status{width:100%}.lurt-leave-update-rule-table__status-cell{width:100%;padding:0}.lurt-leave-update-rule-table__status-message{width:100%;padding:40px 20px;text-align:center;font-size:14px;animation:lurt-fadeIn .3s ease-out forwards;box-sizing:border-box}.lurt-leave-update-rule-table__status-message--loading{color:#1475c6;background-color:#f0f8ff}.lurt-leave-update-rule-table__status-message--error{color:#d32f2f;background-color:#fdecea;border-left:4px solid #d32f2f}.lurt-leave-update-rule-table__status-message--empty{color:#666;font-style:italic;background-color:#f9f9f9}.lurt-leave-update-rule-table__loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.lurt-leave-update-rule-table__error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;color:#d32f2f}@keyframes lurt-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1200px){.lurt-leave-update-rule-table__table-header{font-size:11px;padding:10px 4px}.lurt-leave-update-rule-table__table-data{font-size:11px;padding:8px 4px}}@media (max-width: 1024px){.lurt-leave-update-rule-table__table-container{margin:10px;padding:10px}.lurt-leave-update-rule-table__title{font-size:20px}.lurt-leave-update-rule-table__table-wrapper{height:450px}.lurt-leave-update-rule-table__table-header,.lurt-leave-update-rule-table__table-data{font-size:10px}}@media (max-width: 768px){.lurt-leave-update-rule-table__container{padding:5px}.lurt-leave-update-rule-table__table-container{padding:5px;margin:5px;border-radius:6px}.lurt-leave-update-rule-table__header{gap:8px;flex-direction:column;align-items:flex-start}.lurt-leave-update-rule-table__title{font-size:18px;width:100%;text-align:center}.lurt-leave-update-rule-table__actions{width:100%;justify-content:space-around;flex-wrap:wrap}.lurt-leave-update-rule-table__table-wrapper{height:400px;border:none}.lurt-leave-update-rule-table__table{table-layout:auto;min-width:100%}.lurt-leave-update-rule-table__table-head{display:none}.lurt-leave-update-rule-table__table-row{display:block;margin-bottom:12px;padding:10px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.lurt-leave-update-rule-table__table-data{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;font-size:12px;border-bottom:1px solid #f0f0f0;white-space:normal;word-wrap:break-word;word-break:break-word}.lurt-leave-update-rule-table__table-data:last-child{border-bottom:none}.lurt-leave-update-rule-table__table-data:before{font-weight:600;margin-right:10px;color:#333;flex-shrink:0;width:130px;text-align:left;font-size:12px;white-space:normal;word-wrap:break-word}.lurt-leave-update-rule-table__table-data[data-label="Leave Group"]:before{content:"Leave Group:"}.lurt-leave-update-rule-table__table-data[data-label="Leave Type"]:before{content:"Leave Type:"}.lurt-leave-update-rule-table__table-data[data-label="Rule Type"]:before{content:"Rule Type:"}.lurt-leave-update-rule-table__table-data[data-label="Additional Period Type"]:before{content:"Additional Period Type:"}.lurt-leave-update-rule-table__table-data[data-label="Additional Period"]:before{content:"Additional Period:"}.lurt-leave-update-rule-table__table-data[data-label="Leave Update Time"]:before{content:"Update Time:"}.lurt-leave-update-rule-table__table-data[data-label="Consolidated Value"]:before{content:"Consolidated Value:"}.lurt-leave-update-rule-table__table-data[data-label="Accumulation Scheme ID"]:before{content:"Scheme ID:"}.lurt-leave-update-rule-table__table-data[data-label="Deduction Head"]:before{content:"Deduction Head:"}.lurt-leave-update-rule-table__table-data[data-label=Actions]:before{content:"Actions:"}.lurt-leave-update-rule-table__actions-cell{justify-content:flex-end;margin-top:8px;padding-top:8px;gap:8px}.lurt-leave-update-rule-table__action-btn{width:32px;height:32px}.lurt-leave-update-rule-table__action-btn .MuiSvgIcon-root{font-size:16px!important}.lurt-leave-update-rule-table__status-message{padding:30px 15px;font-size:13px}.lurt-leave-update-rule-table__loading-content,.lurt-leave-update-rule-table__error-content{padding:15px;gap:10px}}@media (max-width: 480px){.lurt-leave-update-rule-table__title{font-size:16px}.lurt-leave-update-rule-table__table-wrapper{height:350px}.lurt-leave-update-rule-table__table-data{font-size:11px;padding:6px 0;flex-direction:column;align-items:flex-start;gap:4px}.lurt-leave-update-rule-table__table-data:before{width:100%;margin-right:0;font-size:11px;color:#666}.lurt-leave-update-rule-table__action-btn{width:28px;height:28px}.lurt-leave-update-rule-table__action-btn .MuiSvgIcon-root{font-size:14px!important}.lurt-leave-update-rule-table__status-message{padding:25px 10px;font-size:12px}.lurt-leave-update-rule-table__loading-content,.lurt-leave-update-rule-table__error-content{padding:10px;gap:8px}}@media print{.lurt-leave-update-rule-table__table-wrapper{height:auto;overflow:visible}.lurt-leave-update-rule-table__table-head{position:static}}.react-select-container{position:relative;z-index:100}.react-select__menu{z-index:1000!important;position:absolute!important}.update-leave-update-rule-modal-content{z-index:1001;position:relative}.update-leave-update-rule-modal-footer{z-index:50}.update-leave-update-rule-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.update-leave-update-rule-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.update-leave-update-rule-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background-color:#f8f9fa;position:sticky;top:0;z-index:10}.update-leave-update-rule-modal-header h2{margin:0;font-size:1.5em;color:#333}.update-leave-update-rule-modal-header h2 span{color:#007bff;font-weight:600}.update-leave-update-rule-modal-close-btn{padding:5px;background-color:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s ease}.update-leave-update-rule-modal-close-btn:hover{background-color:#e0e0e0}.update-leave-update-rule-modal-close-btn .MuiSvgIcon-root{color:#555;font-size:24px}.update-leave-update-rule-modal-body{padding:20px;overflow-y:auto;flex-grow:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.update-leave-update-rule-form-row{display:flex;flex-direction:column}.update-leave-update-rule-form-row label{margin-bottom:5px;font-weight:500;color:#555;font-size:.95em}.update-leave-update-rule-form-row input[type=text],.update-leave-update-rule-form-row input[type=number],.update-leave-update-rule-form-row select,.update-leave-update-rule-form-row .multi-select-input{padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:1em;width:100%;box-sizing:border-box}.read-only-input{background-color:#e9ecef;cursor:not-allowed}.update-leave-update-rule-modal-footer{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;background-color:#f8f9fa;gap:10px;position:sticky;bottom:0;z-index:10}.update-leave-update-rule-save-btn,.update-leave-update-rule-cancel-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .3s ease,transform .1s ease;box-shadow:0 2px 5px #0000001a}.update-leave-update-rule-save-btn:active,.update-leave-update-rule-cancel-btn:active{transform:translateY(1px)}.update-leave-update-rule-save-btn{background:var(--create-button);color:#fff}.update-leave-update-rule-save-btn:hover{background-color:#218838}.update-leave-update-rule-cancel-btn{background:var(--delete--button);color:#fff}.update-leave-update-rule-cancel-btn:hover{background:var(--delete--button)}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px;margin-top:5px;overflow:hidden;border-radius:15px;box-shadow:inset 0 1px 3px #0003,0 1px #ffffff1a}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);transition:background .4s ease;border-radius:15px;display:flex;align-items:center}.slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;background-color:#fff;transition:transform .4s ease,background-color .4s ease;border-radius:50%;box-shadow:0 2px 5px #0003}input:checked+.slider{background:linear-gradient(135deg,#2196f3,#0d47a1)}input:checked+.slider:before{transform:translate(30px)}.toggle-text{position:absolute;color:#fff;font-size:.8em;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:opacity .4s ease,transform .4s ease;-webkit-user-select:none;user-select:none}.toggle-text-yes{left:10px;opacity:0;transform:translate(-5px)}.toggle-text-no{right:10px;opacity:1;transform:translate(5px)}input:checked+.slider .toggle-text-yes{opacity:1;transform:translate(0)}input:checked+.slider .toggle-text-no{opacity:0;transform:translate(10px)}.toggle-group{display:flex;border-radius:5px;overflow:hidden;margin-top:5px}.toggle-button{flex:1;padding:8px 12px;border:1px solid #ccc;background-color:#f0f0f0;color:#555;cursor:pointer;font-size:.9em;font-weight:500;transition:all .3s ease}.toggle-button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:none}.toggle-button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-left:none}.toggle-button.active{background:var(--icon-green-gradient);color:#fff;border-color:#007bff;box-shadow:inset 0 1px 3px #0003}.multi-select-input{min-height:80px;resize:vertical}.hint-text{font-size:.8em;color:#777;margin-top:5px}@media (max-width: 768px){.update-leave-update-rule-modal-content{max-width:95%}.update-leave-update-rule-modal-body{grid-template-columns:1fr}.update-leave-update-rule-modal-footer{flex-direction:column;gap:8px}.update-leave-update-rule-save-btn,.update-leave-update-rule-cancel-btn{width:100%}.toggle-group{flex-direction:row}}.leave-adjustment-container{display:flex;flex-direction:row;gap:20px;padding:20px;background-color:var(--bg-light);min-height:100vh;box-sizing:border-box;font-family:Inter,sans-serif}.leave-adjustment-form-section,.leave-adjustment-balances-section{background-color:var(--bg-white);padding:25px;border-radius:12px;flex:1;display:flex;flex-direction:column}.leave-adjustment-form-section{max-width:500px;min-width:300px}.leave-adjustment-balances-section{min-width:300px}.leave-adjustment-section-title{font-size:1.4em;color:var(--text-color-medium);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);text-align:center}.leave-adjustment-form-group{margin-bottom:18px}.leave-adjustment-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color-medium);font-size:.95em}.leave-adjustment-input,.leave-adjustment-select,.leave-adjustment-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:1em;color:var(--text-color-medium);box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.leave-adjustment-input:focus,.leave-adjustment-select:focus,.leave-adjustment-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff33}.read-only-input{background-color:#e9ecef;cursor:not-allowed;color:#666}.leave-adjustment-textarea{resize:vertical;min-height:80px}.toggle-group{display:flex;border-radius:8px;overflow:hidden;margin-top:5px;border:1px solid var(--border-color)}.toggle-button{flex:1;padding:10px 15px;border:none;background-color:#f8f8f8;color:var(--text-color-light);cursor:pointer;font-size:.95em;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.toggle-button .MuiSvgIcon-root{font-size:1.2em}.toggle-button.active{background:var(--icon-green-gradient);color:#fff;box-shadow:inset 0 2px 5px #0003}.toggle-button:hover:not(.active){background-color:#e2e6ea}.toggle-button:first-child{border-right:1px solid var(--border-color)}.leave-adjustment-submit-button{width:100%;padding:12px 20px;background:var(--create-button);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.leave-adjustment-submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000026;background:linear-gradient(90deg,#3aa179,#1a8f5c)}.leave-adjustment-submit-button:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.leave-adjustment-message{padding:12px;margin-bottom:20px;border-radius:8px;font-weight:500;text-align:center}.leave-adjustment-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.leave-adjustment-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:15px}.leave-balance-card{background-color:#e6f3ff;border:1px solid #a8d5ff;border-radius:10px;padding:15px;text-align:center;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.leave-balance-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px #0000001a}.leave-balance-card-title{font-size:1.1em;color:#0056b3;margin-bottom:8px;font-weight:600}.leave-balance-card-value{font-size:1.6em;font-weight:700;color:var(--color-primary);margin:0}.leave-balance-empty{text-align:center;padding:30px;color:#777;font-style:italic;font-size:1.1em;background-color:#f9f9f9;border-radius:8px;margin-top:20px}.react-select-container .react-select__control{border-color:var(--border-color);border-radius:8px;min-height:40px;box-shadow:none}.react-select-container .react-select__control--is-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff33}.react-select-container .react-select__placeholder{color:#a0a0a0}.react-select-container .react-select__single-value{color:var(--text-color-medium)}.react-select-container .react-select__option--is-focused{background-color:#f0f8ff}.react-select-container .react-select__option--is-selected{background-color:var(--color-primary);color:#fff}.transaction-history-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.transaction-history-title{display:flex;align-items:center;font-size:1.2em;color:var(--text-color-medium);margin-bottom:15px}.transaction-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.transaction-table{width:100%;border-collapse:collapse;font-size:.9em}.transaction-table th{background-color:#f5f5f5;padding:12px 15px;text-align:left;font-weight:600;color:var(--text-color-medium);border-bottom:2px solid var(--border-color)}.transaction-table td{padding:12px 15px;border-bottom:1px solid var(--border-color)}.transaction-table tr:last-child td{border-bottom:none}.transaction-table tr:hover{background-color:#f9f9f9}.transaction-type{padding:4px 8px;border-radius:4px;font-size:.85em;font-weight:500}.transaction-type.add{background-color:#d4edda;color:#155724}.transaction-type.sub{background-color:#f8d7da;color:#721c24}.transaction-history-empty{text-align:center;padding:20px;color:#777;font-style:italic;background-color:#f9f9f9;border-radius:8px}@media (max-width: 768px){.transaction-table{font-size:.8em}.transaction-table th,.transaction-table td{padding:8px 10px}}@media (max-width: 576px){.transaction-table-container{border:none}.transaction-table{font-size:.75em}.transaction-table th,.transaction-table td{padding:6px 8px}}@media (max-width: 992px){.leave-adjustment-container{flex-direction:column;padding:15px}.leave-adjustment-form-section{max-width:100%}.leave-adjustment-section-title{font-size:1.6em}.leave-balance-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 576px){.leave-adjustment-container{padding:10px}.leave-adjustment-form-section,.leave-adjustment-balances-section{padding:15px;border-radius:8px}.leave-adjustment-section-title{font-size:1.4em;margin-bottom:15px}.leave-adjustment-form-group{margin-bottom:15px}.leave-adjustment-input,.leave-adjustment-select,.leave-adjustment-textarea{padding:8px 10px;font-size:.9em}.toggle-button{padding:8px 10px;font-size:.9em;gap:5px}.toggle-button .MuiSvgIcon-root{font-size:1em}.leave-adjustment-submit-button{padding:10px 15px;font-size:1em}.leave-balance-grid{grid-template-columns:1fr}.leave-balance-card-title{font-size:1em}.leave-balance-card-value{font-size:1.4em}}.coff-rule-table{display:flex;flex-direction:column;flex:1;min-height:100vh;background-color:var(--table-background, #f5f5f5);font-family:Inter,sans-serif}.coff-rule-table__container{height:100%;display:flex;justify-content:center;align-items:flex-start;padding:15px}.coff-rule-table__table-container{width:100%;max-width:100%;height:100vh;padding:15px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px}.coff-rule-table__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.coff-rule-table__title{font-size:22px;color:var(--table-header-title, #333);margin:0;font-weight:700}.coff-rule-table__actions{display:flex;gap:8px}.coff-rule-table__header_icon{background-color:transparent;border:none;border-radius:8px;transition:all .3s ease;padding:6px}.coff-rule-table__header_icon .MuiSvgIcon-root{color:var(--icon-default, #55565b);font-size:20px}.coff-rule-table__header_icon:hover,.coff-rule-table__header_icon--active{background:var(--icon-green-gradient, linear-gradient(90deg, #4caf50 0%, #66bb6a 100%));box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.coff-rule-table__header_icon:hover .MuiSvgIcon-root,.coff-rule-table__header_icon--active .MuiSvgIcon-root{color:#fff!important}.coff-rule-table__table-wrapper{overflow-x:auto;border-radius:8px;overflow:hidden;max-height:400px;overflow-y:auto}.coff-rule-table__table{width:100%;border-collapse:collapse}.coff-rule-table__table-head{position:sticky;top:0;z-index:10;background:var(--icon-green-gradient)}.coff-rule-table__table-header{padding:10px 8px;font-size:13px;font-weight:600;color:#fff;text-align:left;white-space:normal;word-wrap:break-word}.coff-rule-table__table-body{background-color:#fff}.coff-rule-table__table-row{background-color:#fff;transition:background-color .3s ease,box-shadow .3s ease;border-bottom:1px solid #eee}.coff-rule-table__table-row:last-child{border-bottom:none}.coff-rule-table__table-row:hover{background-color:var(--table-row-hover, #f0f8ff);box-shadow:0 4px 10px #0000001a}.coff-rule-table__table-row:nth-child(2n){background-color:#f9f9f9}.coff-rule-table__table-data{padding:8px;font-size:12px;color:var(--table-row-data-color, #55565b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coff-rule-table__table-row .coff-rule-table__table-data:first-child{color:#1475c6;font-weight:700}.coff-rule-table__table-row .coff-rule-table__table-data:nth-child(5){color:#1475c6;font-weight:700}.coff-rule-table__actions-cell{display:flex;gap:5px;justify-content:flex-start;position:relative}.coff-rule-table__action-btn{width:28px;height:28px;padding:4px;border-radius:6px!important;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.coff-rule-table__action-btn .MuiSvgIcon-root{color:#55565b}.coff-rule-table__action-btn--update{background:var(--blue-gradient, linear-gradient(90deg, #1976d2 0%, #2196f3 100%))!important}.coff-rule-table__action-btn--update .MuiSvgIcon-root{color:#fff}.coff-rule-table__action-btn--update:hover{background:var(--blue-gradient, linear-gradient(90deg, #1565c0 0%, #1e88e5 100%))!important;transform:scale(1.1)}.coff-rule-table__action-btn--delete{background:var(--red-gradient, linear-gradient(90deg, #d32f2f 0%, #f44336 100%))!important;color:#fff!important}.coff-rule-table__action-btn--delete .MuiSvgIcon-root{color:#fff}.coff-rule-table__action-btn--delete:hover{background:var(--red-gradient, linear-gradient(90deg, #c62828 0%, #e53935 100%))!important;transform:scale(1.1)}.coff-rule-table__search-input{width:calc(100% - 12px);padding:6px 8px;border:1px solid #ccc;border-radius:6px;font-size:12px;color:#333;box-shadow:inset 0 1px 3px #00000014;transition:border-color .3s ease,box-shadow .3s ease}.coff-rule-table__search-input:focus{border-color:var(--color-primary, #4caf50);box-shadow:inset 0 1px 3px #00000014,0 0 0 3px #4caf5033;outline:none}.coff-rule-table__table-row--status{width:100%}.coff-rule-table__status-cell{width:100%;padding:0}.coff-rule-table__status-message{width:100%;padding:20px;text-align:center;font-size:14px;animation:fadeIn .3s ease-out forwards}.coff-rule-table__status-message--loading{color:#1475c6;background-color:#f0f8ff}.coff-rule-table__status-message--error{color:#d32f2f;background-color:#fdecea;border-left:4px solid #d32f2f}.coff-rule-table__status-message--empty{color:#666;font-style:italic;background-color:#f9f9f9}.coff-rule-table__loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.coff-rule-table__error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;color:#d32f2f}.coff-rule-table__retry-btn{padding:8px 16px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.coff-rule-table__retry-btn:hover{background-color:#1565c0}@media (max-width: 1024px){.coff-rule-table__table-container{margin:10px;padding:10px}.coff-rule-table__title{font-size:20px}}@media (max-width: 768px){.coff-rule-table__container{padding:5px}.coff-rule-table__table-container{padding:5px;margin:5px;border-radius:6px}.coff-rule-table__header{gap:8px}.coff-rule-table__title{font-size:18px}.coff-rule-table__actions{width:100%;justify-content:space-around;flex-wrap:wrap}.coff-rule-table__table-header{display:none}.coff-rule-table__table-row{display:block;margin-bottom:10px;padding:8px;border-radius:6px}.coff-rule-table__table-data{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px}.coff-rule-table__table-data:before{content:attr(data-label);font-weight:600;margin-right:8px;color:#333;flex-shrink:0;width:120px;text-align:left;font-size:12px}.coff-rule-table__actions-cell{justify-content:center;margin-top:8px;padding-top:8px}.coff-rule-table__actions-cell:before{content:"Actions";font-weight:600;margin-right:8px;color:#333;flex-shrink:0;width:120px;text-align:left;font-size:12px}.coff-rule-table__search-input{width:calc(100% - 10px);padding:5px 6px;font-size:11px}.coff-rule-table__action-btn{width:32px;height:32px}.coff-rule-table__action-btn .MuiSvgIcon-root{font-size:16px!important}.coff-rule-table__status-message{padding:15px;font-size:13px}.coff-rule-table__loading-content,.coff-rule-table__error-content{padding:15px;gap:10px}}@media (max-width: 480px){.coff-rule-table__title{font-size:16px}.coff-rule-table__table-data{font-size:11px}.coff-rule-table__table-data:before{font-size:11px;width:100px}.coff-rule-table__actions-cell:before{font-size:11px;width:100px}.coff-rule-table__action-btn{width:28px;height:28px}.coff-rule-table__action-btn .MuiSvgIcon-root{font-size:14px!important}.coff-rule-table__status-message{padding:10px;font-size:12px}.coff-rule-table__loading-content,.coff-rule-table__error-content{padding:10px;gap:8px}.coff-rule-table__retry-btn{padding:6px 12px;font-size:12px}}.deduction-policy-table{display:flex;flex-direction:column;flex:1;min-height:100vh;background-color:var(--table-background);font-family:Inter,sans-serif}.deduction-policy-table__container{height:100%;display:flex;justify-content:center;align-items:flex-start;padding:15px}.deduction-policy-table__table-container{width:100%;padding:15px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px}.deduction-policy-table__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.deduction-policy-table__title{font-size:22px;color:var(--table-header-title);margin:0;font-weight:700}.deduction-policy-table__actions{display:flex;gap:8px}.deduction-policy-table__header-icon{background-color:transparent;border:none;border-radius:8px;transition:all .3s ease;padding:6px}.deduction-policy-table__header-icon .MuiSvgIcon-root{color:var(--icon-default);font-size:20px}.deduction-policy-table__header-icon:hover,.deduction-policy-table__header-icon--active{background:var(--blue-gradient);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.deduction-policy-table__header-icon:hover .MuiSvgIcon-root,.deduction-policy-table__header-icon--active .MuiSvgIcon-root{color:#fff!important}.deduction-policy-table__table-wrapper{overflow-x:auto;border-radius:8px;overflow:hidden}.deduction-policy-table__table{width:100%;border-collapse:collapse;min-width:800px}.deduction-policy-table__table-head{background:var(--table-header)}.deduction-policy-table__table-header{padding:10px 8px;font-size:13px;font-weight:600;color:#fff;text-align:left;white-space:normal;word-wrap:break-word}.deduction-policy-table__table-header--name{width:15%;min-width:120px}.deduction-policy-table__table-header--sequence{width:20%;min-width:150px}.deduction-policy-table__table-header--slab{width:40%;min-width:250px}.deduction-policy-table__table-header--applied{width:15%;min-width:120px}.deduction-policy-table__table-header--actions{width:10%;min-width:100px}.deduction-policy-table__table-body{background-color:#fff}.deduction-policy-table__table-row{background-color:#fff;transition:background-color .3s ease,box-shadow .3s ease;border-bottom:1px solid #eee}.deduction-policy-table__table-row:last-child{border-bottom:none}.deduction-policy-table__table-row:hover{background-color:var(--table-row-hover);box-shadow:0 4px 10px #0000001a}.deduction-policy-table__table-row--even{background-color:#f9f9f9}.deduction-policy-table__table-data{padding:8px;font-size:12px;color:var(--table-row-data-color);vertical-align:top}.deduction-policy-table__table-data--name,.deduction-policy-table__table-data--sequence{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deduction-policy-table__table-data--slab{word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.4;max-width:300px}.deduction-policy-table__table-data--applied{white-space:normal;word-wrap:break-word}.deduction-policy-table__slab-content{word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.4;font-size:11px;max-height:60px;overflow-y:auto;padding-right:5px}.deduction-policy-table__slab-content::-webkit-scrollbar{width:4px}.deduction-policy-table__slab-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.deduction-policy-table__slab-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.deduction-policy-table__slab-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.deduction-policy-table__table-row .deduction-policy-table__table-data:first-child{color:#1475c6;font-weight:700}.deduction-policy-table__table-row .deduction-policy-table__table-data:nth-child(2){color:#1475c6;font-weight:700}.deduction-policy-table__actions-cell{display:flex;gap:5px;justify-content:flex-start;position:relative;white-space:nowrap}.deduction-policy-table__action-btn{width:28px;height:28px;padding:4px;border-radius:6px!important;box-shadow:0 1px 3px #0000001a}.deduction-policy-table__action-btn .MuiSvgIcon-root{font-size:18px!important}.deduction-policy-table__action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.deduction-policy-table__action-btn--delete{background:var(--red-gradient)!important;color:#fff!important}.deduction-policy-table__action-btn--update{background:var(--blue-gradient)!important;color:#fff!important}.deduction-policy-table__search-input{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:8px;font-size:13px;color:var(--text-dark);box-shadow:var(--shadow-inset);transition:all .3s ease;background-color:var(--bg-white)}.deduction-policy-table__search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.deduction-policy-table__status-message,.deduction-policy-table__status-message--loading,.deduction-policy-table__status-message--error,.deduction-policy-table__status-message--empty{text-align:center;padding:30px;font-size:16px;background-color:var(--bg-white);margin:15px;border-radius:8px;box-shadow:var(--shadow-medium)}.deduction-policy-table__loading-content{display:flex;align-items:center;justify-content:center;gap:10px}.deduction-policy-table__error-content{display:flex;flex-direction:column;align-items:center;gap:10px}.deduction-policy-table__retry-btn{padding:8px 16px;background:var(--blue-gradient);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.deduction-policy-table__retry-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}@media (max-width: 1024px){.deduction-policy-table__table-container{padding:15px}.deduction-policy-table__title{font-size:22px}.deduction-policy-table__table-header--slab{width:35%;min-width:200px}}@media (max-width: 768px){.deduction-policy-table,.deduction-policy-table__container{padding:10px}.deduction-policy-table__table-container{padding:15px;border-radius:10px}.deduction-policy-table__header{flex-direction:column;align-items:stretch;gap:12px}.deduction-policy-table__actions{justify-content:flex-end}.deduction-policy-table__table-wrapper{border:none}.deduction-policy-table__table{min-width:100%}.deduction-policy-table__table-header{display:none}.deduction-policy-table__table-row{display:block;margin-bottom:15px;padding:12px;border-radius:8px;box-shadow:var(--shadow-medium)}.deduction-policy-table__table-data{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border-light);white-space:normal;text-overflow:unset;overflow:visible}.deduction-policy-table__table-data:last-child{border-bottom:none}.deduction-policy-table__table-data:before{content:attr(data-label);font-weight:600;margin-right:15px;color:var(--text-dark);flex:0 0 120px;font-size:13px}.deduction-policy-table__slab-content{max-height:none;overflow-y:visible}.deduction-policy-table__actions-cell{justify-content:center;padding-top:10px;margin-top:10px;border-top:1px dashed var(--border-light);align-items:center}.deduction-policy-table__action-btn{width:36px;height:36px}}@media (max-width: 480px){.deduction-policy-table__title{font-size:20px;text-align:center}.deduction-policy-table__actions{justify-content:center}.deduction-policy-table__table-data:before{flex:0 0 100px;font-size:12px}.deduction-policy-table__action-btn{width:32px;height:32px}.deduction-policy-table__slab-content{font-size:10px}}.EmployeeOthersPage{background-color:#8a2be2}.leave-accumulation-scheme-table{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;padding:25px;box-sizing:border-box;overflow:hidden}.leave-accumulation-scheme-table__header{display:flex;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0;align-items:center}.leave-accumulation-scheme-table__input{flex-grow:1;padding:12px 15px;border:1px solid #cccccc;border-radius:6px;font-size:1rem;color:#333;transition:border-color .3s ease,box-shadow .3s ease}.leave-accumulation-scheme-table__input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.leave-accumulation-scheme-table__button{color:#fff;border:none;padding:12px 25px;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease,transform .2s ease}.leave-accumulation-scheme-table__button--create{background:var(--create-button)}.leave-accumulation-scheme-table__button--create:hover{transform:translateY(-2px)}.leave-accumulation-scheme-table__button--create:active{transform:translateY(0)}.leave-accumulation-scheme-table__content{display:flex;gap:25px;flex-wrap:wrap}.leave-accumulation-scheme-table__scheme-list,.leave-accumulation-scheme-table__slabs-detail{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.leave-accumulation-scheme-table__scheme-list{flex:.6;min-width:300px}.leave-accumulation-scheme-table__slabs-detail{flex:1.4;min-width:450px}.leave-accumulation-scheme-table__subtitle{margin-top:0;margin-bottom:20px;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:10px;font-size:22px;color:#495057}.leave-accumulation-scheme-table__subtitle span{color:#007bff;font-weight:700}.leave-accumulation-scheme-table__table-wrapper{overflow:hidden;flex-grow:1;position:relative;max-height:400px;border-radius:6px;border:1px solid #e0e0e0}.leave-accumulation-scheme-table__table-container{overflow-y:auto;max-height:400px;width:calc(100% + 17px);padding-right:17px;scrollbar-width:none;-ms-overflow-style:none}.leave-accumulation-scheme-table__table-container::-webkit-scrollbar{display:none}.leave-accumulation-scheme-table__table{width:100%;border-collapse:separate;border-spacing:0;margin-top:5px;table-layout:fixed}.leave-accumulation-scheme-table__table thead{position:sticky;top:0;z-index:2}.leave-accumulation-scheme-table__table th,.leave-accumulation-scheme-table__table td{border:1px solid #e0e0e0;padding:12px 15px;text-align:left;font-size:13px;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-accumulation-scheme-table__table th{background:var(--table-header);position:sticky;top:0;z-index:1;font-size:13px;font-weight:600;color:#fff}.leave-accumulation-scheme-table__table thead tr:first-child th:first-child{border-top-left-radius:6px}.leave-accumulation-scheme-table__table thead tr:first-child th:last-child{border-top-right-radius:6px}.leave-accumulation-scheme-table__table tbody tr:nth-child(2n){background-color:#fcfcfc}.leave-accumulation-scheme-table__table tbody tr:hover{background-color:#e6f7ff}.leave-accumulation-scheme-table__actions-header{width:120px;text-align:center}.leave-accumulation-scheme-table__actions{display:flex;justify-content:center;gap:8px}.leave-accumulation-scheme-table__action-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center}.leave-accumulation-scheme-table__action-button svg{font-size:1rem}.leave-accumulation-scheme-table__action-button--add{color:#28a745}.leave-accumulation-scheme-table__action-button--add:hover{background-color:#28a7451a}.leave-accumulation-scheme-table__action-button--view{color:#007bff}.leave-accumulation-scheme-table__action-button--view:hover{background-color:#007bff1a}.leave-accumulation-scheme-table__action-button--delete{color:#dc3545}.leave-accumulation-scheme-table__action-button--delete:hover{background-color:#dc35451a}.leave-accumulation-scheme-table__action-button--edit{color:#ffc107}.leave-accumulation-scheme-table__action-button--edit:hover{background-color:#ffc1071a}.leave-accumulation-scheme-table__no-data,.leave-accumulation-scheme-table__message{text-align:center;color:#6c757d;font-style:italic;padding:30px 15px;background-color:#f8f9fa;border-radius:6px;margin-top:20px;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:8px}.modal-placeholder{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:8px;box-shadow:0 5px 15px #0000004d;z-index:1000;border:2px dashed #ccc;color:#888;font-size:1.2em}@media (max-width: 1024px){.leave-accumulation-scheme-table__content{flex-direction:column}.leave-accumulation-scheme-table__scheme-list,.leave-accumulation-scheme-table__slabs-detail{min-width:unset;width:100%}}@media (max-width: 768px){.leave-accumulation-scheme-table__header{flex-direction:column;align-items:stretch}.leave-accumulation-scheme-table__button{width:100%}}@media (max-width: 480px){.leave-accumulation-scheme-table{padding:15px}.leave-accumulation-scheme-table__header{gap:10px}.leave-accumulation-scheme-table__subtitle{font-size:1.3rem}.leave-accumulation-scheme-table__table th,.leave-accumulation-scheme-table__table td{padding:10px;font-size:.85rem}}.assignSlabInAccumulationScheme-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.assignSlabInAccumulationScheme-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.assignSlabInAccumulationScheme-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background-color:#f8f9fa;position:sticky;top:0;z-index:10}.assignSlabInAccumulationScheme-title{margin-top:0;margin-bottom:0;font-weight:600;padding-bottom:0;font-size:22px;color:#495057}.assignSlabInAccumulationScheme-title span{color:var(--table-header);font-weight:700}.assignSlabInAccumulationScheme-modal-close-btn{padding:5px;background:none;border:none;cursor:pointer;color:#6c757d;transition:color .2s ease}.assignSlabInAccumulationScheme-modal-close-btn:hover{color:#343a40}.assignSlabInAccumulationScheme-modal-close-btn svg{font-size:1.5rem}.assignSlabInAccumulationScheme-modal-content{padding:20px;overflow-y:auto;flex-grow:1}.assignSlabInAccumulationScheme-section{border:1px solid #ddd;border-radius:6px;margin-bottom:20px;background-color:#fdfdff}.assignSlabInAccumulationScheme-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#eef4f9;color:#333;cursor:pointer;border-bottom:1px solid #ddd;font-size:1.1em;font-weight:600;border-top-left-radius:5px;border-top-right-radius:5px;transition:background-color .2s ease}.assignSlabInAccumulationScheme-section-header:hover{background-color:#e0e9f0}.assignSlabInAccumulationScheme-section:last-child .assignSlabInAccumulationScheme-section-header{border-bottom:none}.assignSlabInAccumulationScheme-section-content{padding:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.assignSlabInAccumulationScheme-form-row{display:flex;flex-direction:column;margin-bottom:0}.assignSlabInAccumulationScheme-form-row label{margin-bottom:5px;font-weight:500;color:#555;font-size:.95em}.assignSlabInAccumulationScheme-form-row input[type=text],.assignSlabInAccumulationScheme-form-row input[type=number],.assignSlabInAccumulationScheme-form-row select{padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:1em;width:100%;box-sizing:border-box}.assignSlabInAccumulationScheme-modal-actions{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;background-color:#f8f9fa;gap:10px;position:sticky;bottom:0;z-index:10}.assignSlabInAccumulationScheme-save-btn,.assignSlabInAccumulationScheme-cancel-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .3s ease,transform .1s ease;box-shadow:0 2px 5px #0000001a}.assignSlabInAccumulationScheme-save-btn:active,.assignSlabInAccumulationScheme-cancel-btn:active{transform:translateY(1px)}.assignSlabInAccumulationScheme-save-btn{background:var(--create-button);color:#fff}.assignSlabInAccumulationScheme-save-btn:hover{background-color:#0056b3}.assignSlabInAccumulationScheme-cancel-btn{background:var(--delete--button);color:#fff}.assignSlabInAccumulationScheme-cancel-btn:hover{background-color:#5a6268}@media (max-width: 900px){.assignSlabInAccumulationScheme-modal{width:95%;margin:20px}}@media (max-width: 768px){.assignSlabInAccumulationScheme-section-content{grid-template-columns:1fr}}@media (max-width: 480px){.assignSlabInAccumulationScheme-modal-header h2{font-size:1.2em}.assignSlabInAccumulationScheme-modal-actions{flex-direction:column;gap:8px}.assignSlabInAccumulationScheme-save-btn,.assignSlabInAccumulationScheme-cancel-btn{width:100%}}.updateSlabInAccumulationScheme-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.updateSlabInAccumulationScheme-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.updateSlabInAccumulationScheme-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background-color:#f8f9fa;position:sticky;top:0;z-index:10}.updateSlabInAccumulationScheme-title{margin-top:0;margin-bottom:0;font-weight:600;padding-bottom:0;font-size:22px;color:#495057}.updateSlabInAccumulationScheme-title span{color:var(--table-header);font-weight:700}.updateSlabInAccumulationScheme-modal-close-btn{padding:5px;background:none;border:none;cursor:pointer;color:#6c757d;transition:color .2s ease}.updateSlabInAccumulationScheme-modal-close-btn:hover{color:#343a40}.updateSlabInAccumulationScheme-modal-close-btn svg{font-size:1.5rem}.updateSlabInAccumulationScheme-modal-content{padding:20px;overflow-y:auto;flex-grow:1}.updateSlabInAccumulationScheme-section{border:1px solid #ddd;border-radius:6px;margin-bottom:20px;background-color:#fdfdff}.updateSlabInAccumulationScheme-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#eef4f9;color:#333;cursor:pointer;border-bottom:1px solid #ddd;font-size:1.1em;font-weight:600;border-top-left-radius:5px;border-top-right-radius:5px;transition:background-color .2s ease}.updateSlabInAccumulationScheme-section-header:hover{background-color:#e0e9f0}.updateSlabInAccumulationScheme-section:last-child .updateSlabInAccumulationScheme-section-header{border-bottom:none}.updateSlabInAccumulationScheme-section-content{padding:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.updateSlabInAccumulationScheme-form-row{display:flex;flex-direction:column;margin-bottom:0}.updateSlabInAccumulationScheme-form-row label{margin-bottom:5px;font-weight:500;color:#555;font-size:.95em}.updateSlabInAccumulationScheme-form-row input[type=text],.updateSlabInAccumulationScheme-form-row input[type=number],.updateSlabInAccumulationScheme-form-row select{padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:1em;width:100%;box-sizing:border-box}.updateSlabInAccumulationScheme-modal-actions{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;background-color:#f8f9fa;gap:10px;position:sticky;bottom:0;z-index:10}.updateSlabInAccumulationScheme-save-btn,.updateSlabInAccumulationScheme-cancel-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .3s ease,transform .1s ease;box-shadow:0 2px 5px #0000001a}.updateSlabInAccumulationScheme-save-btn:active,.updateSlabInAccumulationScheme-cancel-btn:active{transform:translateY(1px)}.updateSlabInAccumulationScheme-save-btn{background:var(--create-button);color:#fff}.updateSlabInAccumulationScheme-save-btn:hover{background-color:#0056b3}.updateSlabInAccumulationScheme-cancel-btn{background:var(--delete--button);color:#fff}.updateSlabInAccumulationScheme-cancel-btn:hover{background-color:#5a6268}@media (max-width: 900px){.updateSlabInAccumulationScheme-modal{width:95%;margin:20px}}@media (max-width: 768px){.updateSlabInAccumulationScheme-section-content{grid-template-columns:1fr}}@media (max-width: 480px){.updateSlabInAccumulationScheme-modal-header h2{font-size:1.2em}.updateSlabInAccumulationScheme-modal-actions{flex-direction:column;gap:8px}.updateSlabInAccumulationScheme-save-btn,.updateSlabInAccumulationScheme-cancel-btn{width:100%}}:root{--al-blue-50: #e3f2fd;--al-blue-100: #bbdefb;--al-blue-200: #90caf9;--al-blue-400: #42a5f5;--al-blue-500: #2196f3;--al-blue-600: #1e88e5;--al-blue-700: #1565c0;--al-blue-900: #0d47a1;--al-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--al-gradient-soft: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--al-white: #ffffff;--al-surface: #f8faff;--al-border: #e1ecf7;--al-border-strong: #b8d4ef;--al-text-primary: #0d1b2a;--al-text-secondary: #4a6080;--al-text-muted: #8aa3bc;--al-success: #2e7d32;--al-success-bg: #e8f5e9;--al-error: #c62828;--al-error-bg: #ffebee;--al-warning: #e65100;--al-warning-bg: #fff3e0;--al-info: #01579b;--al-info-bg: #e1f5fe;--al-radius-sm: 8px;--al-radius: 14px;--al-radius-lg: 20px;--al-shadow-card: 0 2px 16px rgba(13, 71, 161, .08), 0 1px 4px rgba(13, 71, 161, .04);--al-shadow-hover: 0 8px 32px rgba(33, 150, 243, .15), 0 2px 8px rgba(13, 71, 161, .08);--al-shadow-header: 0 4px 24px rgba(13, 71, 161, .3);--al-font: "DM Sans", system-ui, sans-serif;--al-mono: "DM Mono", monospace;--al-transition: .2s cubic-bezier(.4, 0, .2, 1)}.AL{font-family:var(--al-font);background:var(--al-surface);min-height:100vh;padding-bottom:3rem;color:var(--al-text-primary)}.AL__header{background:var(--al-gradient);padding:2rem 2.5rem 2.5rem;position:relative;overflow:hidden;box-shadow:var(--al-shadow-header)}.AL__header-inner{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.AL__header-icon{width:52px;height:52px;background:#ffffff2e;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);flex-shrink:0}.AL__header-title{font-size:1.65rem;font-weight:700;color:#fff;margin:0 0 .2rem;letter-spacing:-.3px}.AL__header-sub{font-size:.88rem;color:#ffffffbf;margin:0;font-weight:400}.AL__header-decoration{position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:#ffffff0f;pointer-events:none}.AL__header-decoration:after{content:"";position:absolute;bottom:-100px;left:-120px;width:200px;height:200px;border-radius:50%;background:#ffffff0a}.AL__body{display:grid;grid-template-columns:340px 1fr;gap:1.5rem;max-width:1200px;margin:-1.25rem auto 0;padding:0 1.5rem;align-items:start}@media (max-width: 900px){.AL__body{grid-template-columns:1fr}}.AL__card{background:var(--al-white);border-radius:var(--al-radius-lg);box-shadow:var(--al-shadow-card);border:1px solid var(--al-border);overflow:hidden;transition:box-shadow var(--al-transition)}.AL__card:hover{box-shadow:var(--al-shadow-hover)}.AL__card-header{display:flex;align-items:center;gap:.6rem;padding:1.1rem 1.5rem;background:var(--al-gradient-soft);border-bottom:1px solid var(--al-border);font-weight:600;font-size:.95rem;color:var(--al-blue-900);letter-spacing:-.1px}.AL__card-header-icon{color:var(--al-blue-600);font-size:1.15rem!important}.AL__table-wrapper{overflow-y:auto;max-height:460px}.AL__table{width:100%;border-collapse:collapse;font-size:.88rem}.AL__table thead th{position:sticky;top:0;z-index:2;background:var(--al-blue-50);padding:.75rem 1.2rem;text-align:left;font-size:.78rem;font-weight:600;color:var(--al-blue-700);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--al-border);white-space:nowrap}.AL__table thead th:first-child{border-radius:0}.AL__table thead th svg{vertical-align:middle;margin-right:4px;font-size:.9em!important;opacity:.7}.AL__tr{cursor:pointer;transition:background var(--al-transition),transform var(--al-transition);border-bottom:1px solid var(--al-border)}.AL__tr:hover{background:var(--al-blue-50)}.AL__tr--active{background:var(--al-gradient-soft)!important;box-shadow:inset 3px 0 0 var(--al-blue-500)}.AL__tr td{padding:.75rem 1.2rem;vertical-align:middle}.AL__td-date{display:flex;align-items:center;gap:.45rem;color:var(--al-text-secondary);font-family:var(--al-mono);font-size:.85rem}.AL__td-date svg{color:var(--al-blue-400);font-size:.95em!important;flex-shrink:0}.AL__badge{display:inline-flex;align-items:center;padding:.25em .75em;border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.3px}.AL__badge--absent{background:#fce4ec;color:#ad1457}.AL__badge--leave{background:#e8f5e9;color:#2e7d32}.AL__badge--late{background:#fff3e0;color:#e65100}.AL__state-cell{text-align:center;padding:2.5rem 1rem!important;color:var(--al-text-muted)}.AL__state-cell svg{display:block;margin:0 auto .5rem;font-size:2rem!important;opacity:.4}.AL__state-cell span{display:block;font-size:.88rem}.AL__state-cell--error svg{color:var(--al-error);opacity:.7}.AL__state-cell--empty svg{color:var(--al-blue-300, #64b5f6)}.AL__form{padding:1.5rem;display:flex;flex-direction:column;gap:0}.AL__section-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--al-blue-600);margin-bottom:.75rem}.AL__section-label svg{font-size:.95em!important}.AL__date-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 540px){.AL__date-row{grid-template-columns:1fr}}.AL__field{display:flex;flex-direction:column;gap:.4rem}.AL__field--grow{flex:1}.AL__field--doc{flex:0 0 220px}@media (max-width: 640px){.AL__field--doc{flex:1 1 100%}}.AL__label{font-size:.8rem;font-weight:600;color:var(--al-text-secondary);display:flex;align-items:center;gap:.35rem;letter-spacing:.1px}.AL__label svg{font-size:.95em!important;color:var(--al-blue-400)}.AL__input,.AL__select,.AL__textarea{width:100%;padding:.6rem .85rem;border:1.5px solid var(--al-border-strong);border-radius:var(--al-radius-sm);font-family:var(--al-font);font-size:.9rem;color:var(--al-text-primary);background:#fff;transition:border-color var(--al-transition),box-shadow var(--al-transition);outline:none;box-sizing:border-box}.AL__input:focus,.AL__select:focus,.AL__textarea:focus{border-color:var(--al-blue-500);box-shadow:0 0 0 3px #2196f31f}.AL__input[type=date]{font-family:var(--al-mono);font-size:.88rem;color:var(--al-blue-700)}.AL__select-wrap{position:relative}.AL__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2rem;cursor:pointer}.AL__select-arrow{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--al-blue-400);font-size:.75rem}.AL__textarea{resize:vertical;min-height:100px;line-height:1.5}.AL__alert{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-radius:var(--al-radius-sm);font-size:.84rem;font-weight:500;margin-top:.6rem}.AL__alert svg{flex-shrink:0;font-size:1em!important}.AL__alert--error{background:var(--al-error-bg);color:var(--al-error);border:1px solid #ef9a9a}.AL__alert--warning{background:var(--al-warning-bg);color:var(--al-warning);border:1px solid #ffcc80}.AL__alert--info{background:var(--al-info-bg);color:var(--al-info);border:1px solid #81d4fa}.AL__alert--success{background:var(--al-success-bg);color:var(--al-success);border:1px solid #a5d6a7}.AL__duration-row{display:flex;align-items:flex-end;gap:1.5rem;margin-top:1.25rem;padding:1rem 1.1rem;background:var(--al-blue-50);border-radius:var(--al-radius-sm);border:1px solid var(--al-border);flex-wrap:wrap}.AL__hint{display:flex;align-items:flex-start;gap:.4rem;font-size:.8rem;color:var(--al-text-secondary);flex:1;min-width:140px}.AL__hint svg{color:var(--al-blue-500);font-size:1em!important;margin-top:1px;flex-shrink:0}.AL__radio-group{display:flex;gap:.5rem;flex-wrap:wrap}.AL__radio-pill{display:flex;align-items:center;gap:.4rem;padding:.45em 1em;border-radius:100px;font-size:.83rem;font-weight:500;cursor:pointer;background:var(--al-white);border:1.5px solid var(--al-border-strong);color:var(--al-text-secondary);transition:all var(--al-transition);-webkit-user-select:none;user-select:none}.AL__radio-pill input[type=radio]{display:none}.AL__radio-pill:hover:not(.AL__radio-pill--disabled){border-color:var(--al-blue-400);color:var(--al-blue-600)}.AL__radio-pill--active{background:var(--al-gradient);border-color:transparent;color:#fff;box-shadow:0 2px 8px #2196f34d}.AL__radio-pill--disabled{opacity:.4;cursor:not-allowed}.AL__bottom-row{display:flex;gap:1rem;margin-top:1.25rem;flex-wrap:wrap}.AL__doc-badge{margin-left:.4rem;padding:.15em .55em;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.AL__doc-badge--required{background:var(--al-error-bg);color:var(--al-error)}.AL__doc-badge--optional{background:var(--al-info-bg);color:var(--al-info)}.AL__doc-note{font-size:.78rem;color:var(--al-text-muted);margin:0;display:flex;align-items:center;gap:.3rem}.AL__doc-note svg{font-size:.9em!important}.AL__doc-note em{color:var(--al-blue-500);font-style:normal}.AL__file-drop{display:flex;align-items:center;justify-content:center;border:2px dashed var(--al-border-strong);border-radius:var(--al-radius-sm);padding:1.1rem .75rem;cursor:pointer;transition:border-color var(--al-transition),background var(--al-transition);text-align:center;position:relative;min-height:80px;background:#fafcff}.AL__file-drop:hover{border-color:var(--al-blue-400);background:var(--al-blue-50)}.AL__file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.AL__file-placeholder{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.82rem;color:var(--al-text-muted)}.AL__file-placeholder svg{font-size:1.4rem!important;color:var(--al-blue-300, #64b5f6)}.AL__file-name{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--al-blue-700);font-family:var(--al-mono);font-weight:500;word-break:break-all}.AL__file-name svg{color:var(--al-blue-500)}.AL__submit{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;background:var(--al-gradient);color:#fff;font-family:var(--al-font);font-size:.95rem;font-weight:600;border:none;border-radius:var(--al-radius-sm);cursor:pointer;transition:opacity var(--al-transition),transform var(--al-transition),box-shadow var(--al-transition);box-shadow:0 4px 14px #2196f359;letter-spacing:.1px}.AL__submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #2196f373}.AL__submit:active:not(:disabled){transform:translateY(0)}.AL__submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.AL__spinner{width:28px;height:28px;border:3px solid var(--al-blue-100);border-top-color:var(--al-blue-500);border-radius:50%;animation:al-spin .7s linear infinite;display:inline-block}.AL__spinner--sm{width:16px;height:16px;border-width:2px}.AL__spinner--white{border-color:#ffffff4d;border-top-color:#fff}@keyframes al-spin{to{transform:rotate(360deg)}}.AL__loading-inline{display:flex;align-items:center;gap:.6rem;font-size:.86rem;color:var(--al-text-muted);padding:.6rem 0}.AL__retry{display:inline-flex;align-items:center;gap:.3rem;margin-left:.5rem;padding:.3em .8em;border-radius:100px;background:transparent;border:1.5px solid currentColor;cursor:pointer;font-size:.78rem;font-weight:600;color:inherit;font-family:var(--al-font);transition:background var(--al-transition)}.AL__retry:hover{background:#0000000f}.AL__toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.6rem;z-index:9999;pointer-events:none}.AL__toast{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:500;font-family:var(--al-font);min-width:280px;max-width:400px;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014;pointer-events:all;animation:al-toast-in .3s cubic-bezier(.34,1.56,.64,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes al-toast-in{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.AL__toast--success{background:#1b5e20ee;color:#fff}.AL__toast--error{background:#b71c1cee;color:#fff}.AL__toast--warning{background:#e65100ee;color:#fff}.AL__toast--info{background:#0d47a1ee;color:#fff}.AL__toast-icon{flex-shrink:0;display:flex;align-items:center}.AL__toast-icon svg{font-size:1.1em!important}.AL__toast-msg{flex:1;line-height:1.4}.AL__toast-close{background:none;border:none;cursor:pointer;color:#ffffffbf;padding:2px;display:flex;align-items:center;transition:color var(--al-transition);flex-shrink:0}.AL__toast-close:hover{color:#fff}.AL__toast-close svg{font-size:.95em!important}.AL__table-wrapper::-webkit-scrollbar{width:5px}.AL__table-wrapper::-webkit-scrollbar-track{background:var(--al-blue-50)}.AL__table-wrapper::-webkit-scrollbar-thumb{background:var(--al-blue-200);border-radius:10px}.AL__table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--al-blue-400)}@media (max-width: 768px){.AL__header{padding:1.5rem 1.25rem 2rem}.AL__header-title{font-size:1.35rem}.AL__body{padding:0 1rem}.AL__form{padding:1.1rem}.AL__duration-row{flex-direction:column;align-items:flex-start}.AL__bottom-row{flex-direction:column}.AL__field--doc{flex:1 1 100%}.AL__toast-container{right:1rem;bottom:1rem;left:1rem}.AL__toast{min-width:unset;max-width:100%}}.COff{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.COff__container{margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px}.COff__category-group{display:flex;align-items:center;gap:10px;margin-bottom:20px}.COff__category-label{font-weight:600;color:#0d47a1;font-size:16px}.COff__category-select{padding:8px 12px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:1rem}.COff__layout{display:flex;gap:30px;margin-top:20px}.COff__table-section,.COff__form-section{flex:1;min-width:0;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014}.COff__title{color:#0d47a1;margin-bottom:25px;font-size:18px;font-weight:600;text-align:center}.COff__section-title{color:#0d47a1;margin-bottom:25px;font-size:16px;font-weight:600}.COff__form-group{margin-bottom:20px}.COff__label{display:block;margin-bottom:8px;font-weight:600;color:#0d47a1}.COff__input,.COff__textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.COff__input--grey,.COff__textarea--grey{background-color:#f5f5f5}.COff__textarea{resize:vertical;min-height:80px}.COff__table-container{overflow-x:auto;margin-bottom:25px;border:1px solid #eee;border-radius:6px}.COff__table{width:100%;border-collapse:collapse}.COff__table-head{background:var(--create-button);color:#fff}.COff__table-head th{padding:12px 15px;text-align:left}.COff__table-body td{padding:10px 15px;border-bottom:1px solid #eee}.COff__table-row{cursor:pointer;transition:all .2s}.COff__table-row--odd{background-color:#fff}.COff__table-row--even{background-color:#fafafa}.COff__table-row:hover{background-color:#f0f7ff}.COff__table-row--selected{background-color:#e3f2fd;font-weight:500}.COff__date-text{color:#0d47a1;font-weight:500}.COff__work-days-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.COff__work-day{border:1px solid #eee;border-radius:6px;padding:12px;background-color:#f8f9fa}.COff__work-day-header{font-weight:600;color:#2c3e50;margin-bottom:10px;font-size:.95rem;text-align:center}.COff__work-day-content{display:flex;flex-direction:column;gap:6px}.COff__work-day-field{display:flex;align-items:center;gap:8px}.COff__work-day-label{font-weight:500;color:#555;font-size:.9rem;min-width:50px}.COff__work-day-value{flex:1;padding:5px 8px;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;min-height:20px}.COff__submit-btn{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;width:100%}.COff__submit-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.COff-info-container{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.COff__work-days-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:6px;padding:10px 14px;text-align:center;font-weight:600;color:#0d47a1;box-shadow:0 2px 4px #2196f31a;flex:1;min-width:250px;font-size:.95rem}.COff__total-credit{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #81c784;border-radius:6px;padding:10px 14px;text-align:center;font-weight:600;color:#2e7d32;box-shadow:0 2px 4px #4caf501a;flex:1;min-width:250px;font-size:.95rem}.COff__total-credit{transition:all .3s ease}.COff__total-credit:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4caf5026}@media (max-width: 768px){.COff__layout{flex-direction:column}.COff__work-days-container{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.COff__work-days-container{grid-template-columns:1fr}.COff__container{padding:15px}.COff__category-group{flex-direction:column;align-items:flex-start;gap:5px}}.COff__loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.COff__spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2196F3;border-radius:50%;animation:COff__spin 1s linear infinite;margin-bottom:16px}@keyframes COff__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.COff__error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background-color:#ffebee;border-radius:8px}.COff__error-icon{font-size:48px;margin-bottom:16px}.COff__error-container h4{color:#c62828;margin-bottom:8px}.COff__error-container p{color:#666;margin-bottom:16px}.COff__retry-btn{background-color:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.COff__retry-btn:hover{background-color:#0d47a1}.COff__error-text{color:#c62828}.COff__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background-color:#f5f5f5;border-radius:8px}.COff__empty-icon{font-size:48px;margin-bottom:16px}.COff__empty-state h4{color:#666;margin-bottom:8px}.COff__empty-state p{color:#999}.COff__skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:COff__skeleton-loading 1.5s infinite;border-radius:4px}.COff__skeleton--text{height:16px;width:80%}@keyframes COff__skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.COff__form-disabled-overlay{margin-top:16px;padding:12px;background-color:#fff8e1;border:1px solid #ffd54f;border-radius:4px;text-align:center;color:#ff6f00;font-weight:500}.TO{display:flex;flex-direction:column;min-height:100vh;background:#fff;font-family:Inter,sans-serif}.TO__container{width:100%;padding:15px;max-width:1400px;margin:0 auto}.TO__sections{display:flex;gap:20px;align-items:stretch}.TO__absent{flex:0 0 320px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;max-height:680px}.TO__form-section{flex:1;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;max-height:680px;overflow-y:auto}.TO__title{margin-bottom:20px;color:#1a237e;font-size:1.3rem;font-weight:600;padding-bottom:12px;border-bottom:2px solid #e8eaf6}.TO__table-container{flex:1;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;display:flex;flex-direction:column;min-height:0}.TO__table-wrapper{flex:1;overflow-y:auto;max-height:500px}.TO__table{width:100%;border-collapse:collapse;min-width:100%}.TO__table-head{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;position:sticky;top:0;z-index:10}.TO__table-header{padding:14px 12px;text-align:center;font-weight:500;font-size:.9rem;white-space:nowrap}.TO__table-header--date{width:55%}.TO__table-header--status{width:45%}.TO__table-body{overflow-y:auto}.TO__table-row{cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.TO__table-row:last-child{border-bottom:none}.TO__table-row--even{background-color:#fafafa}.TO__table-row--odd{background-color:#fff}.TO__table-row--selected{background:linear-gradient(135deg,#e8eaf6,#c5cae9)!important;font-weight:500;border-left:4px solid #2196F3;box-shadow:inset 2px 0 #2196f333}.TO__table-row:hover{background-color:#f5f5ff;transform:translate(2px)}.TO__table-cell{padding:14px 12px;color:#333;text-align:center;font-size:.9rem;border-bottom:1px solid #f0f0f0}.TO__table-cell--date{font-weight:500;color:#1a237e}.TO__table-cell--status{font-weight:500}.TO__status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;min-width:70px}.TO__status-badge--absent{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.TO__status-badge--present{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.TO__status-badge--late{background-color:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2}.TO__status-badge--unknown{background-color:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.TO__loading,.TO__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:15px}.TO__table-loading,.TO__table-error,.TO__table-empty{text-align:center;padding:40px 20px!important;display:flex;flex-direction:column;align-items:center;gap:12px;color:#666;height:200px;justify-content:center}.TO__loading-spinner{width:30px;height:30px;border:3px solid rgba(33,150,243,.1);border-top:3px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite}.TO__small-spinner{width:16px;height:16px;border:2px solid rgba(33,150,243,.1);border-top:2px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.TO__error-icon,.TO__empty-icon{font-size:2rem;opacity:.7}.TO__retry-btn{margin-top:10px;padding:8px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500}.TO__retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.TO__form{display:flex;flex-direction:column;gap:18px;flex:1}.TO__form-group{display:flex;flex-direction:column;gap:8px}.TO__label{font-weight:600;color:#1a237e;font-size:.95rem;display:flex;align-items:center;gap:6px}.TO__label-icon{font-size:1rem}.TO__input,.TO__textarea{padding:12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .3s;font-family:Inter,sans-serif}.TO__input:focus,.TO__textarea:focus{outline:none;border-color:#2196f3;background-color:#fff;box-shadow:0 0 0 3px #2196f31a}.TO__input--date,.TO__input--time{width:100%;cursor:pointer}.TO__textarea{resize:vertical;min-height:100px;line-height:1.5}.TO__date-range-container{display:flex;flex-direction:column;gap:15px}.TO__date-range-group{display:flex;gap:15px;width:100%}.TO__form-group--date{flex:1;min-width:0}.TO__time-fields-container{display:flex;flex-direction:column;gap:15px}.TO__form-row{display:flex;gap:15px;width:100%}.TO__form-row .TO__form-group{flex:1}.TO__instruction{display:flex;align-items:flex-start;gap:10px;padding:12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}.TO__instruction-icon{font-size:1.1rem;color:#2196f3;flex-shrink:0}.TO__instruction-text{color:#424242;font-size:.9rem;line-height:1.5}.TO__error-text{color:#f44336;font-size:.85rem;margin-top:4px;display:block}.TO__submit{padding:14px 28px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;margin-top:10px;align-self:flex-start;min-width:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.TO__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.TO__submit:active:not(:disabled){transform:translateY(0)}.TO__submit:disabled{background:#bdbdbd;cursor:not-allowed;transform:none;box-shadow:none}.TO__submit:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.TO__submit:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(40);opacity:0}}@media (max-width: 1024px){.TO__sections{flex-direction:column;gap:15px}.TO__absent{flex:none;width:100%;max-height:500px}.TO__form-section{max-height:none;overflow-y:visible}.TO__table-wrapper{max-height:400px}}@media (max-width: 768px){.TO__container{padding:10px}.TO__absent,.TO__form-section{padding:15px}.TO__date-range-group,.TO__form-row{flex-direction:column;gap:15px}.TO__submit{width:100%;align-self:stretch;text-align:center}}@media (max-width: 480px){.TO__title{font-size:1.2rem}.TO__table-header,.TO__table-cell{padding:10px 8px;font-size:.85rem}.TO__status-badge{font-size:.75rem;padding:3px 8px;min-width:60px}}.TO__table-wrapper::-webkit-scrollbar,.TO__form-section::-webkit-scrollbar{width:6px}.TO__table-wrapper::-webkit-scrollbar-track,.TO__form-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.TO__table-wrapper::-webkit-scrollbar-thumb,.TO__form-section::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:3px}.TO__table-wrapper::-webkit-scrollbar-thumb:hover,.TO__form-section::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.hgm-container{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;padding:20px;box-sizing:border-box;overflow:hidden;margin:auto;font-size:12px}.hgm-header{display:flex;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0;align-items:center}.hgm-input{flex-grow:1;padding:10px 12px;border:1px solid #cccccc;border-radius:6px;font-size:.85rem;color:#333;transition:border-color .3s ease,box-shadow .3s ease}.hgm-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.hgm-button{color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.hgm-button--create{background:var(--create-button)}.hgm-button--create:hover{transform:translateY(-2px)}.hgm-button--create:active{transform:translateY(0)}.hgm-content{display:flex;gap:20px;flex-wrap:wrap}.hgm-group-list,.hgm-holiday-list-details{flex:1;min-width:400px;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:15px;box-sizing:border-box;display:flex;flex-direction:column}.hgm-subtitle{margin-top:0;margin-bottom:15px;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:8px;font-size:1rem;color:#495057}.hgm-subtitle span{color:#007bff;font-weight:700}.hgm-table-wrapper{overflow:hidden;flex-grow:1;position:relative;max-height:350px;border-radius:6px;border:1px solid #e0e0e0;display:flex;flex-direction:column}.hgm-table-container{overflow-y:auto;max-height:100%;width:100%;scrollbar-width:none;-ms-overflow-style:none}.hgm-table-container::-webkit-scrollbar{display:none}.hgm-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.8rem}.hgm-table thead{position:sticky;top:0;z-index:2}.hgm-table th,.hgm-table td{border:1px solid #e0e0e0;padding:8px 10px;text-align:left;font-size:.8rem;color:#495057;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;line-height:1.3}.hgm-table thead{background:var(--create-button)}.hgm-table th{font-size:.8rem;font-weight:600;color:#fff;white-space:normal;word-wrap:break-word}.hgm-id-col{width:70px}.hgm-name-col{width:120px;min-width:120px}.hgm-count-col,.hgm-holiday-id-col{width:70px}.hgm-holiday-name-col{width:130px;min-width:130px}.hgm-date-col{width:90px}.hgm-actions-header{width:100px;text-align:center}.hgm-holiday-actions-header{width:70px;text-align:center}.hgm-table thead tr:first-child th:first-child{border-top-left-radius:6px}.hgm-table thead tr:first-child th:last-child{border-top-right-radius:6px}.hgm-table tbody tr:nth-child(2n){background-color:#fcfcfc}.hgm-table tbody tr:hover{background-color:#e6f7ff}.hgm-actions,.hgm-holiday-actions{display:flex;justify-content:center;gap:5px}.hgm-action-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px}.hgm-action-button svg{font-size:.8rem;color:#fff}.hgm-action-button--add{background:var(--update-button)}.hgm-action-button--add:hover{background:var(--create-button);transform:scale(1.1)}.hgm-action-button--view{background:linear-gradient(135deg,#007bff,#0056b3)}.hgm-action-button--view:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:scale(1.1)}.hgm-action-button--delete{background:var(--delete--button)}.hgm-action-button--delete:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:scale(1.1)}.hgm-action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.hgm-status-message,.hgm-no-data{text-align:center;color:#6c757d;font-style:italic;padding:20px 10px;background-color:#f8f9fa;border-radius:6px;margin-top:15px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem}.hgm-table td.hgm-status-message{padding:12px 15px;background-color:#f0f0f0;color:#dc5050;font-style:italic;font-weight:500;border-radius:0;margin:0;text-align:center;display:table-cell;width:100%}.hgm-status-message--error{color:#dc3545;background-color:#f8d7da}.hgm-table-row--selected{background-color:#e3f2fd!important;border-left:3px solid #2196f3}@media (max-width: 1024px){.hgm-content{flex-direction:column}.hgm-group-list,.hgm-holiday-list-details{min-width:unset;width:100%}}@media (max-width: 768px){.hgm-header{flex-direction:column;align-items:stretch}.hgm-button{width:100%}.hgm-container{padding:15px}.hgm-group-list,.hgm-holiday-list-details{padding:12px}}@media (max-width: 480px){.hgm-container{padding:10px}.hgm-header{gap:8px}.hgm-subtitle{font-size:.9rem}.hgm-table th,.hgm-table td{padding:6px 8px;font-size:.75rem}.hgm-id-col,.hgm-count-col,.hgm-holiday-id-col{width:50px}.hgm-name-col,.hgm-holiday-name-col{width:100px;min-width:100px}.hgm-actions-header{width:80px}.hgm-holiday-actions-header{width:60px}.hgm-action-button{padding:4px;min-width:24px;min-height:24px}.hgm-action-button svg{font-size:.8rem}}.ahig-modal .MuiDialog-paper{border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0003;background-color:#fff!important}.MuiBackdrop-root{background-color:#00000080!important;z-index:1300!important}.MuiDialog-container{z-index:1300!important}.ahig-modal .MuiDialog-paper{z-index:1301!important;background-color:#fff!important}.ahig-header{margin-bottom:0}.ahig-header-background{background:var(--create-button);padding:20px 25px;position:relative;overflow:hidden}.ahig-header-content{position:relative;z-index:2;text-align:center}.ahig-title{font-size:20px;color:#fff;margin-bottom:4px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.ahig-title span{color:#fffffff2;font-weight:700}.ahig-subtitle{font-size:12px;color:#ffffffe6;margin:0;font-weight:400}.ahig-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.ahig-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:40px;height:40px;top:10px;left:10%;animation:ahig-float 6s ease-in-out infinite}.circle-2{width:50px;height:50px;bottom:-15px;right:15%;animation:ahig-float 8s ease-in-out infinite 1s}.circle-3{width:30px;height:30px;top:50%;right:20%;animation:ahig-float 5s ease-in-out infinite .5s}.ahig-close-button{position:absolute!important;top:12px;right:12px;z-index:3;color:#fff!important;background:#fff3!important;width:32px;height:32px}.ahig-close-button:hover{background:#ffffff4d!important}.ahig-close-button:disabled{opacity:.6}.ahig-content{padding:20px 25px;background-color:#fff!important}.ahig-search-container{margin-bottom:20px}.ahig-search-input .MuiOutlinedInput-root{height:40px;border-radius:8px;background-color:#f8fafc;border:1.5px solid #e2e8f0}.ahig-search-input .MuiOutlinedInput-root:hover{border-color:#cbd5e0}.ahig-search-input .MuiOutlinedInput-root.Mui-focused{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.ahig-search-icon{color:#6c757d}.ahig-table-container{max-height:400px;overflow-y:auto;border:1.5px solid #e2e8f0;border-radius:8px;background-color:#fff}.ahig-table-head{background-color:#f8fafc;position:sticky;top:0;z-index:2}.ahig-table-header-cell{font-weight:600!important;background-color:#f8fafc!important;color:#2d3748!important;padding:12px 16px!important;font-size:13px;border-bottom:2px solid #e2e8f0}.ahig-table-row:hover{background-color:#f7fafc!important}.ahig-table-cell{padding:12px 16px!important;color:#4a5568;font-size:13px;border-bottom:1px solid #e2e8f0}.ahig-action-cell{text-align:center!important;width:80px}.ahig-add-button{color:#28a745;background-color:#28a7451a!important;transition:all .2s ease}.ahig-add-button:hover{background-color:#28a74533!important;transform:scale(1.1)}.ahig-add-button.ahig-added{background-color:#28a74533!important;color:#28a745}.ahig-add-button:disabled{color:#a0aec0;background-color:#a0aec01a!important}.ahig-check-icon,.ahig-add-icon{font-size:18px}.ahig-no-results{text-align:center!important;padding:40px 20px!important;color:#718096}.ahig-loading-text,.ahig-no-data-text{margin-top:8px;color:#718096;font-size:13px}.ahig-spinner{color:#1976d2!important}.ahig-selected-container{margin-top:20px;padding:16px;background-color:#f0f9ff;border:1.5px solid #e0f2fe;border-radius:8px}.ahig-selected-title{margin-bottom:12px;font-size:14px;font-weight:600;color:#0369a1}.ahig-selected-list{display:flex;flex-wrap:wrap;gap:8px}.ahig-selected-item{display:flex;align-items:center;background-color:#fff;padding:6px 12px;border-radius:16px;border:1px solid #bae6fd;font-size:13px;color:#0369a1;transition:all .2s ease}.ahig-selected-item:hover{background-color:#f0f9ff;border-color:#7dd3fc}.ahig-selected-item:disabled{opacity:.6}.ahig-selected-item-text{margin-right:6px;font-weight:500}.ahig-remove-button{color:#64748b!important;padding:4px!important;font-size:16px!important}.ahig-remove-button:hover{color:#dc2626!important;background-color:#dc26261a!important}.ahig-actions{padding:16px 25px;border-top:1px solid #e2e8f0;background-color:#f8fafc}.ahig-cancel-button{color:#64748b!important;text-transform:none;font-weight:600;padding:8px 20px;border-radius:6px;transition:all .2s ease}.ahig-cancel-button:hover{background-color:#64748b1a;color:#475569!important}.ahig-assign-button{background:var(--create-button)!important;text-transform:none;font-weight:600;padding:8px 20px;border-radius:6px;box-shadow:0 2px 4px #2196f333;transition:all .2s ease}.ahig-assign-button:hover{background:var(--create-button)!important;box-shadow:0 4px 8px #2196f34d;transform:translateY(-1px)}.ahig-assign-button:disabled{background-color:#e2e8f0!important;color:#a0aec0!important;box-shadow:none;transform:none}.ahig-button-spinner{color:#fff!important}@keyframes ahig-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width: 768px){.ahig-header-background{padding:16px 20px}.ahig-title{font-size:18px}.ahig-content{padding:16px 20px}.ahig-table-header-cell,.ahig-table-cell{padding:10px 12px!important;font-size:12px}.ahig-actions{padding:12px 20px}}@media (max-width: 480px){.ahig-header-background{padding:12px 16px}.ahig-title{font-size:16px}.ahig-subtitle{font-size:11px}.ahig-content{padding:12px 16px}.ahig-selected-container{padding:12px}}:root{--orgt-blue-start: #2196F3;--orgt-blue-end: #0d47a1;--orgt-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--orgt-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--orgt-white: #ffffff;--orgt-bg: #f0f4f8;--orgt-surface: #ffffff;--orgt-border: #e2e8f0;--orgt-border-light: #f1f5f9;--orgt-text-primary: #0f172a;--orgt-text-secondary: #475569;--orgt-text-muted: #94a3b8;--orgt-blue-50: #eff6ff;--orgt-blue-100: #dbeafe;--orgt-blue-600: #2563eb;--orgt-blue-700: #1d4ed8;--orgt-success: #16a34a;--orgt-error: #dc2626;--orgt-warning: #d97706;--orgt-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--orgt-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--orgt-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--orgt-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--orgt-radius: 12px;--orgt-radius-sm: 6px;--orgt-radius-xs: 4px;--orgt-font: "Segoe UI", system-ui, -apple-system, sans-serif;--orgt-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.orgt-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--orgt-bg);font-family:var(--orgt-font);padding:8px;box-sizing:border-box}.orgt-card{background:var(--orgt-surface);border-radius:var(--orgt-radius);box-shadow:var(--orgt-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--orgt-border)}.orgt-header{background:var(--orgt-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.orgt-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.orgt-header-left{display:flex;align-items:center;gap:12px;min-width:0}.orgt-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.orgt-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.orgt-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.orgt-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.orgt-btn.orgt-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--orgt-transition)!important;display:flex;align-items:center;justify-content:center}.orgt-btn.orgt-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.orgt-btn.orgt-btn-icon.orgt-btn--active{background:#fffffff2!important;color:var(--orgt-blue-700)!important;border-color:#fff!important}.orgt-btn.orgt-btn-icon.orgt-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.orgt-btn.orgt-btn-icon.orgt-btn--danger:hover:not(:disabled){background:#ef444473!important}.orgt-btn.orgt-btn-primary{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--orgt-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--orgt-transition);white-space:nowrap;font-family:var(--orgt-font)}.orgt-btn.orgt-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.orgt-btn.orgt-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--orgt-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--orgt-blue-600);cursor:pointer;transition:var(--orgt-transition)}.orgt-btn.orgt-btn-outline:hover{background:var(--orgt-blue-50)}.orgt-btn.orgt-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--orgt-text-muted);font-size:12px;font-weight:500;border:1px solid var(--orgt-border);cursor:pointer;transition:var(--orgt-transition)}.orgt-btn.orgt-btn-ghost:hover{background:var(--orgt-border-light);color:var(--orgt-text-secondary)}.orgt-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.orgt-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--orgt-border)}.orgt-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;min-height:0}.orgt-search-field{position:relative;display:flex;align-items:center}.orgt-search-field-icon{position:absolute;left:9px;color:var(--orgt-text-muted)!important;pointer-events:none;z-index:1}.orgt-search-input{width:100%;padding:7px 28px;border:1.5px solid var(--orgt-border);border-radius:var(--orgt-radius-sm);font-size:12.5px;color:var(--orgt-text-primary);background:var(--orgt-white);transition:var(--orgt-transition);font-family:var(--orgt-font);box-sizing:border-box}.orgt-search-input:focus{outline:none;border-color:var(--orgt-blue-start);box-shadow:0 0 0 3px #2196f31f}.orgt-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--orgt-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--orgt-transition)}.orgt-search-clear:hover{background:var(--orgt-error)}.orgt-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.orgt-table-wrap::-webkit-scrollbar{width:6px;height:6px}.orgt-table-wrap::-webkit-scrollbar-track{background:transparent}.orgt-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.orgt-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.orgt-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.orgt-thead{position:sticky;top:0;z-index:10}.orgt-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--orgt-text-secondary);background:#f8fafc;border-bottom:2px solid var(--orgt-border);text-align:left;white-space:nowrap}.orgt-row{border-bottom:1px solid var(--orgt-border-light);transition:background .15s ease,box-shadow .15s ease;animation:orgt-row-in .25s ease both}@keyframes orgt-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.orgt-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--orgt-blue-start)}.orgt-row:nth-child(2n){background:#fafbfc}.orgt-row:nth-child(2n):hover{background:#f0f7ff}.orgt-td{padding:12px;font-size:12.5px;color:var(--orgt-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orgt-col-code{width:12%;min-width:100px}.orgt-col-name{width:22%;min-width:160px}.orgt-col-type{width:12%;min-width:100px}.orgt-col-parent{width:22%;min-width:160px}.orgt-col-owner{width:17%;min-width:130px}.orgt-col-actions{width:15%;min-width:100px;text-align:center}.orgt-badge-code{display:inline-block;padding:4px 8px;border-radius:var(--orgt-radius-xs);background:var(--orgt-blue-50);color:var(--orgt-blue-700);font-size:11.5px;font-weight:700;border:1px solid var(--orgt-blue-100)}.orgt-text-primary{font-weight:600;color:var(--orgt-text-primary)}.orgt-text-secondary{color:var(--orgt-text-secondary)}.orgt-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.orgt-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--orgt-transition)!important}.orgt-action-btn--edit{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 6px #22c55e4d!important}.orgt-action-btn--edit:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #22c55e73!important}.orgt-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.orgt-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.orgt-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--orgt-border);background:#fafbfc;flex-shrink:0;gap:12px}.orgt-footer-text{font-size:12px;color:var(--orgt-text-muted)}.orgt-footer-text strong{color:var(--orgt-text-secondary);font-weight:700}.orgt-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.orgt-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:orgt-fade-in .4s ease both}@keyframes orgt-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.orgt-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--orgt-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--orgt-blue-600);margin-bottom:4px}.orgt-state-icon-wrap--error{background:#fef2f2;color:var(--orgt-error)}.orgt-state-title{font-size:17px;font-weight:700;color:var(--orgt-text-primary);margin:0}.orgt-state-desc{font-size:13.5px;color:var(--orgt-text-muted);margin:0;line-height:1.55}.orgt-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.orgt-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--orgt-border-light);animation:orgt-fade-in .4s ease both}.orgt-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:orgt-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes orgt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.orgt-sk-text{height:14px;flex:1;max-width:200px}.orgt-sk-pill{width:80px;height:26px;border-radius:20px}@media (max-width: 1100px){.orgt-col-parent{display:none}.orgt-search-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.orgt-col-type{display:none}}@media (max-width: 768px){.orgt-root{padding:4px}.orgt-card{height:calc(100vh - 52px);border-radius:8px}.orgt-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.orgt-title{font-size:15px}.orgt-subtitle{display:none}.orgt-actions{gap:4px}.orgt-btn.orgt-btn-primary span{display:none}.orgt-btn.orgt-btn-primary{width:34px;padding:0!important;justify-content:center}.orgt-search-grid{grid-template-columns:1fr}.orgt-col-owner{display:none}.orgt-action-group{gap:4px}.orgt-footer{padding:8px 14px}}@media (max-width: 480px){.orgt-col-name{min-width:140px}.orgt-col-code{min-width:80px}}.create-organization-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-organization-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:create-organization-modal-appear .3s ease-out}@keyframes create-organization-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-organization-header{margin-bottom:0}.create-organization-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.create-organization-header-content{position:relative;z-index:2;text-align:center}.create-organization-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.create-organization-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.create-organization-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-organization-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:create-organization-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:create-organization-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:create-organization-float 5s ease-in-out infinite .5s}.create-organization-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px;color:#718096}.create-organization-alert{margin:20px}.create-organization-form{width:100%;padding:25px 30px 20px}.create-organization-form-row{display:flex;gap:15px;width:100%;margin-bottom:20px}.create-organization-form-group{width:100%;margin-bottom:0;text-align:left}.create-organization-form-group--half{flex:1;min-width:0}.create-organization-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.create-organization-input,.create-organization-select{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.create-organization-input:focus,.create-organization-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.create-organization-input:disabled,.create-organization-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-organization-input.error,.create-organization-select.error{border-color:#e53e3e;background-color:#fff5f5}.create-organization-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:40px}.create-organization-select:focus{background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%231976d2' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>")}.create-organization-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.create-organization-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.create-organization-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 4px 12px #2196f34d}.create-organization-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.create-organization-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.create-organization-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes create-organization-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.create-organization-modal-overlay{padding:15px}.create-organization-modal-content{max-width:95%}.create-organization-header-background{padding:20px}.create-organization-title{font-size:22px}.create-organization-form{padding:20px 20px 15px}.create-organization-form-row{flex-direction:column;gap:15px;margin-bottom:15px}.create-organization-form-group--half{width:100%}.create-organization-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.create-organization-modal-btn{max-width:100%;padding:10px 20px}.create-organization-input,.create-organization-select{padding:10px 12px;font-size:14px}}@media (max-width: 480px){.create-organization-modal-overlay{padding:10px}.create-organization-header-background{padding:15px}.create-organization-form{padding:15px 15px 10px}.create-organization-title{font-size:20px;margin-bottom:4px}.create-organization-subtitle{font-size:13px}.create-organization-input,.create-organization-select{padding:10px 12px;font-size:13px}.create-organization-modal-btn{padding:10px 16px;font-size:13px}}.update-organization-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-organization-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:update-organization-modal-appear .3s ease-out}@keyframes update-organization-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.update-organization-header{margin-bottom:0}.update-organization-header-background{background:var(--update-button);padding:25px 30px;position:relative;overflow:hidden}.update-organization-header-content{position:relative;z-index:2;text-align:center}.update-organization-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.update-organization-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.update-organization-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-organization-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:update-organization-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:update-organization-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:update-organization-float 5s ease-in-out infinite .5s}.update-organization-form{width:100%;padding:25px 30px 20px}.update-organization-form-row{display:flex;gap:15px;width:100%;margin-bottom:20px}.update-organization-form-group{width:100%;margin-bottom:0;text-align:left}.update-organization-form-group--half{flex:1;min-width:0}.update-organization-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.update-organization-input,.update-organization-select{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.update-organization-input:focus,.update-organization-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.update-organization-input:disabled,.update-organization-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-organization-input.error,.update-organization-select.error{border-color:#e53e3e;background-color:#fff5f5}.update-organization-select-wrapper{position:relative;z-index:1500}.update-organization-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:40px;position:relative;z-index:1501}.update-organization-select:focus{background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%231976d2' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>")}.update-organization-select option{background:#fff;color:#333;padding:8px 12px}.update-organization-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.update-organization-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.update-organization-modal-btn--update{background:var(--update-button);color:#fff;box-shadow:0 4px 12px #1da99c4d}.update-organization-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.update-organization-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.update-organization-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes update-organization-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.update-organization-modal-overlay{padding:15px}.update-organization-modal-content{max-width:95%}.update-organization-header-background{padding:20px}.update-organization-title{font-size:22px}.update-organization-form{padding:20px 20px 15px}.update-organization-form-row{flex-direction:column;gap:15px;margin-bottom:15px}.update-organization-form-group--half{width:100%}.update-organization-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.update-organization-modal-btn{max-width:100%;padding:10px 20px}.update-organization-input,.update-organization-select{padding:10px 12px;font-size:14px}}@media (max-width: 480px){.update-organization-modal-overlay{padding:10px}.update-organization-header-background{padding:15px}.update-organization-form{padding:15px 15px 10px}.update-organization-title{font-size:20px;margin-bottom:4px}.update-organization-subtitle{font-size:13px}.update-organization-input,.update-organization-select{padding:10px 12px;font-size:13px}.update-organization-modal-btn{padding:10px 16px;font-size:13px}}.otoo-container{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px;box-sizing:border-box;overflow:hidden;margin:auto}.otoo-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.otoo-back-button{color:#0d47a1!important;background-color:#007bff1a!important;padding:4px!important;min-width:32px!important}.otoo-back-button:hover{background-color:#007bff33!important}.otoo-title{margin:0;font-size:18px;color:#333}.otoo-content{display:flex;gap:15px}.otoo-section{flex:1;min-width:0;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 4px #0000000d;padding:12px;display:flex;flex-direction:column}.otoo-types{min-width:350px}.otoo-owners{min-width:500px}.otoo-section-header{margin-bottom:12px}.otoo-title-container{display:flex;justify-content:space-between;align-items:center;width:100%}.otoo-subtitle{margin:0;font-weight:600;font-size:16px;color:#495057;border-bottom:1px solid #007bff;padding-bottom:6px;flex-grow:1}.otoo-add-button{color:#28a745!important;background-color:#28a7451a!important;padding:4px!important;margin-left:8px!important;min-width:32px!important}.otoo-add-button:hover{background-color:#28a74533!important}.otoo-add-button .MuiSvgIcon-root{font-size:1.2rem!important}.otoo-table-wrapper{overflow:auto;flex-grow:1;position:relative;max-height:400px;border-radius:4px;border:1px solid #e0e0e0}.otoo-table{width:100%;border-collapse:collapse;font-size:.75rem}.otoo-table th,.otoo-table td{border:1px solid #e0e0e0;padding:6px 8px;text-align:left;color:#495057;height:32px}.otoo-table th{background:var(--table-header);color:#fff;font-weight:600;position:sticky;top:0;font-size:.7rem}.otoo-id-col{width:60px}.otoo-actions-col{width:80px}.otoo-table tbody tr:nth-child(2n){background-color:#f8f9fa}.otoo-table tbody tr:hover{background-color:#e6f7ff}.otoo-actions{display:flex;justify-content:center;gap:4px}.otoo-action-button{background:none;border:none;cursor:pointer;padding:2px;min-width:24px;height:24px;border-radius:50%}.otoo-action-button .MuiSvgIcon-root{font-size:1rem!important}.otoo-action-button--update .MuiSvgIcon-root{color:#0d47a1!important}.otoo-action-button--update:hover{background-color:#007bff1a}.otoo-action-button--delete .MuiSvgIcon-root{color:#f74231!important}.otoo-action-button--delete:hover{background-color:#dc35451a}.otoo-status-container{width:100%;padding:12px;text-align:center;font-size:.8rem;border:1px dashed;margin-top:-1px}.otoo-loading-container{display:flex;align-items:center;justify-content:center;gap:8px;color:#007bff;font-weight:500;background-color:#f0f8ff;border-color:#007bff}.otoo-error-container{color:#dc3545;font-weight:500;background-color:#fff2f2;border-color:#dc3545}.otoo-empty-container{color:#6c757d;font-style:italic;background-color:#f8f9fa;border-color:#6c757d}@media (max-width: 1200px){.otoo-content{flex-direction:column}.otoo-section{min-width:unset}}@media (max-width: 768px){.otoo-container{padding:10px}.otoo-table th,.otoo-table td{padding:4px 6px;font-size:.65rem}.otoo-id-col{width:50px}.otoo-actions-col{width:70px}}.create-ou-owner-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-ou-owner-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:create-ou-owner-modal-appear .3s ease-out}@keyframes create-ou-owner-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-ou-owner-header{margin-bottom:0}.create-ou-owner-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.create-ou-owner-header-content{position:relative;z-index:2;text-align:center}.create-ou-owner-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.create-ou-owner-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.create-ou-owner-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-ou-owner-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:create-ou-owner-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:create-ou-owner-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:create-ou-owner-float 5s ease-in-out infinite .5s}.create-ou-owner-form{width:100%;padding:25px 30px 20px}.create-ou-owner-form-row{display:flex;gap:15px;width:100%;margin-bottom:20px}.create-ou-owner-form-group{width:100%;margin-bottom:0;text-align:left}.create-ou-owner-form-group--half{flex:1;min-width:0}.create-ou-owner-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.create-ou-owner-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.create-ou-owner-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.create-ou-owner-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-ou-owner-input.error{border-color:#e53e3e;background-color:#fff5f5}.create-ou-owner-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.create-ou-owner-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.create-ou-owner-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 4px 12px #2196f34d}.create-ou-owner-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.create-ou-owner-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.create-ou-owner-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes create-ou-owner-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.create-ou-owner-modal-overlay{padding:15px}.create-ou-owner-modal-content{max-width:95%}.create-ou-owner-header-background{padding:20px}.create-ou-owner-title{font-size:22px}.create-ou-owner-form{padding:20px 20px 15px}.create-ou-owner-form-row{flex-direction:column;gap:15px;margin-bottom:15px}.create-ou-owner-form-group--half{width:100%}.create-ou-owner-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.create-ou-owner-modal-btn{max-width:100%;padding:10px 20px}.create-ou-owner-input{padding:10px 12px;font-size:14px}}@media (max-width: 480px){.create-ou-owner-modal-overlay{padding:10px}.create-ou-owner-header-background{padding:15px}.create-ou-owner-form{padding:15px 15px 10px}.create-ou-owner-title{font-size:20px;margin-bottom:4px}.create-ou-owner-subtitle{font-size:13px}.create-ou-owner-input{padding:10px 12px;font-size:13px}.create-ou-owner-modal-btn{padding:10px 16px;font-size:13px}}.update-ou-owner-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-ou-owner-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:update-ou-owner-modal-appear .3s ease-out}@keyframes update-ou-owner-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.update-ou-owner-header{margin-bottom:0}.update-ou-owner-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.update-ou-owner-header-content{position:relative;z-index:2;text-align:center}.update-ou-owner-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.update-ou-owner-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.update-ou-owner-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-ou-owner-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:update-ou-owner-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:update-ou-owner-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:update-ou-owner-float 5s ease-in-out infinite .5s}.update-ou-owner-form{width:100%;padding:25px 30px 20px}.update-ou-owner-form-row{display:flex;gap:15px;width:100%;margin-bottom:20px}.update-ou-owner-form-group{width:100%;margin-bottom:0;text-align:left}.update-ou-owner-form-group--half{flex:1;min-width:0}.update-ou-owner-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.update-ou-owner-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.update-ou-owner-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.update-ou-owner-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-ou-owner-input.error{border-color:#e53e3e;background-color:#fff5f5}.update-ou-owner-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.update-ou-owner-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.update-ou-owner-modal-btn--update{background:var(--update-button);color:#fff;box-shadow:0 4px 12px #1da99c4d}.update-ou-owner-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.update-ou-owner-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.update-ou-owner-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes update-ou-owner-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.update-ou-owner-modal-overlay{padding:15px}.update-ou-owner-modal-content{max-width:95%}.update-ou-owner-header-background{padding:20px}.update-ou-owner-title{font-size:22px}.update-ou-owner-form{padding:20px 20px 15px}.update-ou-owner-form-row{flex-direction:column;gap:15px;margin-bottom:15px}.update-ou-owner-form-group--half{width:100%}.update-ou-owner-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.update-ou-owner-modal-btn{max-width:100%;padding:10px 20px}.update-ou-owner-input{padding:10px 12px;font-size:14px}}@media (max-width: 480px){.update-ou-owner-modal-overlay{padding:10px}.update-ou-owner-header-background{padding:15px}.update-ou-owner-form{padding:15px 15px 10px}.update-ou-owner-title{font-size:20px;margin-bottom:4px}.update-ou-owner-subtitle{font-size:13px}.update-ou-owner-input{padding:10px 12px;font-size:13px}.update-ou-owner-modal-btn{padding:10px 16px;font-size:13px}}.create-ou-type-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-ou-type-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;animation:create-ou-type-modal-appear .3s ease-out}@keyframes create-ou-type-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-ou-type-header{margin-bottom:0}.create-ou-type-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.create-ou-type-header-content{position:relative;z-index:2;text-align:center}.create-ou-type-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.create-ou-type-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.create-ou-type-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-ou-type-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:create-ou-type-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:create-ou-type-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:create-ou-type-float 5s ease-in-out infinite .5s}.create-ou-type-form{width:100%;padding:25px 30px 20px}.create-ou-type-form-group{width:100%;margin-bottom:20px;text-align:left;position:relative}.create-ou-type-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.create-ou-type-input,.create-ou-type-select{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.create-ou-type-input:focus,.create-ou-type-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.create-ou-type-input:disabled,.create-ou-type-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-ou-type-input.error{border-color:#e53e3e;background-color:#fff5f5}.create-ou-type-select-wrapper{position:relative;z-index:1500}.create-ou-type-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;position:relative;z-index:1501}.create-ou-type-select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231976d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.create-ou-type-select option{background:#fff;color:#333;padding:8px 12px}.create-ou-type-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.create-ou-type-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.create-ou-type-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 4px 12px #2196f34d}.create-ou-type-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.create-ou-type-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.create-ou-type-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes create-ou-type-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.create-ou-type-modal-overlay{padding:15px}.create-ou-type-modal-content{max-width:95%}.create-ou-type-header-background{padding:20px}.create-ou-type-title{font-size:22px}.create-ou-type-form{padding:20px 20px 15px}.create-ou-type-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.create-ou-type-modal-btn{max-width:100%;padding:10px 20px}.create-ou-type-input,.create-ou-type-select{padding:10px 12px;font-size:14px}}@media (max-width: 480px){.create-ou-type-modal-overlay{padding:10px}.create-ou-type-header-background{padding:15px}.create-ou-type-form{padding:15px 15px 10px}.create-ou-type-title{font-size:20px;margin-bottom:4px}.create-ou-type-subtitle{font-size:13px}.create-ou-type-input,.create-ou-type-select{padding:10px 12px;font-size:13px}.create-ou-type-modal-btn{padding:10px 16px;font-size:13px}}.update-ou-type-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:90%;max-width:450px;outline:none;font-family:Inter,sans-serif;overflow:hidden;z-index:1400}.update-ou-type-header{margin-bottom:0}.update-ou-type-header-background{background:var(--create-button);padding:25px 30px;position:relative;overflow:hidden}.update-ou-type-header-content{position:relative;z-index:2;text-align:center}.update-ou-type-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.update-ou-type-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.update-ou-type-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-ou-type-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:update-ou-type-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:update-ou-type-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:update-ou-type-float 5s ease-in-out infinite .5s}.update-ou-type-form{width:100%;padding:25px 30px 20px}.update-ou-type-form-group{width:100%;margin-bottom:20px;text-align:left;position:relative}.update-ou-type-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.update-ou-type-input,.update-ou-type-select{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.update-ou-type-input:focus,.update-ou-type-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.update-ou-type-input:disabled,.update-ou-type-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-ou-type-input.error{border-color:#e53e3e;background-color:#fff5f5}.update-ou-type-select-wrapper{position:relative;z-index:1500}.update-ou-type-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;position:relative;z-index:1501}.update-ou-type-select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231976d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.update-ou-type-select option{background:#fff;color:#333;padding:8px 12px}.select-loading-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:1502}.update-ou-type-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.update-ou-type-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.update-ou-type-modal-btn--update{background:var(--update-button);color:#fff;box-shadow:0 4px 12px #1da99c4d}.update-ou-type-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 4px 12px #f565654d}.update-ou-type-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.update-ou-type-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes update-ou-type-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.update-ou-type-modal-content{max-width:95%}.update-ou-type-header-background{padding:20px}.update-ou-type-title{font-size:22px}.update-ou-type-form{padding:20px 20px 15px}.update-ou-type-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.update-ou-type-modal-btn{max-width:100%;padding:10px 20px}.update-ou-type-input,.update-ou-type-select{padding:10px 12px;font-size:14px}}@media (max-width: 480px){.update-ou-type-header-background{padding:15px}.update-ou-type-form{padding:15px 15px 10px}.update-ou-type-title{font-size:20px;margin-bottom:4px}.update-ou-type-subtitle{font-size:13px}.update-ou-type-input,.update-ou-type-select{padding:10px 12px;font-size:13px}.update-ou-type-modal-btn{padding:10px 16px;font-size:13px}}:root{--amm-blue-50: #e3f2fd;--amm-blue-100: #bbdefb;--amm-blue-200: #90caf9;--amm-blue-300: #64b5f6;--amm-blue-400: #42a5f5;--amm-blue-500: #2196f3;--amm-blue-600: #1e88e5;--amm-blue-700: #1565c0;--amm-blue-900: #0d47a1;--amm-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--amm-gradient-soft: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--amm-gradient-to: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);--amm-gradient-by: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);--amm-white: #ffffff;--amm-surface: #f8faff;--amm-border: #e1ecf7;--amm-border-strong: #b8d4ef;--amm-text-primary: #0d1b2a;--amm-text-secondary: #4a6080;--amm-text-muted: #8aa3bc;--amm-success: #2e7d32;--amm-success-bg: #e8f5e9;--amm-error: #c62828;--amm-error-bg: #ffebee;--amm-green-500: #43a047;--amm-orange-500: #fb8c00;--amm-radius-sm: 8px;--amm-radius: 14px;--amm-radius-lg: 20px;--amm-radius-xl: 28px;--amm-shadow-card: 0 2px 16px rgba(13,71,161,.08), 0 1px 4px rgba(13,71,161,.04);--amm-shadow-hover: 0 8px 32px rgba(33,150,243,.15), 0 2px 8px rgba(13,71,161,.08);--amm-shadow-header: 0 4px 24px rgba(13,71,161,.3);--amm-font: "DM Sans", system-ui, sans-serif;--amm-mono: "DM Mono", monospace;--amm-t: .2s cubic-bezier(.4, 0, .2, 1)}.amm-root{font-family:var(--amm-font);background:var(--amm-surface);min-height:100vh;padding-bottom:3rem;color:var(--amm-text-primary)}.amm-header{background:var(--amm-gradient);padding:2rem 2.5rem 2.5rem;position:relative;overflow:hidden;box-shadow:var(--amm-shadow-header)}.amm-header-inner{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.amm-header-icon{width:52px;height:52px;background:#ffffff2e;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);flex-shrink:0}.amm-header-title{font-size:1.65rem;font-weight:700;color:#fff;margin:0 0 .2rem;letter-spacing:-.3px}.amm-header-sub{font-size:.88rem;color:#ffffffbf;margin:0}.amm-header-deco{position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:#ffffff0f;pointer-events:none}.amm-header-deco:after{content:"";position:absolute;bottom:-100px;left:-120px;width:200px;height:200px;border-radius:50%;background:#ffffff0a}.amm-content{max-width:1200px;margin:-1.25rem auto 0;padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.amm-profile-card{background:var(--amm-white);border-radius:var(--amm-radius-lg);box-shadow:var(--amm-shadow-card);border:1px solid var(--amm-border);padding:1.5rem 2rem;display:flex;align-items:center;gap:1.75rem;transition:box-shadow var(--amm-t);position:relative;overflow:hidden}.amm-profile-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--amm-gradient);border-radius:0 4px 4px 0}.amm-profile-card:hover{box-shadow:var(--amm-shadow-hover)}.amm-profile-avatar{position:relative;flex-shrink:0}.amm-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2.5px solid var(--amm-blue-200)}.amm-avatar-img--lg{width:72px;height:72px;border-width:3px}.amm-avatar-fallback{width:56px;height:56px;border-radius:50%;background:var(--amm-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--amm-blue-500);border:2.5px solid var(--amm-blue-200)}.amm-avatar-fallback--lg{width:72px;height:72px;font-size:1.5rem}.amm-profile-status-dot{position:absolute;bottom:3px;right:3px;width:14px;height:14px;background:var(--amm-green-500);border-radius:50%;border:2.5px solid var(--amm-white);box-shadow:0 0 0 2px #43a04733}.amm-profile-info{flex:1;min-width:0}.amm-profile-name{font-size:1.25rem;font-weight:700;color:var(--amm-text-primary);margin:0 0 .2rem;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amm-profile-designation{font-size:.85rem;color:var(--amm-text-secondary);margin:0 0 .7rem;font-weight:500}.amm-profile-chips{display:flex;gap:.5rem;flex-wrap:wrap}.amm-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25em .75em;border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.2px}.amm-chip svg{font-size:.85em!important}.amm-chip--id{background:var(--amm-blue-50);color:var(--amm-blue-700);border:1px solid var(--amm-blue-100);font-family:var(--amm-mono)}.amm-chip--dept{background:#f3e5f5;color:#6a1b9a;border:1px solid #e1bee7}.amm-profile-stats{display:flex;align-items:center;gap:1.25rem;flex-shrink:0;background:var(--amm-surface);border-radius:var(--amm-radius);padding:.9rem 1.5rem;border:1px solid var(--amm-border)}.amm-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.amm-stat-num{font-size:1.6rem;font-weight:700;color:var(--amm-blue-700);line-height:1;font-family:var(--amm-mono)}.amm-stat-label{font-size:.7rem;font-weight:600;color:var(--amm-text-muted);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:.2rem}.amm-stat-label svg{font-size:.85em!important}.amm-stat-divider{width:1px;height:40px;background:var(--amm-border-strong)}.amm-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media (max-width: 860px){.amm-columns{grid-template-columns:1fr}}.amm-column-card{background:var(--amm-white);border-radius:var(--amm-radius-lg);box-shadow:var(--amm-shadow-card);border:1px solid var(--amm-border);overflow:hidden;transition:box-shadow var(--amm-t)}.amm-column-card:hover{box-shadow:var(--amm-shadow-hover)}.amm-col-header{padding:1rem 1.25rem;border-bottom:1px solid var(--amm-border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.amm-col-header--to{background:var(--amm-gradient-to)}.amm-col-header--by{background:var(--amm-gradient-by)}.amm-col-header-left{display:flex;align-items:center;gap:.7rem}.amm-col-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.amm-col-icon--to{background:linear-gradient(135deg,#43a047,#1b5e20);color:#fff;box-shadow:0 2px 8px #43a0474d}.amm-col-icon--by{background:linear-gradient(135deg,#fb8c00,#e65100);color:#fff;box-shadow:0 2px 8px #fb8c004d}.amm-col-title{font-size:.95rem;font-weight:700;color:var(--amm-text-primary);letter-spacing:-.1px}.amm-col-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:100px;background:#00000014;font-size:.72rem;font-weight:700;color:var(--amm-text-secondary);margin-left:.4rem;font-family:var(--amm-mono)}.amm-col-search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;border-bottom:1px solid var(--amm-border);background:var(--amm-surface)}.amm-search-ico{color:var(--amm-text-muted);font-size:1.1rem!important;flex-shrink:0}.amm-search-input{flex:1;border:none;background:transparent;font-family:var(--amm-font);font-size:.875rem;color:var(--amm-text-primary);outline:none}.amm-search-input::placeholder{color:var(--amm-text-muted)}.amm-search-input:disabled{opacity:.5}.amm-col-body{padding:.75rem;max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.amm-col-body::-webkit-scrollbar{width:4px}.amm-col-body::-webkit-scrollbar-track{background:var(--amm-blue-50)}.amm-col-body::-webkit-scrollbar-thumb{background:var(--amm-blue-200);border-radius:10px}.amm-col-body::-webkit-scrollbar-thumb:hover{background:var(--amm-blue-400)}.amm-person-card{display:flex;align-items:flex-start;gap:.9rem;padding:.85rem 1rem;border-radius:var(--amm-radius);border:1px solid var(--amm-border);background:var(--amm-white);transition:border-color var(--amm-t),box-shadow var(--amm-t),transform var(--amm-t);animation:amm-card-in .35s cubic-bezier(.34,1.56,.64,1) both;cursor:default}@keyframes amm-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.amm-person-card:hover{border-color:var(--amm-blue-300);box-shadow:0 4px 16px #2196f31a;transform:translateY(-1px)}.amm-person-avatar{flex-shrink:0}.amm-person-body{flex:1;min-width:0}.amm-person-name{font-size:.9rem;font-weight:700;color:var(--amm-text-primary);margin:0 0 .35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amm-person-meta{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.4rem;align-items:center}.amm-meta-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2em .6em;border-radius:100px;font-size:.72rem;font-weight:600}.amm-meta-chip svg{font-size:.85em!important}.amm-meta-chip--id{background:var(--amm-blue-50);color:var(--amm-blue-700);font-family:var(--amm-mono);border:1px solid var(--amm-blue-100)}.amm-level-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.2em .6em;border-radius:100px;font-size:.72rem;font-weight:700;background:var(--amm-gradient);color:#fff;box-shadow:0 1px 4px #2196f34d;font-family:var(--amm-mono)}.amm-level-badge svg{font-size:.8em!important}.amm-person-details{display:flex;flex-direction:column;gap:.2rem}.amm-detail-row{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--amm-text-secondary);line-height:1.3}.amm-detail-row svg{font-size:.85em!important;color:var(--amm-blue-300);flex-shrink:0}.amm-remove-btn{flex-shrink:0;width:32px;height:32px;border-radius:var(--amm-radius-sm);border:1.5px solid #ffcdd2;background:#fff5f5;color:var(--amm-error);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--amm-t);align-self:center}.amm-remove-btn:hover:not(:disabled){background:var(--amm-error);color:#fff;border-color:var(--amm-error);box-shadow:0 2px 8px #c628284d}.amm-remove-btn:disabled{opacity:.5;cursor:not-allowed}.amm-add-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45em 1em;border-radius:100px;background:var(--amm-gradient);color:#fff;font-family:var(--amm-font);font-size:.82rem;font-weight:600;border:none;cursor:pointer;transition:opacity var(--amm-t),transform var(--amm-t),box-shadow var(--amm-t);box-shadow:0 2px 8px #2196f359;white-space:nowrap}.amm-add-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #2196f373}.amm-add-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.amm-colstate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:3rem 1rem;color:var(--amm-text-muted);text-align:center}.amm-colstate svg{font-size:2.4rem!important;opacity:.3}.amm-colstate span{font-size:.85rem}.amm-colstate--error{color:var(--amm-error)}.amm-colstate--error svg{opacity:.6}.amm-fullstate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:50vh;color:var(--amm-text-muted);font-size:.95rem}.amm-fullstate svg{font-size:3rem!important;opacity:.35}.amm-fullstate--error{color:var(--amm-error)}.amm-fullstate--error svg{opacity:.6}.amm-spinner{width:28px;height:28px;border:3px solid var(--amm-blue-100);border-top-color:var(--amm-blue-500);border-radius:50%;animation:amm-spin .7s linear infinite;display:inline-block;flex-shrink:0}.amm-spinner--sm{width:16px;height:16px;border-width:2px}.amm-spinner--lg{width:40px;height:40px;border-width:4px}.amm-spinner--blue{border-color:var(--amm-blue-100);border-top-color:var(--amm-blue-600)}@keyframes amm-spin{to{transform:rotate(360deg)}}.amm-toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.6rem;z-index:9999;pointer-events:none}.amm-toast{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:500;font-family:var(--amm-font);min-width:280px;max-width:400px;box-shadow:0 8px 32px #00000024;pointer-events:all;animation:amm-toast-in .3s cubic-bezier(.34,1.56,.64,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes amm-toast-in{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.amm-toast--success{background:#1b5e20ee;color:#fff}.amm-toast--error{background:#b71c1cee;color:#fff}.amm-toast--warning{background:#e65100ee;color:#fff}.amm-toast--info{background:#0d47a1ee;color:#fff}.amm-toast-icon{flex-shrink:0;font-weight:700}.amm-toast-msg{flex:1;line-height:1.4}.amm-toast-close{background:none;border:none;cursor:pointer;color:#ffffffb3;font-size:.8rem;padding:2px 4px;transition:color var(--amm-t);flex-shrink:0}.amm-toast-close:hover{color:#fff}@media (max-width: 768px){.amm-header{padding:1.5rem 1.25rem 2rem}.amm-header-title{font-size:1.35rem}.amm-content{padding:0 1rem}.amm-profile-card{flex-wrap:wrap;padding:1.25rem}.amm-profile-stats{width:100%;justify-content:center}.amm-toast-container{right:1rem;bottom:1rem;left:1rem}.amm-toast{min-width:unset;max-width:100%}}@media (max-width: 480px){.amm-profile-card{flex-direction:column;align-items:flex-start}.amm-col-header{flex-wrap:wrap;gap:.5rem}}.cm_page_container{min-height:100vh;padding:20px}.cm_container{width:100%;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px;box-sizing:border-box;overflow:hidden;margin:0 auto}.cm_header{color:#0d47a1;font-size:2rem;margin-bottom:10px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.cm_section{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;position:relative;z-index:20}.cm_section_header{color:#2196f3;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.cm_profile_header{display:flex;align-items:flex-start;gap:20px;position:relative;margin-bottom:30px;padding:20px;background-color:#f8fafc;border-radius:8px;box-shadow:0 2px 10px #0000000d}.cm_back_button{display:flex;align-items:center;gap:6px;background:none;border:none;color:#0d47a1;font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:5px;transition:all .3s;position:absolute;right:20px;top:20px}.cm_back_button:hover{background-color:#e3f2fd}.cm_back_button svg{font-size:16px}.cm_profile_photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:1px solid #296c9b;box-shadow:0 1px 6px #00000014}.cm_detail_row{margin-top:3px}.cm_profile_info h2{margin:0 0 4px;color:#0d47a1;font-size:18px;font-weight:600}.cm_profile_details{display:flex;flex-direction:column;gap:6px}.cm_detail_label{font-weight:600;color:#252436;margin-right:6px;font-size:13px}.cm_detail_value{font-weight:400;color:#333;font-size:13px}.cm_id_badge{background-color:#e3f2fd;color:#0d47a1;padding:2px 8px;border-radius:4px;font-weight:500}.cm_dept_tag{background-color:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:4px;font-weight:500}.cm_designation_highlight{background-color:#fff3e0;color:#ef6c00;padding:2px 8px;border-radius:4px;font-weight:500}.cm_select_group{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.cm_select_item{flex:1;min-width:250px}.cm_label{display:block;font-weight:600;margin-bottom:8px;color:#555}.cm_search_actions{display:flex;gap:15px;margin-top:15px}.cm_search_btn,.cm_reset_btn{padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.cm_search_btn{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none}.cm_search_btn:disabled{background:#ccc;cursor:not-allowed}.cm_search_btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}.cm_reset_btn{background:#f5f5f5;color:#555;border:1px solid #ddd}.cm_reset_btn:hover{background:#e0e0e0}.cm_section_header_with_search{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.cm_employee_search{position:relative;min-width:250px}.cm_employee_search input{width:100%;padding:10px 15px 10px 35px;border:1px solid #ddd;border-radius:6px;font-size:14px}.cm_employee_search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.cm_table_container{max-height:500px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px}.cm_table{width:100%;border-collapse:collapse}.cm_table th,.cm_table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0;height:60px;box-sizing:border-box}.cm_table th{background-color:#f8f9fa;font-weight:600;color:#333;text-transform:uppercase;font-size:.85rem;position:sticky;top:0;z-index:10}.cm_table tbody tr:hover{background-color:#f5f9ff}.cm_photo_cell{width:60px}.cm_employee_avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0}.cm_no_results{text-align:center;padding:30px;color:#888;font-style:italic}.cm_action_section{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#f8fafc}.cm_level_select{flex:1;max-width:300px}.cm_assign_btn{padding:12px 30px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;background-color:#0d47a1;border:none;font-size:1rem}.cm_assign_btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.cm_react_select__control{min-height:44px;border:1px solid #ddd!important;box-shadow:none!important}.cm_react_select__control--is-focused{border-color:#2196f3!important}.cm_react_select__multi-value{background-color:#e3f2fd;border-radius:4px}.cm_react_select__multi-value__label{color:#0d47a1;font-size:.9rem}.cm_react_select__multi-value__remove:hover{background-color:#bbdefb;color:#0d47a1}.cm_react_select__indicator-separator{background-color:#ddd!important}.cm_react_select__dropdown-indicator:hover{color:#2196f3!important}.cm_table input[type=checkbox]{width:18px;height:18px;cursor:pointer}.cm_table_container::-webkit-scrollbar{width:8px;height:8px}.cm_table_container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.cm_table_container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.cm_table_container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:root{--ce2-blue-start: #2196F3;--ce2-blue-end: #0d47a1;--ce2-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--ce2-gradient-soft: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--ce2-white: #ffffff;--ce2-bg: #f0f4f8;--ce2-surface: #ffffff;--ce2-border: #e2e8f0;--ce2-border-focus: #2196F3;--ce2-text-primary: #0f172a;--ce2-text-secondary: #475569;--ce2-text-muted: #94a3b8;--ce2-blue-50: #eff6ff;--ce2-blue-100: #dbeafe;--ce2-blue-200: #bfdbfe;--ce2-blue-600: #2563eb;--ce2-blue-700: #1d4ed8;--ce2-success: #16a34a;--ce2-error: #dc2626;--ce2-error-bg: #fef2f2;--ce2-shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--ce2-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--ce2-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--ce2-shadow-blue: 0 4px 20px rgba(33,150,243,.28);--ce2-radius: 14px;--ce2-radius-sm: 8px;--ce2-radius-xs: 5px;--ce2-font: "Segoe UI", system-ui, -apple-system, sans-serif;--ce2-transition: all .22s cubic-bezier(.4, 0, .2, 1)}.ce2-root{min-height:100vh;background:var(--ce2-bg);font-family:var(--ce2-font);padding:8px;box-sizing:border-box}.ce2-page{max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.ce2-page-header{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--ce2-gradient);border-radius:var(--ce2-radius);box-shadow:var(--ce2-shadow-blue);position:relative;overflow:hidden}.ce2-page-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none}.ce2-back-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#ffffff29;border:1px solid rgba(255,255,255,.28);border-radius:var(--ce2-radius-sm);color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--ce2-transition);white-space:nowrap;font-family:var(--ce2-font);flex-shrink:0}.ce2-back-btn:hover{background:#ffffff47;transform:translate(-2px)}.ce2-page-header-center{flex:1;text-align:center}.ce2-page-title{font-size:18px;font-weight:800;color:#fff;margin:0;letter-spacing:-.4px}.ce2-page-subtitle{font-size:12px;color:#ffffffad;margin:3px 0 0}.ce2-page-header-right{flex-shrink:0}.ce2-emp-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;font-size:12px;font-weight:700}.ce2-form{display:flex;flex-direction:column;gap:14px}.ce2-hero-card{background:var(--ce2-white);border-radius:var(--ce2-radius);border:1px solid var(--ce2-border);box-shadow:var(--ce2-shadow-md);padding:24px;display:flex;gap:28px;align-items:flex-start;position:relative;overflow:hidden;animation:ce2-fade-up .35s ease both}.ce2-hero-card-gradient{position:absolute;top:0;left:0;right:0;height:4px;background:var(--ce2-gradient)}@keyframes ce2-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ce2-avatar-zone{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.ce2-avatar-wrap{position:relative;width:96px;height:96px}.ce2-avatar-img{width:96px;height:96px;border-radius:16px;object-fit:cover;border:3px solid var(--ce2-border);display:block;box-shadow:var(--ce2-shadow-sm)}.ce2-avatar-initials{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:var(--ce2-gradient);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;letter-spacing:1px}.ce2-avatar-cam-btn{position:absolute;bottom:-6px;right:-6px;width:30px;height:30px;border-radius:50%;background:var(--ce2-gradient);border:2.5px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:var(--ce2-transition);box-shadow:var(--ce2-shadow-sm)}.ce2-avatar-cam-btn:hover{transform:scale(1.15);box-shadow:var(--ce2-shadow-blue)}.ce2-avatar-hint{font-size:11px;color:var(--ce2-text-muted);margin:0;text-align:center}.ce2-basic-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.ce2-accordion{background:var(--ce2-white);border-radius:var(--ce2-radius);border:1.5px solid var(--ce2-border);box-shadow:var(--ce2-shadow-sm);overflow:hidden;transition:box-shadow .22s ease,border-color .22s ease;animation:ce2-fade-up .35s ease both;animation-delay:var(--sec-delay, 0s)}.ce2-accordion--open{border-color:var(--sec-color, var(--ce2-blue-start));box-shadow:0 0 0 3px #2196f314,var(--ce2-shadow-md)}.ce2-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .18s ease;gap:12px}.ce2-accordion-header:hover{background:#f8fafc}.ce2-accordion--open .ce2-accordion-header{background:var(--ce2-gradient-soft);border-bottom:1.5px solid var(--ce2-blue-100)}.ce2-accordion-header-left{display:flex;align-items:center;gap:14px;min-width:0}.ce2-accordion-icon-wrap{width:40px;height:40px;border-radius:10px;background:var(--ce2-gradient);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #2196f34d}.ce2-accordion-icon-wrap .MuiSvgIcon-root{font-size:20px!important}.ce2-accordion-title{font-size:14.5px;font-weight:700;color:var(--ce2-text-primary);letter-spacing:-.2px}.ce2-accordion-desc{font-size:12px;color:var(--ce2-text-muted);margin-top:1px}.ce2-accordion-chevron{color:var(--ce2-text-muted);transition:transform .28s cubic-bezier(.4,0,.2,1);flex-shrink:0}.ce2-accordion-chevron--open{transform:rotate(180deg);color:var(--ce2-blue-start)}.ce2-accordion-body{padding:20px;animation:ce2-body-in .28s ease both;background:#fafcff}@keyframes ce2-body-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ce2-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ce2-section-grid--3{grid-template-columns:repeat(3,1fr)}.ce2-field{display:flex;flex-direction:column;gap:6px}.ce2-field--full{grid-column:1 / -1}.ce2-label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ce2-text-secondary);letter-spacing:.1px}.ce2-label-icon{font-size:15px!important;color:var(--ce2-blue-start)!important}.ce2-required{color:var(--ce2-error);font-weight:800;margin-left:1px}.ce2-info-tip{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ce2-text-muted);background:var(--ce2-blue-50);border:1px solid var(--ce2-blue-100);border-radius:var(--ce2-radius-xs);padding:5px 8px;line-height:1.4}.ce2-info-tip--blue{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.ce2-info-tip .MuiSvgIcon-root{flex-shrink:0}.ce2-input,.ce2-select,.ce2-textarea{width:100%;padding:9px 12px;border:1.5px solid var(--ce2-border);border-radius:var(--ce2-radius-sm);font-size:13px;color:var(--ce2-text-primary);background:var(--ce2-white);transition:var(--ce2-transition);font-family:var(--ce2-font);box-sizing:border-box;outline:none}.ce2-input::placeholder,.ce2-textarea::placeholder{color:var(--ce2-text-muted);font-size:12.5px}.ce2-input:focus,.ce2-select:focus,.ce2-textarea:focus{border-color:var(--ce2-blue-start);box-shadow:0 0 0 3px #2196f31f;background:#fdfeff}.ce2-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}.ce2-select:disabled{background-color:#f8fafc;color:var(--ce2-text-muted);cursor:not-allowed;opacity:.7}.ce2-textarea{resize:vertical;min-height:84px;line-height:1.5}.ce2-radio-group{display:flex;gap:10px;flex-wrap:wrap}.ce2-radio-card{display:flex;align-items:center;gap:8px;padding:9px 16px;border:1.5px solid var(--ce2-border);border-radius:var(--ce2-radius-sm);cursor:pointer;transition:var(--ce2-transition);background:var(--ce2-white)}.ce2-radio-card:hover{border-color:var(--ce2-blue-start);background:var(--ce2-blue-50)}.ce2-radio-card--active{border-color:var(--ce2-blue-start);background:var(--ce2-gradient-soft);box-shadow:0 0 0 2px #2196f326}.ce2-radio-card input{display:none}.ce2-radio-label{font-size:13px;font-weight:600;color:var(--ce2-text-primary)}.ce2-day-picker{display:flex;gap:8px;flex-wrap:wrap}.ce2-day-chip{display:inline-flex;align-items:center;justify-content:center;width:46px;height:36px;border:1.5px solid var(--ce2-border);border-radius:var(--ce2-radius-xs);font-size:12px;font-weight:600;color:var(--ce2-text-secondary);background:var(--ce2-white);cursor:pointer;transition:var(--ce2-transition);-webkit-user-select:none;user-select:none}.ce2-day-chip:hover{border-color:var(--ce2-blue-start);color:var(--ce2-blue-start);background:var(--ce2-blue-50)}.ce2-day-chip--active{background:var(--ce2-gradient);border-color:transparent;color:#fff;box-shadow:0 2px 8px #2196f359;transform:translateY(-1px)}.ce2-alt-grid{display:flex;flex-direction:column;gap:6px;border:1.5px solid var(--ce2-border);border-radius:var(--ce2-radius-sm);padding:12px;background:var(--ce2-white)}.ce2-alt-row{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--ce2-radius-xs);background:#f8fafc;border:1px solid var(--ce2-border);transition:background .15s ease}.ce2-alt-row:hover{background:var(--ce2-blue-50)}.ce2-alt-row-label{font-size:12px;font-weight:700;color:var(--ce2-text-secondary);min-width:72px;display:flex;align-items:center;gap:6px}.ce2-alt-count{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--ce2-gradient);color:#fff;font-size:10px;font-weight:800}.ce2-alt-days{display:flex;gap:5px;flex-wrap:wrap}.ce2-alt-day{width:30px;height:30px;border-radius:6px;border:1.5px solid var(--ce2-border);background:var(--ce2-white);font-size:11px;font-weight:700;color:var(--ce2-text-muted);cursor:pointer;transition:var(--ce2-transition);display:flex;align-items:center;justify-content:center;padding:0}.ce2-alt-day:hover{border-color:var(--ce2-blue-start);color:var(--ce2-blue-start);background:var(--ce2-blue-50)}.ce2-alt-day--on{background:var(--ce2-gradient);border-color:transparent;color:#fff;box-shadow:0 2px 6px #2196f34d}.ce2-alt-summary{margin-top:10px;padding:9px 12px;background:var(--ce2-blue-50);border:1px dashed var(--ce2-blue-200);border-radius:var(--ce2-radius-xs);font-size:12px;color:var(--ce2-text-secondary);line-height:1.55}.ce2-alt-summary strong{color:var(--ce2-text-primary);margin-right:4px}.ce2-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ce2-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1.5px solid var(--ce2-border);border-radius:var(--ce2-radius-sm);cursor:pointer;transition:var(--ce2-transition);background:var(--ce2-white);gap:12px}.ce2-toggle-card:hover{border-color:var(--ce2-blue-start);background:var(--ce2-blue-50)}.ce2-toggle-card--on{border-color:var(--ce2-blue-start);background:var(--ce2-gradient-soft)}.ce2-toggle-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ce2-toggle-card-label{font-size:13px;font-weight:700;color:var(--ce2-text-primary)}.ce2-toggle-card-hint{font-size:11px;color:var(--ce2-text-muted);line-height:1.4}.ce2-toggle-switch{width:40px;height:22px;border-radius:11px;background:var(--ce2-border);position:relative;flex-shrink:0;transition:background .22s ease;cursor:pointer}.ce2-toggle-switch--on{background:var(--ce2-gradient);box-shadow:0 2px 8px #2196f359}.ce2-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000026}.ce2-toggle-switch--on .ce2-toggle-thumb{transform:translate(18px)}.ce2-btn{display:inline-flex;align-items:center;gap:7px;border-radius:var(--ce2-radius-sm);font-size:13.5px;font-weight:700;font-family:var(--ce2-font);cursor:pointer;transition:var(--ce2-transition);border:none}.ce2-btn-primary{padding:11px 28px;background:var(--ce2-gradient);color:#fff;box-shadow:var(--ce2-shadow-blue)}.ce2-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #2196f366}.ce2-btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.ce2-btn-ghost{padding:11px 20px;background:transparent;color:var(--ce2-text-secondary);border:1.5px solid var(--ce2-border)}.ce2-btn-ghost:hover{background:#f1f5f9;border-color:#cbd5e1}.ce2-btn-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ce2-spin .7s linear infinite}@keyframes ce2-spin{to{transform:rotate(360deg)}}.ce2-form-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 0 4px}.ce2-loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.ce2-loading-card{background:var(--ce2-white);border-radius:var(--ce2-radius);box-shadow:var(--ce2-shadow-lg);padding:40px 48px;text-align:center;max-width:400px;width:100%;border:1px solid var(--ce2-border);animation:ce2-fade-up .4s ease both}.ce2-loading-spinner{width:60px;height:60px;position:relative;margin:0 auto 20px}.ce2-spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--ce2-blue-start);animation:ce2-spin .9s linear infinite}.ce2-spinner-ring--2{top:8px;right:8px;bottom:8px;left:8px;border-top-color:var(--ce2-blue-end);animation-direction:reverse;animation-duration:.7s}.ce2-spinner-dot{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:var(--ce2-gradient);animation:ce2-pulse 1.2s ease-in-out infinite}@keyframes ce2-pulse{0%,to{transform:scale(.85);opacity:.6}50%{transform:scale(1.1);opacity:1}}.ce2-loading-title{font-size:17px;font-weight:800;color:var(--ce2-text-primary);margin:0 0 6px}.ce2-loading-desc{font-size:13px;color:var(--ce2-text-muted);margin:0 0 24px}.ce2-loading-bars{display:flex;flex-direction:column;gap:10px;text-align:left}.ce2-loading-bar-row{display:flex;align-items:center;gap:12px;animation:ce2-fade-up .4s ease both}.ce2-loading-bar-label{font-size:12px;color:var(--ce2-text-muted);width:120px;flex-shrink:0}.ce2-loading-bar{flex:1;height:6px;background:var(--ce2-border);border-radius:3px;overflow:hidden}.ce2-loading-bar-fill{height:100%;background:var(--ce2-gradient);border-radius:3px;animation:ce2-bar-fill 1.8s ease-in-out infinite}@keyframes ce2-bar-fill{0%{width:0%;opacity:.6}50%{width:75%;opacity:1}to{width:100%;opacity:.7}}@media (max-width: 900px){.ce2-section-grid--3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.ce2-root{padding:4px}.ce2-page{gap:12px}.ce2-page-header{padding:12px 14px;flex-wrap:wrap;gap:10px}.ce2-page-header-center{order:3;flex-basis:100%;text-align:left}.ce2-page-title{font-size:16px}.ce2-page-subtitle{display:none}.ce2-hero-card{flex-direction:column;align-items:center;padding:20px 16px;gap:20px}.ce2-basic-grid{grid-template-columns:1fr;width:100%}.ce2-section-grid,.ce2-section-grid--3,.ce2-toggle-grid{grid-template-columns:1fr}.ce2-accordion-body{padding:14px}.ce2-form-actions{flex-direction:column-reverse}.ce2-btn-primary,.ce2-btn-ghost{width:100%;justify-content:center}.ce2-loading-card{padding:28px 24px}}@media (max-width: 480px){.ce2-back-btn span,.ce2-emp-chip{display:none}.ce2-day-picker{gap:6px}.ce2-day-chip{width:40px;height:32px;font-size:11px}.ce2-alt-row{flex-wrap:wrap}.ce2-alt-row-label{min-width:100%}}.elut-container{display:flex;flex-direction:column;flex:1;min-height:100vh;background-color:var(--table-background, #f5f5f5);font-family:Inter,sans-serif;padding:20px}.elut-table-container{width:100%;max-width:100%;margin:0 auto;padding:20px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px}.elut-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.elut-heading-title{font-size:22px;color:var(--table-header-title, #2c3e50);margin:0;font-weight:700}.elut-filter-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.elut-date-filter-container{display:flex;align-items:center;margin-right:10px;flex-wrap:wrap;gap:8px}.elut-date-filter-container label{font-size:14px;color:#55565b;font-weight:500;white-space:nowrap}.elut-date-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;height:36px;min-width:150px}.elut-date-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.elut-show-button{padding:8px 16px;background:var(--blue-gradient, linear-gradient(135deg, #2196F3, #1976D2));color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;height:36px;white-space:nowrap}.elut-show-button:hover:not(:disabled){opacity:.9}.elut-show-button:disabled{background:#ccc!important;cursor:not-allowed}.elut-icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;color:var(--icon-default, #555);padding:6px}.elut-icon-button:hover:not(:disabled){background-color:#f5f5f5}.elut-icon-button:disabled{background-color:#ccc;color:#888;cursor:not-allowed}.elut-icon-button.elut-active{background:var(--blue-gradient, linear-gradient(135deg, #2196F3, #1976D2));color:#fff;border-color:#1976d2}.elut-header-icon{font-size:20px}.elut-error-message-container{display:flex;align-items:flex-start;padding:20px;margin:20px 0;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828}.elut-error-icon{margin-right:15px;font-size:24px;flex-shrink:0}.elut-error-content{flex:1}.elut-error-content h3{margin:0 0 8px;font-size:18px;font-weight:600}.elut-error-content p{margin:0 0 10px;font-size:14px;line-height:1.4}.elut-error-help{color:#757575;font-size:13px!important;margin-top:10px;padding-top:10px;border-top:1px solid #ffcdd2}.elut-loading-message{padding:40px 20px;text-align:center;font-size:16px;color:#2196f3;background-color:#f9f9f9;border-radius:4px;margin:20px 0}.elut-instruction-message{display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center;font-size:16px;color:#2196f3;background-color:#e3f2fd;border-radius:8px;margin:20px 0;gap:10px}.elut-info-icon{font-size:24px}.elut-table-scroll-container{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;margin-top:15px;max-height:60vh;overflow-y:auto}.elut-table{width:100%;border-collapse:collapse;table-layout:fixed}.elut-table thead{background:var(--table-header, #2196F3);position:sticky;top:0;z-index:10}.elut-table thead tr th{font-size:14px;font-weight:600;letter-spacing:.35px;color:#fff;padding:12px;text-align:center;border-right:1px solid rgba(255,255,255,.2)}.elut-table thead tr th:last-child{border-right:none}.elut-table tbody tr{background-color:#fff;transition:background-color .3s ease}.elut-table tbody tr:hover{background-color:#f5f5f5}.elut-table tbody tr:nth-child(odd){background-color:#f9f9f9}.elut-table tbody tr td{font-size:12px;letter-spacing:.35px;font-weight:400;color:var(--table-row-data-color, #333);padding:12px;text-align:center;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.elut-table tbody tr td:last-child{border-right:none}.elut-table tbody tr:last-child td{border-bottom:none}.elut-search-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:12px;box-sizing:border-box}.elut-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.elut-table th input[type=checkbox],.elut-table td input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0 auto;display:block}.elut-process-button-container{display:flex;justify-content:flex-end;margin-top:20px}.elut-process-button{padding:10px 24px;font-size:16px;background:var(--blue-gradient, linear-gradient(135deg, #2196F3, #1976D2));color:#fff;border:none;border-radius:4px;cursor:pointer}.elut-process-button:hover:not(:disabled){opacity:.9}.elut-process-button:disabled{background:#ccc!important;cursor:not-allowed}@media (max-width: 768px){.elut-container{padding:10px}.elut-table-container{padding:15px}.elut-header-container{flex-direction:column;align-items:flex-start;gap:15px}.elut-filter-container{width:100%;flex-wrap:wrap}.elut-date-filter-container{width:100%;margin-bottom:10px;justify-content:space-between}.elut-date-select{width:60%}.elut-table-scroll-container{overflow-x:auto}.elut-table{min-width:800px}.elut-table thead{display:table-header-group}.elut-table thead tr th:before{display:none}.elut-table tbody tr td{text-align:center;padding-left:12px}.elut-table td:before{display:none}.elut-error-message-container{flex-direction:column;text-align:center}.elut-error-icon{margin-right:0;margin-bottom:15px}.elut-instruction-message{flex-direction:column;text-align:center}}.slabs-table__section{display:flex;flex-direction:column;gap:10px;position:relative}.slabs-table__scroll-wrapper{max-height:300px;overflow-x:auto;border:1px solid #ddd;border-radius:5px;position:relative}.slabs-table{width:100%;border-collapse:collapse;font-size:14px;min-width:900px}.cc-rule-delete-btn:hover{transform:scale(1.1)}.react-select{font-size:14px;position:relative}.react-select__menu{z-index:9999!important;position:absolute!important}.slabs-table__select{width:100%;min-width:100px;position:relative}.react-select__menu-portal{z-index:9999!important}.react-select__menu{position:absolute;z-index:9999}.ccoff-rule__container{width:100%;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a}.ccoff-rule__content{display:flex;flex-direction:column;gap:20px}.ccoff-rule__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px}.ccoff-rule__title{font-size:20px;color:#333;margin:0}.ccoff-rule__back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;color:#fff;border:none;border-radius:5px;cursor:pointer;background:linear-gradient(135deg,#2196f3,#0d47a1);transition:all .3s ease}.ccoff-rule__back-btn:hover{opacity:.9;transform:translateY(-1px)}.ccoff-rule__section{display:flex;flex-direction:column;gap:8px}.ccoff-rule__label{font-weight:600;font-size:14px;color:#555}.ccoff-rule__input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.ccoff-rule__input--full-width{width:100%}.ccoff-rule__input:focus{outline:none;border-color:#2196f3}.slabs-table__section{display:flex;flex-direction:column;gap:10px}.slabs-table__title{font-size:18px;color:#444;border-bottom:1px solid #ddd;padding-bottom:4px;margin:0}.slabs-table__scroll-wrapper{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:5px}.slabs-table{width:100%;border-collapse:collapse;font-size:14px}.slabs-table th,.slabs-table td{padding:8px;border-right:1px solid #ddd;text-align:left;white-space:nowrap}.slabs-table th{background-color:#f2f2f2;font-weight:600;color:#333;position:sticky;top:0;z-index:10}.slabs-table tbody tr:nth-child(2n){background-color:#f9f9f9}.slabs-table tbody tr:nth-child(odd){background-color:#fff}.slabs-table__input{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px}.slabs-table__include-checkboxes{display:flex;flex-direction:column;gap:4px}.slabs-table__checkbox-label{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.slabs-table__action-cell{text-align:center}.slabs-table__add-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;color:#fff;border:none;border-radius:5px;cursor:pointer;align-self:flex-start;background:linear-gradient(135deg,#2196f3,#0d47a1);transition:background-color .3s ease}.slabs-table__add-btn:hover{opacity:.9}.cc-rule-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;cursor:pointer;color:#fff;background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);transition:transform .2s ease-in-out}.cc-rule-delete-btn .MuiSvgIcon-root{font-size:16px}.cc-rule-delete-btn-btn:hover{transform:scale(1.1)}.grades-section{display:flex;flex-direction:column;gap:8px}.grades-section__title{font-size:18px;color:#444;border-bottom:1px solid #ddd;padding-bottom:4px;margin:0}.ccoff-rule__save-button-container{padding-top:15px;border-top:1px solid #eee;text-align:right}.ccoff-rule__save-btn{padding:10px 20px;font-size:14px;color:#fff;border:none;border-radius:5px;cursor:pointer;background:linear-gradient(135deg,#2196f3,#0d47a1);transition:all .3s ease}.ccoff-rule__save-btn:hover{box-shadow:0 2px 4px #2196f366;transform:translateY(-1px)}.react-select{font-size:14px}.react-select__control{min-height:38px;border-color:#ddd}.react-select__control--is-focused{border-color:#2196f3;box-shadow:0 0 0 1px #2196f3}.react-select__indicator-separator{background-color:#ddd}.react-select__multi-value{background-color:#e3f2fd}.react-select__multi-value__label{color:#1976d2;font-size:12px}.react-select__multi-value__remove:hover{background-color:#bbdefb;color:#1976d2}.opr-container{display:flex;flex-direction:column;height:100%}.opr__report-container{flex:1;padding:16px;margin:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a}.opr__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.opr__title{font-size:18px;color:#55565b;margin:0}.opr__action-buttons{display:flex;gap:12px}.opr__export-button,.opr__view-button{padding:10px 20px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:var(--create-button);box-shadow:0 2px 5px #0003}.opr__export-button:hover,.opr__view-button:hover{background:var(--delete-button);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.opr__filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px}.opr__filter-group{display:flex;flex-direction:column;min-width:160px}.opr__filter-select{font-size:13px;min-width:180px}.opr__filter-label{font-size:13px;margin-bottom:4px;color:#555}.opr__date-input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;height:32px}.opr__table-wrapper{margin-top:15px}.opr__table-scroll-container{max-height:400px;overflow-y:auto;overflow-x:auto;position:relative;border:1px solid #e0e0e0;border-radius:8px}.opr__table{width:100%;border-collapse:collapse;min-width:900px}.opr__table-head{background:#0070c0;position:sticky;top:0;z-index:2}.opr__table-header{padding:10px 12px;font-size:14px;font-weight:600;color:#fff;text-align:left;border:1px solid white;white-space:nowrap}.opr__table-body{background-color:#fff}.opr__table-row{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.opr__table-row:hover{box-shadow:0 4px 8px #0000001a}.opr__table-row:nth-child(odd){background-color:#f9f9f9}.opr__table-cell{padding:4px 12px;font-size:13px;color:#55565b;text-align:left;border:1px solid #e0e0e0;white-space:nowrap}.opr__message-row{height:300px;position:relative}.opr__loading-cell,.opr__error-cell,.opr__instruction-cell{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:20px}.opr__instruction-box{background-color:#f0f8ff;border-left:5px solid #0070c0;border-radius:4px;padding:20px;box-shadow:0 2px 8px #0000000d;display:inline-block;max-width:80%}.opr__instruction-box p{margin:0;font-size:15px;color:#0070c0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.opr__loading-cell .opr__message-box{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:#0070c0}.opr__error-cell .MuiAlert-root{width:fit-content;margin:auto}.wpr-container{display:flex;flex-direction:column;height:100%}.wpr__report-container{flex:1;padding:16px;margin:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a}.wpr__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.wpr__title{font-size:18px;color:#55565b;margin:0}.wpr__action-buttons{display:flex;gap:12px}.wpr__export-button,.wpr__view-button{padding:10px 20px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:var(--create-button);box-shadow:0 2px 5px #0003}.wpr__export-button:hover,.wpr__view-button:hover{background:var(--delete-button);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.wpr__filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px}.wpr__filter-group{display:flex;flex-direction:column;min-width:160px}.wpr__filter-select{font-size:13px;min-width:180px}.wpr__filter-label{font-size:13px;margin-bottom:4px;color:#555}.wpr__date-input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;height:32px}.wpr__table-wrapper{margin-top:15px}.wpr__table-scroll-container{max-height:400px;overflow-y:auto;overflow-x:auto;position:relative;border:1px solid #e0e0e0;border-radius:8px}.wpr__table{width:100%;border-collapse:collapse;min-width:1100px}.wpr__table-head{background:#0070c0;position:sticky;top:0;z-index:2}.wpr__table-header{padding:10px 12px;font-size:14px;font-weight:600;color:#fff;text-align:center;border:1px solid white;white-space:normal}.wpr__table-body{background-color:#fff}.wpr__table-row{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.wpr__table-row:hover{box-shadow:0 4px 8px #0000001a}.wpr__table-row:nth-child(odd){background-color:#f9f9f9}.wpr__table-cell{padding:4px 12px;font-size:13px;color:#55565b;text-align:center;border:1px solid #e0e0e0;white-space:nowrap}.wpr__message-row{height:300px;position:relative}.wpr__loading-cell,.wpr__error-cell,.wpr__instruction-cell{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:20px}.wpr__instruction-box{background-color:#f0f8ff;border-left:5px solid #0070c0;border-radius:4px;padding:20px;box-shadow:0 2px 8px #0000000d;display:inline-block;max-width:80%}.wpr__instruction-box p{margin:0;font-size:15px;color:#0070c0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.wpr__loading-cell .wpr__message-box{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:#0070c0}.wpr__error-cell .MuiAlert-root{width:fit-content;margin:auto}.mar-container{display:flex;flex-direction:column;height:100%}.mar__report-container{flex:1;padding:16px;margin:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a}.mar__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mar__title{font-size:18px;color:#55565b;margin:0}.mar__action-buttons{display:flex;gap:12px}.mar__export-button,.mar__view-button{padding:10px 20px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:var(--create-button);box-shadow:0 2px 5px #0003}.mar__export-button:hover,.mar__view-button:hover{background:var(--delete-button);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.mar__filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px}.mar__filter-group{display:flex;flex-direction:column;min-width:200px}.mar__filter-select{font-size:13px;min-width:220px}.mar__filter-label{font-size:13px;margin-bottom:4px;color:#555}.mar__select-input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;height:32px;background-color:#fff}.mar__table-wrapper{margin-top:15px}.mar__table-scroll-container{max-height:400px;overflow-y:auto;overflow-x:auto;position:relative;border:1px solid #e0e0e0;border-radius:8px}.mar__table{width:100%;border-collapse:collapse;min-width:1200px}.mar__table-head{background:#0070c0;position:sticky;top:0;z-index:2}.mar__table-header{padding:10px 12px;font-size:14px;font-weight:600;color:#fff;text-align:center;border:1px solid white;white-space:normal}.mar__table-body{background-color:#fff}.mar__table-row{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.mar__table-row:hover{box-shadow:0 4px 8px #0000001a}.mar__table-row:nth-child(odd){background-color:#f9f9f9}.mar__table-cell{padding:4px 12px;font-size:13px;color:#55565b;text-align:center;border:1px solid #e0e0e0;white-space:nowrap}.mar__message-row{height:300px;position:relative}.mar__loading-cell,.mar__error-cell,.mar__instruction-cell{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:20px}.mar__instruction-box{background-color:#f0f8ff;border-left:5px solid #0070c0;border-radius:4px;padding:20px;box-shadow:0 2px 8px #0000000d;display:inline-block;max-width:80%}.mar__instruction-box p{margin:0;font-size:15px;color:#0070c0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.mar__loading-cell .mar__message-box{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:#0070c0}.mar__error-cell .MuiAlert-root{width:fit-content;margin:auto}.ded-pol__container{width:100%;max-width:1400px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a}.ded-pol__content{display:flex;flex-direction:column;gap:20px}.ded-pol__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px}.ded-pol__title{font-size:20px;color:#333;margin:0}.ded-pol__back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;color:#fff;border:none;border-radius:5px;cursor:pointer;background:linear-gradient(135deg,#2196f3,#0d47a1);transition:all .3s ease}.ded-pol__back-btn:hover{opacity:.9;transform:translateY(-1px)}.ded-pol-rule__section{display:flex;flex-direction:column;gap:15px;padding:20px;background-color:#f9f9f9;border-radius:8px}.ded-pol-rule__title{font-size:18px;color:#444;margin:0}.ded-pol-rule__input-container{border:1px solid #ddd;border-radius:5px;background-color:#fff;padding:10px}.ded-pol-rule__input{width:100%;padding:8px;border:none;font-size:14px;outline:none}.ded-pol-rule__input:focus{outline:none}.ded-pol-seq__section{display:flex;flex-direction:column;gap:15px;padding:20px;background-color:#f9f9f9;border-radius:8px}.ded-pol-seq__header{display:flex;justify-content:space-between;align-items:center}.ded-pol-seq__title{font-size:18px;color:#444;margin:0}.ded-pol-seq__add-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;font-size:14px;color:#fff;border:none;border-radius:5px;cursor:pointer;background:linear-gradient(135deg,#2196f3,#0d47a1);transition:all .3s ease}.ded-pol-seq__add-btn:disabled{background:#ccc;cursor:not-allowed}.ded-pol-seq__add-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}.ded-pol-seq__scroll-wrapper{max-height:200px;overflow-y:auto;border:1px solid #ddd;border-radius:5px;background-color:#fff;padding:10px;position:relative}.ded-pol-seq__list{display:flex;flex-direction:column;gap:12px}.ded-pol-seq__item{display:flex;align-items:center;gap:12px}.ded-pol-seq__select-container{flex:1;min-width:200px;position:static}.ded-pol-seq__delete-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;color:#fff;background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);transition:transform .2s ease-in-out}.ded-pol-seq__delete-btn:hover{transform:scale(1.1)}.ded-pol-seq__ordinal{min-width:50px;font-weight:600;font-size:14px;color:#555}.ded-pol-slab__section{display:flex;flex-direction:column;gap:15px;padding:20px;background-color:#f9f9f9;border-radius:8px}.ded-pol-slab__header{display:flex;justify-content:space-between;align-items:center}.ded-pol-slab__title{font-size:18px;color:#444;margin:0}.ded-pol-slab__add-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;font-size:14px;color:#fff;border:none;border-radius:5px;cursor:pointer;background:linear-gradient(135deg,#2196f3,#0d47a1);transition:all .3s ease}.ded-pol-slab__add-btn:hover{opacity:.9;transform:translateY(-1px)}.ded-pol-slab__scroll-wrapper{max-height:300px;overflow-x:auto;border:1px solid #ddd;border-radius:5px;background-color:#fff}.ded-pol-slab__table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}.ded-pol-slab__table th,.ded-pol-slab__table td{padding:12px;border-right:1px solid #ddd;text-align:left}.ded-pol-slab__table th{background-color:#f2f2f2;font-weight:600;color:#333;position:sticky;top:0;z-index:10}.ded-pol-slab__table tbody tr:nth-child(2n){background-color:#f9f9f9}.ded-pol-slab__table tbody tr:nth-child(odd){background-color:#fff}.ded-pol-slab__input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px}.ded-pol-slab__action-cell{text-align:center}.ded-pol-delete-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;color:#fff;background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);transition:transform .2s ease-in-out}.ded-pol-delete-btn:hover{transform:scale(1.1)}.ded-pol-grades__section{display:flex;flex-direction:column;gap:8px;padding:20px;background-color:#f9f9f9;border-radius:8px}.ded-pol-grades__title{font-size:18px;color:#444;margin:0 0 10px}.ded-pol__save-button-container{padding-top:15px;border-top:1px solid #eee;text-align:right}.ded-pol__save-btn{padding:12px 24px;font-size:16px;color:#fff;border:none;border-radius:5px;cursor:pointer;background:linear-gradient(135deg,#2196f3,#0d47a1);transition:all .3s ease}.ded-pol__save-btn:hover{box-shadow:0 2px 4px #2196f366;transform:translateY(-1px)}.ded-pol-react-select{font-size:14px}.ded-pol-react-select__control{min-height:38px;border-color:#ddd}.ded-pol-react-select__control--is-focused{border-color:#2196f3;box-shadow:0 0 0 1px #2196f3}.ded-pol-react-select__indicator-separator{background-color:#ddd}.ded-pol-react-select__menu{position:absolute;z-index:9999}.ded-pol-react-select__menu-portal{z-index:9999}.ded-pol-react-select__multi-value{background-color:#e3f2fd}.ded-pol-react-select__multi-value__label{color:#1976d2;font-size:12px}.ded-pol-react-select__multi-value__remove:hover{background-color:#bbdefb;color:#1976d2}.sr_container{width:100%;max-width:100%;margin:0 auto;padding:15px;background-color:#fff;border-radius:6px;box-shadow:0 2px 10px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px}.sr_section-title{color:#0d47a1;margin:0;font-size:16px;font-weight:600;padding-bottom:8px}.sr_section-underline{height:2px;background:linear-gradient(90deg,#2196f3,#0d47a1);margin-bottom:15px;width:100%}.sr_section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:6px;cursor:pointer;margin-bottom:10px}.sr_collapse-icon{transition:transform .3s ease;font-size:12px}.sr_collapse-icon.open{transform:rotate(180deg)}.sr_filters-section{margin-bottom:20px;padding:10px;background:linear-gradient(135deg,#f8fbff,#e8f4ff);border-radius:6px}.sr_filters-content{padding-top:10px}.sr_filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:15px}.sr_filter-group label{display:block;margin-bottom:5px;font-weight:600;color:#0d47a1;font-size:12px}.sr_select{margin-bottom:8px;font-size:12px}.sr_show-employees-btn{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;font-size:12px;transition:all .3s ease}.sr_show-employees-btn:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.sr_employees-section{margin-bottom:20px}.sr_table-container{overflow:auto;border:1px solid #e0e0e0;border-radius:6px;max-height:300px;position:relative}.sr_employees-table{width:100%;border-collapse:collapse;font-size:12px}.sr_employees-table th,.sr_employees-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #e0e0e0}.sr_employees-table th{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0d47a1;font-weight:600;position:sticky;top:0;z-index:10}.sr_employees-table tr{cursor:pointer}.sr_employees-table tr:hover{background-color:#f5f9ff}.sr_employees-table tr.selected{background-color:#e3f2fd}.sr_employee-photo{width:30px;height:30px;border-radius:50%;object-fit:cover}.sr_loading,.sr_error,.sr_empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.sr_loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #2196F3;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}.sr_error{color:#d32f2f}.sr_error button,.sr_empty button{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px;font-size:12px}.sr_dates-section{margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#f8fbff,#e8f4ff);border-radius:6px}.sr_dates-range{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.sr_date-input{flex:1;min-width:150px}.sr_date-input label{display:block;margin-bottom:5px;font-weight:600;color:#0d47a1;font-size:12px}.sr_date-input input{width:100%;padding:8px;border:1px solid #bbdefb;border-radius:4px;font-size:12px}.sr_generate-ui-btn,.sr_excel-template-btn{color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;font-size:12px;transition:all .3s ease;height:fit-content}.sr_generate-ui-btn{background:linear-gradient(135deg,#2196f3,#0d47a1)}.sr_excel-template-btn{background:linear-gradient(135deg,#4caf50,#2e7d32)}.sr_generate-ui-btn:hover:not(:disabled),.sr_excel-template-btn:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.sr_generate-ui-btn:disabled{background:#ccc;cursor:not-allowed}.sr_excel-upload-section{margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#f8fbff,#e8f4ff);border-radius:6px}.sr_excel-upload-area{display:flex;flex-direction:column;gap:20px}.sr_upload-box{border:2px dashed #bbdefb;border-radius:8px;padding:30px;text-align:center;transition:all .3s ease;background-color:#fafdff}.sr_upload-box:hover{border-color:#2196f3;background-color:#f0f8ff}.sr_file-input{display:none}.sr_upload-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;color:#546e7a}.sr_upload-icon{font-size:40px;margin-bottom:15px}.sr_upload-hint{font-size:12px;color:#90a4ae;margin-top:10px}.sr_excel-upload-small{display:inline-block;margin-left:10px}.sr_file-input-small{display:none}.sr_upload-label-small{display:inline-block;padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.sr_upload-label-small:hover{background-color:#218838}.sr_upload-label-small:active{transform:translateY(1px)}.sr_view-switcher{display:flex;gap:10px;margin-bottom:20px}.sr_view-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px}.sr_view-btn.active{background:#0070c0;color:#fff;border-color:#0070c0}.sr_excel-preview{margin-top:20px}.sr_excel-table-container{overflow:auto;max-height:300px;border:1px solid #e0e0e0;border-radius:6px;margin:15px 0}.sr_excel-preview-table{width:100%;border-collapse:collapse;font-size:12px}.sr_excel-preview-table th,.sr_excel-preview-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #e0e0e0}.sr_excel-preview-table th{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0d47a1;font-weight:600;position:sticky;top:0}.sr_excel-preview-table tr:nth-child(2n){background-color:#f9f9f9}.sr_excel-preview-table tr:hover{background-color:#f1f8ff}.sr_error-row{background-color:#ffebee!important}.sr_day-off{color:#9e9e9e;font-style:italic}.sr_remarks-error{color:#d32f2f;font-weight:600}.sr_shift-allocation-section{padding:10px;background:linear-gradient(135deg,#f8fbff,#e8f4ff);border-radius:6px}.sr_allocation-container{margin-top:10px}.sr_allocation-table-container{overflow:auto;max-height:500px;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:15px}.sr_allocation-table{width:100%;border-collapse:collapse;font-size:12px;min-width:800px}.sr_allocation-table th,.sr_allocation-table td{padding:8px;text-align:left;border:1px solid #e0e0e0}.sr_allocation-table th{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0d47a1;font-weight:600;position:sticky;top:0;white-space:nowrap;z-index:10}.sr_fixed-column{position:sticky;left:0;background-color:#fff;z-index:2;min-width:180px;max-width:180px}.sr_allocation-table th.sr_fixed-column{z-index:11}.sr_date-column{min-width:120px;max-width:120px}.sr_employee-info{display:flex;align-items:center;gap:8px}.sr_emp-name{font-weight:600;font-size:12px}.sr_emp-details{font-size:11px;color:#666}.sr_shift-select{width:100%;padding:5px;border:1px solid #bbdefb;border-radius:4px;font-size:11px;background-color:#fff}.sr_save-error,.sr_save-success{display:flex;align-items:center;padding:12px 15px;border-radius:6px;margin-bottom:15px;font-size:13px}.sr_save-error{background-color:#ffebee;color:#c62828;border-left:4px solid #f44336}.sr_save-success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.sr_error-icon,.sr_success-icon{margin-right:10px;font-size:16px}.sr_action-buttons{display:flex;gap:10px;justify-content:flex-end}.sr_save-allocation-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;font-size:12px;transition:all .3s ease}.sr_save-allocation-btn:hover:not(:disabled){box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.sr_save-allocation-btn:disabled{background:#a5d6a7;cursor:not-allowed}.sr_cancel-btn{background:linear-gradient(135deg,#f44336,#c62828);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;font-size:12px;transition:all .3s ease}.sr_cancel-btn:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.sr_search-container{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.sr_search-group{position:relative;max-width:400px;margin-bottom:8px}.sr_search-input{width:100%;padding:10px 40px 10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.sr_search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.sr_clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;color:#6c757d;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sr_clear-search:hover{color:#dc3545}.sr_search-info{font-size:12px;color:#6c757d}.sr_selection-summary{margin-top:15px;padding:10px 15px;background:#e7f3ff;border-radius:6px;border-left:4px solid #007bff}.sr_selection-summary p{margin:0;font-size:14px;color:#0056b3;font-weight:500}@media (max-width: 768px){.sr_filters-grid{grid-template-columns:1fr}.sr_dates-range{flex-direction:column;align-items:stretch}.sr_employee-info{flex-direction:column;align-items:flex-start;gap:5px}.sr_fixed-column{min-width:150px;max-width:150px}.sr_date-column{min-width:100px;max-width:100px}.sr_action-buttons{flex-direction:column}}.EOPR{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;font-size:.75rem;background:#fff;padding:10px;border-radius:6px;box-shadow:0 1px 8px #0000000f}.EOPR__header{background:linear-gradient(135deg,#2196f3,#0d47a1);padding:12px 20px;color:#fff;box-shadow:0 2px 8px #0000001a}.EOPR__header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.EOPR__header-left{flex:1}.EOPR__header-title{font-size:1.5rem;font-weight:600;margin-bottom:6px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.EOPR__header-details{display:flex;flex-direction:column;gap:4px}.EOPR__header-detail-item{display:flex;align-items:center;gap:6px;font-size:.7rem;opacity:.9}.EOPR__header-icon{font-size:.85rem;color:#ffffffe6}.EOPR__header-right{flex-shrink:0}.EOPR__header-logo{height:40px;width:auto;filter:brightness(0) invert(1)}.EOPR__container{width:100%;max-width:1400px;margin:12px auto;background:#fff;padding:10px;border-radius:6px;box-shadow:0 1px 8px #0000000f}.EOPR__content{display:flex;gap:12px}.EOPR__form-section{flex:3;background-color:#f9fafb;border-radius:4px;padding:10px;max-height:550px;overflow-y:auto}.EOPR__form-row{display:flex;gap:10px;margin-bottom:10px}.EOPR__form-group{display:flex;flex-direction:column;gap:4px;flex:1}.EOPR__label{font-weight:600;color:#0d47a1;font-size:.7rem}.EOPR__select,.EOPR__input,.EOPR__textarea{padding:6px 8px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:3px;font-size:.7rem;transition:all .3s}.EOPR__select:focus,.EOPR__input:focus,.EOPR__textarea:focus{outline:none;border-color:#2196f3;background-color:#fff;box-shadow:0 0 0 2px #2196f333}.EOPR__textarea{resize:vertical;min-height:60px}.EOPR__file-upload{position:relative}.EOPR__file{position:absolute;left:-9999px}.EOPR__file-label{display:flex;align-items:center;gap:4px;padding:5px 8px;background-color:#e3f2fd;color:#0d47a1;border-radius:3px;cursor:pointer;transition:all .3s;font-weight:500;font-size:.7rem}.EOPR__file-label:hover{background-color:#bbdefb}.EOPR__file-selected{margin-top:4px;padding:4px 6px;background-color:#e8f4ff;border-radius:2px;color:#0d47a1;font-size:.65rem}.EOPR__validation-error,.EOPR__submit-error{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:3px;margin-bottom:10px;font-weight:500;font-size:.7rem}.EOPR__validation-error{background-color:#ffebee;color:#c62828;border-left:2px solid #f44336}.EOPR__submit-error{background-color:#fff3e0;color:#ef6c00;border-left:2px solid #ff9800}.EOPR__submit{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:.7rem;font-weight:500;transition:all .3s;margin-top:8px;width:100%}.EOPR__submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 1px 4px #0000001a}.EOPR__submit:disabled{opacity:.7;cursor:not-allowed}.EOPR__button-spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.EOPR__history-section{flex:2;background-color:#f9fafb;border-radius:4px;padding:10px;max-height:550px;overflow-y:auto}.EOPR__history-title{color:#0d47a1;font-size:.9rem;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #e0e0e0}.EOPR__loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 10px;color:#757575;font-size:.7rem}.EOPR__loading-spinner{width:24px;height:24px;border:2px solid #e3f2fd;border-top:2px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.EOPR__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 10px;color:#757575;font-size:.7rem}.EOPR__empty-state h3{margin:8px 0 4px;color:#424242;font-size:.85rem}.EOPR__empty-state svg{font-size:40px!important}.EOPR__error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 10px;color:#757575;font-size:.7rem}.EOPR__error-state h3{margin:8px 0 4px;color:#d32f2f;font-size:.85rem}.EOPR__error-state svg{font-size:40px!important}.EOPR__retry-btn{margin-top:10px;padding:5px 12px;background-color:#2196f3;color:#fff;border:none;border-radius:2px;cursor:pointer;font-weight:500;font-size:.7rem;transition:background-color .3s}.EOPR__retry-btn:hover{background-color:#0d47a1}.EOPR__history-list{display:flex;flex-direction:column;gap:8px}.EOPR__history-item{background:#fff;border-radius:4px;padding:8px;box-shadow:0 1px 3px #00000008;border-left:2px solid #2196F3}.EOPR__history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.EOPR__history-date{font-weight:600;color:#424242;font-size:.7rem}.EOPR__history-type{background-color:#e3f2fd;color:#0d47a1;padding:2px 6px;border-radius:10px;font-size:.65rem;font-weight:500}.EOPR__history-status{display:flex;align-items:center;gap:3px;font-weight:500;font-size:.7rem}.EOPR__history-status svg{font-size:14px!important}.EOPR__history-details{margin-bottom:5px}.EOPR__history-time{color:#616161;font-size:.65rem;margin-bottom:2px}.EOPR__history-approver{font-weight:500;margin-bottom:2px;font-size:.7rem}.EOPR__history-remark{color:#757575;font-size:.65rem;font-style:italic}.EOPR__history-actions{display:flex;gap:5px;justify-content:flex-end;padding-top:5px;border-top:1px solid #f0f0f0}.EOPR__history-action-btn{display:flex;align-items:center;gap:3px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:2px;padding:3px 6px;font-size:.65rem;cursor:pointer;transition:all .2s}.EOPR__history-action-btn svg{font-size:12px!important}.EOPR__history-action-btn:hover{background-color:#e8f4ff;border-color:#2196f3;color:#0d47a1}.EOPR__cancel-edit{padding:3px 6px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:2px;cursor:pointer;font-size:.65rem;margin-left:8px;transition:all .2s}.EOPR__cancel-edit:hover{background-color:#e8f4ff;border-color:#2196f3;color:#0d47a1}.EOPR__delete-btn{color:#f44336!important}.EOPR__delete-btn:hover{background-color:#ffebee!important;border-color:#f44336!important}.EOPR__loading-approvers,.EOPR__error-approvers{padding:6px;text-align:center;background-color:#f5f5f5;border-radius:3px;font-size:.7rem;color:#757575}@media (max-width: 968px){.EOPR__content{flex-direction:column}.EOPR__history-section{max-height:none}.EOPR__header-content{flex-direction:column;text-align:center}.EOPR__header-right{margin-top:10px}.EOPR__header-detail-item{justify-content:center}}@media (max-width: 768px){.EOPR__form-row{flex-direction:column;gap:8px}.EOPR__container{padding:8px}.EOPR__history-header{flex-direction:column;align-items:flex-start;gap:4px}.EOPR__header-title{font-size:1.2rem}}@media (max-width: 480px){.EOPR__container{padding:6px}.EOPR__form-section,.EOPR__history-section{padding:8px}.EOPR__history-actions{flex-wrap:wrap;justify-content:flex-start}.EOPR__header{padding:10px}.EOPR__header-title{font-size:1rem}}.outpass-badge-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.outpass-badge-modal-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:8px;box-shadow:0 15px 30px #0003;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:outpass-badge-modal-appear .3s ease-out;position:relative;border:1px solid #e0e0e0;transform:scale(.95)}@keyframes outpass-badge-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(.95) translateY(0)}}.outpass-badge-close-btn{position:absolute;top:10px;right:15px;background:#dc3545;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease;box-shadow:0 1px 4px #dc35454d}.outpass-badge-close-btn:hover{background:#c82333;transform:scale(1.05);box-shadow:0 2px 6px #dc354566}.outpass-badge-print-btn{position:absolute;top:10px;right:55px;background:#28a745;border:none;border-radius:4px;padding:6px 12px;font-size:12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;z-index:10;transition:all .3s ease;box-shadow:0 1px 4px #28a7454d}.outpass-badge-print-btn:hover{background:#218838;transform:translateY(-1px);box-shadow:0 2px 6px #28a74566}.outpass-form{background:#fff;border:2px solid #2c3e50;border-radius:6px;width:100%;max-width:650px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.outpass-form__header{background:linear-gradient(135deg,#2196f3,#0d47a1);text-align:center;padding:12px 15px;color:#fff}.outpass-form__header-content{display:flex;flex-direction:column;align-items:center;gap:4px}.outpass-form__title{font-weight:700;font-size:20px;letter-spacing:.5px;text-transform:uppercase;margin:0}.outpass-form__company{font-size:14px;font-weight:600;opacity:.9}.outpass-form__main-content{display:flex;min-height:250px;border-bottom:1px solid #bdc3c7}.outpass-form__left-column{flex:1.2;padding:0;display:flex;flex-direction:column}.outpass-form__right-column{flex:.8;padding:0;border-left:1px solid #bdc3c7;display:flex;flex-direction:column}.outpass-form__section{padding:10px;border-bottom:1px solid #ecf0f1}.outpass-form__section:last-child{border-bottom:none}.outpass-form__section-header{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:6px 8px;font-weight:600;font-size:11px;border-radius:3px;margin-bottom:8px;text-align:center;text-transform:uppercase;letter-spacing:.3px}.outpass-form__fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.outpass-form__field-group{display:flex;flex-direction:column;gap:2px}.outpass-form__field-group.full-width{grid-column:1 / -1}.outpass-form__label{font-weight:600;color:#2c3e50;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.outpass-form__value{padding:6px 8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;font-size:11px;font-weight:500;color:#2c3e50;min-height:14px;display:flex;align-items:center}.outpass-form__value.purpose-value,.outpass-form__value.remarks-value{min-height:30px;word-wrap:break-word;font-size:10px}.outpass-form__value.time-value{text-align:center;font-weight:600;color:#e74c3c;font-size:10px}.outpass-form__purpose-remarks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.outpass-form__photo-section{display:flex;flex-direction:column;align-items:center;padding:12px 10px}.outpass-form__photo-frame{position:relative;width:100px;height:120px;background:#f8f9fa;border:2px solid #bdc3c7;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 6px #0000001a}.outpass-form__photo-container{width:85px;height:105px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.outpass-form__photo{width:100%;height:100%;object-fit:cover;border-radius:3px}.outpass-form__photo-border{position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:1px solid #3498db;border-radius:3px;pointer-events:none}.outpass-form__time-section{flex:1;display:flex;flex-direction:column}.outpass-form__time-grid{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:center}.outpass-form__time-single-line{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.outpass-form__authority-section{background:#f8f9fa}.outpass-form__authority-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 8px}.outpass-form__fac-section{background:#fff3cd;border-bottom:1px solid #ffeaa7}.outpass-form__signature-area{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 8px}.outpass-form__signature-field{text-align:center}.outpass-form__signature-line{border-bottom:1px solid #7f8c8d;height:25px;margin-bottom:4px;background:repeating-linear-gradient(90deg,transparent,transparent 8px,#f8f9fa 8px,#f8f9fa 16px)}.outpass-form__signature-label{font-size:9px;font-style:italic;color:#7f8c8d;font-weight:500}.outpass-form__security-section{background:#e8f4fd;border-bottom:1px solid #3498db}.outpass-form__security-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 8px;align-items:center}.outpass-form__security-field{display:flex;flex-direction:column;gap:2px;align-items:center}.outpass-form__value-placeholder{border-bottom:1px dashed #7f8c8d;min-width:80px;height:18px;text-align:center;color:#7f8c8d;font-style:italic;font-size:9px}@media print{.outpass-badge-modal-overlay{position:static;background:#fff;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.outpass-badge-modal-content{box-shadow:none;border:none;max-width:none;max-height:none;border-radius:0;transform:none}.outpass-badge-close-btn,.outpass-badge-print-btn{display:none!important}.outpass-form{box-shadow:none;border:2px solid #000;max-width:none}.outpass-form__header{background:#2c3e50!important;-webkit-print-color-adjust:exact;color:#fff!important}.outpass-form__section-header{background:#3498db!important;-webkit-print-color-adjust:exact;color:#fff!important}}@media (max-width: 768px){.outpass-badge-modal-overlay{padding:5px}.outpass-badge-modal-content{max-width:98%;transform:scale(.92)}.outpass-form__main-content{flex-direction:column}.outpass-form__right-column{border-left:none;border-top:1px solid #bdc3c7}.outpass-form__authority-details,.outpass-form__signature-area,.outpass-form__security-details{grid-template-columns:1fr;gap:8px}.outpass-form__fields-grid{grid-template-columns:1fr}.outpass-form__purpose-remarks{grid-template-columns:1fr;gap:8px}.outpass-form__time-single-line{grid-template-columns:1fr;gap:6px}.outpass-badge-close-btn{top:8px;right:12px;width:24px;height:24px;font-size:14px}.outpass-badge-print-btn{top:8px;right:45px;padding:4px 8px;font-size:10px}.outpass-form__photo-frame{width:80px;height:100px}.outpass-form__photo-container{width:70px;height:90px}}@media (max-width: 480px){.outpass-form__title{font-size:16px}.outpass-form__company{font-size:12px}.outpass-form__section{padding:8px}.outpass-form__photo-frame{width:70px;height:90px}.outpass-form__photo-container{width:60px;height:80px}.outpass-badge-close-btn{width:22px;height:22px;font-size:12px}.outpass-badge-print-btn{padding:3px 6px;font-size:9px}}.ar-container{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.ar__report-container{flex:1;padding:16px;margin:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;position:relative;z-index:1}.ar__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1}.ar__title{font-size:18px;color:#55565b;margin:0}.ar__action-buttons{display:flex;gap:12px}.ar__export-button,.ar__view-button{padding:10px 20px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:var(--create-button);box-shadow:0 2px 5px #0003}.ar__export-button:hover,.ar__view-button:hover{background:var(--delete-button);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.ar__filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px;position:relative;z-index:1000}.ar__filter-group{display:flex;flex-direction:column;min-width:160px;position:relative;z-index:1001}.ar__filter-select{font-size:13px;min-width:180px;position:relative;z-index:1002}.ar__filter-select .select__menu{z-index:9999!important}.ar__filter-label{font-size:13px;margin-bottom:4px;color:#555}.ar__date-input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;height:32px}.ar__table-wrapper{margin-top:15px;position:relative;z-index:1}.ar__table-scroll-container{max-height:400px;overflow-y:auto;overflow-x:auto;position:relative;border:1px solid #e0e0e0;border-radius:8px;z-index:1}.ar__table{width:100%;border-collapse:collapse;min-width:1200px}.ar__table-head{background:#0070c0;position:sticky;top:0;z-index:10}.ar__table-header{padding:10px 8px;font-size:12px;font-weight:600;color:#fff;text-align:left;border:1px solid white;white-space:nowrap}.ar__table-body{background-color:#fff}.ar__table-row{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.ar__table-row:hover{box-shadow:0 4px 8px #0000001a}.ar__table-row:nth-child(odd){background-color:#f9f9f9}.ar__table-cell{padding:4px 8px;font-size:12px;color:#55565b;text-align:left;border:1px solid #e0e0e0;white-space:nowrap}.ar__message-row{height:300px;position:relative}.ar__loading-cell,.ar__error-cell,.ar__instruction-cell{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:20px}.ar__instruction-box{background-color:#f0f8ff;border-left:5px solid #0070c0;border-radius:4px;padding:20px;box-shadow:0 2px 8px #0000000d;display:inline-block;max-width:80%}.ar__instruction-box p{margin:0;font-size:15px;color:#0070c0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.ar__loading-cell .ar__message-box{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:#0070c0}.ar__error-cell .MuiAlert-root{width:fit-content;margin:auto}@media (max-width: 768px){.ar__filter-row{flex-direction:column;align-items:stretch}.ar__filter-group{min-width:auto}.ar__header-row{flex-direction:column;gap:12px;align-items:flex-start}.ar__action-buttons{width:100%;justify-content:flex-end}}.pr__table-head{background:#0070c0;position:sticky;top:0;z-index:10}.pr__table-header{padding:10px 8px;font-size:12px;font-weight:600;color:#fff;text-align:left;border:1px solid white;white-space:nowrap}.pr__table-body{background-color:#fff}.pr__table-row{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.pr__table-cell{padding:4px 8px;font-size:12px;color:#55565b;text-align:left;border:1px solid #e0e0e0;white-space:nowrap}@media (max-width: 768px){.pr__filter-row{flex-direction:column;align-items:stretch}.pr__filter-group{min-width:auto}.pr__header-row{flex-direction:column;gap:12px;align-items:flex-start}.pr__action-buttons{width:100%;justify-content:flex-end}}:root{--mar-brand-start: #2196F3;--mar-brand-end: #0d47a1;--mar-brand: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--mar-brand-mid: #1565c0;--mar-brand-light: #e3f2fd;--mar-brand-pale: #f0f7ff;--mar-white: #ffffff;--mar-bg: #f4f7fb;--mar-surface: #ffffff;--mar-border: #dde3ec;--mar-border2: #ccd6e8;--mar-text-primary: #1a2340;--mar-text-secondary: #4a5778;--mar-text-muted: #8898b4;--mar-radius: 12px;--mar-radius-sm: 8px;--mar-shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(33,150,243,.08);--s-present: #388e3c;--s-present-bg: #e8f5e9;--s-absent: #d32f2f;--s-absent-bg: #fce4ec;--s-leave: #f57c00;--s-leave-bg: #fff8e1;--s-weekoff: #7b1fa2;--s-weekoff-bg: #f3e5f5;--s-holiday: #0288d1;--s-holiday-bg: #e1f5fe;--s-offday: #546e7a;--s-offday-bg: #eceff1;--s-tour: #00695c;--s-tour-bg: #e0f2f1;--s-late: #e65100;--s-late-bg: #fff3e0;--s-early: #5c6bc0;--s-early-bg: #e8eaf6}.mar{min-height:100vh;background:var(--mar-bg);padding:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.mar__card{max-width:100%;background:var(--mar-surface);border-radius:var(--mar-radius);box-shadow:var(--mar-shadow-card);border:1px solid var(--mar-border);overflow:hidden}.mar__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--mar-brand);flex-wrap:wrap}.mar__header-left{display:flex;align-items:center;gap:14px}.mar__header-icon{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mar__title{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.mar__subtitle{margin:2px 0 0;font-size:12px;color:#fffc}.mar__header-actions{display:flex;gap:10px;flex-wrap:wrap}.mar__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--mar-radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.mar__btn:disabled{opacity:.5;cursor:not-allowed}.mar__btn--primary{background:#fff;color:var(--mar-brand-end);box-shadow:0 2px 8px #00000026}.mar__btn--primary:hover:not(:disabled){background:var(--mar-brand-light);transform:translateY(-1px)}.mar__btn--outline{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.5)}.mar__btn--outline:hover:not(:disabled){background:#ffffff40;border-color:#fff}.mar__filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:20px 24px;background:var(--mar-brand-pale);border-bottom:1px solid var(--mar-border)}.mar__filter-group{display:flex;flex-direction:column;gap:5px}.mar__label{font-size:11.5px;font-weight:600;color:var(--mar-text-secondary);text-transform:uppercase;letter-spacing:.5px}.mar__date-input{height:36px;padding:0 10px;border:1.5px solid var(--mar-border);border-radius:var(--mar-radius-sm);font-size:13px;color:var(--mar-text-primary);background:#fff}.mar__date-input:focus{outline:none;border-color:var(--mar-brand-start);box-shadow:0 0 0 3px #2196f326}.mar__legend{display:flex;flex-wrap:wrap;gap:8px 14px;padding:12px 24px;background:var(--mar-white);border-bottom:1px solid var(--mar-border);align-items:center}.mar__legend-item{display:flex;align-items:center;gap:5px}.mar__legend-label{font-size:11px;color:var(--mar-text-secondary);font-weight:500}.mar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 4px;border-radius:4px;font-size:10.5px;font-weight:700;letter-spacing:.3px}.status--present{background:var(--s-present-bg);color:var(--s-present)}.status--absent{background:var(--s-absent-bg);color:var(--s-absent)}.status--leave{background:var(--s-leave-bg);color:var(--s-leave)}.status--weekoff{background:var(--s-weekoff-bg);color:var(--s-weekoff)}.status--holiday{background:var(--s-holiday-bg);color:var(--s-holiday)}.status--offday{background:var(--s-offday-bg);color:var(--s-offday)}.status--tour{background:var(--s-tour-bg);color:var(--s-tour)}.status--late{background:var(--s-late-bg);color:var(--s-late)}.status--early{background:var(--s-early-bg);color:var(--s-early)}.status--coff{background:#f3e5f5;color:#6a1b9a}.mar__table-wrap{overflow:auto;max-height:calc(100vh - 340px);position:relative}.mar__table-wrap::-webkit-scrollbar{width:7px;height:7px}.mar__table-wrap::-webkit-scrollbar-track{background:var(--mar-bg)}.mar__table-wrap::-webkit-scrollbar-thumb{background:#b0c4de;border-radius:4px}.mar__table-wrap::-webkit-scrollbar-thumb:hover{background:var(--mar-brand-start)}.mar__table{width:100%;border-collapse:collapse;font-size:12.5px;color:var(--mar-text-primary);white-space:nowrap}.mar__table thead{position:sticky;top:0;z-index:10}.mar__th{padding:10px 8px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.3px;border:1px solid rgba(255,255,255,.2);background:var(--mar-brand);color:#fff}.mar__th--fixed{text-align:left;background:var(--mar-brand-end);min-width:90px;padding:10px 12px}.mar__th--date{min-width:42px;padding:6px 4px;background:linear-gradient(135deg,#1976d2,#0d47a1)}.mar__th--weekend{background:linear-gradient(135deg,#5c35c9,#3a1fa8)}.mar__th-day{display:block;font-size:13px;font-weight:800}.mar__th-dow{display:block;font-size:9px;font-weight:500;opacity:.8;margin-top:1px}.mar__th--sum{min-width:38px;background:linear-gradient(135deg,#0d47a1,#082f7a);font-size:10.5px}.mar__row:hover{background:var(--mar-brand-pale)!important}.mar__row--alt{background:#fafcff}.mar__cell{padding:7px 8px;border:1px solid #eaf0f8;text-align:center;vertical-align:middle;font-size:12px}.mar__cell--empno{text-align:left;font-weight:700;color:var(--mar-brand-mid);font-size:11.5px;padding-left:12px}.mar__cell--name{text-align:left;font-weight:600;min-width:140px;padding-left:12px}.mar__cell--day{padding:4px 3px;min-width:42px}.mar__cell--sum{font-weight:700;font-size:12px;border-left:1px solid var(--mar-border2)}.mar__sum--present{color:var(--s-present);background:#388e3c0d}.mar__sum--absent{color:var(--s-absent);background:#d32f2f0d}.mar__sum--leave{color:var(--s-leave);background:#f57c000d}.mar__sum--holiday{color:var(--s-holiday);background:#0288d10d}.mar__sum--late{color:var(--s-late);background:#e651000d}.mar__state-cell{padding:60px 20px;background:var(--mar-white)}.mar__state-box{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:400px;margin:0 auto;text-align:center}.mar__state-icon{font-size:40px;margin-bottom:4px}.mar__state-title{font-size:16px;font-weight:700;color:var(--mar-text-primary)}.mar__state-sub{font-size:13px;color:var(--mar-text-muted)}.mar__state-box--error{padding:24px 28px;background:#fff5f5;border:1.5px solid #ffcdd2;border-radius:var(--mar-radius)}.mar__state-box--error .mar__state-title{color:#c62828}.mar__state-box--idle{padding:24px 28px;background:var(--mar-brand-pale);border:1.5px dashed var(--mar-border2);border-radius:var(--mar-radius)}.mar__state-box--empty{padding:24px 28px;background:#fffbf0;border:1.5px dashed #ffe082;border-radius:var(--mar-radius)}.mar__state-box--empty .mar__state-title{color:#e65100}@media (max-width: 768px){.mar{padding:12px}.mar__header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.mar__header-actions{width:100%}.mar__btn{flex:1;justify-content:center}.mar__filters{grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px}.mar__title{font-size:17px}}@media (max-width: 480px){.mar__filters{grid-template-columns:1fr}}@media print{.mar{padding:0;background:#fff}.mar__card{box-shadow:none;border:none}.mar__header-actions,.mar__filters{display:none}.mar__table-wrap{max-height:none;overflow:visible}}:root{--dar-brand-start: #2196F3;--dar-brand-end: #0d47a1;--dar-brand: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--dar-brand-mid: #1565c0;--dar-brand-light: #e3f2fd;--dar-brand-pale: #f0f7ff;--dar-white: #ffffff;--dar-bg: #f4f7fb;--dar-surface: #ffffff;--dar-border: #dde3ec;--dar-border2: #ccd6e8;--dar-text-primary: #1a2340;--dar-text-secondary: #4a5778;--dar-text-muted: #8898b4;--dar-radius: 12px;--dar-radius-sm: 8px;--dar-shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(33,150,243,.08);--dar-late: #e65100;--dar-late-bg: #fff3e0;--dar-early: #d32f2f;--dar-early-bg: #fce4ec;--dar-leave: #1565c0;--dar-leave-bg: #e3f2fd;--dar-present: #2e7d32;--dar-present-bg: #e8f5e9;--dar-absent: #c62828;--dar-absent-bg: #ffebee}.dar{min-height:100vh;background:var(--dar-bg);padding:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.dar__card{max-width:100%;background:var(--dar-surface);border-radius:var(--dar-radius);box-shadow:var(--dar-shadow-card);border:1px solid var(--dar-border);overflow:hidden}.dar__loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;background:var(--dar-white);border-radius:var(--dar-radius);font-size:14px;color:var(--dar-text-secondary)}.dar__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--dar-brand);flex-wrap:wrap}.dar__header-left{display:flex;align-items:center;gap:14px}.dar__header-icon{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dar__title{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.dar__subtitle{margin:2px 0 0;font-size:12px;color:#fffc}.dar__header-actions{display:flex;gap:10px;flex-wrap:wrap}.dar__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--dar-radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;white-space:nowrap;line-height:1}.dar__btn:disabled{opacity:.5;cursor:not-allowed}.dar__btn--primary{background:#fff;color:var(--dar-brand-end);box-shadow:0 2px 8px #00000026}.dar__btn--primary:hover:not(:disabled){background:var(--dar-brand-light);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.dar__btn--outline{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dar__btn--outline:hover:not(:disabled){background:#ffffff40;border-color:#fff;transform:translateY(-1px)}.dar__filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:20px 24px;background:var(--dar-brand-pale);border-bottom:1px solid var(--dar-border)}.dar__filter-group{display:flex;flex-direction:column;gap:5px}.dar__label{font-size:11.5px;font-weight:600;color:var(--dar-text-secondary);text-transform:uppercase;letter-spacing:.5px}.dar__date-input{height:36px;padding:0 10px;border:1.5px solid var(--dar-border);border-radius:var(--dar-radius-sm);font-size:13px;color:var(--dar-text-primary);background:#fff;transition:border-color .2s,box-shadow .2s;outline:none;width:100%;box-sizing:border-box}.dar__date-input:focus{border-color:var(--dar-brand-start);box-shadow:0 0 0 3px #2196f326}.dar__legend{display:flex;flex-wrap:wrap;gap:8px 20px;padding:10px 24px;background:var(--dar-white);border-bottom:1px solid var(--dar-border);align-items:center}.dar__legend-title{font-size:11px;font-weight:700;color:var(--dar-text-secondary);text-transform:uppercase;letter-spacing:.5px}.dar__legend-item{display:flex;align-items:center;gap:6px}.dar__legend-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.dar__legend-badge--late{background:var(--dar-late-bg);color:var(--dar-late)}.dar__legend-badge--early{background:var(--dar-early-bg);color:var(--dar-early)}.dar__legend-badge--leave{background:var(--dar-leave-bg);color:var(--dar-leave)}.dar__legend-badge--present{background:var(--dar-present-bg);color:var(--dar-present)}.dar__legend-badge--absent{background:var(--dar-absent-bg);color:var(--dar-absent)}.dar__table-wrap{overflow:auto;max-height:calc(100vh - 380px);position:relative}.dar__table-wrap::-webkit-scrollbar{width:7px;height:7px}.dar__table-wrap::-webkit-scrollbar-track{background:var(--dar-bg)}.dar__table-wrap::-webkit-scrollbar-thumb{background:#b0c4de;border-radius:4px}.dar__table-wrap::-webkit-scrollbar-thumb:hover{background:var(--dar-brand-start)}.dar__table{width:100%;border-collapse:collapse;font-size:12px;color:var(--dar-text-primary);white-space:nowrap}.dar__table thead{position:sticky;top:0;z-index:10}.dar__th{padding:12px 8px;text-align:center;font-weight:700;font-size:11px;letter-spacing:.3px;background:var(--dar-brand);color:#fff;border:1px solid rgba(255,255,255,.2);text-transform:uppercase}.dar__row{transition:background .15s}.dar__row:hover{background:var(--dar-brand-pale)!important}.dar__row--alt{background:#fafcff}.dar__cell{padding:8px 6px;border:1px solid #eaf0f8;text-align:center;vertical-align:middle}.dar__cell--empno{font-weight:700;color:var(--dar-brand-mid);text-align:left;padding-left:12px}.dar__cell--name{font-weight:500;text-align:left;padding-left:12px;min-width:150px}.dar__cell--late{background:var(--dar-late-bg);color:var(--dar-late);font-weight:700}.dar__cell--early{background:var(--dar-early-bg);color:var(--dar-early);font-weight:700}.dar__cell--leave{background:var(--dar-leave-bg);color:var(--dar-leave);font-weight:700}.dar__cell--present{background:var(--dar-present-bg);color:var(--dar-present);font-weight:600}.dar__cell--absent{background:var(--dar-absent-bg);color:var(--dar-absent);font-weight:600}.dar__state-cell{padding:60px 20px;background:var(--dar-white)}.dar__state-box{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:400px;margin:0 auto;text-align:center}.dar__state-icon{font-size:40px;line-height:1;margin-bottom:4px}.dar__state-title{font-size:16px;font-weight:700;color:var(--dar-text-primary)}.dar__state-sub{font-size:13px;color:var(--dar-text-muted);line-height:1.5}.dar__state-box--loading .dar__state-title{color:var(--dar-brand-mid)}.dar__state-box--error{padding:24px 28px;background:#fff5f5;border:1.5px solid #ffcdd2;border-radius:var(--dar-radius)}.dar__state-box--error .dar__state-title{color:#c62828}.dar__state-box--error .dar__state-sub{color:#b71c1c}.dar__state-box--idle{padding:24px 28px;background:var(--dar-brand-pale);border:1.5px dashed var(--dar-border2);border-radius:var(--dar-radius)}.dar__state-box--empty{padding:24px 28px;background:#fffbf0;border:1.5px dashed #ffe082;border-radius:var(--dar-radius)}.dar__state-box--empty .dar__state-title{color:#e65100}@media (max-width: 768px){.dar{padding:12px}.dar__header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.dar__header-actions{width:100%}.dar__btn{flex:1;justify-content:center}.dar__filters{grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px}.dar__title{font-size:17px}.dar__table-wrap{max-height:calc(100vh - 420px)}}@media (max-width: 480px){.dar__filters{grid-template-columns:1fr}.dar__legend{padding:10px 16px}.dar__cell{padding:6px 4px;font-size:11px}}@media print{.dar{padding:0;background:#fff}.dar__card{box-shadow:none;border:none}.dar__header-actions,.dar__filters,.dar__legend{display:none}.dar__table-wrap{max-height:none;overflow:visible}.dar__th{background:#e0e0e0!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dar__row--alt{background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--amr-brand-start: #2196F3;--amr-brand-end: #0d47a1;--amr-brand: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--amr-brand-mid: #1565c0;--amr-brand-light: #e3f2fd;--amr-brand-pale: #f0f7ff;--amr-white: #ffffff;--amr-bg: #f4f7fb;--amr-surface: #ffffff;--amr-border: #dde3ec;--amr-border2: #ccd6e8;--amr-text-primary: #1a2340;--amr-text-secondary: #4a5778;--amr-text-muted: #8898b4;--amr-radius: 12px;--amr-radius-sm: 8px;--amr-shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(33,150,243,.08);--amr-footer-bg: #e8eaf6}.amr{min-height:100vh;background:var(--amr-bg);padding:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.amr__card{max-width:100%;background:var(--amr-surface);border-radius:var(--amr-radius);box-shadow:var(--amr-shadow-card);border:1px solid var(--amr-border);overflow:hidden}.amr__loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;background:var(--amr-white);border-radius:var(--amr-radius);font-size:14px;color:var(--amr-text-secondary)}.amr__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--amr-brand);flex-wrap:wrap}.amr__header-left{display:flex;align-items:center;gap:14px}.amr__header-icon{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.amr__title{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.amr__subtitle{margin:2px 0 0;font-size:12px;color:#fffc}.amr__header-actions{display:flex;gap:10px;flex-wrap:wrap}.amr__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--amr-radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;white-space:nowrap;line-height:1}.amr__btn:disabled{opacity:.5;cursor:not-allowed}.amr__btn--primary{background:#fff;color:var(--amr-brand-end);box-shadow:0 2px 8px #00000026}.amr__btn--primary:hover:not(:disabled){background:var(--amr-brand-light);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.amr__btn--outline{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.amr__btn--outline:hover:not(:disabled){background:#ffffff40;border-color:#fff;transform:translateY(-1px)}.amr__filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:20px 24px;background:var(--amr-brand-pale);border-bottom:1px solid var(--amr-border)}.amr__filter-group{display:flex;flex-direction:column;gap:5px}.amr__label{font-size:11.5px;font-weight:600;color:var(--amr-text-secondary);text-transform:uppercase;letter-spacing:.5px}.amr__date-input{height:36px;padding:0 10px;border:1.5px solid var(--amr-border);border-radius:var(--amr-radius-sm);font-size:13px;color:var(--amr-text-primary);background:#fff;transition:border-color .2s,box-shadow .2s;outline:none;width:100%;box-sizing:border-box}.amr__date-input:focus{border-color:var(--amr-brand-start);box-shadow:0 0 0 3px #2196f326}.amr__legend{display:flex;flex-wrap:wrap;gap:8px 20px;padding:10px 24px;background:var(--amr-white);border-bottom:1px solid var(--amr-border);align-items:center}.amr__legend-title{font-size:11px;font-weight:700;color:var(--amr-text-secondary);text-transform:uppercase;letter-spacing:.5px}.amr__legend-item{display:flex;align-items:center;gap:6px}.amr__legend-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.amr__legend-label{font-size:11px;color:var(--amr-text-secondary)}.amr__table-wrap{overflow:hidden;position:relative}.amr__table-scroll{overflow:auto;max-height:calc(100vh - 400px);min-height:550px;position:relative}.amr__table-scroll::-webkit-scrollbar{width:7px;height:7px}.amr__table-scroll::-webkit-scrollbar-track{background:var(--amr-bg)}.amr__table-scroll::-webkit-scrollbar-thumb{background:#b0c4de;border-radius:4px}.amr__table-scroll::-webkit-scrollbar-thumb:hover{background:var(--amr-brand-start)}.amr__table{width:100%;border-collapse:collapse;font-size:11px;color:var(--amr-text-primary);white-space:nowrap}.amr__table thead{position:sticky;top:0;z-index:10}.amr__th{padding:10px 6px;text-align:center;font-weight:700;font-size:10px;letter-spacing:.3px;background:var(--amr-brand);color:#fff;border:1px solid rgba(255,255,255,.2)}.amr__th--employee{min-width:180px;text-align:left;padding-left:12px}.amr__th--shift{min-width:50px}.amr__th--date{background:var(--amr-brand-mid)}.amr__th--day{min-width:55px}.amr__th--weekend{background:linear-gradient(135deg,#5c35c9,#3a1fa8)}.amr__th-day{display:block;font-size:12px;font-weight:800}.amr__th-dow{display:block;font-size:8px;opacity:.8;margin-top:2px}.amr__th--summary{min-width:120px}.amr__employee-details{padding:10px 8px;border:1px solid #eaf0f8;vertical-align:top;background:var(--amr-brand-pale)}.amr__employee-info{display:flex;flex-direction:column;gap:4px}.amr__info-row{display:flex;gap:6px;font-size:10px}.amr__info-label{font-weight:700;color:var(--amr-brand-mid);min-width:65px}.amr__info-value{color:var(--amr-text-primary)}.amr__info-value--name{font-weight:600;color:var(--amr-brand-end)}.amr__cell{padding:6px 4px;border:1px solid #eaf0f8;text-align:center;vertical-align:middle}.amr__cell--label{font-weight:700;background:var(--amr-brand-light);color:var(--amr-brand-end);text-align:center}.amr__cell--shift{font-weight:500;color:var(--amr-brand-mid)}.amr__cell--warning{background:#fff3e0;color:#e65100;font-weight:600}.amr__cell--success{background:#e8f5e9;color:#2e7d32;font-weight:600}.amr__cell--summary{background:var(--amr-brand-pale);text-align:left;vertical-align:top}.amr__status-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.amr__summary-compact{display:flex;flex-direction:column;gap:3px;font-size:10px}.amr__summary-label{font-weight:700;color:var(--amr-brand-mid)}.amr__row--even{background:#fff}.amr__row--odd{background:#fafcff}.amr__employee-group:hover,.amr__data-row:hover{background:var(--amr-brand-pale)!important}.amr__spacer{background:transparent}.amr__spacer td{border:none}.amr__footer{position:sticky;bottom:0;z-index:9;background:var(--amr-white);border-top:2px solid var(--amr-brand-start);box-shadow:0 -2px 8px #0000000d}.amr__footer-row{background:var(--amr-footer-bg)}.amr__footer-cell{padding:12px 8px;border:1px solid var(--amr-border);font-size:12px}.amr__footer-cell--label{text-align:center;font-weight:700;color:var(--amr-brand-end);background:var(--amr-footer-bg);border-right:2px solid var(--amr-brand-start)}.amr__footer-cell--stats{padding:8px 12px;background:var(--amr-footer-bg)}.amr__footer-stats{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:flex-start}.amr__footer-stat{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;background:var(--amr-white);border-radius:20px;box-shadow:0 1px 2px #0000000d}.amr__footer-stat-label{font-size:10px;font-weight:600;color:var(--amr-text-secondary);text-transform:uppercase;letter-spacing:.3px}.amr__footer-stat-value{font-size:14px;font-weight:700;color:var(--amr-text-primary)}.amr__footer-stat--present{color:#2e7d32}.amr__footer-stat--absent{color:#d32f2f}.amr__footer-stat--leave{color:#1565c0}.amr__state-cell td{padding:60px 20px;background:var(--amr-white)}.amr__state-box{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:400px;margin:0 auto;text-align:center}.amr__state-icon{font-size:40px;line-height:1;margin-bottom:4px}.amr__state-title{font-size:16px;font-weight:700;color:var(--amr-text-primary)}.amr__state-sub{font-size:13px;color:var(--amr-text-muted);line-height:1.5}.amr__state-box--loading .amr__state-title{color:var(--amr-brand-mid)}.amr__state-box--error{padding:24px 28px;background:#fff5f5;border:1.5px solid #ffcdd2;border-radius:var(--amr-radius)}.amr__state-box--error .amr__state-title{color:#c62828}.amr__state-box--idle{padding:24px 28px;background:var(--amr-brand-pale);border:1.5px dashed var(--amr-border2);border-radius:var(--amr-radius)}.amr__state-box--empty{padding:24px 28px;background:#fffbf0;border:1.5px dashed #ffe082;border-radius:var(--amr-radius)}@media (max-width: 768px){.amr{padding:12px}.amr__header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.amr__header-actions{width:100%}.amr__btn{flex:1;justify-content:center}.amr__filters{grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px}.amr__title{font-size:17px}.amr__table-scroll{max-height:calc(100vh - 460px);min-height:400px}.amr__footer-stats{gap:10px}.amr__footer-stat{padding:2px 8px}.amr__footer-stat-value{font-size:12px}}@media (max-width: 480px){.amr__filters{grid-template-columns:1fr}.amr__legend{padding:10px 16px}.amr__cell{padding:4px 2px;font-size:9px}.amr__th{padding:6px 2px;font-size:8px}.amr__footer-stats{flex-direction:column;align-items:flex-start;gap:6px}}@media print{.amr{padding:0;background:#fff}.amr__card{box-shadow:none;border:none}.amr__header-actions,.amr__filters,.amr__legend{display:none}.amr__table-scroll{max-height:none;overflow:visible;min-height:auto}.amr__th{background:#e0e0e0!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.amr__footer{position:relative;break-inside:avoid}}:root{--usert-blue-start: #2196F3;--usert-blue-end: #0d47a1;--usert-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--usert-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--usert-white: #ffffff;--usert-bg: #f0f4f8;--usert-surface: #ffffff;--usert-border: #e2e8f0;--usert-border-light: #f1f5f9;--usert-text-primary: #0f172a;--usert-text-secondary: #475569;--usert-text-muted: #94a3b8;--usert-blue-50: #eff6ff;--usert-blue-100: #dbeafe;--usert-blue-600: #2563eb;--usert-blue-700: #1d4ed8;--usert-success: #16a34a;--usert-error: #dc2626;--usert-warning: #d97706;--usert-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--usert-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--usert-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--usert-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--usert-radius: 12px;--usert-radius-sm: 6px;--usert-radius-xs: 4px;--usert-font: "Segoe UI", system-ui, -apple-system, sans-serif;--usert-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.usert-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--usert-bg);font-family:var(--usert-font);padding:8px;box-sizing:border-box}.usert-card{background:var(--usert-surface);border-radius:var(--usert-radius);box-shadow:var(--usert-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--usert-border)}.usert-header{background:var(--usert-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.usert-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.usert-header-left{display:flex;align-items:center;gap:12px;min-width:0}.usert-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.usert-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.usert-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.usert-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.usert-btn.usert-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--usert-transition)!important;display:flex;align-items:center;justify-content:center}.usert-btn.usert-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.usert-btn.usert-btn-icon.usert-btn--active{background:#fffffff2!important;color:var(--usert-blue-700)!important;border-color:#fff!important}.usert-btn.usert-btn-icon.usert-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.usert-btn.usert-btn-icon.usert-btn--danger:hover:not(:disabled){background:#ef444473!important}.usert-btn.usert-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:#fffffff2;color:var(--usert-blue-700);font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--usert-transition)}.usert-btn.usert-btn-primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.usert-btn.usert-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--usert-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--usert-blue-600);cursor:pointer;transition:var(--usert-transition)}.usert-btn.usert-btn-outline:hover{background:var(--usert-blue-50)}.usert-btn.usert-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--usert-text-muted);font-size:12px;font-weight:500;border:1px solid var(--usert-border);cursor:pointer;transition:var(--usert-transition)}.usert-btn.usert-btn-ghost:hover{background:var(--usert-border-light);color:var(--usert-text-secondary)}.usert-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.usert-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--usert-border)}.usert-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:0}.usert-search-field{position:relative;display:flex;align-items:center}.usert-search-field-icon{position:absolute;left:9px;color:var(--usert-text-muted)!important;pointer-events:none;z-index:1}.usert-search-input{width:100%;padding:7px 28px;border:1.5px solid var(--usert-border);border-radius:var(--usert-radius-sm);font-size:12.5px;color:var(--usert-text-primary);background:var(--usert-white);transition:var(--usert-transition);font-family:var(--usert-font);box-sizing:border-box}.usert-search-input:focus{outline:none;border-color:var(--usert-blue-start);box-shadow:0 0 0 3px #2196f31f}.usert-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--usert-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--usert-transition)}.usert-search-clear:hover{background:var(--usert-error)}.usert-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.usert-table-wrap::-webkit-scrollbar{width:6px;height:6px}.usert-table-wrap::-webkit-scrollbar-track{background:transparent}.usert-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.usert-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.usert-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.usert-thead{position:sticky;top:0;z-index:10}.usert-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--usert-text-secondary);background:#f8fafc;border-bottom:2px solid var(--usert-border);text-align:left;white-space:nowrap}.usert-row{border-bottom:1px solid var(--usert-border-light);transition:background .15s ease,box-shadow .15s ease;animation:usert-row-in .25s ease both}@keyframes usert-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.usert-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--usert-blue-start)}.usert-row:nth-child(2n){background:#fafbfc}.usert-row:nth-child(2n):hover{background:#f0f7ff}.usert-td{padding:12px;font-size:12.5px;color:var(--usert-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usert-col-role{width:15%;min-width:120px}.usert-col-name{width:20%;min-width:140px}.usert-col-empno{width:15%;min-width:100px}.usert-col-empname{width:30%;min-width:180px}.usert-col-actions{width:20%;min-width:100px;text-align:center}.usert-badge-role{display:inline-block;padding:4px 8px;border-radius:var(--usert-radius-xs);background:var(--usert-blue-50);color:var(--usert-blue-700);font-size:11.5px;font-weight:700;border:1px solid var(--usert-blue-100)}.usert-text-primary{font-weight:600;color:var(--usert-text-primary)}.usert-text-secondary{color:var(--usert-text-secondary)}.usert-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.usert-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--usert-transition)!important}.usert-action-btn--reset{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff!important;box-shadow:0 2px 6px #7c3aed4d!important}.usert-action-btn--reset:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #7c3aed73!important}.usert-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.usert-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.usert-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--usert-border);background:#fafbfc;flex-shrink:0;gap:12px}.usert-footer-text{font-size:12px;color:var(--usert-text-muted)}.usert-footer-text strong{color:var(--usert-text-secondary);font-weight:700}.usert-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.usert-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:usert-fade-in .4s ease both}@keyframes usert-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.usert-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--usert-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--usert-blue-600);margin-bottom:4px}.usert-state-icon-wrap--error{background:#fef2f2;color:var(--usert-error)}.usert-state-title{font-size:17px;font-weight:700;color:var(--usert-text-primary);margin:0}.usert-state-desc{font-size:13.5px;color:var(--usert-text-muted);margin:0;line-height:1.55}.usert-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.usert-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--usert-border-light);animation:usert-fade-in .4s ease both}.usert-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:usert-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes usert-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.usert-sk-text{height:14px;flex:1;max-width:200px}.usert-sk-pill{width:90px;height:26px;border-radius:20px}.usert-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:usert-fade-in .2s ease}.usert-modal-container{background:var(--usert-white);border-radius:var(--usert-radius);box-shadow:var(--usert-shadow-lg);padding:24px 28px;max-width:400px;width:90%;text-align:center;animation:usert-scale-in .2s ease}@keyframes usert-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.usert-modal-message{font-size:14px;color:var(--usert-text-primary);line-height:1.6;margin:0 0 24px}.usert-modal-actions{display:flex;gap:12px;justify-content:center}.usert-modal-btn{padding:8px 20px;border-radius:var(--usert-radius-sm);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:var(--usert-transition);font-family:var(--usert-font)}.usert-modal-btn-cancel{background:#f1f5f9;color:var(--usert-text-secondary)}.usert-modal-btn-cancel:hover{background:#e2e8f0}.usert-modal-btn-confirm,.usert-modal-btn-ok{background:var(--usert-gradient);color:#fff}.usert-modal-btn-confirm:hover,.usert-modal-btn-ok:hover{transform:translateY(-1px);box-shadow:var(--usert-shadow-blue)}.usert-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1100px){.usert-col-empname{display:none}.usert-search-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.usert-col-empno{display:none}.usert-search-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.usert-root{padding:4px}.usert-card{height:calc(100vh - 52px);border-radius:8px}.usert-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.usert-title{font-size:15px}.usert-subtitle{display:none}.usert-actions{gap:4px}.usert-search-grid{grid-template-columns:1fr}.usert-action-group{gap:4px}.usert-footer{padding:8px 14px}.usert-modal-container{padding:20px}}@media (max-width: 480px){.usert-col-name{min-width:120px}.usert-col-role{min-width:100px}}.mtr-container{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.mtr__report-container{flex:1;padding:16px;margin:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;position:relative;z-index:1}.mtr__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1}.mtr__title{font-size:18px;color:#55565b;margin:0}.mtr__action-buttons{display:flex;gap:12px}.mtr__export-button,.mtr__view-button{padding:10px 20px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:var(--create-button);box-shadow:0 2px 5px #0003}.mtr__export-button:hover,.mtr__view-button:hover{background:var(--delete-button);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.mtr__filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px;position:relative;z-index:1000}.mtr__filter-group{display:flex;flex-direction:column;min-width:160px;position:relative;z-index:1001}.mtr__filter-select{font-size:13px;min-width:180px;position:relative;z-index:1002}.mtr__filter-select .select__menu{z-index:9999!important}.mtr__filter-label{font-size:13px;margin-bottom:4px;color:#555}.mtr__date-input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;height:32px}.mtr__table-wrapper{margin-top:15px;position:relative;z-index:1}.mtr__table-scroll-container{max-height:600px;overflow-y:auto;overflow-x:auto;position:relative;border:1px solid #e0e0e0;border-radius:8px;z-index:1}.mtr__table{width:100%;border-collapse:collapse;min-width:1200px}.mtr__table-head{background:#0070c0;position:sticky;top:0;z-index:10}.mtr__table-header{padding:10px 8px;font-size:12px;font-weight:600;color:#fff;text-align:left;border:1px solid white;white-space:nowrap}.mtr__table-body{background-color:#fff}.mtr__table-row{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.mtr__table-row:hover{box-shadow:0 4px 8px #0000001a}.mtr__table-row:nth-child(odd){background-color:#f9f9f9}.mtr__table-cell{padding:8px;font-size:12px;color:#55565b;text-align:left;border:1px solid #e0e0e0;white-space:nowrap}.mtr__status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.mtr__status--present{background-color:#e8f5e9;color:#2e7d32}.mtr__status--late,.mtr__status--early-departure{background-color:#fff3e0;color:#ef6c00}.mtr__status--absent{background-color:#ffebee;color:#c62828}.mtr__message-row{height:100px;position:relative}.mtr__loading-cell,.mtr__error-cell,.mtr__instruction-cell{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:20px}.mtr__instruction-box{background-color:#f0f8ff;border-left:5px solid #0070c0;border-radius:4px;padding:20px;box-shadow:0 2px 8px #0000000d;display:inline-block;max-width:80%}.mtr__instruction-box p{margin:0;font-size:15px;color:#0070c0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.mtr__loading-cell .mtr__message-box{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:#0070c0}.mtr__error-cell .MuiAlert-root{width:fit-content;margin:auto}.mtr__toggle-container{display:flex;justify-content:center;margin-bottom:20px}.mtr__toggle-button{padding:10px 20px;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer;font-weight:700;transition:all .3s ease}.mtr__toggle-button:first-of-type{border-radius:5px 0 0 5px}.mtr__toggle-button:last-of-type{border-radius:0 5px 5px 0}.mtr__toggle-button.active{background-color:#0070c0;color:#fff;border-color:#0070c0}.mtr__summary-box-container{margin-bottom:20px}.mtr__summary-box{display:flex;flex-wrap:wrap;justify-content:space-between;padding:16px;background-color:#f8f8f8;border-radius:8px;box-shadow:0 4px 12px #00000014;gap:15px}.mtr__summary-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 2px 6px #0000000d;flex:1;min-width:90px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.mtr__summary-item:hover{transform:translateY(-3px);box-shadow:0 4px 10px #0000001a}.mtr__summary-label{font-size:14px;font-weight:500;color:#666;margin-bottom:4px}.mtr__summary-value{font-size:24px;font-weight:700}.present-value{color:#28a745}.absent-value{color:#dc3545}.late-value,.early-value{color:#ffc107}.week-off-value,.leave-value,.holiday-value,.tour-value{color:#007bff}.work-hours-value{color:#17a2b8}.overtime-value{color:#6610f2}.shortage-value{color:#dc3545}.c-off-value{color:#20c997}@media (max-width: 768px){.mtr__summary-box{flex-direction:row;flex-wrap:wrap;justify-content:center}.mtr__summary-item{flex:1 1 45%;margin-bottom:10px}}@media (max-width: 768px){.mtr__filter-row{flex-direction:column;align-items:stretch}.mtr__filter-group{min-width:auto}.mtr__header-row{flex-direction:column;gap:12px;align-items:flex-start}.mtr__action-buttons{width:100%;justify-content:flex-end}}:root{--dark-bg: #141414;--card-bg: #222222;--gold-text: #daaf51;--light-gray-text: #bdbdbd}.contactPage-wrapper{position:relative;min-height:100vh;font-family:Arial,sans-serif;box-sizing:border-box}.contactPage-topSection{background:url(/images/bg.png) no-repeat center center / cover;background-color:var(--dark-bg);height:65vh;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.contactPage-topSection:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.contactPage-bottomSection{background-color:var(--dark-bg);height:45vh}.contactPage-header{color:#fff;position:relative;z-index:2}.cp-logo{width:150px;margin-bottom:20px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;background-color:#fff;padding:10px;border-radius:8px}.cp-logo:hover{transform:scale(1.1);box-shadow:0 0 20px #ffffff80}.contactPage-headerTitle{font-size:3rem;font-weight:300;letter-spacing:5px;margin:0;color:#fff}.contactPage-headerLine{width:50px;height:2px;background-color:var(--gold-text);border:none;margin:10px auto 20px}.contactPage-headerSubtitle{font-size:.9rem;color:var(--light-gray-text);max-width:600px;margin:0 auto;line-height:1.6}.contactPage-contentContainer{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1200px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;z-index:2}.contactPage-getInTouchHeading{display:flex;flex-direction:column;align-items:flex-start;flex-basis:30%}.contactPage-subtitle{color:var(--gold-text);font-size:.8rem;font-weight:700;letter-spacing:2px}.contactPage-getInTouchTitle{font-size:4rem;font-weight:300;letter-spacing:2px;color:var(--gold-text);margin:0;line-height:1}.contactPage-cardsContainer{display:flex;gap:20px;flex-basis:70%;justify-content:flex-end;flex-wrap:nowrap;transform:translate(5%)}.contactPage-card{background-color:var(--card-bg);padding:30px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;width:250px}.contactPage-cardIconContainer{background-color:var(--gold-text);width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:15px}.contactPage-cardIcon{color:var(--dark-bg)!important;font-size:20px!important}.contactPage-cardTitle{font-size:1.1rem;font-weight:700;margin:0 0 8px;color:#fff}.contactPage-cardText{font-size:.8rem;color:var(--light-gray-text);line-height:1.5;margin:0 0 15px}.contactPage-cardLink{color:var(--gold-text);text-decoration:none;font-weight:700;font-size:.8rem;transition:color .3s}.contactPage-cardLink:hover{color:#fff}.contactPage-boldText{font-weight:700}@media (max-width: 1024px){.contactPage-contentContainer{flex-direction:column;align-items:center;top:40%;transform:translate(-50%)}.contactPage-topSection,.contactPage-bottomSection{height:auto;padding-bottom:40px}.contactPage-bottomSection{min-height:50vh}.contactPage-getInTouchHeading{align-items:center;text-align:center;margin-bottom:20px}.contactPage-cardsContainer{flex-direction:column;align-items:center;transform:translate(0);gap:20px}}.cp{margin:0 auto;border-radius:8px;padding:10px}.cp-container{width:100%;margin:0 auto}.cp-paper{padding:50px 60px;background:#fff;border-radius:20px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2)}.cp-header{text-align:center;margin-bottom:40px}.cp-icon-container{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;background:linear-gradient(135deg,#2196f3,#0d47a1);border-radius:50%;margin-bottom:20px;box-shadow:0 8px 20px #2196f34d}.cp-icon{font-size:45px!important;color:#fff}.cp-title{color:#2c3e50;font-weight:700;font-size:2.2rem;margin:0 0 10px}.cp-subtitle{color:#7f8c8d;font-size:1.1rem;margin:0}.cp-form{width:100%}.cp-form-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.cp-grid-container{width:100%;max-width:900px;margin-bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cp-input-group{margin-bottom:0;width:100%}.cp-input-label{color:#2c3e50;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:.95rem}.cp-input-icon{color:#2196f3!important;font-size:18px!important}.cp-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.cp-textfield{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:12px;background-color:#f8f9fa;color:#2c3e50;font-size:.95rem;transition:all .3s ease;box-sizing:border-box}.cp-textfield:focus{outline:none;border-color:#2196f3;background-color:#f1f3f4}.cp-textfield:hover{background-color:#f1f3f4;border-color:#2196f3}.cp-visibility-button{position:absolute;right:10px;background:none;border:none;color:#7f8c8d;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.cp-visibility-button:hover{color:#2196f3;background-color:#2196f31a}.cp-button-container{display:flex;justify-content:center;width:100%;margin-top:30px}.cp-submit-button{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;padding:14px 40px;border-radius:50px;font-weight:600;font-size:1rem;text-transform:none;transition:all .3s ease;min-width:200px;border:none;cursor:pointer;box-shadow:0 4px 15px #2196f34d}.cp-submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2196f366}.cp-footer{margin-top:35px;text-align:center;padding-top:25px;border-top:1px solid #ecf0f1}.cp-security-note{display:flex;align-items:center;justify-content:center;color:#27ae60;gap:10px;font-size:.9rem;margin:0}.cp-security-icon{font-size:18px!important;color:#27ae60!important}@media (max-width: 900px){.cp-paper{padding:40px 30px;max-width:600px}.cp-grid-container{max-width:100%;grid-template-columns:1fr;gap:15px}}@media (max-width: 768px){.cp{padding:15px}.cp-paper{padding:30px 25px;margin:0}.cp-icon-container{width:70px;height:70px}.cp-icon{font-size:35px!important}.cp-title{font-size:1.8rem}}@media (max-width: 480px){.cp-container{padding:0}.cp-paper{padding:25px 20px;border-radius:15px}.cp-icon-container{width:60px;height:60px}.cp-icon{font-size:30px!important}.cp-title{font-size:1.6rem}.cp-subtitle{font-size:1rem}.cp-submit-button{padding:12px 30px;min-width:180px;font-size:.95rem}}.pr-container{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.pr__report-container{flex:1;padding:16px;margin:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;position:relative;z-index:1}.pr__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1}.pr__title{font-size:18px;color:#55565b;margin:0}.pr__action-buttons{display:flex;gap:12px}.pr__export-button,.pr__view-button{padding:10px 20px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:var(--create-button);box-shadow:0 2px 5px #0003}.pr__export-button:hover,.pr__view-button:hover{background:var(--delete-button);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.pr__filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px;position:relative;z-index:1000}.pr__filter-group{display:flex;flex-direction:column;min-width:160px;position:relative;z-index:1001}.pr__filter-select{font-size:13px;min-width:180px;position:relative;z-index:1002}.pr__filter-select .select__menu{z-index:9999!important}.pr__filter-label{font-size:13px;margin-bottom:4px;color:#555}.pr__date-input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;height:32px}.select__menu-list{z-index:9999!important}.pr__table-wrapper{margin-top:15px;position:relative;z-index:1}.pr__table-scroll-container{max-height:400px;overflow-y:auto;overflow-x:auto;position:relative;border:1px solid #e0e0e0;border-radius:8px;z-index:1}.pr__table{width:100%;border-collapse:collapse;min-width:1800px}.pr__table-head{background:#0070c0;position:sticky;top:0;z-index:20}.pr__table-header{padding:10px 8px;font-size:12px;font-weight:600;color:#fff;text-align:left;border:1px solid white;white-space:nowrap;background:#0070c0}.pr__table-header--sticky-pbno{position:sticky;left:0;z-index:21;background:#0070c0;border-right:2px solid white;min-width:80px}.pr__table-header--sticky-date{position:sticky;left:80px;z-index:21;background:#0070c0;border-right:2px solid white;min-width:100px}.pr__table-header--sticky-shift{position:sticky;left:180px;z-index:21;background:#0070c0;border-right:2px solid white;min-width:80px}.pr__table-body{background-color:#fff;position:relative}.pr__table-row{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease;position:relative}.pr__table-row:hover{box-shadow:0 4px 8px #0000001a}.pr__table-row:nth-child(odd){background-color:#f9f9f9}.pr__table-cell{padding:4px 8px;font-size:12px;color:#55565b;text-align:left;border:1px solid #e0e0e0;white-space:nowrap;background-color:inherit}.pr__table-cell--sticky-pbno{position:sticky;left:0;z-index:15;background-color:inherit;border-right:2px solid #e0e0e0;min-width:80px}.pr__table-cell--sticky-date{position:sticky;left:80px;z-index:15;background-color:inherit;border-right:2px solid #e0e0e0;min-width:100px}.pr__table-cell--sticky-shift{position:sticky;left:180px;z-index:15;background-color:inherit;border-right:2px solid #e0e0e0;min-width:80px}.pr__table-row:nth-child(odd) .pr__table-cell--sticky-pbno,.pr__table-row:nth-child(odd) .pr__table-cell--sticky-date,.pr__table-row:nth-child(odd) .pr__table-cell--sticky-shift{background-color:#f9f9f9}.pr__table-row:hover .pr__table-cell--sticky-pbno,.pr__table-row:hover .pr__table-cell--sticky-date,.pr__table-row:hover .pr__table-cell--sticky-shift{background-color:#f0f0f0}.pr__message-row{height:300px;position:relative}.pr__loading-cell,.pr__error-cell,.pr__instruction-cell{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:20px}.pr__instruction-box{background-color:#f0f8ff;border-left:5px solid #0070c0;border-radius:4px;padding:20px;box-shadow:0 2px 8px #0000000d;display:inline-block;max-width:80%}.pr__instruction-box p{margin:0;font-size:15px;color:#0070c0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.pr__loading-cell .pr__message-box{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:#0070c0}.pr__error-cell .MuiAlert-root{width:fit-content;margin:auto}.pr__toggle-container{display:flex;justify-content:center;margin-bottom:20px}.pr__toggle-button.active{background-color:#0070c0;color:#fff;border-color:#0070c0}.pr__toggle-button{padding:10px 20px;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer;font-weight:700;transition:all .3s ease}.pr__toggle-button:last-of-type{border-radius:0 5px 5px 0}@media (max-width: 768px){.pr__filter-row{flex-direction:column;align-items:stretch}.pr__filter-group{min-width:auto}.pr__header-row{flex-direction:column;gap:12px;align-items:flex-start}.pr__action-buttons{width:100%;justify-content:flex-end}.pr__table-header--sticky-date{left:60px;min-width:80px}.pr__table-header--sticky-shift{left:140px;min-width:60px}.pr__table-cell--sticky-date{left:60px;min-width:80px}.pr__table-cell--sticky-shift{left:140px;min-width:60px}.pr__table-cell--sticky-pbno{min-width:60px}}:root{--holiday-blue-start: #2196F3;--holiday-blue-end: #0d47a1;--holiday-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--holiday-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--holiday-white: #ffffff;--holiday-bg: #f0f4f8;--holiday-surface: #ffffff;--holiday-border: #e2e8f0;--holiday-border-light: #f1f5f9;--holiday-text-primary: #0f172a;--holiday-text-secondary: #475569;--holiday-text-muted: #94a3b8;--holiday-blue-50: #eff6ff;--holiday-blue-100: #dbeafe;--holiday-blue-600: #2563eb;--holiday-blue-700: #1d4ed8;--holiday-success: #16a34a;--holiday-error: #dc2626;--holiday-warning: #d97706;--holiday-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--holiday-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--holiday-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--holiday-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--holiday-radius: 12px;--holiday-radius-sm: 6px;--holiday-radius-xs: 4px;--holiday-font: "Segoe UI", system-ui, -apple-system, sans-serif;--holiday-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.holiday-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--holiday-bg);font-family:var(--holiday-font);padding:8px;box-sizing:border-box}.holiday-card{background:var(--holiday-surface);border-radius:var(--holiday-radius);box-shadow:var(--holiday-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--holiday-border)}.holiday-header{background:var(--holiday-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.holiday-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.holiday-header-left{display:flex;align-items:center;gap:12px;min-width:0}.holiday-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.holiday-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.holiday-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.holiday-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.holiday-btn.holiday-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--holiday-transition)!important;display:flex;align-items:center;justify-content:center}.holiday-btn.holiday-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.holiday-btn.holiday-btn-icon.holiday-btn--active{background:#fffffff2!important;color:var(--holiday-blue-700)!important;border-color:#fff!important}.holiday-btn.holiday-btn-icon.holiday-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.holiday-btn.holiday-btn-icon.holiday-btn--danger:hover:not(:disabled){background:#ef444473!important}.holiday-btn.holiday-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--holiday-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--holiday-transition);white-space:nowrap;font-family:var(--holiday-font)}.holiday-btn.holiday-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.holiday-btn.holiday-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--holiday-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--holiday-blue-600);cursor:pointer;transition:var(--holiday-transition)}.holiday-btn.holiday-btn-outline:hover{background:var(--holiday-blue-50)}.holiday-btn.holiday-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--holiday-text-muted);font-size:12px;font-weight:500;border:1px solid var(--holiday-border);cursor:pointer;transition:var(--holiday-transition)}.holiday-btn.holiday-btn-ghost:hover{background:var(--holiday-border-light);color:var(--holiday-text-secondary)}.holiday-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.holiday-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--holiday-border)}.holiday-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:0}.holiday-search-field{position:relative;display:flex;align-items:center}.holiday-search-field-icon{position:absolute;left:9px;color:var(--holiday-text-muted)!important;pointer-events:none;z-index:1}.holiday-search-input,.holiday-search-select{width:100%;padding:7px 28px;border:1.5px solid var(--holiday-border);border-radius:var(--holiday-radius-sm);font-size:12.5px;color:var(--holiday-text-primary);background:var(--holiday-white);transition:var(--holiday-transition);font-family:var(--holiday-font);box-sizing:border-box}.holiday-search-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.holiday-search-input:focus,.holiday-search-select:focus{outline:none;border-color:var(--holiday-blue-start);box-shadow:0 0 0 3px #2196f31f}.holiday-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--holiday-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--holiday-transition)}.holiday-search-clear:hover{background:var(--holiday-error)}.holiday-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.holiday-table-wrap::-webkit-scrollbar{width:6px;height:6px}.holiday-table-wrap::-webkit-scrollbar-track{background:transparent}.holiday-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.holiday-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.holiday-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.holiday-thead{position:sticky;top:0;z-index:10}.holiday-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--holiday-text-secondary);background:#f8fafc;border-bottom:2px solid var(--holiday-border);text-align:left;white-space:nowrap}.holiday-col-name{width:35%;min-width:180px}.holiday-col-from,.holiday-col-to{width:18%;min-width:110px}.holiday-col-duration{width:14%;min-width:90px}.holiday-col-status{width:15%;min-width:100px}.holiday-row{border-bottom:1px solid var(--holiday-border-light);transition:background .15s ease,box-shadow .15s ease;animation:holiday-row-in .25s ease both}@keyframes holiday-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.holiday-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--holiday-blue-start)}.holiday-row:nth-child(2n){background:#fafbfc}.holiday-row:nth-child(2n):hover{background:#f0f7ff}.holiday-td{padding:12px;font-size:12.5px;color:var(--holiday-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holiday-text-primary{font-weight:600;color:var(--holiday-text-primary)}.holiday-status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:600;text-align:center;min-width:70px}.holiday-status-badge--upcoming{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.holiday-status-badge--past{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.holiday-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--holiday-border);background:#fafbfc;flex-shrink:0;gap:12px}.holiday-footer-text{font-size:12px;color:var(--holiday-text-muted)}.holiday-footer-text strong{color:var(--holiday-text-secondary);font-weight:700}.holiday-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.holiday-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:holiday-fade-in .4s ease both}@keyframes holiday-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.holiday-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--holiday-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--holiday-blue-600);margin-bottom:4px}.holiday-state-icon-wrap--error{background:#fef2f2;color:var(--holiday-error)}.holiday-state-title{font-size:17px;font-weight:700;color:var(--holiday-text-primary);margin:0}.holiday-state-desc{font-size:13.5px;color:var(--holiday-text-muted);margin:0;line-height:1.55}.holiday-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.holiday-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--holiday-border-light);animation:holiday-fade-in .4s ease both}.holiday-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:holiday-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes holiday-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.holiday-sk-text{height:14px;flex:1;max-width:200px}.holiday-sk-pill{width:80px;height:26px;border-radius:20px}@media (max-width: 960px){.holiday-col-duration,.holiday-col-status{width:auto}}@media (max-width: 768px){.holiday-root{padding:4px}.holiday-card{height:calc(100vh - 52px);border-radius:8px}.holiday-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.holiday-title{font-size:15px}.holiday-subtitle{display:none}.holiday-actions{gap:4px}.holiday-search-grid{grid-template-columns:1fr}.holiday-footer{padding:8px 14px}}@media (max-width: 480px){.holiday-col-name{min-width:140px}.holiday-col-from,.holiday-col-to,.holiday-col-duration{min-width:100px}}.SP{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;width:100%;background-color:#f5f5f5;padding:20px}.SP__container{width:100%;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px}.SP__layout{display:flex;gap:30px;margin-top:20px}.SP__table-section{flex:0 0 35%;min-width:0;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column}.SP__form-section{flex:0 0 65%;min-width:0;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014}.SP__table-wrapper{flex:1;display:flex;flex-direction:column;min-height:400px}.SP__title{color:#0d47a1;margin-bottom:25px;font-size:1.5rem;font-weight:600;text-align:center}.SP__section-title{color:#0d47a1;margin-bottom:20px;font-size:1.2rem;font-weight:600}.SP__state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;flex:1}.SP__loading-container{color:#0d47a1}.SP__error-container{color:#d32f2f}.SP__empty-container{color:#666}.SP__spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0d47a1;border-radius:50%;animation:SP__spin 1s linear infinite;margin-bottom:15px}@keyframes SP__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.SP__error-icon,.SP__empty-icon{font-size:3rem;margin-bottom:15px}.SP__retry-btn{background:#0d47a1;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-top:15px;transition:background-color .3s}.SP__retry-btn:hover{background:#1565c0}.SP__table-scroll-container{overflow-y:auto;max-height:500px;border:1px solid #eee;border-radius:6px;flex:1}.SP__table{width:100%;border-collapse:collapse;min-width:400px}.SP__table-head{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;position:sticky;top:0;z-index:10}.SP__table-head th{padding:12px 15px;text-align:left;font-weight:600;font-size:.9rem}.SP__table-body td{padding:10px 15px;border-bottom:1px solid #eee;font-size:.9rem}.SP__table-row{cursor:pointer;transition:all .2s}.SP__table-row:nth-child(2n){background-color:#fafafa}.SP__table-row:hover{background-color:#f0f7ff}.SP__table-row--selected{background-color:#e3f2fd;font-weight:500}.SP__form{display:flex;flex-direction:column;gap:20px}.SP__form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.SP__form-group{display:flex;flex-direction:column;gap:8px}.SP__label{display:block;margin-bottom:8px;font-weight:600;color:#0d47a1;font-size:.9rem}.SP__input,.SP__textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.SP__input--grey,.SP__textarea--grey{background-color:#f5f5f5}.SP__textarea{resize:vertical;min-height:80px}.SP__datetime-group{display:flex;gap:10px}.SP__datetime-group .SP__input{flex:1}.SP__toggle-group{display:flex;flex-direction:column;gap:5px;padding:15px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #2196F3}.SP__toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#0d47a1;font-size:.9rem}.SP__toggle{display:none}.SP__toggle-slider{position:relative;width:50px;height:24px;background-color:#ccc;border-radius:24px;transition:background-color .3s}.SP__toggle-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .3s}.SP__toggle:checked+.SP__toggle-slider{background-color:#2196f3}.SP__toggle:checked+.SP__toggle-slider:before{transform:translate(26px)}.SP__toggle-help{color:#666;font-size:.8rem}.SP__input--editable{background-color:#fff!important;border:2px solid #2196F3!important;cursor:text!important}.SP__textarea--editable{background-color:#fff!important;border:1px solid #ddd;cursor:text!important}.SP__editable-info{color:#2196f3;font-weight:600;font-size:.8rem;margin-top:5px;display:block}.SP__input:disabled,.SP__textarea:disabled{background-color:#f5f5f5!important;cursor:not-allowed!important;opacity:.7}.SP__submit-btn{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;width:100%;margin-top:10px}.SP__submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.SP__submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.SP__layout{flex-direction:column}.SP__table-section,.SP__form-section{flex:1;width:100%}}@media (max-width: 768px){.SP__container,.SP__table-section,.SP__form-section{padding:15px}.SP__form-row{grid-template-columns:1fr;gap:15px}.SP__datetime-group{flex-direction:column}.SP__table-scroll-container{max-height:300px}}@media (max-width: 480px){.SP{padding:10px}.SP__table-head th,.SP__table-body td{padding:8px 10px;font-size:.8rem}}.uaa-container{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.uaa__report-container{flex:1;padding:16px;margin:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;position:relative;z-index:1}.uaa__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1}.uaa__title{font-size:20px;color:#55565b;margin:0;font-weight:600}.uaa__action-buttons{display:flex;gap:12px}.uaa__export-button,.uaa__view-button{padding:10px 20px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#2196f3,#0d47a1);box-shadow:0 2px 5px #0003}.uaa__export-button:hover,.uaa__view-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d;background:linear-gradient(135deg,#1976d2,#0b3d91)}.uaa__filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px;position:relative;z-index:1000}.uaa__filter-group{display:flex;flex-direction:column;min-width:160px;position:relative;z-index:1001}.uaa__search-group{flex:1;min-width:250px}.uaa__filter-select{font-size:13px;min-width:180px;position:relative;z-index:1002}.uaa__filter-select .select__menu{z-index:9999!important}.uaa__filter-label{font-size:13px;margin-bottom:4px;color:#555;font-weight:600}.uaa__date-input,.uaa__search-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;height:36px;transition:border-color .3s ease;background-color:#fff}.uaa__search-input{width:100%}.uaa__date-input:focus,.uaa__search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.select__control{min-height:36px!important;z-index:1002;border:1px solid #ddd;border-radius:4px}.select__control:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.select__menu{z-index:9999!important}.uaa__table-wrapper{margin-top:15px;position:relative;z-index:1}.uaa__table-scroll-container{max-height:500px;overflow-y:auto;overflow-x:auto;position:relative;border:1px solid #e0e0e0;border-radius:8px;z-index:1;background-color:#fff}.uaa__table{width:100%;border-collapse:collapse;min-width:1000px}.uaa__table-head{background:linear-gradient(135deg,#2196f3,#0d47a1);position:sticky;top:0;z-index:10}.uaa__table-header{padding:12px 8px;font-size:12px;font-weight:600;color:#fff;text-align:left;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.uaa__table-body{background-color:#fff}.uaa__table-row{background-color:#fff;transition:background-color .3s ease}.uaa__table-row:hover{background-color:#f5f9ff}.uaa__table-row:nth-child(odd){background-color:#fafafa}.uaa__table-row:nth-child(odd):hover{background-color:#f0f7ff}.uaa__table-cell{padding:10px 8px;font-size:12px;color:#55565b;text-align:left;border:1px solid #e0e0e0;white-space:nowrap;vertical-align:top}.uaa__value-cell{max-width:200px;word-wrap:break-word;white-space:normal}.uaa__value-content{max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.uaa__action-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.uaa__action-insert{background-color:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.uaa__action-update{background-color:#fff8e1;color:#f57f17;border:1px solid #ffecb3}.uaa__action-delete{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.uaa__action-select{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.uaa__action-login{background-color:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7}.uaa__action-logout{background-color:#e0f2f1;color:#00695c;border:1px solid #b2dfdb}.uaa__message-row{height:200px}.uaa__loading-cell,.uaa__instruction-cell{text-align:center;padding:40px}.uaa__message-box{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:#2196f3}.uaa__spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite}.uaa__instruction-box{background-color:#f0f8ff;border-left:4px solid #2196F3;border-radius:4px;padding:20px;box-shadow:0 2px 8px #0000000d;display:inline-block;max-width:80%}.uaa__instruction-box p{margin:0;font-size:15px;color:#2196f3;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}@media (max-width: 768px){.uaa__filter-row{flex-direction:column;align-items:stretch}.uaa__filter-group,.uaa__search-group{min-width:auto}.uaa__header-row{flex-direction:column;gap:12px;align-items:flex-start}.uaa__action-buttons{width:100%;justify-content:flex-end}.uaa__table-scroll-container{max-height:400px}}.shd-container{display:flex;flex-direction:column;flex:1;min-height:100vh;background-color:var(--table-background, #f5f5f5);font-family:Inter,sans-serif;padding:20px}.shd-table-container{width:100%;max-width:100%;margin:0 auto;padding:20px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px}.shd-header-container{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.shd-heading-title{font-size:22px;color:var(--table-header-title, #2c3e50);margin:0;font-weight:700}.shd-filter-container{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:15px}.shd-filter-group{display:flex;align-items:center;gap:15px;flex-wrap:wrap;flex:1}.shd-filter-item{display:flex;align-items:center;gap:8px}.shd-filter-item label{font-size:14px;color:#55565b;font-weight:500;white-space:nowrap}.shd-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;height:36px;min-width:150px;background-color:#fff}.shd-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.shd-show-button{padding:8px 20px;background:var(--blue-gradient, linear-gradient(135deg, #2196F3, #1976D2));color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;height:36px;white-space:nowrap;font-weight:500;transition:all .2s ease}.shd-show-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.shd-show-button:disabled{background:#ccc!important;cursor:not-allowed;transform:none}.shd-action-buttons{display:flex;align-items:center;gap:8px}.shd-search-container{width:100%;background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #e9ecef;margin-top:10px}.shd-search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shd-search-title{font-size:14px;font-weight:600;color:#495057}.shd-clear-search-button{padding:4px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.shd-clear-search-button:hover{background:#5a6268}.shd-react-select{width:100%}.shd-select__control{border:1px solid #ddd!important;border-radius:4px!important;min-height:36px!important;font-size:14px!important;transition:all .2s ease!important}.shd-select__control--is-focused{border-color:#2196f3!important;box-shadow:0 0 0 2px #2196f333!important}.shd-select__menu{z-index:9999!important;font-size:14px!important}.shd-select__multi-value{background-color:#e3f2fd!important;border-radius:4px!important}.shd-select__multi-value__label{color:#1976d2!important;font-weight:500!important;font-size:12px!important}.shd-select__multi-value__remove{color:#1976d2!important;transition:background-color .2s ease!important}.shd-select__multi-value__remove:hover{background-color:#bbdefb!important;color:#0d47a1!important}.shd-select__option{font-size:14px!important;transition:background-color .2s ease!important}.shd-select__option--is-focused{background-color:#e3f2fd!important;color:#1976d2!important}.shd-select__option--is-selected{background-color:#2196f3!important;color:#fff!important}.shd-search-results{margin-top:10px;font-size:12px;color:#6c757d;font-style:italic}.shd-icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;color:var(--icon-default, #555);padding:6px;transition:all .2s ease}.shd-icon-button:hover:not(:disabled){background-color:#f5f5f5;transform:translateY(-1px)}.shd-icon-button:disabled{background-color:#ccc;color:#888;cursor:not-allowed;transform:none}.shd-icon-button.shd-active{background:var(--blue-gradient, linear-gradient(135deg, #2196F3, #1976D2));color:#fff;border-color:#1976d2}.shd-header-icon{font-size:20px}.shd-error-message-container{display:flex;align-items:flex-start;padding:20px;margin:20px 0;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;animation:slideIn .3s ease}.shd-error-icon{margin-right:15px;font-size:24px;flex-shrink:0}.shd-error-content{flex:1}.shd-error-content h3{margin:0 0 8px;font-size:18px;font-weight:600}.shd-error-content p{margin:0;font-size:14px;line-height:1.4}.shd-loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;font-size:16px;color:#2196f3;background-color:#f9f9f9;border-radius:8px;margin:20px 0;gap:15px}.shd-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite}.shd-instruction-message{display:flex;align-items:center;justify-content:center;padding:60px 20px;text-align:center;font-size:16px;color:#2196f3;background-color:#e3f2fd;border-radius:8px;margin:20px 0;gap:12px;animation:fadeIn .5s ease}.shd-info-icon{font-size:28px}.shd-table-scroll-container{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;margin-top:15px;max-height:60vh;overflow-y:auto;overflow-x:auto}.shd-table{width:100%;border-collapse:collapse;min-width:800px}.shd-table thead{background:var(--table-header, #2196F3);position:sticky;top:0;z-index:10}.shd-table thead tr th{font-size:13px;font-weight:600;letter-spacing:.35px;color:#fff;padding:12px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.2);white-space:nowrap}.shd-table thead tr th:last-child{border-right:none}.shd-checkbox-col{width:50px;min-width:50px}.shd-table tbody tr{background-color:#fff;transition:background-color .3s ease}.shd-table tbody tr:hover{background-color:#f5f5f5}.shd-table tbody tr.shd-row-selected{background-color:#e3f2fd!important;border-left:3px solid #2196F3}.shd-table tbody tr:nth-child(odd){background-color:#f9f9f9}.shd-table tbody tr:nth-child(odd).shd-row-selected{background-color:#e3f2fd!important}.shd-table tbody tr td{font-size:12px;letter-spacing:.35px;font-weight:400;color:var(--table-row-data-color, #333);padding:10px 8px;text-align:center;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;white-space:nowrap}.shd-table tbody tr td:last-child{border-right:none}.shd-table tbody tr:last-child td{border-bottom:none}.shd-deducted-positive{color:#d32f2f;font-weight:600;background:#ffebee;padding:2px 6px;border-radius:3px;border:1px solid #ffcdd2}.shd-deducted-zero{color:#666;font-weight:500}.shd-no-data{text-align:center;color:#666;font-style:italic;padding:30px!important}.shd-process-button-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:15px}.shd-selection-info{font-size:14px;color:#666;font-weight:500}.shd-selection-count{font-weight:600;color:#2c3e50}.shd-process-button{padding:12px 28px;font-size:15px;font-weight:600;background:var(--green-gradient, linear-gradient(135deg, #4CAF50, #45a049));color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:200px}.shd-process-button:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.shd-process-button:disabled{background:#ccc!important;cursor:not-allowed;transform:none;box-shadow:none}.shd-search-input{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:11px;box-sizing:border-box}.shd-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.shd-table th input[type=checkbox],.shd-table td input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0 auto;display:block}@media (max-width: 1024px){.shd-filter-group{flex-direction:column;align-items:flex-start;gap:10px}.shd-filter-item{width:100%;justify-content:space-between}.shd-select{width:60%}.shd-process-button-container{flex-direction:column;align-items:stretch;text-align:center}.shd-process-button{min-width:auto;width:100%;max-width:300px;align-self:center}}@media (max-width: 768px){.shd-container{padding:10px}.shd-table-container{padding:15px}.shd-header-container{gap:15px}.shd-filter-container{flex-direction:column;align-items:flex-start;gap:15px}.shd-filter-group{width:100%}.shd-action-buttons{width:100%;justify-content:flex-start}.shd-search-container{padding:12px}.shd-table-scroll-container{border:none;border-radius:0}.shd-table{min-width:1000px}.shd-error-message-container{flex-direction:column;text-align:center;padding:15px}.shd-error-icon{margin-right:0;margin-bottom:10px}.shd-instruction-message{flex-direction:column;text-align:center;padding:40px 15px}.shd-loading-message{padding:40px 15px}}@media (max-width: 480px){.shd-heading-title{font-size:18px}.shd-filter-item label{font-size:12px}.shd-select{font-size:12px;min-width:120px}.shd-show-button{font-size:12px;padding:8px 16px}.shd-search-title,.shd-selection-info{font-size:12px}.shd-process-button{font-size:14px;padding:10px 20px}}@media print{.shd-container{background:#fff;padding:0}.shd-table-container{box-shadow:none;padding:0}.shd-filter-container,.shd-action-buttons,.shd-search-container,.shd-process-button-container{display:none}.shd-table-scroll-container{max-height:none;overflow:visible;border:none}.shd-table{min-width:auto}.shd-table thead{background:#f5f5f5!important}.shd-table thead tr th{color:#333!important;border-color:#ddd!important}.shd-checkbox-col{display:none}}.ele-container{display:flex;flex-direction:row;gap:20px;padding:20px;background-color:var(--bg-light, #f5f5f5);min-height:100vh;box-sizing:border-box;font-family:Inter,sans-serif}.ele-form-section,.ele-history-section{background-color:var(--bg-white, #ffffff);padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.ele-form-section{flex:1;min-width:500px}.ele-history-section{flex:2;min-width:300px;display:flex;flex-direction:column;max-height:calc(100vh - 40px)}.ele-section-title{font-size:1.4em;color:var(--text-color-medium, #333);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #ddd);text-align:center;display:flex;align-items:center;justify-content:center}.ele-title-icon{margin-right:8px;font-size:1.2rem!important}.ele-form-group{margin-bottom:18px}.ele-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color-medium, #333);font-size:.95em}.ele-input,.ele-select,.ele-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color, #ddd);border-radius:8px;font-size:1em;color:var(--text-color-medium, #333);box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.ele-input:focus,.ele-select:focus,.ele-textarea:focus{outline:none;border-color:var(--color-primary, #007bff);box-shadow:0 0 0 3px #007bff33}.ele-input--readonly{background-color:#e9ecef;cursor:not-allowed;color:#666}.ele-textarea{resize:vertical;min-height:80px}.ele-dates-row{display:flex;gap:15px}.ele-dates-row .ele-form-group{flex:1}.ele-date-container{position:relative;display:flex;align-items:center}.ele-date-icon{position:absolute;left:10px;color:#666;z-index:1}.ele-input--date{padding-left:40px!important}.ele-input--days{background-color:#e8f5e8!important;color:#2e7d32!important;font-weight:600;text-align:center}.ele-submit-btn{width:100%;padding:12px 20px;background:linear-gradient(90deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.ele-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #00000026;background:linear-gradient(90deg,#218838,#1e9e7f)}.ele-submit-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.ele-message{padding:12px;margin-bottom:20px;border-radius:8px;font-weight:500;text-align:center}.ele-message--success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.ele-message--error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.ele-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.ele-history-header .ele-section-title{margin-bottom:0;flex:1;min-width:200px}.ele-filter-container{display:flex;align-items:center;gap:10px;background:#f8f9fa;padding:8px 12px;border-radius:8px;border:1px solid #e0e0e0}.ele-filter-icon{color:#666;font-size:1.2rem!important}.ele-status-filter{padding:6px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:.9em;color:#333;cursor:pointer;transition:border-color .3s ease}.ele-status-filter:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.ele-history-cards{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;padding-right:5px}.ele-history-cards::-webkit-scrollbar{width:6px}.ele-history-cards::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.ele-history-cards::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.ele-history-cards::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ele-history-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:16px;box-shadow:0 2px 6px #00000014;transition:all .2s ease;border-left:4px solid #007bff;min-height:auto}.ele-history-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001f}.ele-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ele-card-type{margin:0;font-size:1.1em;color:#333;font-weight:600;line-height:1.3}.ele-card-dates{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;background-color:#f8f9fa;border-radius:6px;font-size:.9em}.ele-date-range{display:flex;align-items:center;gap:6px;color:#666;font-weight:500}.ele-date-icon--small{font-size:.9rem!important;color:#666}.ele-days-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3px 10px;border-radius:16px;font-weight:600;font-size:.85em}.ele-card-details{margin-bottom:12px}.ele-detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:2px 0;font-size:.9em}.ele-detail-label{font-weight:600;color:#666;font-size:.85em}.ele-detail-value{color:#333;font-weight:500;font-size:.9em}.ele-applied-by{display:flex;align-items:center;gap:5px}.ele-person-icon{font-size:.9rem!important;color:#28a745}.ele-card-remark{padding:10px;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #ffc107;font-size:.9em}.ele-card-remark strong{color:#333;margin-bottom:4px;display:block;font-size:.95em}.ele-card-remark p{margin:0;color:#666;line-height:1.3;font-size:.9em}.ele-status{padding:4px 10px;border-radius:16px;font-size:.75em;font-weight:600;text-transform:uppercase;white-space:nowrap}.ele-status--approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.ele-status--pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.ele-status--rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.ele-history-empty{text-align:center;padding:40px 30px;color:#777;font-style:italic;font-size:1em;background-color:#f9f9f9;border-radius:10px;border:2px dashed #ddd;margin:auto}.ele-history-empty p{margin:0;font-size:1.1em;color:#666;line-height:1.4}.ele-empty-icon{font-size:2.5rem!important;color:#ccc;margin-bottom:.8rem}.ele-select-container .ele-select__control{border-color:var(--border-color, #ddd);border-radius:8px;min-height:40px;box-shadow:none}.ele-select-container .ele-select__control--is-focused{border-color:var(--color-primary, #007bff);box-shadow:0 0 0 3px #007bff33}@media (max-width: 992px){.ele-container{flex-direction:column;padding:15px}.ele-form-section{max-width:100%;min-width:auto}.ele-history-section{max-height:none}.ele-history-header{flex-direction:column;align-items:stretch;gap:10px}.ele-history-header .ele-section-title{text-align:center}.ele-filter-container{justify-content:center;padding:6px 10px}.ele-dates-row{flex-direction:column;gap:0}.ele-card-header,.ele-card-dates{flex-direction:column;gap:8px;align-items:flex-start}}@media (max-width: 768px){.ele-container{padding:10px}.ele-form-section,.ele-history-section{padding:15px}.ele-detail-row{flex-direction:column;align-items:flex-start;gap:2px}.ele-history-card{padding:12px}.ele-filter-container{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 576px){.ele-section-title{font-size:1.2em}.ele-input,.ele-select,.ele-textarea{padding:8px 10px;font-size:.9em}.ele-submit-btn{padding:10px 15px;font-size:1em}.ele-history-card{padding:10px}.ele-card-type{font-size:1em}.ele-card-dates{padding:6px 8px;font-size:.85em}}:root{--url-blue-start: #2196F3;--url-blue-end: #0d47a1;--url-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--url-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--url-white: #ffffff;--url-bg: #f0f4f8;--url-surface: #ffffff;--url-border: #e2e8f0;--url-border-light: #f1f5f9;--url-text-primary: #0f172a;--url-text-secondary: #475569;--url-text-muted: #94a3b8;--url-blue-50: #eff6ff;--url-blue-100: #dbeafe;--url-blue-600: #2563eb;--url-blue-700: #1d4ed8;--url-success: #16a34a;--url-error: #dc2626;--url-warning: #d97706;--url-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--url-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--url-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--url-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--url-radius: 12px;--url-radius-sm: 6px;--url-radius-xs: 4px;--url-font: "Segoe UI", system-ui, -apple-system, sans-serif;--url-transition: all .2s cubic-bezier(.4, 0, .2, 1);--url-transition-slow: all .35s cubic-bezier(.4, 0, .2, 1)}.url-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--url-bg);font-family:var(--url-font);padding:8px;box-sizing:border-box}.url-card{background:var(--url-surface);border-radius:var(--url-radius);box-shadow:var(--url-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--url-border)}.url-header{background:var(--url-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.url-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.url-header-left{display:flex;align-items:center;gap:12px;min-width:0}.url-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.url-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.url-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.url-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.url-btn.url-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--url-transition)!important;display:flex;align-items:center;justify-content:center}.url-btn.url-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.url-btn.url-btn-icon.url-btn--active{background:#fffffff2!important;color:var(--url-blue-700)!important;border-color:#fff!important}.url-btn.url-btn-icon.url-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.url-btn.url-btn-icon.url-btn--danger:hover:not(:disabled){background:#ef444473!important}.url-btn.url-btn-primary{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--url-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--url-transition);white-space:nowrap;font-family:var(--url-font)}.url-btn.url-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.url-btn.url-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--url-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--url-blue-600);cursor:pointer;transition:var(--url-transition)}.url-btn.url-btn-outline:hover{background:var(--url-blue-50)}.url-btn.url-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--url-text-muted);font-size:12px;font-weight:500;border:1px solid var(--url-border);cursor:pointer;transition:var(--url-transition)}.url-btn.url-btn-ghost:hover{background:var(--url-border-light);color:var(--url-text-secondary)}.url-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.url-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--url-border)}.url-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:0}.url-search-field{position:relative;display:flex;align-items:center}.url-search-field-icon{position:absolute;left:9px;color:var(--url-text-muted)!important;pointer-events:none;z-index:1}.url-search-input,.url-search-select{width:100%;padding:7px 28px;border:1.5px solid var(--url-border);border-radius:var(--url-radius-sm);font-size:12.5px;color:var(--url-text-primary);background:var(--url-white);transition:var(--url-transition);font-family:var(--url-font);box-sizing:border-box}.url-search-select{padding:7px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.url-search-input:focus,.url-search-select:focus{outline:none;border-color:var(--url-blue-start);box-shadow:0 0 0 3px #2196f31f}.url-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--url-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--url-transition)}.url-search-clear:hover{background:var(--url-error)}.url-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.url-table-wrap::-webkit-scrollbar{width:6px;height:6px}.url-table-wrap::-webkit-scrollbar-track{background:transparent}.url-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.url-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.url-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.url-thead{position:sticky;top:0;z-index:10}.url-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--url-text-secondary);background:#f8fafc;border-bottom:2px solid var(--url-border);text-align:left;white-space:nowrap}.url-row{border-bottom:1px solid var(--url-border-light);transition:background .15s ease,box-shadow .15s ease;animation:url-row-in .25s ease both}@keyframes url-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.url-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--url-blue-start)}.url-row:nth-child(2n){background:#fafbfc}.url-row:nth-child(2n):hover{background:#f0f7ff}.url-td{padding:12px;font-size:12.5px;color:var(--url-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-col-role{width:18%;min-width:140px}.url-col-desc{width:28%;min-width:200px}.url-col-dash{width:22%;min-width:160px}.url-col-super{width:12%;min-width:100px}.url-col-actions{width:18%;min-width:140px;text-align:center}.url-badge-role{display:inline-block;padding:4px 10px;border-radius:20px;background:var(--url-blue-50);color:var(--url-blue-700);font-size:12px;font-weight:700;border:1px solid var(--url-blue-100)}.url-badge-super{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:700}.url-badge-super--yes{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.url-badge-super--no{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.url-text-secondary{color:var(--url-text-secondary)}.url-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.url-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--url-transition)!important}.url-action-btn--edit{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 6px #22c55e4d!important}.url-action-btn--edit:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #22c55e73!important}.url-action-btn--permission{background:var(--url-gradient)!important;color:#fff!important;box-shadow:0 2px 6px #2196f34d!important}.url-action-btn--permission:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:var(--url-shadow-blue)!important}.url-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.url-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.url-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--url-border);background:#fafbfc;flex-shrink:0;gap:12px}.url-footer-text{font-size:12px;color:var(--url-text-muted)}.url-footer-text strong{color:var(--url-text-secondary);font-weight:700}.url-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.url-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:url-fade-in .4s ease both}@keyframes url-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.url-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--url-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--url-blue-600);margin-bottom:4px}.url-state-icon-wrap--error{background:#fef2f2;color:var(--url-error)}.url-state-title{font-size:17px;font-weight:700;color:var(--url-text-primary);margin:0}.url-state-desc{font-size:13.5px;color:var(--url-text-muted);margin:0;line-height:1.55}.url-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.url-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--url-border-light);animation:url-fade-in .4s ease both}.url-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:url-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes url-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.url-sk-text{height:14px;flex:1;max-width:200px}.url-sk-pill{width:88px;height:26px;border-radius:20px}@media (max-width: 960px){.url-col-dash{display:none}.url-search-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.url-root{padding:4px}.url-card{height:calc(100vh - 52px);border-radius:8px}.url-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.url-title{font-size:15px}.url-subtitle{display:none}.url-actions{gap:4px}.url-btn.url-btn-primary span{display:none}.url-btn.url-btn-primary{width:34px;padding:0!important;justify-content:center}.url-search-grid{grid-template-columns:1fr}.url-col-super{display:none}.url-action-group{gap:4px}.url-footer{padding:8px 14px}}@media (max-width: 480px){.url-col-desc{min-width:160px}.url-col-role{min-width:120px}}.create-user-role-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1400}.create-user-role-header{margin-bottom:0}.create-user-role-header-background{background:var(--create-button);padding:20px 25px;position:relative;overflow:hidden}.create-user-role-header-content{position:relative;z-index:2;text-align:center}.create-user-role-title{font-size:20px;color:#fff;margin-bottom:4px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.create-user-role-subtitle{font-size:12px;color:#ffffffe6;margin:0;font-weight:400}.create-user-role-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-user-role-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:40px;height:40px;top:10px;left:10%;animation:create-user-role-float 6s ease-in-out infinite}.circle-2{width:50px;height:50px;bottom:-15px;right:15%;animation:create-user-role-float 8s ease-in-out infinite 1s}.circle-3{width:30px;height:30px;top:50%;right:20%;animation:create-user-role-float 5s ease-in-out infinite .5s}.create-user-role-form{width:100%;padding:20px 25px 15px}.create-user-role-form-group{width:100%;margin-bottom:15px;text-align:left}.create-user-role-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center}.create-user-role-input,.create-user-role-textarea,.create-user-role-select{width:100%;padding:10px 12px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:Inter,sans-serif;resize:vertical}.create-user-role-input:focus,.create-user-role-textarea:focus,.create-user-role-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;background-color:#fff}.create-user-role-input:disabled,.create-user-role-textarea:disabled,.create-user-role-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-user-role-select-wrapper{position:relative;z-index:1500}.create-user-role-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:35px;position:relative;z-index:1501}.create-user-role-select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231976d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.create-user-role-select option{background:#fff;color:#333;padding:6px 10px;font-size:13px}.create-user-role-toggle-switch{position:relative;display:inline-block;width:60px;height:28px}.create-user-role-toggle-switch input{opacity:0;width:0;height:0}.create-user-role-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--delete--button);transition:.3s;border-radius:28px;box-shadow:0 1px 3px #0000001a}.create-user-role-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 2px #0003}.create-user-role-toggle-switch input:checked+.create-user-role-slider{background:var(--create-button)}.create-user-role-toggle-switch input:checked+.create-user-role-slider:before{transform:translate(32px)}.create-user-role-toggle-switch input:disabled+.create-user-role-slider{cursor:not-allowed;opacity:.6}.create-user-role-toggle-text{position:absolute;color:#fff;font-size:9px;font-weight:700;transition:all .3s;-webkit-user-select:none;user-select:none;top:50%;transform:translateY(-50%)}.create-user-role-toggle-text-yes{left:6px;opacity:0}.create-user-role-toggle-text-no{right:6px;opacity:1}.create-user-role-toggle-switch input:checked+.create-user-role-slider .create-user-role-toggle-text-yes{opacity:1}.create-user-role-toggle-switch input:checked+.create-user-role-slider .create-user-role-toggle-text-no{opacity:0}.create-user-role-round{border-radius:28px}.create-user-role-modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:center}.create-user-role-modal-btn{border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #0000001a;flex:1;max-width:150px;min-height:38px;display:flex;align-items:center;justify-content:center}.create-user-role-modal-btn--create{background:var(--create-button);color:#fff;box-shadow:0 2px 6px #2196f333}.create-user-role-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 2px 6px #f5656533}.create-user-role-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.create-user-role-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}@keyframes create-user-role-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width: 768px){.create-user-role-modal-content{max-width:95%;max-height:85vh}.create-user-role-header-background{padding:15px 20px}.create-user-role-title{font-size:18px}.create-user-role-form{padding:15px 20px 12px}.create-user-role-form-group{margin-bottom:12px}.create-user-role-modal-actions{flex-direction:column;gap:10px;margin-top:15px}.create-user-role-modal-btn{max-width:100%;padding:8px 16px}.create-user-role-input,.create-user-role-textarea,.create-user-role-select{padding:8px 10px;font-size:12px}}@media (max-width: 480px){.create-user-role-header-background{padding:12px 15px}.create-user-role-form{padding:12px 15px 10px}.create-user-role-title{font-size:16px;margin-bottom:3px}.create-user-role-subtitle{font-size:11px}.create-user-role-input,.create-user-role-textarea,.create-user-role-select{padding:8px 10px;font-size:12px}.create-user-role-modal-btn{padding:8px 14px;font-size:12px;min-height:36px}}.update-user-role-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;outline:none;font-family:Inter,sans-serif;z-index:1400}.update-user-role-header{margin-bottom:0}.update-user-role-header-background{background:var(--update-button, #ffa726);padding:20px 25px;position:relative;overflow:hidden}.update-user-role-header-content{position:relative;z-index:2;text-align:center}.update-user-role-title{font-size:20px;color:#fff;margin-bottom:4px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.update-user-role-subtitle{font-size:12px;color:#ffffffe6;margin:0;font-weight:400}.update-user-role-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-user-role-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:40px;height:40px;top:10px;left:10%;animation:update-user-role-float 6s ease-in-out infinite}.circle-2{width:50px;height:50px;bottom:-15px;right:15%;animation:update-user-role-float 8s ease-in-out infinite 1s}.circle-3{width:30px;height:30px;top:50%;right:20%;animation:update-user-role-float 5s ease-in-out infinite .5s}.update-user-role-form{width:100%;padding:20px 25px 15px}.update-user-role-form-group{width:100%;margin-bottom:15px;text-align:left}.update-user-role-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center}.required-asterisk{color:#e53e3e;margin-left:3px}.update-user-role-input,.update-user-role-textarea,.update-user-role-select{width:100%;padding:10px 12px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:Inter,sans-serif;resize:vertical}.update-user-role-input:focus,.update-user-role-textarea:focus,.update-user-role-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;background-color:#fff}.update-user-role-input:disabled,.update-user-role-textarea:disabled,.update-user-role-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-user-role-select-wrapper{position:relative;z-index:1500}.update-user-role-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:35px;position:relative;z-index:1501}.update-user-role-select:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231976d2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.update-user-role-select option{background:#fff;color:#333;padding:6px 10px;font-size:13px}select:focus{z-index:9999!important}select option{position:relative;z-index:9999!important}.update-user-role-toggle-switch{position:relative;display:inline-block;width:60px;height:28px}.update-user-role-toggle-switch input{opacity:0;width:0;height:0}.update-user-role-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--delete--button);transition:.3s;border-radius:28px;box-shadow:0 1px 3px #0000001a}.update-user-role-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 2px #0003}.update-user-role-toggle-switch input:checked+.update-user-role-slider{background:var(--update-button, #ffa726)}.update-user-role-toggle-switch input:checked+.update-user-role-slider:before{transform:translate(32px)}.update-user-role-toggle-switch input:disabled+.update-user-role-slider{cursor:not-allowed;opacity:.6}.update-user-role-toggle-text{position:absolute;color:#fff;font-size:9px;font-weight:700;transition:all .3s;-webkit-user-select:none;user-select:none;top:50%;transform:translateY(-50%)}.update-user-role-toggle-text-yes{left:6px;opacity:0}.update-user-role-toggle-text-no{right:6px;opacity:1}.update-user-role-toggle-switch input:checked+.update-user-role-slider .update-user-role-toggle-text-yes{opacity:1}.update-user-role-toggle-switch input:checked+.update-user-role-slider .update-user-role-toggle-text-no{opacity:0}.update-user-role-round{border-radius:28px}.update-user-role-modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:center}.update-user-role-modal-btn{border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #0000001a;flex:1;max-width:150px;min-height:38px;display:flex;align-items:center;justify-content:center}.update-user-role-modal-btn--update{background:var(--update-button, #ffa726);color:#fff;box-shadow:0 2px 6px #ffa72633}.update-user-role-modal-btn--cancel{background:var(--delete--button);color:#fff;box-shadow:0 2px 6px #f5656533}.update-user-role-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.update-user-role-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}@keyframes update-user-role-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width: 768px){.update-user-role-modal-content{max-width:95%;max-height:85vh}.update-user-role-header-background{padding:15px 20px}.update-user-role-title{font-size:18px}.update-user-role-form{padding:15px 20px 12px}.update-user-role-form-group{margin-bottom:12px}.update-user-role-modal-actions{flex-direction:column;gap:10px;margin-top:15px}.update-user-role-modal-btn{max-width:100%;padding:8px 16px}.update-user-role-input,.update-user-role-textarea,.update-user-role-select{padding:8px 10px;font-size:12px}}@media (max-width: 480px){.update-user-role-header-background{padding:12px 15px}.update-user-role-form{padding:12px 15px 10px}.update-user-role-title{font-size:16px;margin-bottom:3px}.update-user-role-subtitle{font-size:11px}.update-user-role-input,.update-user-role-textarea,.update-user-role-select{padding:8px 10px;font-size:12px}.update-user-role-modal-btn{padding:8px 14px;font-size:12px;min-height:36px}}.MuiModal-root,.MuiBackdrop-root{z-index:1300!important}.am-container{min-height:100vh;font-family:Inter,sans-serif;padding:20px;display:flex;flex-direction:column;width:100%;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px}.am-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.am-header-left{display:flex;align-items:flex-start;gap:16px;flex:1}.am-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--blue-gradient, linear-gradient(135deg, #1976d2 0%, #1565c0 100%));color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;min-width:100px}.am-back-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #1976d24d}.am-title-section{flex:1}.am-title{font-size:28px;font-weight:700;color:var(--table-header-title, #333);margin:0 0 4px}.am-subtitle{font-size:16px;color:#666;margin:0;font-weight:500}.am-header-actions{display:flex;gap:8px}.am-search-btn{background-color:transparent;border:none;border-radius:8px;transition:all .3s ease;padding:6px}.am-search-btn .MuiSvgIcon-root{color:var(--icon-default, #55565b);font-size:20px}.am-search-btn:hover,.am-search-btn--active{background:var(--icon-green-gradient, linear-gradient(90deg, #4caf50 0%, #66bb6a 100%));box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.am-search-btn:hover .MuiSvgIcon-root,.am-search-btn--active .MuiSvgIcon-root{color:#fff!important}.am-content{display:flex;gap:24px;flex:1;min-height:500px}.am-left-panel,.am-right-panel{flex:1;min-width:0}.am-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;height:100%}.am-table-wrapper{overflow-x:auto;max-height:500px;overflow-y:auto}.am-table{width:100%;border-collapse:collapse}.am-table-head{background:var(--table-header, #1976d2);position:sticky;top:0;z-index:10}.am-table-header{padding:16px 12px;font-size:14px;font-weight:600;color:#fff;text-align:left;white-space:nowrap}.am-table-body{background-color:#fff}.am-table-row{background-color:#fff;transition:background-color .3s ease;border-bottom:1px solid #eee;cursor:pointer}.am-table-row:last-child{border-bottom:none}.am-table-row:hover{background-color:var(--table-row-hover, #f0f8ff)}.am-table-row--selected{background-color:#e3f2fd;border-left:4px solid #1976d2}.am-table-data{padding:14px 12px;font-size:14px;color:var(--table-row-data-color, #55565b);vertical-align:middle}.am-user-info{display:flex;flex-direction:column;gap:2px}.am-username{font-weight:600;color:#1475c6}.am-user-email{font-size:12px;color:#666}.am-role-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.am-role-badge--super-administrator{background-color:#ffebee;color:#c62828}.am-role-badge--administrator{background-color:#e3f2fd;color:#1565c0}.am-role-badge--manager{background-color:#e8f5e8;color:#2e7d32}.am-role-badge--employee{background-color:#fff3e0;color:#ef6c00}.am-role-badge--viewer{background-color:#f3e5f5;color:#7b1fa2}.am-search-input{width:calc(100% - 12px);padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;color:#333;box-shadow:inset 0 1px 3px #00000014;transition:border-color .3s ease,box-shadow .3s ease}.am-search-input:focus{border-color:var(--color-primary, #4caf50);box-shadow:inset 0 1px 3px #00000014,0 0 0 3px #4caf5033;outline:none}.am-tree-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;height:100%;display:flex;flex-direction:column}.am-tree-header{padding:20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.am-tree-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#333}.am-selected-user{color:#1976d2;font-weight:400}.am-selected-user-info{font-size:14px;color:#666}.am-tree-wrapper{flex:1;overflow-y:auto;padding:0}.am-initial-state{display:flex;align-items:center;justify-content:center;height:100%;padding:60px 20px}.am-initial-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;max-width:400px}.am-initial-icon{font-size:80px!important;color:#e0e0e0;margin-bottom:8px}.am-initial-title{font-size:20px;font-weight:600;color:#666}.am-initial-description{font-size:14px;color:#888;line-height:1.5;margin:0}.am-table-row--status{width:100%}.am-status-cell{width:100%;padding:0}.am-status-message{width:100%;padding:40px 20px;text-align:center;font-size:16px;animation:am-fadeIn .3s ease-out forwards;display:flex;flex-direction:column;align-items:center;justify-content:center}.am-status-message--loading{color:#1475c6;background-color:#f0f8ff}.am-status-message--error{color:#d32f2f;background-color:#fdecea;border-left:4px solid #d32f2f}.am-status-message--empty{color:#666;background-color:#f9f9f9}.am-loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}.am-loading-content .MuiCircularProgress-root{color:#1976d2}.am-loading-subtext{font-size:14px;color:#666;margin:0;font-weight:400}.am-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;max-width:400px;margin:0 auto}.am-error-icon{font-size:48px!important;color:#d32f2f;margin-bottom:8px}.am-error-text{display:flex;flex-direction:column;gap:8px;text-align:center}.am-error-title{font-size:18px;font-weight:600;color:#d32f2f}.am-error-description{font-size:14px;color:#666;line-height:1.4}.am-retry-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--blue-gradient, linear-gradient(135deg, #1976d2 0%, #1565c0 100%));color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;margin-top:8px}.am-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #1976d24d}.am-retry-icon{font-size:18px!important}.am-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}.am-empty-icon{font-size:64px!important;color:#ccc;margin-bottom:8px}.am-empty-title{font-size:18px;font-weight:600;color:#666}.am-empty-description{font-size:14px;color:#888;text-align:center;line-height:1.5;max-width:300px;margin:0}.am-tree{padding:20px}.am-tree-node{margin-bottom:4px}.am-tree-item{padding:8px 12px;border-radius:6px;transition:background-color .3s ease;cursor:pointer;margin-bottom:2px}.am-tree-item:hover{background-color:#f5f5f5}.am-tree-item--selected{background-color:#e3f2fd;border-left:3px solid #1976d2}.am-tree-item--org{font-weight:600}.am-tree-item--dept{font-weight:400}.am-tree-item-content{display:flex;align-items:center;gap:8px}.am-expand-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:all .3s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.am-expand-btn:hover{background-color:#e9ecef;color:#333}.am-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.am-checkbox-icon{color:#666;font-size:18px!important}.am-checkbox-icon--checked{color:#1976d2}.am-node-name{flex:1}.am-node-name--org{color:#1976d2;font-weight:600}.am-node-name--dept{color:#333}.am-node-type{font-size:12px;color:#666;background:#f5f5f5;padding:2px 6px;border-radius:10px}.am-tree-children{margin-left:32px}.am-tree-indent{width:16px;height:1px}.am-selected-summary{padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef}.am-selected-summary h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#333}.am-selected-list{display:flex;flex-wrap:wrap;gap:6px}.am-selected-item{background:#fff;padding:4px 8px;border-radius:12px;font-size:12px;color:#666;border:1px solid #e9ecef}.am-selected-more{font-size:12px;color:#1976d2;font-style:italic}.am-save-section{margin-top:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.am-save-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.am-save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--create-button, #4caf50);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;min-width:160px}.am-save-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.am-save-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.am-save-icon{font-size:18px!important}.am-saving-spinner{color:#fff!important;margin-right:8px}.am-access-info{color:#666;font-size:14px}.am-loading-text{font-size:12px;color:#1976d2;font-style:italic;display:block;margin-top:4px}@keyframes am-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.am-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.am-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.am-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.am-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.am-tree-wrapper::-webkit-scrollbar{width:8px}.am-tree-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.am-tree-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.am-tree-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 1024px){.am-content{flex-direction:column;gap:16px}.am-left-panel,.am-right-panel{min-height:400px}}@media (max-width: 768px){.am-container{padding:12px}.am-header{flex-direction:column;gap:12px}.am-header-left{flex-direction:column;gap:12px;width:100%}.am-back-btn{align-self:flex-start}.am-title{font-size:24px}.am-subtitle{font-size:14px}.am-table-header{display:none}.am-table-row{display:block;margin-bottom:12px;padding:12px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.am-table-data{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;border:none}.am-table-data:before{content:attr(data-label);font-weight:600;margin-right:12px;color:#333;flex-shrink:0;width:100px;text-align:left;font-size:13px}.am-save-actions{flex-direction:column;gap:12px;text-align:center}.am-save-btn{width:100%;justify-content:center}.am-initial-content{padding:40px 20px}.am-initial-icon{font-size:60px!important}.am-initial-title{font-size:18px}.am-status-message{padding:30px 15px}}@media (max-width: 480px){.am-container{padding:8px}.am-title{font-size:20px}.am-table-data{font-size:12px}.am-table-data:before{font-size:12px;width:80px}.am-tree-item-content{gap:6px}.am-node-type{font-size:11px}.am-initial-content{padding:30px 15px}.am-initial-icon{font-size:48px!important}.am-initial-title{font-size:16px}.am-initial-description{font-size:13px}.am-status-message{padding:20px 10px;font-size:14px}}.laa{display:flex;flex-direction:column;flex:1;min-height:100vh;background-color:var(--table-background, #f5f5f5);font-family:Inter,sans-serif}.laa__container{height:100%;display:flex;justify-content:center;align-items:flex-start;padding:15px}.laa__table-container{width:100%;padding:15px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px}.laa__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.laa__title{font-size:22px;color:var(--table-header-title, #333);margin:0;font-weight:700}.laa__actions{display:flex;gap:8px}.laa__header-icon{background-color:transparent;border:none;border-radius:8px;transition:all .3s ease;padding:6px}.laa__header-icon .MuiSvgIcon-root{color:var(--icon-default, #55565b);font-size:20px}.laa__header-icon:hover,.laa__header-icon--active{background:var(--icon-green-gradient, linear-gradient(90deg, #4caf50 0%, #66bb6a 100%));box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.laa__header-icon:hover .MuiSvgIcon-root,.laa__header-icon--active .MuiSvgIcon-root{color:#fff!important}.laa__table-wrapper{overflow-x:auto;border-radius:8px;overflow:hidden;max-height:600px;overflow-y:auto}.laa__table{width:100%;border-collapse:collapse}.laa__thead{position:sticky;top:0;z-index:10;background:var(--table-header, #1976d2)}.laa__th{padding:12px 8px;font-size:13px;font-weight:600;color:#fff;text-align:left;white-space:nowrap}.laa__tbody{background-color:#fff}.laa__tr{background-color:#fff;transition:background-color .3s ease;border-bottom:1px solid #eee}.laa__tr:last-child{border-bottom:none}.laa__tr:hover{background-color:var(--table-row-hover, #f0f8ff)}.laa__tr:nth-child(2n){background-color:#f9f9f9}.laa__td{padding:10px 8px;font-size:12px;color:var(--table-row-data-color, #55565b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.laa__search-input{width:calc(100% - 12px);padding:6px 8px;border:1px solid #ccc;border-radius:6px;font-size:12px;color:#333;box-shadow:inset 0 1px 3px #00000014;transition:border-color .3s ease,box-shadow .3s ease}.laa__search-input:focus{border-color:var(--color-primary, #4caf50);box-shadow:inset 0 1px 3px #00000014,0 0 0 3px #4caf5033;outline:none}.laa__actions{display:flex;gap:8px;justify-content:flex-start}.laa__btn{padding:6px 12px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.laa__btn--approve{background:linear-gradient(90deg,#4caf50,#66bb6a);color:#fff}.laa__btn--approve:hover{background:linear-gradient(90deg,#45a049,#5cb860);transform:translateY(-1px)}.laa__btn--reject{background:linear-gradient(90deg,#d32f2f,#f44336);color:#fff}.laa__btn--reject:hover{background:linear-gradient(90deg,#c62828,#e53935);transform:translateY(-1px)}.laa__doc-btn{padding:6px 12px;background:linear-gradient(90deg,#1976d2,#2196f3);color:#fff;border:none;border-radius:6px;font-size:11px;cursor:pointer;transition:all .3s ease}.laa__doc-btn:hover{background:linear-gradient(90deg,#1565c0,#1e88e5);transform:translateY(-1px)}.laa__no-doc{color:#999;font-style:italic;font-size:11px}.laa__tr--status{width:100%}.laa__status-cell{width:100%;padding:0}.laa__status-message{width:100%;padding:20px;text-align:center;font-size:14px;animation:fadeIn .3s ease-out forwards}.laa__status-message--empty{color:#666;font-style:italic;background-color:#f9f9f9}@media (max-width: 768px){.laa__container{padding:5px}.laa__table-container{padding:10px;margin:5px}.laa__title{font-size:18px}.laa__th{display:none}.laa__tr{display:block;margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:8px}.laa__td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;border:none}.laa__td:before{content:attr(data-label);font-weight:600;margin-right:8px;color:#333;flex-shrink:0;width:100px;text-align:left;font-size:12px}.laa__actions{justify-content:center;margin-top:10px}.laa__actions:before{content:"Actions";font-weight:600;margin-right:8px;color:#333;flex-shrink:0;width:100px;text-align:left;font-size:12px}.laa__search-input{width:calc(100% - 10px);padding:5px 6px;font-size:11px}}@media (max-width: 480px){.laa__title{font-size:16px}.laa__td{font-size:11px}.laa__td:before{font-size:11px;width:80px}.laa__actions:before{font-size:11px;width:80px}.laa__btn,.laa__doc-btn{padding:5px 10px;font-size:10px}.laa__status-message{padding:15px;font-size:13px}}:root{--dd-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--dd-gradient-soft: linear-gradient(135deg, #42a5f5 0%, #1565c0 100%);--dd-primary: #2196F3;--dd-primary-dark: #0d47a1;--dd-primary-mid: #1565c0;--dd-bg: #eef2ff;--dd-surface: #ffffff;--dd-border: rgba(33, 150, 243, .1);--dd-border-mid: rgba(33, 150, 243, .18);--dd-text-dark: #1a237e;--dd-text-body: #37474f;--dd-text-muted: #607d8b;--dd-text-hint: #90a4ae;--dd-shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 4px 18px rgba(33,150,243,.07);--dd-shadow-md: 0 2px 8px rgba(0,0,0,.05), 0 8px 28px rgba(33,150,243,.1);--dd-shadow-hover: 0 4px 16px rgba(0,0,0,.06), 0 12px 40px rgba(33,150,243,.14);--dd-radius: 14px;--dd-radius-sm: 9px;--dd-radius-xs: 6px;--dd-blue: #2196F3;--dd-blue-bg: #e3f2fd;--dd-green: #2e7d32;--dd-green-bg: #e8f5e9;--dd-orange: #e65100;--dd-orange-bg: #fff3e0;--dd-red: #b71c1c;--dd-red-bg: #ffebee;--dd-amber: #f57f17;--dd-amber-bg: #fffde7;--dd-purple: #6a1b9a;--dd-purple-bg: #f3e5f5;--dd-teal: #00695c;--dd-teal-bg: #e0f2f1;--dd-slate: #455a64;--dd-slate-bg: #eceff1}*,*:before,*:after{box-sizing:border-box}.device-dashboard{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--dd-bg);min-height:100vh}.device-dashboard__topbar{background:var(--dd-gradient);border-radius:var(--dd-radius);padding:20px 28px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0d47a138}.device-dashboard__topbar-left{display:flex;align-items:center;gap:14px}.device-dashboard__topbar-logo{width:42px;height:42px;background:#ffffff2e;border-radius:11px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25)}.device-dashboard__topbar-title{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.device-dashboard__topbar-subtitle{font-size:12px;color:#ffffffb8;margin:2px 0 0}.device-dashboard__topbar-right{display:flex;align-items:center;gap:10px}.device-dashboard__topbar-badge{display:flex;align-items:center;gap:6px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 12px;color:#ffffffe6;font-size:12px;font-weight:500}.device-dashboard__topbar-dot{width:7px;height:7px;border-radius:50%;background:#69f0ae;box-shadow:0 0 0 2px #69f0ae4d;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 0 2px #69f0ae4d}50%{box-shadow:0 0 0 5px #69f0ae26}}.device-dashboard__grid-container{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;max-width:1600px;margin:0 auto}.device-dashboard__box{background:var(--dd-surface);border-radius:var(--dd-radius);border:1px solid var(--dd-border);box-shadow:var(--dd-shadow-sm);overflow:hidden;transition:box-shadow .2s}.device-dashboard__box:hover{box-shadow:var(--dd-shadow-hover)}.device-dashboard__box1,.device-dashboard__box2{grid-column:span 6;min-height:270px}.device-dashboard__box3{grid-column:span 5;min-height:380px}.device-dashboard__box4{grid-column:span 3;min-height:380px}.device-dashboard__box5{grid-column:span 4;min-height:380px}.dd-placeholder{height:100%;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--dd-text-hint);font-size:13px;font-weight:500}.dd-placeholder-icon{width:52px;height:52px;border-radius:14px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:6px;border:1px solid rgba(33,150,243,.1)}.dd-placeholder-title{font-size:14px;font-weight:600;color:var(--dd-text-muted)}@media (max-width: 1300px){.device-dashboard__box3{grid-column:span 12;min-height:340px}.device-dashboard__box4,.device-dashboard__box5{grid-column:span 6}}@media (max-width: 960px){.device-dashboard__box1,.device-dashboard__box2{grid-column:span 12}}@media (max-width: 700px){.device-dashboard{padding:12px}.device-dashboard__grid-container{gap:12px}.device-dashboard__box1,.device-dashboard__box2,.device-dashboard__box3,.device-dashboard__box4,.device-dashboard__box5{grid-column:span 12}.device-dashboard__topbar{padding:14px 16px}.device-dashboard__topbar-right{display:none}}.dhs-wrapper{display:flex;flex-direction:column;height:100%;font-family:Plus Jakarta Sans,system-ui,sans-serif}.dhs-header{background:linear-gradient(135deg,#2196f3,#0d47a1);padding:15px 20px;display:flex;align-items:center;gap:11px;flex-shrink:0}.dhs-header-icon{width:36px;height:36px;background:#ffffff2b;border:1px solid rgba(255,255,255,.25);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dhs-header-text{flex:1}.dhs-titleheader{font-size:14px;font-weight:600;color:#fff;margin:0;letter-spacing:-.01em;line-height:1.2}.dhs-header-sub{font-size:10.5px;color:#ffffffad;margin:2px 0 0}.dhs-header-btn{width:30px;height:30px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:7px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.dhs-header-btn:hover{background:#ffffff42}.dhs-container{display:grid;grid-template-columns:1fr 1fr;flex:1}.dhs-item{padding:18px 16px 14px;cursor:pointer;transition:background .15s;display:flex;flex-direction:column;gap:5px;position:relative;border-right:1px solid rgba(33,150,243,.08);border-bottom:1px solid rgba(33,150,243,.08)}.dhs-item:nth-child(2n){border-right:none}.dhs-item:nth-child(n+3){border-bottom:none}.dhs-item:hover{background:#2196f308}.dhs-item:after{content:"";position:absolute;left:0;bottom:0;right:0;height:2.5px;background:var(--item-color, #2196F3);transform:scaleX(0);transform-origin:left;transition:transform .22s ease;border-radius:0 0 3px 3px}.dhs-item:hover:after{transform:scaleX(1)}.dhs-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--item-color, #2196F3) 11%,#fff);color:var(--item-color, #2196F3);margin-bottom:3px;border:1px solid color-mix(in srgb,var(--item-color, #2196F3) 18%,transparent)}.dhs-count{font-size:32px;font-weight:700;color:#1a237e;line-height:1;letter-spacing:-.045em;font-family:DM Mono,Courier New,monospace}.dhs-title{font-size:10.5px;font-weight:700;color:#78909c;text-transform:uppercase;letter-spacing:.07em;margin:0}.dhs-description{font-size:10px;color:#b0bec5;line-height:1.4;display:none}@media (min-width: 1100px){.dhs-description{display:block}}.dhs-loading{cursor:default}.dhs-skeleton{pointer-events:none;cursor:default}.dhs-skeleton-icon,.dhs-skeleton-count,.dhs-skeleton-title{border-radius:7px;background:linear-gradient(90deg,#dce8ff 25%,#c8d9f8,#dce8ff 75%);background-size:300% 100%;animation:shimmerDhs 1.6s infinite}.dhs-skeleton-icon{width:38px;height:38px;border-radius:10px;margin-bottom:8px}.dhs-skeleton-count{width:58px;height:28px;margin-bottom:4px}.dhs-skeleton-title{width:75%;height:11px}@keyframes shimmerDhs{0%{background-position:300% 0}to{background-position:-300% 0}}.dhs-error,.dhs-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;text-align:center}.dhs-error-icon,.dhs-empty-icon{color:#b0bec5}.dhs-error-message,.dhs-empty-message{font-size:14px;font-weight:600;color:#546e7a}.dhs-error-details,.dhs-empty-details{font-size:12px;color:#90a4ae;max-width:240px}.dhs-retry-button{display:flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:6px}.dhs-retry-button:hover{opacity:.88;transform:translateY(-1px)}.dhs-retry-button:active{transform:none;opacity:1}.dhs-clickable{cursor:pointer}.dhs-modal-backdrop,.emp-status-modal-backdrop,.dgear-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1f478c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeBackdrop .18s ease}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}.dhs-modal-content,.emp-status-modal-content,.dgear-modal-content{background:#fff;border-radius:16px;width:100%;max-width:920px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0d47a138,0 4px 16px #0000001a;animation:slideModal .2s ease;font-family:Plus Jakarta Sans,system-ui,sans-serif}@keyframes slideModal{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dhs-modal-header,.emp-status-modal-header,.dgear-modal-header{background:linear-gradient(135deg,#2196f3,#0d47a1);padding:18px 22px;display:flex;align-items:flex-start;gap:12px;flex-shrink:0}.dhs-modal-header-icon,.emp-status-modal-header-icon,.dgear-modal-header-icon{width:40px;height:40px;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dhs-modal-header-text,.emp-status-modal-header-text,.dgear-modal-header-text{flex:1;min-width:0}.dhs-modal-title,.emp-status-modal-title,.dgear-modal-title{font-size:15px;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.2}.dhs-modal-subtitle,.emp-status-modal-subtitle,.dgear-modal-subtitle{font-size:11.5px;color:#ffffffb3;margin:3px 0 0}.dhs-close-btn,.emp-status-close-btn,.dgear-close-btn{width:32px;height:32px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.dhs-close-btn:hover,.emp-status-close-btn:hover,.dgear-close-btn:hover{background:#ffffff47}.dhs-info-strip,.emp-status-info-strip,.dgear-info-strip{display:flex;gap:0;background:#f5f8ff;border-bottom:1px solid rgba(33,150,243,.1);flex-shrink:0}.dhs-info-chip,.emp-status-info-chip,.dgear-info-chip{display:flex;align-items:center;gap:6px;padding:9px 18px;border-right:1px solid rgba(33,150,243,.1);font-size:12px}.dhs-info-chip:last-child,.emp-status-info-chip:last-child,.dgear-info-chip:last-child{border-right:none}.dhs-info-label,.emp-status-info-label,.dgear-info-label{color:#78909c;font-weight:500}.dhs-info-value,.emp-status-info-value,.dgear-info-value{color:#1a237e;font-weight:700;font-family:DM Mono,monospace}.dhs-search-container,.emp-status-search-container,.dgear-search-container{padding:12px 18px;background:#fff;border-bottom:1px solid rgba(33,150,243,.08);flex-shrink:0}.dhs-search-input-group,.emp-status-search-input-group,.dgear-search-input-group{display:flex;align-items:center;gap:8px;background:#f5f8ff;border:1.5px solid rgba(33,150,243,.14);border-radius:9px;padding:0 12px;height:38px;transition:border-color .15s}.dhs-search-input-group:focus-within,.emp-status-search-input-group:focus-within,.dgear-search-input-group:focus-within{border-color:#2196f3;background:#fff}.dhs-search-icon,.emp-status-search-icon,.dgear-search-icon{color:#90a4ae;display:flex}.dhs-search-input,.emp-status-search-input,.dgear-search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;font-family:inherit;color:#37474f}.dhs-search-input::placeholder,.emp-status-search-input::placeholder,.dgear-search-input::placeholder{color:#b0bec5}.dhs-modal-body,.emp-status-modal-body,.dgear-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.dhs-modal-body::-webkit-scrollbar,.emp-status-modal-body::-webkit-scrollbar,.dgear-modal-body::-webkit-scrollbar{width:4px}.dhs-modal-body::-webkit-scrollbar-track,.emp-status-modal-body::-webkit-scrollbar-track,.dgear-modal-body::-webkit-scrollbar-track{background:transparent}.dhs-modal-body::-webkit-scrollbar-thumb,.emp-status-modal-body::-webkit-scrollbar-thumb,.dgear-modal-body::-webkit-scrollbar-thumb{background:#c5cae9;border-radius:99px}.dhs-table-container,.emp-status-table-container,.dgear-table-container{overflow-x:auto}.dhs-table,.emp-status-table,.dgear-table{width:100%;border-collapse:collapse;font-size:12.5px}.dhs-table thead tr,.emp-status-table thead tr,.dgear-table thead tr{background:#f0f4ff;position:sticky;top:0;z-index:1}.dhs-table th,.emp-status-table th,.dgear-table th{padding:10px 14px;text-align:left;font-size:10.5px;font-weight:700;color:#546e7a;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:2px solid rgba(33,150,243,.12);-webkit-user-select:none;user-select:none}.dhs-sortable,.emp-status-sortable,.dgear-sortable{cursor:pointer;transition:color .13s}.dhs-sortable:hover,.emp-status-sortable:hover,.dgear-sortable:hover{color:#1565c0}.dhs-sortable:after,.emp-status-sortable:after,.dgear-sortable:after{content:" ⇅";font-size:9px;opacity:.5}.dhs-sort-asc:after,.emp-status-sort-asc:after,.dgear-sort-asc:after{content:" ↑";opacity:1;color:#2196f3}.dhs-sort-desc:after,.emp-status-sort-desc:after,.dgear-sort-desc:after{content:" ↓";opacity:1;color:#2196f3}.dhs-table tbody tr,.emp-status-table tbody tr,.dgear-table tbody tr{border-bottom:1px solid rgba(33,150,243,.06);transition:background .1s}.dhs-table tbody tr:hover,.emp-status-table tbody tr:hover,.dgear-table tbody tr:hover{background:#f5f8ff}.dhs-table td,.emp-status-table td,.dgear-table td{padding:11px 14px;color:#37474f;vertical-align:middle;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dhs-device-name,.emp-status-info,.dgear-employee-info{display:flex;flex-direction:column;gap:1px}.emp-status-name,.dgear-employee-name{font-weight:600;color:#1a237e;font-size:12.5px}.emp-status-email,.dgear-employee-email{font-size:10.5px;color:#90a4ae}.emp-status-empno,.dgear-employee-id{font-family:DM Mono,monospace;font-size:11.5px;font-weight:500;color:#546e7a;background:#eceff1;border-radius:5px;padding:2px 7px;display:inline-block}.emp-status-department,.emp-status-designation,.emp-status-organisation,.dgear-department,.dgear-designation{font-size:12px;color:#37474f}.emp-status-date,.dgear-access-date{font-family:DM Mono,monospace;font-size:11px;color:#78909c}.emp-status-badge,.dgear-access-badge,.dhs-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.02em}.emp-status-badge-active{background:#e8f5e9;color:#2e7d32}.emp-status-badge-inactive{background:#fff3e0;color:#e65100}.emp-status-badge-suspended{background:#ffebee;color:#b71c1c}.emp-status-badge-probation{background:#fffde7;color:#f57f17}.emp-status-badge-terminated{background:#fce4ec;color:#880e4f}.dhs-status-badge-online{background:#e8f5e9;color:#2e7d32}.dhs-status-badge-offline{background:#fff3e0;color:#e65100}.dhs-status-badge-inactive{background:#ffebee;color:#b71c1c}.dgear-access-badge-full{background:#e3f2fd;color:#1565c0}.dgear-access-badge-admin{background:#ede7f6;color:#4527a0}.dgear-access-badge-limited{background:#fff3e0;color:#e65100}.dgear-access-badge-readonly{background:#eceff1;color:#455a64}.dhs-status-cell{display:flex;align-items:center;gap:5px}.dhs-status-icon{font-size:15px!important}.dhs-status-online{color:#2e7d32}.dhs-status-offline{color:#e65100}.dhs-status-inactive{color:#b71c1c}.dhs-no-data,.emp-status-no-data,.dgear-no-data{padding:48px 24px;text-align:center;color:#90a4ae;font-size:13px}.dhs-modal-footer,.emp-status-modal-footer,.dgear-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid rgba(33,150,243,.1);background:#f8faff;flex-shrink:0;gap:12px}.dhs-summary-total,.emp-status-summary-total,.dgear-summary-total{font-size:12px;color:#78909c;font-weight:500}.dhs-close-footer-btn,.emp-status-close-footer-btn,.dgear-close-footer-btn{padding:8px 22px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s}.dhs-close-footer-btn:hover,.emp-status-close-footer-btn:hover,.dgear-close-footer-btn:hover{opacity:.88;transform:translateY(-1px)}@media (max-width: 640px){.dhs-modal-content,.emp-status-modal-content,.dgear-modal-content{max-height:95vh;border-radius:12px}.dhs-info-strip,.emp-status-info-strip,.dgear-info-strip{flex-wrap:wrap}.dhs-table th:nth-child(n+5),.dhs-table td:nth-child(n+5),.emp-status-table th:nth-child(n+5),.emp-status-table td:nth-child(n+5),.dgear-table th:nth-child(n+5),.dgear-table td:nth-child(n+5){display:none}}.dgear-container{display:flex;flex-direction:column;height:100%;font-family:Plus Jakarta Sans,system-ui,sans-serif}.dgear-header{background:linear-gradient(135deg,#2196f3,#0d47a1);padding:14px 18px;display:flex;align-items:center;gap:10px;flex-shrink:0}.dgear-header-icon{width:34px;height:34px;background:#ffffff2b;border:1px solid rgba(255,255,255,.25);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dgear-header-text{flex:1;min-width:0}.dgear-title{font-size:13.5px;font-weight:600;color:#fff;margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dgear-header-sub{font-size:10px;color:#ffffffa6;margin:1px 0 0}.dgear-search-bar{display:flex;align-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.24);border-radius:8px;padding:0 10px;gap:6px;height:32px;min-width:150px;max-width:200px;flex-shrink:0}.dgear-search-bar input{background:transparent;border:none;outline:none;color:#fff;font-size:12px;font-family:inherit;width:100%}.dgear-search-bar input::placeholder{color:#ffffff8c}.dgear-search-bar-icon{color:#ffffffa6;font-size:15px!important;flex-shrink:0}.dgear-clear-btn{background:#ffffff2e;border:none;color:#fff;cursor:pointer;border-radius:4px;padding:0 4px;font-size:11px;line-height:18px;flex-shrink:0}.dgear-clear-btn:hover{background:#ffffff4d}.dgear-result-strip{display:flex;align-items:center;justify-content:space-between;padding:9px 18px 7px;background:#f5f8ff;border-bottom:1px solid rgba(33,150,243,.1);flex-shrink:0}.dgear-result-count{font-size:11px;color:#78909c;font-weight:500}.dgear-result-tag{font-size:10.5px;background:#e3f2fd;color:#1565c0;border-radius:5px;padding:2px 8px;font-weight:600}.dgear-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.dgear-list-container{flex:1;overflow-y:auto;overflow-x:hidden}.dgear-list-container::-webkit-scrollbar{width:4px}.dgear-list-container::-webkit-scrollbar-track{background:transparent}.dgear-list-container::-webkit-scrollbar-thumb{background:#c5cae9;border-radius:99px}.dgear-list{padding:6px 0}.dgear-list-item{display:flex;align-items:center;gap:12px;padding:10px 18px;transition:background .12s;cursor:default;border-bottom:1px solid rgba(33,150,243,.045)}.dgear-list-item:last-child{border-bottom:none}.dgear-list-item:hover{background:#f3f7ff}.dgear-list-color{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2.5px #0000000f}.dgear-list-info{flex:1;min-width:0}.dgear-list-title{font-size:13px;font-weight:600;color:#1a237e;margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dgear-list-count{font-size:11px;color:#78909c;font-weight:500}.dgear-count-pill{font-size:11px;font-weight:700;color:#37474f;background:#eceff1;border-radius:6px;padding:3px 8px;min-width:32px;text-align:center;font-family:DM Mono,monospace;flex-shrink:0}.dgear-list-button{font-size:11px;font-weight:600;padding:5px 13px;border-radius:6px;border:1.5px solid #2196F3;color:#1565c0;background:transparent;cursor:pointer;transition:background .14s,color .14s,border-color .14s;white-space:nowrap;font-family:inherit;flex-shrink:0}.dgear-list-button:hover{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border-color:transparent}.dgear-list-button.disabled{border-color:#e0e0e0;color:#bdbdbd;cursor:not-allowed;background:#fafafa}.dgear-list-button.disabled:hover{background:#fafafa;color:#bdbdbd;border-color:#e0e0e0}.dgear-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 24px;text-align:center}.empty-state-icon{font-size:36px}.dgear-empty-state h3{font-size:14px;font-weight:700;color:#546e7a;margin:0}.dgear-empty-state p{font-size:12px;color:#90a4ae;margin:0}.dgear-clear-search-btn{padding:7px 16px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:4px;transition:opacity .15s}.dgear-clear-search-btn:hover{opacity:.88}.dgear-loading .dgear-list-item{pointer-events:none}.skeleton{animation:shimmerDg 1.6s infinite}.skeleton-color{width:10px;height:10px;border-radius:50%;background:linear-gradient(90deg,#dce8ff 25%,#c8d9f8,#dce8ff 75%);background-size:300% 100%}.skeleton-title{height:13px;width:65%;border-radius:5px;background:linear-gradient(90deg,#dce8ff 25%,#c8d9f8,#dce8ff 75%);background-size:300% 100%;margin-bottom:4px}.skeleton-subtitle{height:11px;width:40%;border-radius:5px;background:linear-gradient(90deg,#dce8ff 25%,#c8d9f8,#dce8ff 75%);background-size:300% 100%}.skeleton-button{width:52px;height:28px;border-radius:6px;background:linear-gradient(90deg,#dce8ff 25%,#c8d9f8,#dce8ff 75%);background-size:300% 100%}@keyframes shimmerDg{0%{background-position:300% 0}to{background-position:-300% 0}}.dgear-error{padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#90a4ae;font-size:13px}.emp-status-wrapper{display:flex;flex-direction:column;height:100%;font-family:Plus Jakarta Sans,system-ui,sans-serif}.emp-status-header{background:linear-gradient(135deg,#2196f3,#0d47a1);padding:15px 20px;display:flex;align-items:center;gap:11px;flex-shrink:0}.emp-status-header-icon{width:36px;height:36px;background:#ffffff2b;border:1px solid rgba(255,255,255,.25);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.emp-status-header-text{flex:1}.emp-status-titleheader{font-size:14px;font-weight:600;color:#fff;margin:0;letter-spacing:-.01em;line-height:1.2}.emp-status-header-sub{font-size:10.5px;color:#ffffffad;margin:2px 0 0}.emp-status-total-badge{background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:5px 12px;text-align:center;flex-shrink:0}.emp-status-total-num{font-size:18px;font-weight:700;color:#fff;font-family:DM Mono,Courier New,monospace;line-height:1;letter-spacing:-.03em}.emp-status-total-label{font-size:9px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;display:block;margin-top:1px}.emp-status-container{display:grid;grid-template-columns:1fr 1fr;flex:1}.emp-status-item{padding:18px 16px 14px;cursor:pointer;transition:background .15s;display:flex;flex-direction:column;gap:5px;position:relative;border-right:1px solid rgba(33,150,243,.08);border-bottom:1px solid rgba(33,150,243,.08)}.emp-status-item:nth-child(2n){border-right:none}.emp-status-item:nth-child(n+3){border-bottom:none}.emp-status-item:hover{background:#2196f308}.emp-status-item:after{content:"";position:absolute;left:0;bottom:0;right:0;height:2.5px;background:var(--item-color, #2196F3);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.emp-status-item:hover:after{transform:scaleX(1)}.emp-status-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--item-color, #2196F3) 11%,#fff);color:var(--item-color, #2196F3);margin-bottom:3px;border:1px solid color-mix(in srgb,var(--item-color, #2196F3) 18%,transparent)}.emp-status-count{font-size:32px;font-weight:700;color:#1a237e;line-height:1;letter-spacing:-.045em;font-family:DM Mono,Courier New,monospace}.emp-status-title{font-size:10.5px;font-weight:700;color:#78909c;text-transform:uppercase;letter-spacing:.07em;margin:0}.emp-status-description{font-size:10px;color:#b0bec5;line-height:1.4;display:none}@media (min-width: 1100px){.emp-status-description{display:block}}.emp-status-loading{cursor:default}.emp-status-skeleton{pointer-events:none;cursor:default}.emp-status-skeleton-icon,.emp-status-skeleton-count,.emp-status-skeleton-title{border-radius:7px;background:linear-gradient(90deg,#dce8ff 25%,#c8d9f8,#dce8ff 75%);background-size:300% 100%;animation:shimmerEmp 1.6s infinite}.emp-status-skeleton-icon{width:38px;height:38px;border-radius:10px;margin-bottom:8px}.emp-status-skeleton-count{width:58px;height:28px;margin-bottom:4px}.emp-status-skeleton-title{width:75%;height:11px}@keyframes shimmerEmp{0%{background-position:300% 0}to{background-position:-300% 0}}.emp-status-error,.emp-status-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;text-align:center}.emp-status-error-icon,.emp-status-empty-icon{color:#b0bec5}.emp-status-error-message,.emp-status-empty-message{font-size:14px;font-weight:600;color:#546e7a}.emp-status-error-details,.emp-status-empty-details{font-size:12px;color:#90a4ae;max-width:240px}.emp-status-retry-button{display:flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:6px}.emp-status-retry-button:hover{opacity:.88;transform:translateY(-1px)}.emp-status-retry-button:active{transform:none;opacity:1}.clickable{cursor:pointer}:root{--create-button: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--delete-button: linear-gradient(90deg, #ff711c 0%, #f74231 50%, #fd2a6d 100%);--update-button: linear-gradient(90deg, #1da99c 0%, #4abb83 50%, #7dcf61 100%);--table-header: #0d47a1;--info-bg: #e3f2fd;--info-border: #90caf9}.dl-container{width:100%;background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;font-size:11px}.dl-info-header{background:var(--info-bg);border:1px solid var(--info-border);border-radius:4px;padding:12px 16px;margin-bottom:8px}.dl-info-header-content{display:flex;align-items:flex-start;gap:12px}.dl-info-icon{color:#1976d2;margin-top:2px}.dl-info-text{flex:1}.dl-info-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#1565c0;display:flex;align-items:center;gap:6px}.dl-info-description{display:flex;flex-direction:column;gap:6px}.dl-info-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#333}.dl-info-check-icon{color:#2e7d32;font-size:14px!important}.dl-info-unassign-icon{color:#d32f2f;font-size:14px!important}.dl-section{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:16px;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.dl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #007bff}.dl-section-title{display:flex;align-items:center;gap:8px}.dl-section-icon{color:#1976d2}.dl-unassigned-icon{color:#d32f2f}.dl-title{margin:0;font-weight:600;font-size:16px;color:#495057;display:flex;align-items:center;gap:8px}.dl-count-badge{font-size:11px;background:#f0f2f5;padding:2px 8px;border-radius:10px;color:#666}.dl-search-container{display:flex;align-items:center;gap:8px}.dl-search-wrapper{position:relative;display:flex;align-items:center}.dl-search-icon{position:absolute;left:8px;color:#666;font-size:16px!important}.dl-search-input{padding:6px 10px 6px 32px;border:1px solid #cccccc;border-radius:4px;font-size:11px;width:200px;height:28px}.dl-refresh-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:4px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.dl-refresh-btn:hover{background:#e0e0e0}.dl-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.dl-table-wrapper{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.dl-table-container{overflow-x:auto;max-height:300px;width:100%}.dl-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;font-size:11px}.dl-table-head{position:sticky;top:0;z-index:10}.dl-table th,.dl-table td{border:1px solid #e0e0e0;padding:8px 6px;text-align:left;vertical-align:middle}.dl-table th{background:var(--table-header);color:#fff;font-weight:600;white-space:nowrap}.dl-col-address{width:50px;min-width:50px;text-align:center!important}.dl-col-cpu-id{min-width:130px}.dl-col-name{min-width:150px}.dl-col-actions{width:1%;white-space:nowrap;min-width:120px;text-align:center}.dl-col-mode,.dl-col-type,.dl-col-subtype,.dl-col-firmware,.dl-col-ip,.dl-col-last-sync{width:1%;white-space:nowrap}.dl-status-badge{padding:2px 6px;border-radius:10px;font-size:9px;font-weight:700;display:inline-block}.dl-status-in{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.dl-status-out{background-color:#f8d7da;color:#721c24;border:1px solid #f1b0b7}.dl-status-device-given{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.dl-status-null{background-color:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.dl-action-btn{padding:4px 2px;border:none;border-radius:3px;font-size:10px;font-weight:600;cursor:pointer;margin:0 2px;color:#fff;transition:transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:40px}.dl-action-btn:active{transform:scale(.95)}.dl-action-btn svg{font-size:12px!important}.dl-edit-btn{background:var(--update-button)}.dl-delete-btn{background:var(--delete-button)}.dl-assign-btn{background:var(--create-button)}.dl-unassign-btn{background:var(--delete-button)}.dl-no-data{padding:20px;text-align:center;color:#888}.dl-never-synced{color:#dc3545}.dl-no-ip{color:#999}.dl-table-container::-webkit-scrollbar{width:6px;height:6px}.dl-table-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.dl-loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff2;z-index:10}.dl-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.dl-loading-text{color:#666;font-size:11px;font-weight:500}.dl-error-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff5f5;z-index:10;padding:20px}.dl-error-icon{font-size:32px;margin-bottom:12px;color:#c53030}.dl-error-text{color:#c53030;font-size:11px;text-align:center;margin-bottom:16px;max-width:300px}.dl-retry-btn{background:var(--delete-button);color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}@media (max-width: 768px){.dl-header{flex-direction:column;align-items:stretch;gap:12px}.dl-search-container{justify-content:flex-start}.dl-search-input{width:100%}.dl-info-description{flex-direction:column}}.uadm-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:10px;box-sizing:border-box}.uadm-modal-content{background:#fff;border-radius:4px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000026;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.uadm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff}.uadm-modal-title{margin:0;font-size:1rem;font-weight:600}.uadm-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.uadm-modal-body{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.uadm-form-row{display:flex;gap:12px;margin-bottom:4px}.uadm-form-group{flex:1;display:flex;flex-direction:column}.uadm-label{margin-bottom:4px;font-weight:600;color:#444;font-size:.8rem}.uadm-required{color:#d32f2f}.uadm-input{padding:6px 10px;border:1px solid #ced4da;border-radius:3px;font-size:.85rem;min-height:32px;outline:none;transition:border-color .2s}.uadm-input:focus{border-color:#ff9800}.uadm-input-disabled{background-color:#f1f3f5;color:#666;cursor:not-allowed}.uadm-input-error{border-color:#d32f2f!important}.uadm-help-text{font-size:.7rem;color:#888;margin-top:2px}.uadm-error{font-size:.7rem;color:#d32f2f;margin-top:2px}.uadm-react-select .react-select__control{min-height:32px!important;height:32px!important;font-size:.85rem;border-radius:3px;border-color:#ced4da}.uadm-select-error .react-select__control{border-color:#d32f2f!important}.uadm-react-select .react-select__value-container{padding:0 8px!important}.uadm-react-select .react-select__indicators-container{height:30px!important}.uadm-modal-footer{padding:12px 16px;background-color:#f8f9fa;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;gap:10px}.uadm-cancel-btn,.uadm-submit-btn{padding:6px 14px;border-radius:3px;font-size:.8rem;font-weight:600;min-width:80px;height:32px;cursor:pointer;border:none;transition:opacity .2s}.uadm-cancel-btn{background:var(--delete--button);color:#fff}.uadm-submit-btn{background:var(--update-button);color:#fff}.uadm-cancel-btn:disabled,.uadm-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.uadm-form-row{flex-direction:column;gap:12px}.uadm-form-group[style]{flex:1 0 100%!important}}.adm-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:10px;box-sizing:border-box}.adm-modal-content{background:#fff;border-radius:4px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000026;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.adm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff}.adm-modal-title{margin:0;font-size:1rem;font-weight:600}.adm-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.adm-modal-body{flex:1;padding:12px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.adm-device-summary{background-color:#f1f3f5;border:1px solid #dee2e6;border-radius:4px;padding:10px}.adm-summary-title{margin:0 0 8px;font-size:.85rem;font-weight:700;color:#1976d2;text-transform:uppercase;letter-spacing:.5px}.adm-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.adm-summary-label{font-size:.75rem;color:#666;font-weight:500}.adm-summary-value{font-size:.8rem;font-weight:600;color:#333}.adm-section-title{margin:0 0 10px;font-size:.9rem;font-weight:600;color:#333;padding-bottom:4px;border-bottom:1px solid #2196F3}.adm-form-row{display:flex;gap:12px;margin-bottom:8px}.adm-form-group{flex:1;display:flex;flex-direction:column}.adm-label{margin-bottom:3px;font-weight:600;color:#444;font-size:.8rem}.adm-input{padding:6px 10px;border:1px solid #ced4da;border-radius:3px;font-size:.85rem;min-height:32px}.adm-input-disabled{background-color:#e9ecef}.adm-help-text{font-size:.7rem;color:#888;margin-top:2px}.adm-error{font-size:.7rem;color:#d32f2f}.react-select__control{min-height:32px!important;height:32px!important;font-size:.85rem}.react-select__value-container{padding:0 8px!important}.react-select__indicators-container{height:30px!important}.adm-modal-footer{padding:10px 16px;background-color:#f8f9fa;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;gap:8px}.adm-cancel-btn,.adm-submit-btn{padding:6px 14px;border-radius:3px;font-size:.8rem;font-weight:600;min-width:70px;height:32px;cursor:pointer}.adm-cancel-btn{background:#6c757d;color:#fff;border:none}.adm-submit-btn{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none}@media (max-width: 480px){.adm-form-row{flex-direction:column;gap:8px}}:root{--primary-blue: #2196F3;--primary-blue-dark: #0d47a1;--primary-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--create-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--update-gradient: linear-gradient(90deg, rgba(29, 169, 156, 1) 0%, rgba(74, 187, 131, 1) 50%, rgba(125, 207, 97, 1) 100%);--delete-gradient: linear-gradient(90deg, rgba(255, 113, 28, 1) 0%, rgba(247, 66, 49, 1) 50%, rgba(253, 42, 109, 1) 100%);--background-light: #f5f5f5;--background-white: #ffffff;--background-grey: #fafafa;--background-hover: #e3f2fd;--text-primary: #212121;--text-secondary: #757575;--text-light: #9e9e9e;--error-color: #f44336;--success-color: #4caf50;--warning-color: #ff9800;--border-color: #e0e0e0;--border-light: #f5f5f5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}.dgl-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:var(--space-md);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}.dgl-header-section{background:#fff;border:1px solid #e1e8f0;box-shadow:0 2px 8px #2196f30f;border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-md)}.dgl-header-main{display:flex;flex-direction:column;gap:var(--space-lg)}.dgl-header-left{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.dgl-header-icon-wrapper{width:56px;height:56px;background:var(--primary-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dgl-header-main-icon{font-size:28px!important;color:#fff}.dgl-header-text{flex:1;min-width:300px}.dgl-header-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.3}.dgl-header-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.5;max-width:600px}.dgl-header-stats{display:flex;gap:var(--space-md);flex-wrap:wrap}.dgl-stat-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:6px;padding:var(--space-md);min-width:160px;flex:1;display:flex;align-items:center;gap:var(--space-md);transition:all .2s ease}.dgl-stat-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-sm)}.dgl-stat-icon{width:40px;height:40px;background:var(--primary-gradient);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dgl-stat-icon svg{font-size:20px!important;color:#fff}.dgl-stat-content{display:flex;flex-direction:column}.dgl-stat-number{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1}.dgl-stat-label{font-size:12px;color:var(--text-secondary);margin-top:var(--space-xs)}.dgl-message{display:flex;align-items:center;padding:var(--space-md);border-radius:6px;margin-bottom:var(--space-md);font-size:13px;gap:var(--space-sm);border-left:4px solid;background:var(--background-white);border:1px solid var(--border-color);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dgl-error{background:#fff5f5;border-left-color:var(--error-color)}.dgl-success{background:#f0fff4;border-left-color:var(--success-color)}.dgl-message-icon{font-size:18px!important;flex-shrink:0}.dgl-message-text{flex:1;font-weight:500}.dgl-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.6;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dgl-close-btn:hover{opacity:1}.dgl-main-content{display:flex;flex-direction:column;gap:var(--space-md);min-height:500px}@media (min-width: 1024px){.dgl-main-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}}.dgl-left-section,.dgl-right-section{background:#fff;border-radius:8px;border:1px solid #e1e8f0;display:flex;flex-direction:column;min-height:500px;max-height:600px;box-shadow:0 2px 8px #2196f30f}.dgl-section-header{padding:var(--space-md);background:#f8fafc;border-bottom:1px solid #e1e8f0;flex-shrink:0}.dgl-header-content,.dgl-right-header-content{width:100%}.dgl-header-title-wrapper{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md)}@media (min-width: 768px){.dgl-header-title-wrapper{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-md)}}.dgl-title-left{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.dgl-section-icon{color:var(--primary-blue);font-size:20px!important;flex-shrink:0}.dgl-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.dgl-group-count{background:var(--background-hover);color:var(--primary-blue);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.dgl-title-right{flex-shrink:0}.dgl-header-create-btn{background:var(--create-gradient);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap;transition:opacity .2s ease}.dgl-header-create-btn:hover{opacity:.9}.dgl-btn-icon{font-size:16px!important}.dgl-search-container{width:100%}.dgl-search-field{position:relative;width:100%}.dgl-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:18px!important}.dgl-search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;background:var(--background-white);transition:all .2s ease}.dgl-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #2196f31a}.dgl-search-input::placeholder{color:var(--text-light)}.dgl-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-light);cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dgl-search-clear:hover{color:var(--text-primary)}.dgl-groups-container{flex:1;overflow-y:auto;padding:var(--space-sm)}.dgl-group-card{padding:var(--space-md);border:1px solid var(--border-color);border-radius:6px;margin-bottom:var(--space-sm);cursor:pointer;background:var(--background-white);transition:all .2s ease;position:relative}.dgl-group-card:hover{border-color:var(--primary-blue);background:var(--background-hover)}.dgl-group-selected{border-color:var(--primary-blue);background:var(--background-hover);border-left:4px solid var(--primary-blue)}.dgl-group-info{margin-bottom:var(--space-sm)}.dgl-group-header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}@media (min-width: 480px){.dgl-group-header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-md)}}.dgl-group-name-wrapper{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.dgl-group-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.dgl-group-badge{background:var(--primary-gradient);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.dgl-group-date{font-size:11px;color:var(--text-secondary);white-space:nowrap}.dgl-organizations-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.dgl-organization-badge{display:inline-flex;align-items:center;gap:4px;background:var(--background-grey);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;border:1px solid var(--border-color);white-space:nowrap}.dgl-org-icon{font-size:12px!important;color:var(--primary-blue)}.dgl-group-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.dgl-action-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:opacity .2s ease;flex:1;min-width:70px;justify-content:center}@media (min-width: 480px){.dgl-action-btn{flex:none}}.dgl-action-btn:disabled{opacity:.6;cursor:not-allowed}.dgl-add-btn{background:var(--create-gradient);color:#fff}.dgl-update-btn,.dgl-view-btn{background:var(--update-gradient);color:#fff}.dgl-delete-btn{background:var(--delete-gradient);color:#fff}.dgl-right-title-wrapper{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}@media (min-width: 768px){.dgl-right-title-wrapper{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}}.dgl-device-count-badge{background:var(--primary-gradient);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.dgl-selected-organizations{display:inline-flex;align-items:center;gap:6px;background:var(--background-hover);color:var(--primary-blue);padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid #bbdefb;max-width:100%}.dgl-organizations-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dgl-devices-container{flex:1;display:flex;flex-direction:column;min-height:0}.dgl-table-header{padding:var(--space-md);background:var(--background-grey);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-sm)}@media (min-width: 480px){.dgl-table-header{flex-direction:row;align-items:center;justify-content:space-between}}.dgl-table-info{font-size:12px;color:var(--text-secondary);font-weight:500}.dgl-add-device-btn{background:var(--create-gradient);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:opacity .2s ease}.dgl-add-device-btn:hover{opacity:.9}.dgl-table-scroll{flex:1;overflow-y:auto;min-height:0}.dgl-devices-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--background-white)}.dgl-devices-table th{background:var(--background-grey);padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:10;white-space:nowrap}.dgl-devices-table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary);white-space:nowrap}.dgl-device-row:hover{background:var(--background-hover)}.dgl-col-name{width:45%;min-width:200px}.dgl-col-cpu-id{width:35%;min-width:150px}.dgl-col-actions{width:20%;min-width:100px;text-align:right}.dgl-device-name{display:flex;align-items:center;gap:8px}.dgl-device-icon{font-size:16px!important;color:var(--primary-blue)}.dgl-cpu-id-badge{background:var(--background-hover);color:var(--primary-blue);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;border:1px solid #bbdefb}.dgl-remove-btn{background:var(--delete-gradient);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:opacity .2s ease}.dgl-remove-btn:hover:not(:disabled){opacity:.9}.dgl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-secondary);flex:1}.dgl-loading-icon{font-size:32px!important;color:var(--primary-blue);margin-bottom:var(--space-md);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dgl-loading p{margin:0;font-size:13px}.dgl-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--text-secondary);flex:1}.dgl-empty-icon{font-size:40px!important;color:#bdbdbd;margin-bottom:var(--space-md)}.dgl-empty-state h4{margin:0 0 8px;color:var(--text-primary);font-size:15px;font-weight:600}.dgl-empty-state p{margin:0;font-size:13px;max-width:280px;line-height:1.5;margin-bottom:var(--space-md)}.dgl-clear-search-btn{background:var(--create-gradient);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.dgl-clear-search-btn:hover{opacity:.9}.dgl-groups-container::-webkit-scrollbar,.dgl-table-scroll::-webkit-scrollbar{width:6px}.dgl-groups-container::-webkit-scrollbar-track,.dgl-table-scroll::-webkit-scrollbar-track{background:var(--background-grey)}.dgl-groups-container::-webkit-scrollbar-thumb,.dgl-table-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dgl-groups-container::-webkit-scrollbar-thumb:hover,.dgl-table-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 1024px){.dgl-container{padding:var(--space-sm)}.dgl-header-section{padding:var(--space-md)}.dgl-header-title{font-size:22px}.dgl-stat-card{min-width:140px}}@media (max-width: 768px){.dgl-main-content{min-height:auto}.dgl-left-section,.dgl-right-section{max-height:none;min-height:400px}.dgl-stat-card{min-width:calc(50% - 8px)}.dgl-group-actions{justify-content:center}.dgl-action-btn{min-width:calc(50% - 4px)}}@media (max-width: 480px){.dgl-header-left{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.dgl-header-text{min-width:100%}.dgl-header-title{font-size:20px}.dgl-header-subtitle{font-size:13px}.dgl-stat-card{min-width:100%}.dgl-group-header{flex-direction:column;align-items:flex-start}.dgl-action-btn{min-width:calc(50% - 4px)}.dgl-devices-table th,.dgl-devices-table td{padding:8px 12px;font-size:12px}.dgl-col-name,.dgl-col-cpu-id,.dgl-col-actions{min-width:auto}}.adigm-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px;box-sizing:border-box;overflow:hidden}.adigm-modal-content{background:#fff;border-radius:6px;width:100%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;z-index:1001;font-size:11px}.adigm-modal-header{padding:12px 16px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;flex-shrink:0;position:relative;z-index:1;border-bottom:1px solid rgba(255,255,255,.1)}.adigm-modal-body{flex:1;padding:12px 16px;overflow:hidden;position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;min-height:0}.adigm-devices-section{flex:1;display:flex;flex-direction:column;min-height:0}.adigm-table-container{flex:1;overflow:auto;border:1px solid #e0e0e0;border-radius:4px;min-height:0}.adigm-devices-table{width:100%;border-collapse:collapse;background:#fff;font-size:10px;min-width:600px}.adigm-devices-table th{background:#fafafa;padding:8px 10px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e0e0e0;font-size:10px;position:sticky;top:0;z-index:1;white-space:nowrap}.adigm-devices-table td{padding:6px 10px;border-bottom:1px solid #f0f0f0;font-size:10px;color:#333;white-space:nowrap;height:28px}.adigm-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.adigm-modal-title{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.adigm-group-name{font-weight:500;opacity:.9;font-size:13px}.adigm-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background-color .2s;width:20px;height:20px}.adigm-close-btn:hover{background-color:#fff3}.adigm-group-organizations{display:flex;align-items:center;gap:6px;font-size:10px}.adigm-org-label{opacity:.9;font-weight:500}.adigm-org-badges{display:flex;flex-wrap:wrap;gap:3px}.adigm-org-badge{background:#fff3;padding:1px 4px;border-radius:8px;font-size:9px}.adigm-filters-section{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;flex-shrink:0}.adigm-search-container{flex:1;min-width:200px}.adigm-search-input-wrapper{position:relative;display:flex;align-items:center}.adigm-search-icon{position:absolute;left:8px;color:#666;font-size:14px!important}.adigm-search-input{width:100%;padding:6px 8px 6px 28px;border:1px solid #ddd;border-radius:3px;font-size:11px;transition:border-color .2s;font-family:inherit;height:28px;box-sizing:border-box}.adigm-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.adigm-filter-container{min-width:150px}.adigm-section-header{margin-bottom:10px;flex-shrink:0}.adigm-section-title{margin:0;font-size:12px;font-weight:600;color:#333;padding-bottom:6px;border-bottom:1px solid #2196F3}.adigm-col-cpu-id{width:80px;font-weight:600}.adigm-col-name{width:120px}.adigm-col-type{width:80px}.adigm-col-firmware{width:70px}.adigm-col-ip{width:100px}.adigm-col-last-sync{width:120px}.adigm-col-actions{width:70px;text-align:center}.adigm-cpu-id{font-family:Courier New,monospace;font-weight:600;color:#2196f3;font-size:10px}.adigm-device-info{display:flex;flex-direction:column}.adigm-device-name{font-weight:500;color:#333;font-size:10px}.adigm-device-type{background:#e3f2fd;color:#1976d2;padding:1px 6px;border-radius:8px;font-size:9px;font-weight:500;display:inline-block}.adigm-firmware,.adigm-ip-address{font-family:Courier New,monospace;color:#666;font-size:9px}.adigm-last-sync{color:#666;font-size:9px}.adigm-assign-btn{padding:4px 8px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:9px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:3px;min-width:50px;justify-content:center;height:22px}.adigm-assign-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px 4px #2196f34d}.adigm-assign-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.adigm-btn-icon{font-size:12px!important}.adigm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px;color:#666;flex:1}.adigm-loading-spinner{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #2196F3;border-radius:50%;animation:adigm-spin 1s linear infinite;margin-bottom:8px}@keyframes adigm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adigm-loading p{margin:0;font-size:10px}.adigm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px;text-align:center;color:#666;border:1px dashed #e0e0e0;border-radius:4px;background:#fafafa;flex:1}.adigm-empty-state p{margin:0 0 6px;font-size:10px;font-weight:500}.adigm-empty-state small{color:#999;font-size:9px}.adigm-modal-footer{padding:10px 16px;background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;position:relative;z-index:1}.adigm-cancel-btn{padding:6px 12px;background:var(--delete-button);color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:10px;font-weight:500;transition:background-color .2s;min-width:60px;height:26px}.adigm-cancel-btn:hover{background:linear-gradient(90deg,#eb6712,#e33827,#e92063)}@media (max-width: 768px){.adigm-modal-backdrop{padding:8px}.adigm-modal-content{max-height:85vh;max-width:95vw}.adigm-modal-header{padding:10px 12px}.adigm-modal-title{font-size:13px}.adigm-modal-body{padding:10px 12px;gap:10px}.adigm-filters-section{flex-direction:column;align-items:stretch}.adigm-search-container{min-width:100%}.adigm-devices-table{font-size:9px;min-width:500px}.adigm-devices-table th,.adigm-devices-table td{padding:5px 8px}}@media (max-width: 480px){.adigm-modal-backdrop{padding:5px}.adigm-modal-content{max-height:90vh;max-width:98vw}.adigm-modal-footer{flex-direction:column;gap:6px}.adigm-cancel-btn{width:100%;min-width:auto}}@media (max-height: 600px){.adigm-modal-content{max-height:90vh}.adigm-modal-body{padding:10px 12px;gap:10px}.adigm-devices-table td{padding:4px 8px;height:24px}}.create-access-group-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-access-group-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:create-access-group-modal-appear .3s ease-out}@keyframes create-access-group-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-access-group-header{margin-bottom:0}.create-access-group-header-background{background:linear-gradient(135deg,#2196f3,#0d47a1);padding:25px 30px;position:relative;overflow:hidden;border-radius:16px 16px 0 0}.create-access-group-header-content{position:relative;z-index:2;text-align:center}.create-access-group-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.create-access-group-subtitle{font-size:14px;color:#ffffffe6;margin:0;font-weight:400}.create-access-group-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.create-access-group-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:create-access-group-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:create-access-group-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:create-access-group-float 5s ease-in-out infinite .5s}.create-access-group-form{width:100%;padding:25px 30px 20px}.create-access-group-form-row{display:flex;gap:15px;width:100%;margin-bottom:20px}.create-access-group-form-group{width:100%;margin-bottom:0;text-align:left}.create-access-group-form-group--half{flex:1;min-width:0}.create-access-group-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.create-access-group-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.create-access-group-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background-color:#fff;transform:translateY(-1px)}.create-access-group-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.create-access-group-input.error{border-color:#e53e3e;background-color:#fff5f5}.create-access-group-select-wrapper{margin-bottom:8px}.create-access-group-select-wrapper.error .create-access-group-select__control{border-color:#e53e3e!important;background-color:#fff5f5}.create-access-group-react-select{width:100%}.create-access-group-select__control{border:2px solid #e2e8f0!important;border-radius:8px!important;background-color:#f8fafc!important;min-height:48px!important;box-shadow:none!important;transition:all .3s ease!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.create-access-group-select__control:hover{border-color:#1976d2!important}.create-access-group-select__control--is-focused{border-color:#1976d2!important;box-shadow:0 0 0 3px #1976d21a!important;background-color:#fff!important}.create-access-group-select__control--is-disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9!important}.create-access-group-select__value-container{padding:4px 12px!important}.create-access-group-select__input{color:#333!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.create-access-group-select__placeholder{color:#718096!important;font-size:14px}.create-access-group-select__multi-value{background-color:#e6f7ff!important;border-radius:6px!important;margin:2px!important}.create-access-group-select__multi-value__label{color:#1890ff!important;font-weight:500!important;padding:4px 8px!important}.create-access-group-select__multi-value__remove{color:#1890ff!important;border-radius:0 6px 6px 0!important}.create-access-group-select__multi-value__remove:hover{background-color:#ffccc7!important;color:#ff4d4f!important}.create-access-group-select__menu{border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;border:1px solid #e2e8f0!important;z-index:9999!important}.create-access-group-select__option{padding:10px 12px!important;font-size:14px!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.create-access-group-select__option--is-focused{background-color:#f0f7ff!important}.create-access-group-select__option--is-selected{background-color:#1976d2!important;color:#fff!important}.create-access-group-selected-count{margin-top:8px;font-size:12px;color:#718096;font-style:italic}.create-access-group-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.create-access-group-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.create-access-group-modal-btn--create{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;box-shadow:0 4px 12px #2196f34d}.create-access-group-modal-btn--cancel{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);color:#fff;box-shadow:0 4px 12px #f565654d}.create-access-group-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.create-access-group-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes create-access-group-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.create-access-group-modal-overlay{padding:15px}.create-access-group-modal-content{max-width:95%}.create-access-group-header-background{padding:20px}.create-access-group-title{font-size:22px}.create-access-group-form{padding:20px 20px 15px}.create-access-group-form-row{flex-direction:column;gap:15px;margin-bottom:15px}.create-access-group-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.create-access-group-modal-btn{max-width:100%;padding:10px 20px}.create-access-group-input{padding:10px 12px;font-size:14px}.create-access-group-select__control{min-height:44px!important}}@media (max-width: 480px){.create-access-group-modal-overlay{padding:10px}.create-access-group-header-background{padding:15px}.create-access-group-form{padding:15px 15px 10px}.create-access-group-title{font-size:20px;margin-bottom:4px}.create-access-group-subtitle{font-size:13px}.create-access-group-input{padding:10px 12px;font-size:13px}.create-access-group-modal-btn{padding:10px 16px;font-size:13px}.create-access-group-select__control{min-height:40px!important}}.update-access-group-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1300;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-access-group-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:update-access-group-modal-appear .3s ease-out}@keyframes update-access-group-modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.update-access-group-header{margin-bottom:0}.update-access-group-header-background{background:linear-gradient(135deg,#1da99c,#4abb83,#7dcf61);padding:25px 30px;position:relative;overflow:hidden;border-radius:16px 16px 0 0}.update-access-group-header-content{position:relative;z-index:2;text-align:center}.update-access-group-title{font-size:24px;color:#fff;margin-bottom:6px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.update-access-group-subtitle{font-size:14px;color:#ffffffe6;margin:0 0 12px;font-weight:400}.update-access-group-current-info{background:#fff3;padding:8px 16px;border-radius:20px;display:inline-flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.update-access-group-current-label{font-size:12px;color:#fffc;font-weight:500}.update-access-group-current-name{font-size:14px;color:#fff;font-weight:600;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-access-group-header-decoration{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.update-access-group-decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:60px;height:60px;top:15px;left:10%;animation:update-access-group-float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-20px;right:15%;animation:update-access-group-float 8s ease-in-out infinite 1s}.circle-3{width:40px;height:40px;top:50%;right:20%;animation:update-access-group-float 5s ease-in-out infinite .5s}.update-access-group-form{width:100%;padding:25px 30px 20px}.update-access-group-form-row{display:flex;gap:15px;width:100%;margin-bottom:20px}.update-access-group-form-group{width:100%;margin-bottom:0;text-align:left}.update-access-group-form-group--half{flex:1;min-width:0}.update-access-group-label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px;display:flex;align-items:center}.required-asterisk{color:#e53e3e;margin-left:4px}.update-access-group-input{width:100%;padding:12px 14px;font-size:14px;color:#333;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;background-color:#f8fafc;transition:all .3s ease;font-family:inherit}.update-access-group-input:focus{outline:none;border-color:#1da99c;box-shadow:0 0 0 3px #1da99c1a;background-color:#fff;transform:translateY(-1px)}.update-access-group-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.update-access-group-input.error{border-color:#e53e3e;background-color:#fff5f5}.error-message{color:#e53e3e;font-size:12px;margin-top:4px;font-weight:500;display:flex;align-items:center}.error-message:before{content:"⚠ ";margin-right:4px}.update-access-group-select-wrapper{margin-bottom:8px}.update-access-group-select-wrapper.error .update-access-group-select__control{border-color:#e53e3e!important;background-color:#fff5f5}.update-access-group-react-select{width:100%}.update-access-group-select__control{border:2px solid #e2e8f0!important;border-radius:8px!important;background-color:#f8fafc!important;min-height:48px!important;box-shadow:none!important;transition:all .3s ease!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.update-access-group-select__control:hover{border-color:#1da99c!important}.update-access-group-select__control--is-focused{border-color:#1da99c!important;box-shadow:0 0 0 3px #1da99c1a!important;background-color:#fff!important}.update-access-group-select__control--is-disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9!important}.update-access-group-select__value-container{padding:4px 12px!important}.update-access-group-select__input{color:#333!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.update-access-group-select__placeholder{color:#718096!important;font-size:14px}.update-access-group-select__multi-value{background-color:#e6f7ff!important;border-radius:6px!important;margin:2px!important}.update-access-group-select__multi-value__label{color:#1da99c!important;font-weight:500!important;padding:4px 8px!important}.update-access-group-select__multi-value__remove{color:#1da99c!important;border-radius:0 6px 6px 0!important}.update-access-group-select__multi-value__remove:hover{background-color:#ffccc7!important;color:#ff4d4f!important}.update-access-group-select__menu{border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;border:1px solid #e2e8f0!important;z-index:9999!important}.update-access-group-select__option{padding:10px 12px!important;font-size:14px!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.update-access-group-select__option--is-focused{background-color:#f0f7ff!important}.update-access-group-select__option--is-selected{background-color:#1da99c!important;color:#fff!important}.update-access-group-selected-count{margin-top:8px;font-size:12px;color:#718096;font-style:italic}.update-access-group-modal-actions{margin-top:25px;display:flex;gap:15px;justify-content:center;width:100%}.update-access-group-modal-btn{border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;flex:1;max-width:180px;min-height:44px;display:flex;align-items:center;justify-content:center}.update-access-group-modal-btn--update{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);color:#fff;box-shadow:0 4px 12px #1da99c4d}.update-access-group-modal-btn--cancel{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);color:#fff;box-shadow:0 4px 12px #f565654d}.update-access-group-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.update-access-group-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #00000026}@keyframes update-access-group-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.update-access-group-modal-overlay{padding:15px}.update-access-group-modal-content{max-width:95%}.update-access-group-header-background{padding:20px}.update-access-group-title{font-size:22px}.update-access-group-form{padding:20px 20px 15px}.update-access-group-form-row{flex-direction:column;gap:15px;margin-bottom:15px}.update-access-group-modal-actions{flex-direction:column;gap:12px;margin-top:20px}.update-access-group-modal-btn{max-width:100%;padding:10px 20px}.update-access-group-input{padding:10px 12px;font-size:14px}.update-access-group-select__control{min-height:44px!important}.update-access-group-current-name{max-width:200px}}@media (max-width: 480px){.update-access-group-modal-overlay{padding:10px}.update-access-group-header-background{padding:15px}.update-access-group-form{padding:15px 15px 10px}.update-access-group-title{font-size:20px;margin-bottom:4px}.update-access-group-subtitle{font-size:13px}.update-access-group-current-info{padding:6px 12px}.update-access-group-current-label{font-size:11px}.update-access-group-current-name{font-size:12px;max-width:150px}.update-access-group-input{padding:10px 12px;font-size:13px}.update-access-group-modal-btn{padding:10px 16px;font-size:13px}.update-access-group-select__control{min-height:40px!important}}.ear-root{font-family:DM Sans,Segoe UI,sans-serif;background:#f4f7fb;min-height:100vh;color:#1a1a2e}.ear-header{background:linear-gradient(135deg,#2196f3,#0d47a1);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #2196f34d}.ear-header-left{display:flex;align-items:center;gap:12px}.ear-header-icon-wrap{width:40px;height:40px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.ear-header-icon-wrap .MuiSvgIcon-root{color:#fff;font-size:20px!important}.ear-header-title{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.ear-header-sub{margin:2px 0 0;font-size:12px;color:#ffffffbf}.ear-header-badges{display:flex;gap:8px}.ear-badge{padding:4px 12px;border-radius:20px;background:#ffffff26;color:#fff;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:5px}.ear-badge-dot{width:7px;height:7px;border-radius:50%}.ear-badge-dot--assigned{background:#69f0ae}.ear-badge-dot--available{background:#fff176}.ear-body{padding:20px 28px;display:flex;flex-direction:column;gap:16px}.ear-top-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ear-card{background:#fff;border-radius:14px;box-shadow:0 1px 6px #00000012;overflow:hidden}.ear-card-header{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.ear-card-header-left{display:flex;align-items:center;gap:8px}.ear-card-header-left .MuiSvgIcon-root{color:#2196f3;font-size:16px!important}.ear-card-title{margin:0;font-size:13px;font-weight:700;color:#1a1a2e;letter-spacing:.2px}.ear-card-body{padding:14px 16px}.ear-refresh-btn{display:flex;align-items:center;gap:4px;background:#2196f314;border:1px solid rgba(33,150,243,.2);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;color:#1976d2;cursor:pointer;transition:background .2s;font-family:inherit}.ear-refresh-btn:hover:not(:disabled){background:#2196f326}.ear-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ear-refresh-btn .MuiSvgIcon-root{font-size:14px!important}.ear-selected-chip{margin-top:10px;padding:8px 10px;border-radius:9px;background:linear-gradient(135deg,#e3f2fd,#f0f7ff);border:1px solid #bbdefb;display:flex;align-items:center;gap:8px}.ear-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2196f3,#0d47a1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ear-avatar-letter{color:#fff;font-weight:700;font-size:13px}.ear-chip-name{font-size:13px;font-weight:700;color:#1a1a2e}.ear-chip-sub{font-size:11px;color:#64748b}.ear-select-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;margin-top:16px}.ear-select-empty .MuiSvgIcon-root{font-size:36px!important;color:#e2e8f0}.ear-select-empty-text{margin:0;font-size:12px;color:#94a3b8;text-align:center;line-height:1.6}.ear-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.ear-detail-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;background:#f8fafc;border:1px solid #eef1f5}.ear-detail-label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.ear-detail-value{font-size:13px;font-weight:600;color:#1a1a2e}.ear-detail-value--muted{font-size:13px;font-weight:500;color:#64748b}.ear-status-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700}.ear-status-chip--active{background:#e8f5e9;color:#2e7d32}.ear-status-chip--inactive{background:#fce4ec;color:#c62828}.ear-status-dot{width:6px;height:6px;border-radius:50%;background:#4caf50}.ear-empty-details{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px}.ear-empty-details .MuiSvgIcon-root{font-size:40px!important;color:#e2e8f0}.ear-empty-details-text{margin:0;font-size:13px;color:#94a3b8;text-align:center;line-height:1.6}.ear-tables-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ear-table-card{background:#fff;border-radius:14px;box-shadow:0 1px 6px #00000012;overflow:hidden;display:flex;flex-direction:column}.ear-table-card-header{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.ear-table-card-header--assigned{background:linear-gradient(90deg,#e3f2fd,#fff)}.ear-table-card-header--available{background:linear-gradient(90deg,#e8f5e9,#fff)}.ear-table-card-header-left{display:flex;align-items:center;gap:8px}.ear-table-card-header--assigned .MuiSvgIcon-root{color:#1976d2;font-size:16px!important}.ear-table-card-header--available .MuiSvgIcon-root{color:#388e3c;font-size:16px!important}.ear-table-card-title{margin:0;font-size:13px;font-weight:700;color:#1a1a2e}.ear-count-pill{padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}.ear-count-pill--assigned{background:#bbdefb;color:#0d47a1}.ear-count-pill--available{background:#c8e6c9;color:#1b5e20}.ear-table-search{padding:10px 12px;border-bottom:1px solid #f5f5f5}.ear-search-input-wrap{display:flex;align-items:center;gap:6px;background:#f4f7fb;border-radius:8px;padding:6px 10px;border:1px solid #e8ecf0;transition:border-color .2s}.ear-search-input-wrap:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f314}.ear-search-input-wrap .MuiSvgIcon-root{font-size:14px!important;color:#94a3b8;flex-shrink:0}.ear-search-input{border:none;background:transparent;outline:none;font-size:12px;color:#1a1a2e;flex:1;font-family:inherit}.ear-search-input::placeholder{color:#94a3b8}.ear-search-input:disabled{cursor:not-allowed}.ear-clear-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;color:#94a3b8;transition:color .15s}.ear-clear-btn:hover{color:#ef5350}.ear-clear-btn .MuiSvgIcon-root{font-size:14px!important}.ear-table-scroll{overflow-y:auto;max-height:280px;flex:1}.ear-table-scroll::-webkit-scrollbar{width:4px}.ear-table-scroll::-webkit-scrollbar-track{background:#f4f7fb}.ear-table-scroll::-webkit-scrollbar-thumb{background:#d1d9e0;border-radius:4px}.ear-table{width:100%;border-collapse:collapse}.ear-table thead{position:sticky;top:0;background:#fff;z-index:1}.ear-table th{padding:8px 12px;text-align:left;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid #f0f0f0}.ear-table th:last-child{text-align:right}.ear-table tbody tr{border-bottom:1px solid #f8f9fa;transition:background .15s}.ear-table tbody tr:hover{background:#f8fafc}.ear-table td{padding:8px 12px;font-size:12px;color:#374151;vertical-align:middle}.ear-table td:last-child{text-align:right}.ear-group-name{font-weight:600;color:#1a1a2e;font-size:12px}.ear-group-id{font-size:10px;color:#94a3b8;margin-top:1px}.ear-btn{padding:4px 12px;border-radius:6px;border:none;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:opacity .2s,transform .1s,box-shadow .2s;font-family:inherit;white-space:nowrap}.ear-btn:active:not(:disabled){transform:scale(.97)}.ear-btn:disabled{opacity:.5;cursor:not-allowed}.ear-btn .MuiSvgIcon-root{font-size:12px!important}.ear-btn--assign{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff;box-shadow:0 2px 6px #2196f34d}.ear-btn--assign:hover:not(:disabled){box-shadow:0 4px 10px #2196f366;opacity:.92}.ear-btn--remove{background:linear-gradient(135deg,#ef5350,#b71c1c);color:#fff;box-shadow:0 2px 6px #ef53504d}.ear-btn--remove:hover:not(:disabled){box-shadow:0 4px 10px #ef535066;opacity:.92}.ear-empty-row td,.ear-loading-row td{padding:28px 12px!important}.ear-empty-inner,.ear-loading-inner{display:flex;flex-direction:column;align-items:center;gap:8px;color:#94a3b8;font-size:12px;text-align:center}.ear-empty-inner .MuiSvgIcon-root{font-size:32px!important;color:#cbd5e1}.ear-loading-inner{color:#64748b}.ear-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:12px;color:#dc2626}.ear-footer-note{font-size:11px;color:#94a3b8;text-align:center;padding-bottom:8px}.ear-footer-note strong{color:#1976d2}.ear-footer-note strong.remove{color:#c62828}.ear-select .react-select__control{font-size:13px;min-height:38px;border:1px solid #e0e0e0;border-radius:9px;box-shadow:none;transition:border-color .2s,box-shadow .2s}.ear-select .react-select__control:hover{border-color:#2196f3}.ear-select .react-select__control--is-focused{border-color:#2196f3!important;border-width:1.5px!important;box-shadow:0 0 0 3px #2196f31f!important}.ear-select .react-select__value-container{padding:0 10px}.ear-select .react-select__placeholder{font-size:13px;color:#94a3b8}.ear-select .react-select__single-value{font-size:13px;color:#1a1a2e;font-weight:600}.ear-select .react-select__menu{border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:9999;font-size:13px}.ear-select .react-select__menu-list{max-height:260px;padding:6px}.ear-select .react-select__option{border-radius:6px;padding:9px 12px;cursor:pointer;font-size:13px}.ear-select .react-select__option--is-focused{background:#f0f7ff}.ear-select .react-select__option--is-selected{background:#2196f3;color:#fff}.ear-select .react-select__indicator-separator{display:none}.ear-select .react-select__dropdown-indicator{color:#94a3b8}.ear-select .react-select__dropdown-indicator:hover{color:#2196f3}.ear-select .react-select__clear-indicator{color:#94a3b8}.ear-select .react-select__clear-indicator:hover{color:#ef5350}:root{--aul-blue-start: #2196F3;--aul-blue-end: #0d47a1;--aul-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--aul-gradient-soft:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);--aul-white: #ffffff;--aul-bg: #f0f4f8;--aul-surface: #ffffff;--aul-border: #e2e8f0;--aul-border-light: #f1f5f9;--aul-text-primary: #0f172a;--aul-text-secondary: #475569;--aul-text-muted: #94a3b8;--aul-blue-50: #eff6ff;--aul-blue-100: #dbeafe;--aul-blue-600: #2563eb;--aul-blue-700: #1d4ed8;--aul-success: #16a34a;--aul-error: #dc2626;--aul-warning: #d97706;--aul-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--aul-shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--aul-shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--aul-shadow-blue: 0 4px 16px rgba(33,150,243,.25);--aul-radius: 12px;--aul-radius-sm: 6px;--aul-radius-xs: 4px;--aul-font: "Segoe UI", system-ui, -apple-system, sans-serif;--aul-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.aul-root{display:flex;flex-direction:column;flex:1;min-height:100vh;background:var(--aul-bg);font-family:var(--aul-font);padding:8px;box-sizing:border-box}.aul-card{background:var(--aul-surface);border-radius:var(--aul-radius);box-shadow:var(--aul-shadow-md);display:flex;flex-direction:column;height:calc(100vh - 76px);overflow:hidden;border:1px solid var(--aul-border)}.aul-header{background:var(--aul-gradient);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:relative;overflow:hidden}.aul-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);pointer-events:none}.aul-header-left{display:flex;align-items:center;gap:12px;min-width:0}.aul-header-icon-wrap{width:38px;height:38px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25)}.aul-title{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.aul-subtitle{font-size:11.5px;color:#ffffffb8;margin:2px 0 0;font-weight:400}.aul-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.aul-btn.aul-btn-icon{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;background:#ffffff24!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;transition:var(--aul-transition)!important;display:flex;align-items:center;justify-content:center}.aul-btn.aul-btn-icon:hover:not(:disabled){background:#ffffff47!important;border-color:#fff6!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.aul-btn.aul-btn-icon.aul-btn--active{background:#fffffff2!important;color:var(--aul-blue-700)!important;border-color:#fff!important}.aul-btn.aul-btn-icon.aul-btn--danger{background:#ef444440!important;border-color:#ef444466!important}.aul-btn.aul-btn-icon.aul-btn--danger:hover:not(:disabled){background:#ef444473!important}.aul-btn.aul-btn-primary{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#fffffff2;color:var(--aul-blue-700);font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,1);cursor:pointer;transition:var(--aul-transition);white-space:nowrap;font-family:var(--aul-font)}.aul-btn.aul-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.aul-btn.aul-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:transparent;color:var(--aul-blue-600);font-size:13px;font-weight:600;border:1.5px solid var(--aul-blue-600);cursor:pointer;transition:var(--aul-transition)}.aul-btn.aul-btn-outline:hover{background:var(--aul-blue-50)}.aul-btn.aul-btn-ghost{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:transparent;color:var(--aul-text-muted);font-size:12px;font-weight:500;border:1px solid var(--aul-border);cursor:pointer;transition:var(--aul-transition)}.aul-btn.aul-btn-ghost:hover{background:var(--aul-border-light);color:var(--aul-text-secondary)}.aul-search-bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-color .28s ease;background:#fafcff;border-bottom:1px solid transparent;overflow:hidden;flex-shrink:0}.aul-search-bar--open{grid-template-rows:1fr;padding:12px 20px;border-bottom-color:var(--aul-border)}.aul-search-grid{overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:0}.aul-search-field{position:relative;display:flex;align-items:center}.aul-search-field-icon{position:absolute;left:9px;color:var(--aul-text-muted)!important;pointer-events:none;z-index:1}.aul-search-input{width:100%;padding:7px 28px;border:1.5px solid var(--aul-border);border-radius:var(--aul-radius-sm);font-size:12.5px;color:var(--aul-text-primary);background:var(--aul-white);transition:var(--aul-transition);font-family:var(--aul-font);box-sizing:border-box}.aul-search-input:focus{outline:none;border-color:var(--aul-blue-start);box-shadow:0 0 0 3px #2196f31f}.aul-search-clear{position:absolute;right:6px;width:18px;height:18px;border-radius:50%;background:var(--aul-text-muted);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--aul-transition)}.aul-search-clear:hover{background:var(--aul-error)}.aul-table-wrap{flex:1;overflow:auto;position:relative;scroll-behavior:smooth}.aul-table-wrap::-webkit-scrollbar{width:6px;height:6px}.aul-table-wrap::-webkit-scrollbar-track{background:transparent}.aul-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.aul-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.aul-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.aul-thead{position:sticky;top:0;z-index:10}.aul-th{padding:10px 12px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--aul-text-secondary);background:#f8fafc;border-bottom:2px solid var(--aul-border);text-align:left;white-space:nowrap}.aul-row{border-bottom:1px solid var(--aul-border-light);transition:background .15s ease,box-shadow .15s ease;animation:aul-row-in .25s ease both}@keyframes aul-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.aul-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 0 var(--aul-blue-start)}.aul-row:nth-child(2n){background:#fafbfc}.aul-row:nth-child(2n):hover{background:#f0f7ff}.aul-td{padding:12px;font-size:12.5px;color:var(--aul-text-primary);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aul-col-role{width:25%;min-width:140px}.aul-col-name{width:35%;min-width:180px}.aul-col-pwd{width:25%;min-width:120px}.aul-col-actions{width:15%;min-width:100px;text-align:center}.aul-badge-role{display:inline-block;padding:4px 10px;border-radius:20px;background:var(--aul-blue-50);color:var(--aul-blue-700);font-size:12px;font-weight:700;border:1px solid var(--aul-blue-100)}.aul-text-primary{font-weight:600;color:var(--aul-text-primary)}.aul-text-secondary{color:var(--aul-text-secondary)}.aul-action-group{display:flex;align-items:center;justify-content:center;gap:6px}.aul-action-btn{width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;transition:var(--aul-transition)!important}.aul-action-btn--edit{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 2px 6px #22c55e4d!important}.aul-action-btn--edit:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #22c55e73!important}.aul-action-btn--delete{background:linear-gradient(135deg,#f87171,#dc2626)!important;color:#fff!important;box-shadow:0 2px 6px #dc26264d!important}.aul-action-btn--delete:hover:not(:disabled){transform:translateY(-2px) scale(1.08)!important;box-shadow:0 4px 12px #dc262673!important}.aul-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--aul-border);background:#fafbfc;flex-shrink:0;gap:12px}.aul-footer-text{font-size:12px;color:var(--aul-text-muted)}.aul-footer-text strong{color:var(--aul-text-secondary);font-weight:700}.aul-state-overlay{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px}.aul-state-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:340px;animation:aul-fade-in .4s ease both}@keyframes aul-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.aul-state-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--aul-gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--aul-blue-600);margin-bottom:4px}.aul-state-icon-wrap--error{background:#fef2f2;color:var(--aul-error)}.aul-state-title{font-size:17px;font-weight:700;color:var(--aul-text-primary);margin:0}.aul-state-desc{font-size:13.5px;color:var(--aul-text-muted);margin:0;line-height:1.55}.aul-skeleton-list{padding:12px 20px;display:flex;flex-direction:column;gap:2px}.aul-skeleton-row{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--aul-border-light);animation:aul-fade-in .4s ease both}.aul-sk{border-radius:6px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:aul-shimmer 1.4s infinite linear;flex-shrink:0}@keyframes aul-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.aul-sk-text{height:14px;flex:1;max-width:200px}.aul-sk-pill{width:88px;height:26px;border-radius:20px}@media (max-width: 960px){.aul-col-pwd{display:none}.aul-search-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.aul-root{padding:4px}.aul-card{height:calc(100vh - 52px);border-radius:8px}.aul-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.aul-title{font-size:15px}.aul-subtitle{display:none}.aul-actions{gap:4px}.aul-btn.aul-btn-primary span{display:none}.aul-btn.aul-btn-primary{width:34px;padding:0!important;justify-content:center}.aul-search-grid{grid-template-columns:1fr}.aul-action-group{gap:4px}.aul-footer{padding:8px 14px}}@media (max-width: 480px){.aul-col-name{min-width:140px}.aul-col-role{min-width:120px}}.caum-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.caum-modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.caum-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;flex-shrink:0}.caum-modal-title{margin:0;font-size:1.3rem;font-weight:600}.caum-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.caum-close-btn:hover{background-color:#fff3}.caum-form{display:flex;flex-direction:column;flex:1}.caum-modal-body{flex:1;padding:20px;overflow-y:auto}.caum-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.caum-form-group{display:flex;flex-direction:column}.caum-form-label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:.9rem}.caum-form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.caum-form-input:focus{outline:none;border-color:#0d47a1;box-shadow:0 0 0 2px #0d47a133}.caum-input-error{border-color:#d32f2f!important}.caum-input-error:focus{border-color:#d32f2f!important;box-shadow:0 0 0 2px #d32f2f33!important}.caum-error-message{display:block;color:#d32f2f;font-size:.8rem;margin-top:4px;font-weight:500}.caum-react-select{width:100%}.caum-select__control{min-height:40px!important;border-radius:4px!important}.caum-select__value-container{padding:2px 12px!important}.caum-select__input{font-size:.9rem!important}.caum-select__single-value{font-size:.9rem!important;color:#333!important}.caum-select__menu{z-index:1001!important}.caum-select__option{font-size:.9rem!important;padding:10px 12px!important}.caum-select__option--is-focused{background-color:#f0f7ff!important;color:#0d47a1!important}.caum-select__option--is-selected{background-color:#0d47a1!important;color:#fff!important}.caum-form-requirements{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:15px;margin-top:10px}.caum-form-requirements h4{margin:0 0 10px;font-size:.9rem;color:#333;font-weight:600}.caum-form-requirements ul{margin:0;padding-left:20px;font-size:.8rem;color:#666}.caum-form-requirements li{margin-bottom:4px;line-height:1.4}.caum-requirement-met{color:#2e7d32!important;font-weight:500}.caum-requirement-met:before{content:"✓ ";font-weight:700}.caum-modal-footer{padding:16px 20px;background-color:#f5f9ff;border-top:1px solid #e3f2fd;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.caum-cancel-btn{padding:10px 20px;background:var(--red-gradient, linear-gradient(90deg, #d32f2f 0%, #f44336 100%))!important;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s;min-width:80px}.caum-cancel-btn:hover:not(:disabled){background-color:#5a6268}.caum-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.caum-submit-btn{padding:10px 20px;background:var(--blue-gradient, linear-gradient(90deg, #1976d2 0%, #2196f3 100%))!important;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.caum-submit-btn:hover:not(:disabled){background-color:#0b3d91}.caum-submit-btn:disabled{opacity:.6;cursor:not-allowed}.caum-loading-spinner{border:2px solid transparent;border-top:2px solid white;border-radius:50%;width:16px;height:16px;animation:caum-spin 1s linear infinite}@keyframes caum-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.caum-modal-content{width:95%;margin:10px;max-height:95vh}.caum-modal-header{padding:12px 15px}.caum-modal-title{font-size:1.1rem}.caum-modal-body{padding:15px}.caum-form-grid{grid-template-columns:1fr;gap:15px}.caum-form-group{margin-bottom:0}.caum-form-input{padding:8px 10px;font-size:.85rem}.caum-modal-footer{padding:12px 15px;flex-direction:column}.caum-cancel-btn,.caum-submit-btn{width:100%;padding:12px}.caum-form-requirements{padding:12px}.caum-form-requirements h4{font-size:.85rem}.caum-form-requirements ul{font-size:.75rem}}@media (max-width: 480px){.caum-modal-content{width:98%;margin:5px}.caum-modal-header{padding:10px 12px}.caum-modal-title{font-size:1rem}.caum-modal-body{padding:12px}.caum-form-label{font-size:.85rem}.caum-form-input{padding:8px 10px;font-size:.8rem}.caum-error-message{font-size:.75rem}.caum-form-grid{gap:12px}}@media (min-width: 1200px){.caum-modal-content{max-width:650px}}.uaum-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.uaum-modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.uaum-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;flex-shrink:0}.uaum-modal-title{margin:0;font-size:1.3rem;font-weight:600}.uaum-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.uaum-close-btn:hover{background-color:#fff3}.uaum-form{display:flex;flex-direction:column;flex:1}.uaum-modal-body{flex:1;padding:20px;overflow-y:auto}.uaum-user-summary{display:flex;gap:30px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e8f5e9}.uaum-summary-item{display:flex;flex-direction:column}.uaum-summary-label{font-size:.8rem;color:#666;margin-bottom:4px}.uaum-summary-value{font-size:1rem;font-weight:600;color:#0d47a1}.uaum-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.uaum-form-group{display:flex;flex-direction:column}.uaum-form-label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:.9rem}.uaum-form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.uaum-form-input:focus{outline:none;border-color:#0d47a1;box-shadow:0 0 0 2px #0d47a133}.uaum-input-error{border-color:#d32f2f!important}.uaum-input-error:focus{border-color:#d32f2f!important;box-shadow:0 0 0 2px #d32f2f33!important}.uaum-error-message{display:block;color:#d32f2f;font-size:.8rem;margin-top:4px;font-weight:500}.uaum-react-select{width:100%}.uaum-select__control{min-height:40px!important;border-radius:4px!important}.uaum-select__value-container{padding:2px 12px!important}.uaum-select__input{font-size:.9rem!important}.uaum-select__single-value{font-size:.9rem!important;color:#333!important}.uaum-select__menu{z-index:1001!important}.uaum-select__option{font-size:.9rem!important;padding:10px 12px!important}.uaum-select__option--is-focused{background-color:#f0f7ff!important;color:#0d47a1!important}.uaum-select__option--is-selected{background-color:#0d47a1!important;color:#fff!important}.uaum-form-requirements{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:15px;margin-top:10px}.uaum-form-requirements h4{margin:0 0 10px;font-size:.9rem;color:#333;font-weight:600}.uaum-form-requirements ul{margin:0;padding-left:20px;font-size:.8rem;color:#666}.uaum-form-requirements li{margin-bottom:4px;line-height:1.4}.uaum-requirement-met{color:#2e7d32!important;font-weight:500}.uaum-requirement-met:before{content:"✓ ";font-weight:700}.uaum-optional-note{color:#ff9800!important;font-style:italic;font-weight:500}.uaum-modal-footer{padding:16px 20px;background-color:#f5f9ff;border-top:1px solid #e3f2fd;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.uaum-cancel-btn{padding:10px 20px;background:var(--red-gradient, linear-gradient(90deg, #d32f2f 0%, #f44336 100%))!important;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;min-width:80px}.uaum-cancel-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #d32f2f4d}.uaum-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.uaum-submit-btn{padding:10px 20px;background:var(--blue-gradient, linear-gradient(90deg, #1976d2 0%, #2196f3 100%))!important;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.uaum-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #1976d24d}.uaum-submit-btn:disabled{opacity:.6;cursor:not-allowed}.uaum-loading-spinner{border:2px solid transparent;border-top:2px solid white;border-radius:50%;width:16px;height:16px;animation:uaum-spin 1s linear infinite}@keyframes uaum-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.uaum-modal-content{width:95%;margin:10px;max-height:95vh}.uaum-modal-header{padding:12px 15px}.uaum-modal-title{font-size:1.1rem}.uaum-modal-body{padding:15px}.uaum-user-summary{flex-direction:column;gap:15px}.uaum-form-grid{grid-template-columns:1fr;gap:15px}.uaum-form-group{margin-bottom:0}.uaum-form-input{padding:8px 10px;font-size:.85rem}.uaum-modal-footer{padding:12px 15px;flex-direction:column}.uaum-cancel-btn,.uaum-submit-btn{width:100%;padding:12px}.uaum-form-requirements{padding:12px}.uaum-form-requirements h4{font-size:.85rem}.uaum-form-requirements ul{font-size:.75rem}}@media (max-width: 480px){.uaum-modal-content{width:98%;margin:5px}.uaum-modal-header{padding:10px 12px}.uaum-modal-title{font-size:1rem}.uaum-modal-body{padding:12px}.uaum-form-label{font-size:.85rem}.uaum-form-input{padding:8px 10px;font-size:.8rem}.uaum-error-message{font-size:.75rem}.uaum-form-grid{gap:12px}}@media (min-width: 1200px){.uaum-modal-content{max-width:650px}}.elr-container{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.elr__report-container{flex:1;padding:16px;margin:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;position:relative;z-index:1}.elr__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1}.elr__title{font-size:18px;color:#55565b;margin:0}.elr__action-buttons{display:flex;gap:12px}.elr__export-button{padding:10px 20px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#2196f3,#0d47a1);box-shadow:0 2px 5px #0003}.elr__export-button:hover:not(:disabled){background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.elr__export-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.elr__filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px;position:relative;z-index:1000}.elr__filter-group{display:flex;flex-direction:column;min-width:160px;position:relative;z-index:1001}.elr__button-group{display:flex;flex-direction:row;gap:8px;align-items:flex-end}.elr__view-button{padding:10px 20px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:var(--update-button);box-shadow:0 2px 5px #0003;white-space:nowrap}.elr__view-button:hover{background:var(--update-button);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.elr__reset-button{padding:10px 20px;border:1px solid #dc3545;border-radius:6px;color:#dc3545;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:#fff;white-space:nowrap}.elr__reset-button:hover{background:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.elr__filter-select{font-size:13px;min-width:180px;position:relative;z-index:1002}.elr__filter-select .select__menu{z-index:9999!important}.elr__filter-label{font-size:13px;margin-bottom:4px;color:#555}.select__control{min-height:32px!important;z-index:1002}.select__menu{z-index:9999!important;position:absolute!important}.elr__table-wrapper{margin-top:15px;position:relative;z-index:1}.elr__table-scroll-container{max-height:400px;overflow-y:auto;overflow-x:auto;position:relative;border:1px solid #e0e0e0;border-radius:8px;z-index:1}.elr__table{width:100%;border-collapse:collapse;min-width:800px}.elr__table-head{background:#0070c0;position:sticky;top:0;z-index:10}.elr__table-header{padding:10px 8px;font-size:12px;font-weight:600;color:#fff;text-align:left;border:1px solid white;white-space:nowrap}.elr__table-body{background-color:#fff}.elr__table-row{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.elr__table-row:hover{box-shadow:0 4px 8px #0000001a;background-color:#f8f9fa}.elr__table-row:nth-child(odd){background-color:#f9f9f9}.elr__table-cell{padding:8px;font-size:12px;color:#55565b;text-align:left;border:1px solid #e0e0e0;white-space:nowrap}.elr__number-cell{text-align:right;font-family:Courier New,monospace;font-weight:600}.elr__status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.elr__status-approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.elr__status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.elr__status-rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.elr__message-row{height:100px;position:relative}.elr__no-data{text-align:center;color:#6c757d;font-style:italic;padding:40px!important;font-size:14px}.elr__placeholder-cell{text-align:center;padding:40px!important;background-color:#f8f9fa}.elr__placeholder-content{text-align:center;color:#6c757d}.elr__placeholder-content h3{margin-bottom:8px;font-size:18px;color:#495057}.elr__placeholder-content p{font-size:14px;margin:0;color:#6c757d}.elr__summary-section{margin-top:20px;padding:16px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #0070c0}.elr__summary-title{font-size:16px;color:#55565b;margin-bottom:12px;font-weight:600}.elr__summary-cards{display:flex;gap:16px;flex-wrap:wrap}.elr__summary-card{background:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 2px 4px #0000001a;min-width:150px;text-align:center}.elr__summary-label{display:block;font-size:12px;color:#6c757d;margin-bottom:4px}.elr__summary-value{display:block;font-size:18px;font-weight:700;color:#0070c0}@media (max-width: 768px){.elr__filter-row{flex-direction:column;align-items:stretch}.elr__filter-group{min-width:auto}.elr__button-group{flex-direction:column;align-items:stretch}.elr__header-row{flex-direction:column;gap:12px;align-items:flex-start}.elr__action-buttons{width:100%;justify-content:flex-end}.elr__summary-cards{flex-direction:column}.elr__summary-card{min-width:auto}}.lc-root{display:flex;min-height:100vh;width:100%;font-family:DM Sans,sans-serif;background:#fff;overflow:hidden;position:relative}.lc-left{flex:1.1;position:relative;background:linear-gradient(145deg,#f8fafc,#f1f5f9,#e9eef3);display:flex;flex-direction:column;overflow:hidden}.lc-network{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lc-network-svg{width:100%;height:100%}@keyframes lc-nodePulse{0%,to{opacity:.45;r:5px}50%{opacity:1;r:6px}}.lc-node-0{animation:lc-nodePulse 2s ease-in-out infinite}.lc-node-1{animation:lc-nodePulse 2.8s ease-in-out infinite .4s}.lc-node-2{animation:lc-nodePulse 3.2s ease-in-out infinite 1s}.lc-node-3{animation:lc-nodePulse 2.5s ease-in-out infinite 1.6s}@keyframes lc-ringPulse{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}.lc-ring-0{animation:lc-ringPulse 3s ease-out infinite;transform-box:fill-box;transform-origin:center}.lc-ring-1{animation:lc-ringPulse 3s ease-out infinite 1s;transform-box:fill-box;transform-origin:center}.lc-ring-2{animation:lc-ringPulse 3s ease-out infinite 2s;transform-box:fill-box;transform-origin:center}@keyframes lc-accentPulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.2;transform:scale(1.4)}}.lc-pulse-0{animation:lc-accentPulse 2.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.lc-pulse-1{animation:lc-accentPulse 3s ease-in-out infinite 1.2s;transform-box:fill-box;transform-origin:center}.lc-left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 30% 60%,rgba(33,150,243,.05) 0%,transparent 70%),linear-gradient(to right,transparent 80%,#ffffff 100%);pointer-events:none}.lc-left-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:40px 48px}.lc-left-top{display:flex;align-items:center;gap:16px;margin-bottom:auto}.lc-brand-logo{height:36px;object-fit:contain;filter:none;opacity:.9}.lc-brand-pill{padding:3px 10px;border:1px solid rgba(33,150,243,.4);border-radius:20px;font-size:9px;font-weight:600;letter-spacing:1.5px;color:#2196f3;font-family:JetBrains Mono,monospace;background:#2196f30f}.lc-left-hero{margin-bottom:40px;animation:lc-fadeUp .8s ease both}@keyframes lc-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.lc-hero-title{font-family:Syne,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.1;color:#031d45;letter-spacing:-1px;margin-bottom:16px}.lc-hero-title em{font-style:normal;color:#2196f3}.lc-hero-sub{font-size:14px;line-height:1.75;color:#64748b;max-width:380px;font-weight:400}.lc-left-stats{display:flex;gap:12px;margin-bottom:40px;animation:lc-fadeUp .8s ease .2s both}.lc-stat-chip{flex:1;background:#00000005;border:1px solid rgba(0,0,0,.07);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;transition:border-color .2s}.lc-stat-chip:hover{border-color:#2196f380}.lc-stat-val{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500;color:#0d47a1}.lc-stat-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.lc-left-footer{display:flex;align-items:center;gap:20px;animation:lc-fadeUp .8s ease .35s both}.lc-footer-link{display:flex;align-items:center;gap:5px;font-size:12px;color:#94a3b8;text-decoration:none;transition:color .2s}.lc-footer-link:hover{color:#2196f3}.lc-footer-ver{margin-left:auto;font-size:11px;color:#cbd5e1;font-family:JetBrains Mono,monospace}.lc-right{width:480px;min-width:420px;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px 32px;position:relative;box-shadow:-4px 0 20px #00000008}.lc-right:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(33,150,243,.4),transparent)}.lc-form-card{width:100%;max-width:380px;position:relative;animation:lc-cardIn .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes lc-cardIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lc-card-accent{height:3px;background:linear-gradient(135deg,#2196f3,#0d47a1);border-radius:2px 2px 0 0;margin-bottom:-1px}.lc-form-logo-wrap{background:#2196f308;border:1px solid rgba(33,150,243,.1);border-top:none;border-radius:0 0 12px 12px;padding:20px 24px 16px;text-align:center;margin-bottom:28px}.lc-form-logo{height:44px;object-fit:contain;opacity:.9}.lc-form-header{margin-bottom:28px}.lc-welcome{font-family:Syne,sans-serif;font-size:26px;font-weight:700;color:#0f172a;letter-spacing:-.5px;margin-bottom:4px}.lc-subtitle{font-size:13px;color:#94a3b8;font-weight:400}.lc-error-alert{display:flex;align-items:flex-start;gap:10px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:11px 14px;margin-bottom:20px;font-size:13px;color:#ef4444;animation:lc-shake .3s ease}@keyframes lc-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}}.lc-error-icon{width:18px;height:18px;border-radius:50%;background:#ef444440;color:#ef4444;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px}.lc-form{display:flex;flex-direction:column;gap:24px;margin-bottom:20px}.lc-field{position:relative}.lc-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;margin-bottom:8px;transition:color .2s}.lc-field--focused .lc-label{color:#2196f3}.lc-input-wrap{display:flex;align-items:center;gap:10px;padding:0 0 10px;position:relative}.lc-input-icon{color:#cbd5e1!important;flex-shrink:0;transition:color .2s!important}.lc-field--focused .lc-input-icon{color:#2196f3!important}.lc-input{flex:1;background:transparent;border:none;outline:none;font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;color:#0f172a;caret-color:#2196f3}.lc-input::placeholder{color:#cbd5e1;font-size:13px}.lc-field-line{height:1px;background:#e2e8f0;position:relative;border-radius:1px}.lc-field-line:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:linear-gradient(135deg,#2196f3,#0d47a1);border-radius:1px;transition:width .3s cubic-bezier(.4,0,.2,1)}.lc-field--focused .lc-field-line:after{width:100%}.lc-form-options{display:flex;align-items:center;justify-content:space-between;margin-top:-8px}.lc-remember{display:flex;align-items:center;gap:7px;font-size:12px;color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none}.lc-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid #cbd5e1;border-radius:3px;background:transparent;cursor:pointer;position:relative;transition:all .2s;flex-shrink:0}.lc-checkbox:checked{background:#2196f3;border-color:#2196f3}.lc-checkbox:checked:after{content:"✓";position:absolute;top:-1px;left:2px;font-size:9px;color:#fff;font-weight:700}.lc-forgot{font-size:12px;color:#94a3b8;text-decoration:none;transition:color .2s}.lc-forgot:hover{color:#2196f3}.lc-submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,#2196f3,#0d47a1);border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.3px;margin-top:4px}.lc-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s}.lc-submit:hover:not(:disabled):before{opacity:1}.lc-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #2196f34d}.lc-submit:active:not(:disabled){transform:translateY(0);box-shadow:none}.lc-submit:disabled{opacity:.65;cursor:not-allowed}.lc-btn-arrow{width:16px;height:16px;transition:transform .2s}.lc-submit:hover:not(:disabled) .lc-btn-arrow{transform:translate(3px)}.lc-btn-loading{display:flex;align-items:center;gap:10px}.lc-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:lc-spin .7s linear infinite}@keyframes lc-spin{to{transform:rotate(360deg)}}.lc-security-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#cbd5e1;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.lc-security-note span{color:#94a3b8}@media (max-width: 900px){.lc-root{flex-direction:column;overflow-y:auto}.lc-left{flex:none;min-height:260px;padding:0}.lc-left-content{padding:24px 28px}.lc-left-hero,.lc-left-stats{margin-bottom:24px}.lc-hero-title{font-size:28px}.lc-right{width:100%;min-width:unset;padding:32px 20px 48px}}@media (max-width: 480px){.lc-left-stats{flex-direction:column;gap:8px}.lc-form-card{max-width:100%}}:root{--eag-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--eag-primary: #2196F3;--eag-primary-dark: #0d47a1;--eag-primary-mid: #1565c0;--eag-bg: #eef2ff;--eag-surface: #ffffff;--eag-border: rgba(33, 150, 243, .1);--eag-border-mid: rgba(33, 150, 243, .2);--eag-text-dark: #1a237e;--eag-text-body: #37474f;--eag-text-muted: #607d8b;--eag-text-hint: #90a4ae;--eag-shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 4px 16px rgba(33,150,243,.07);--eag-shadow-md: 0 2px 8px rgba(0,0,0,.05), 0 8px 28px rgba(33,150,243,.1);--eag-green: #2e7d32;--eag-green-bg: #e8f5e9;--eag-red: #b71c1c;--eag-red-bg: #ffebee;--eag-orange: #e65100;--eag-orange-bg: #fff3e0;--eag-amber: #f57f17;--eag-amber-bg: #fffde7;--eag-radius: 14px;--eag-radius-sm: 9px;--eag-radius-xs: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.emp-access-group{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--eag-bg);min-height:100vh;padding:24px;display:flex;flex-direction:column;gap:18px}.eag-header{background:var(--eag-gradient);border-radius:var(--eag-radius);padding:20px 26px 0;box-shadow:0 4px 20px #0d47a138;overflow:hidden}.eag-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.eag-title-section{display:flex;align-items:center;gap:13px}.eag-title-icon-wrap{width:44px;height:44px;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.eag-title-icon{font-size:22px!important}.eag-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2}.eag-subtitle{font-size:12px;color:#ffffffad;margin-top:3px;font-weight:400}.eag-stat-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;font-family:DM Mono,monospace}.eag-stat-assigned{background:#69f0ae33;color:#69f0ae;border:1px solid rgba(105,240,174,.3)}.eag-stat-unassigned{background:#ffab4033;color:#ffab40;border:1px solid rgba(255,171,64,.3)}.eag-tabs{display:flex;gap:4px;padding:0 2px}.eag-tab{display:flex;align-items:center;gap:7px;padding:11px 20px;font-size:13px;font-weight:600;color:#ffffffa6;background:transparent;border:none;border-radius:var(--eag-radius-sm) var(--eag-radius-sm) 0 0;cursor:pointer;transition:color .15s,background .15s;font-family:inherit;white-space:nowrap}.eag-tab:hover:not(.eag-tab--active){color:#ffffffe0;background:#ffffff14}.eag-tab--active{color:var(--eag-primary-dark);background:var(--eag-bg)}.eag-tab-icon{font-size:17px!important}.eag-tab-count{background:#ffffff2e;border-radius:5px;padding:1px 7px;font-size:10.5px;font-family:DM Mono,monospace}.eag-tab--active .eag-tab-count{background:var(--eag-border);color:var(--eag-primary-dark)}.eag-filter-panel{background:var(--eag-surface);border-radius:var(--eag-radius);border:1px solid var(--eag-border);box-shadow:var(--eag-shadow-sm);overflow:hidden}.eag-filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--eag-border);background:#f5f8ff}.eag-filter-panel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--eag-text-dark)}.eag-filter-panel-icon{color:var(--eag-primary)!important;font-size:18px!important}.eag-filter-panel-actions{display:flex;gap:8px}.eag-filter-body{padding:18px 20px;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.eag-filter-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:200px;max-width:280px}.eag-filter-label{font-size:11px;font-weight:700;color:var(--eag-text-muted);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:4px}.eag-filter-required{color:var(--eag-red);font-size:12px}.eag-filter-hint{font-size:10px;color:var(--eag-text-hint);font-weight:400;text-transform:none;letter-spacing:0;margin-left:2px}.react-select-container .react-select__control{border:1.5px solid rgba(33,150,243,.18)!important;border-radius:var(--eag-radius-xs)!important;min-height:38px!important;font-size:13px!important;font-family:inherit!important;box-shadow:none!important;transition:border-color .15s!important;background:#f8faff!important}.react-select-container .react-select__control:hover{border-color:var(--eag-primary)!important}.react-select-container .react-select__control--is-focused{border-color:var(--eag-primary)!important;background:#fff!important}.react-select-container .react-select__placeholder{color:#b0bec5!important;font-size:12.5px!important}.react-select-container .react-select__single-value{color:var(--eag-text-dark)!important;font-weight:500!important}.react-select-container .react-select__menu{border-radius:var(--eag-radius-sm)!important;border:1px solid var(--eag-border-mid)!important;box-shadow:var(--eag-shadow-md)!important;font-size:13px!important;font-family:inherit!important}.react-select-container .react-select__option--is-focused{background:#e3f2fd!important;color:var(--eag-text-dark)!important}.react-select-container .react-select__option--is-selected{background:var(--eag-gradient)!important}.react-select-container .react-select__indicator-separator{background:var(--eag-border)!important}.eag-filter-btn-group{display:flex;gap:8px;flex-shrink:0;align-self:flex-end;padding-bottom:1px}.eag-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--eag-radius-xs);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .1s,background .15s;white-space:nowrap;border:none;line-height:1}.eag-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.eag-btn:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}.eag-btn:not(:disabled):active{transform:none}.eag-btn-icon{font-size:16px!important}.eag-btn--primary{background:var(--eag-gradient);color:#fff}.eag-btn--ghost{background:transparent;color:var(--eag-text-muted);border:1.5px solid var(--eag-border-mid)}.eag-btn--ghost:not(:disabled):hover{background:#f0f4ff;opacity:1}.eag-btn--danger{background:linear-gradient(135deg,#ef5350,#b71c1c);color:#fff}.eag-btn--success{background:linear-gradient(135deg,#43a047,#1b5e20);color:#fff}.eag-btn--sm{padding:6px 13px;font-size:12px}.eag-instructions{background:var(--eag-surface);border-radius:var(--eag-radius);border:1px solid var(--eag-border);box-shadow:var(--eag-shadow-sm);padding:28px 24px;display:flex;flex-direction:column;gap:16px}.eag-instructions-inner{display:flex;gap:16px;align-items:flex-start}.eag-instructions-icon-wrap{width:40px;height:40px;background:var(--eag-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--eag-primary);flex-shrink:0;border:1px solid var(--eag-border)}.eag-instructions-title{font-size:14px;font-weight:700;color:var(--eag-text-dark);margin-bottom:10px}.eag-instructions-steps{display:flex;flex-direction:column;gap:8px;list-style:none}.eag-instructions-step{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--eag-text-body);line-height:1.5}.eag-step-num{width:22px;height:22px;border-radius:50%;background:var(--eag-gradient);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.eag-callout{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--eag-amber-bg);border:1px solid rgba(245,127,23,.25);border-radius:var(--eag-radius-sm);font-size:12.5px;color:#5d4037;line-height:1.5}.eag-callout-icon{color:var(--eag-amber)!important;font-size:18px!important;flex-shrink:0;margin-top:1px}.eag-table-section{background:var(--eag-surface);border-radius:var(--eag-radius);border:1px solid var(--eag-border);box-shadow:var(--eag-shadow-sm);display:flex;flex-direction:column;overflow:hidden}.eag-table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#f5f8ff;border-bottom:1px solid var(--eag-border);gap:12px;flex-wrap:wrap}.eag-table-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.eag-table-count{font-size:13px;font-weight:600;color:var(--eag-text-dark)}.eag-table-count-num{font-family:DM Mono,monospace;font-size:16px;font-weight:700}.eag-selected-pill{display:inline-flex;align-items:center;gap:5px;background:#e3f2fd;border:1px solid rgba(33,150,243,.25);color:var(--eag-primary-dark);border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:700;font-family:DM Mono,monospace}.eag-selected-pill-icon{font-size:14px!important}.eag-table-wrap{overflow-x:auto;overflow-y:auto;max-height:480px}.eag-table-wrap::-webkit-scrollbar{width:4px;height:4px}.eag-table-wrap::-webkit-scrollbar-track{background:transparent}.eag-table-wrap::-webkit-scrollbar-thumb{background:#c5cae9;border-radius:99px}.eag-table{width:100%;border-collapse:collapse;font-size:12.5px}.eag-table thead tr{background:#f0f4ff;position:sticky;top:0;z-index:1}.eag-table th{padding:10px 14px;text-align:left;font-size:10px;font-weight:700;color:var(--eag-text-muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border-bottom:2px solid var(--eag-border-mid)}.eag-th-checkbox{width:44px;text-align:center!important}.eag-th-pic{width:52px;text-align:center!important}.eag-th-empno{width:100px}.eag-th-enroll{width:88px;text-align:center!important}.eag-table tbody tr{border-bottom:1px solid rgba(33,150,243,.055);transition:background .1s}.eag-table tbody tr:hover{background:#f5f8ff}.eag-table-row--selected{background:#e8f1fd!important}.eag-table-row--selected:hover{background:#ddeafb!important}.eag-table td{padding:11px 14px;color:var(--eag-text-body);vertical-align:middle}.eag-td-checkbox,.eag-td-pic{text-align:center}.eag-checkbox-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;transition:background .12s}.eag-checkbox-btn:hover{background:#2196f31a}.eag-checkbox-icon{font-size:20px!important;color:var(--eag-text-hint)!important}.eag-checkbox-icon--checked{color:var(--eag-primary)!important}.eag-checkbox-icon--indeterminate{color:var(--eag-primary-mid)!important}.eag-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#90caf9,#42a5f5);display:flex;align-items:center;justify-content:center;font-size:14px;margin:0 auto;border:1.5px solid rgba(33,150,243,.2);overflow:hidden}.eag-avatar img{width:100%;height:100%;object-fit:cover}.eag-empno-tag{font-family:DM Mono,monospace;font-size:11px;font-weight:500;background:#eceff1;color:#546e7a;border-radius:5px;padding:2px 7px;display:inline-block}.eag-emp-name{font-weight:600;color:var(--eag-text-dark);font-size:13px}.eag-emp-sub{font-size:10.5px;color:var(--eag-text-hint);margin-top:1px}.eag-ou-text,.eag-dept-text,.eag-desig-text{font-size:12px;color:var(--eag-text-body)}.eag-group-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;background:#e3f2fd;color:var(--eag-primary-dark);border-radius:5px;padding:3px 9px;border:1px solid rgba(33,150,243,.2)}.eag-enroll-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.03em}.eag-enroll-badge--yes{background:var(--eag-green-bg);color:var(--eag-green)}.eag-enroll-badge--no{background:var(--eag-orange-bg);color:var(--eag-orange)}.eag-table-search{display:flex;align-items:center;gap:7px;background:#fff;border:1.5px solid rgba(33,150,243,.18);border-radius:var(--eag-radius-xs);padding:0 10px;height:36px;min-width:260px;max-width:360px;flex:1;transition:border-color .15s,box-shadow .15s}.eag-table-search:focus-within{border-color:var(--eag-primary);box-shadow:0 0 0 3px #2196f31a;background:#fff}.eag-table-search-icon{color:var(--eag-text-hint)!important;font-size:17px!important;flex-shrink:0;transition:color .15s}.eag-table-search:focus-within .eag-table-search-icon{color:var(--eag-primary)!important}.eag-table-search-input{flex:1;border:none;background:transparent;outline:none;font-size:12.5px;font-family:inherit;color:var(--eag-text-body);min-width:0}.eag-table-search-input::placeholder{color:#b0bec5}.eag-table-search-clear{display:flex;align-items:center;justify-content:center;background:#eceff1;border:none;border-radius:4px;color:var(--eag-text-muted);cursor:pointer;padding:2px 4px;transition:background .12s,color .12s;flex-shrink:0}.eag-table-search-clear:hover{background:#2196f31f;color:var(--eag-primary)}@media (max-width: 640px){.eag-table-toolbar{flex-wrap:wrap;gap:10px}.eag-table-search{min-width:100%;max-width:100%}}.eag-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 24px;color:var(--eag-text-muted)}.eag-loading-title{font-size:14px;font-weight:600;color:var(--eag-text-dark)}.eag-loading-sub{font-size:12px;color:var(--eag-text-hint)}.eag-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:56px 24px;text-align:center}.eag-empty-icon-wrap{width:56px;height:56px;border-radius:14px;background:var(--eag-bg);border:1px solid var(--eag-border);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.eag-empty-icon{color:var(--eag-text-hint)!important;font-size:28px!important}.eag-empty-title{font-size:15px;font-weight:700;color:var(--eag-text-dark)}.eag-empty-desc{font-size:13px;color:var(--eag-text-muted);max-width:340px;line-height:1.5}.eag-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#fff;border-top:2px solid var(--eag-primary);animation:slideUpBar .2s ease;flex-wrap:wrap}@keyframes slideUpBar{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.eag-selection-info{display:flex;align-items:center;gap:10px;min-width:0}.eag-selection-count{font-size:13px;font-weight:700;color:var(--eag-text-dark);white-space:nowrap}.eag-selection-names{font-size:12px;color:var(--eag-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.eag-selection-actions{display:flex;gap:8px;flex-shrink:0}.eag-toast-container{position:fixed;top:20px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.eag-toast{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border-radius:var(--eag-radius-sm);min-width:280px;max-width:420px;box-shadow:0 8px 32px #00000024;pointer-events:all;animation:toastIn .25s ease;font-size:13px;font-weight:500;line-height:1.4}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.eag-toast--success{background:var(--eag-green-bg);border-left:4px solid var(--eag-green);color:#1b5e20}.eag-toast--error{background:var(--eag-red-bg);border-left:4px solid var(--eag-red);color:#7f0000}.eag-toast-icon{font-size:18px!important;flex-shrink:0;margin-top:1px}.eag-toast-icon--success{color:var(--eag-green)!important}.eag-toast-icon--error{color:var(--eag-red)!important}.eag-toast-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:0;display:flex;font-size:16px!important;flex-shrink:0}.eag-toast-close:hover{opacity:1}@media (max-width: 768px){.emp-access-group{padding:12px;gap:12px}.eag-filter-field{max-width:100%}.eag-filter-btn-group{width:100%}.eag-btn{flex:1;justify-content:center}.eag-header-content{flex-direction:column;gap:10px}.eag-table th:nth-child(n+6),.eag-table td:nth-child(n+6){display:none}}:root{--pdr-brand-start: #2196F3;--pdr-brand-end: #0d47a1;--pdr-brand: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--pdr-brand-mid: #1565c0;--pdr-brand-light: #e3f2fd;--pdr-brand-pale: #f0f7ff;--pdr-white: #ffffff;--pdr-bg: #f4f7fb;--pdr-surface: #ffffff;--pdr-border: #dde3ec;--pdr-border2: #ccd6e8;--pdr-text-primary: #1a2340;--pdr-text-secondary: #4a5778;--pdr-text-muted: #8898b4;--pdr-radius: 12px;--pdr-radius-sm: 8px;--pdr-shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(33,150,243,.08);--pdr-in: #2e7d32;--pdr-in-bg: #e8f5e9;--pdr-out: #d32f2f;--pdr-out-bg: #fce4ec;--pdr-workcode: #1565c0;--pdr-workcode-bg: #e3f2fd;--pdr-outpass: #7b1fa2;--pdr-outpass-bg: #f3e5f5;--pdr-footer-bg: #e8eaf6}.pdr{min-height:100vh;background:var(--pdr-bg);padding:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.pdr__card{max-width:100%;background:var(--pdr-surface);border-radius:var(--pdr-radius);box-shadow:var(--pdr-shadow-card);border:1px solid var(--pdr-border);overflow:hidden}.pdr__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--pdr-brand);flex-wrap:wrap}.pdr__header-left{display:flex;align-items:center;gap:14px}.pdr__header-icon{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.pdr__title{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.pdr__subtitle{margin:2px 0 0;font-size:12px;color:#fffc}.pdr__header-actions{display:flex;gap:10px;flex-wrap:wrap}.pdr__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--pdr-radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;white-space:nowrap;line-height:1}.pdr__btn:disabled{opacity:.5;cursor:not-allowed}.pdr__btn--primary{background:#fff;color:var(--pdr-brand-end);box-shadow:0 2px 8px #00000026}.pdr__btn--primary:hover:not(:disabled){background:var(--pdr-brand-light);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.pdr__btn--outline{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pdr__btn--outline:hover:not(:disabled){background:#ffffff40;border-color:#fff;transform:translateY(-1px)}.pdr__btn--search{background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.pdr__btn--search:hover:not(:disabled){background:#fff3;border-color:#fff}.pdr__btn--search-active{background:#fff;color:var(--pdr-brand-end);border-color:#fff}.pdr__filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:20px 24px;background:var(--pdr-brand-pale);border-bottom:1px solid var(--pdr-border)}.pdr__filter-group{display:flex;flex-direction:column;gap:5px}.pdr__label{font-size:11.5px;font-weight:600;color:var(--pdr-text-secondary);text-transform:uppercase;letter-spacing:.5px}.pdr__date-input{height:36px;padding:0 10px;border:1.5px solid var(--pdr-border);border-radius:var(--pdr-radius-sm);font-size:13px;color:var(--pdr-text-primary);background:#fff;transition:border-color .2s,box-shadow .2s;outline:none;width:100%;box-sizing:border-box}.pdr__date-input:focus{border-color:var(--pdr-brand-start);box-shadow:0 0 0 3px #2196f326}.pdr__legend{display:flex;flex-wrap:wrap;gap:8px 20px;padding:10px 24px;background:var(--pdr-white);border-bottom:1px solid var(--pdr-border);align-items:center}.pdr__legend-title{font-size:11px;font-weight:700;color:var(--pdr-text-secondary);text-transform:uppercase;letter-spacing:.5px}.pdr__legend-item{display:flex;align-items:center;gap:6px}.pdr__legend-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.pdr__legend-badge--in{background:var(--pdr-in-bg);color:var(--pdr-in)}.pdr__legend-badge--out{background:var(--pdr-out-bg);color:var(--pdr-out)}.pdr__legend-badge--workcode{background:var(--pdr-workcode-bg);color:var(--pdr-workcode)}.pdr__legend-badge--outpass{background:var(--pdr-outpass-bg);color:var(--pdr-outpass)}.pdr__legend-label{font-size:11px;color:var(--pdr-text-secondary)}.pdr__table-wrap{overflow:hidden;position:relative}.pdr__table-scroll{overflow:auto;max-height:calc(100vh - 380px);min-height:500px;position:relative}.pdr__table-scroll::-webkit-scrollbar{width:7px;height:7px}.pdr__table-scroll::-webkit-scrollbar-track{background:var(--pdr-bg)}.pdr__table-scroll::-webkit-scrollbar-thumb{background:#b0c4de;border-radius:4px}.pdr__table-scroll::-webkit-scrollbar-thumb:hover{background:var(--pdr-brand-start)}.pdr__table{width:100%;border-collapse:collapse;font-size:12px;color:var(--pdr-text-primary);white-space:nowrap}.pdr__table thead{position:sticky;top:0;z-index:10}.pdr__th{padding:10px 8px;text-align:center;font-weight:700;font-size:11px;letter-spacing:.3px;background:var(--pdr-brand);color:#fff;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;min-width:80px}.pdr__search-input{width:100%;padding:6px 8px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff26;color:#fff;font-size:10px;outline:none;transition:all .2s}.pdr__search-input:focus{background:#ffffff40;border-color:#fff}.pdr__search-input::placeholder{color:#ffffffb3}.pdr__row{transition:background .15s}.pdr__row:hover{background:var(--pdr-brand-pale)!important}.pdr__row--alt{background:#fafcff}.pdr__cell{padding:8px 6px;border:1px solid #eaf0f8;text-align:center;vertical-align:middle}.pdr__cell--empno{font-weight:700;color:var(--pdr-brand-mid);text-align:left;padding-left:12px}.pdr__cell--name{font-weight:500;text-align:left;padding-left:12px;min-width:150px}.pdr__cell--in{background:var(--pdr-in-bg);color:var(--pdr-in);font-weight:700}.pdr__cell--out{background:var(--pdr-out-bg);color:var(--pdr-out);font-weight:700}.pdr__cell--workcode{background:var(--pdr-workcode-bg);color:var(--pdr-workcode);font-weight:700}.pdr__cell--outpass{background:var(--pdr-outpass-bg);color:var(--pdr-outpass);font-weight:700}.pdr__footer{position:sticky;bottom:0;z-index:9;background:var(--pdr-white);border-top:2px solid var(--pdr-brand-start);box-shadow:0 -2px 8px #0000000d}.pdr__footer-row{background:var(--pdr-footer-bg)}.pdr__footer-cell{padding:12px 8px;border:1px solid var(--pdr-border);font-size:12px}.pdr__footer-cell--label{text-align:right;font-weight:700;color:var(--pdr-brand-end);background:var(--pdr-footer-bg);border-right:2px solid var(--pdr-brand-start)}.pdr__footer-cell--stats{padding:8px 12px;background:var(--pdr-footer-bg)}.pdr__footer-stats{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:flex-start}.pdr__footer-stat{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px;background:var(--pdr-white);border-radius:20px;box-shadow:0 1px 2px #0000000d}.pdr__footer-stat-label{font-size:11px;font-weight:600;color:var(--pdr-text-secondary);text-transform:uppercase;letter-spacing:.3px}.pdr__footer-stat-value{font-size:16px;font-weight:700;color:var(--pdr-text-primary)}.pdr__footer-stat--in{color:var(--pdr-in)}.pdr__footer-stat--out{color:var(--pdr-out)}.pdr__loading-more{text-align:center;padding:12px;background:var(--pdr-brand-pale)}.pdr__loading-more-content{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--pdr-text-secondary)}.pdr__state-cell{padding:60px 20px;background:var(--pdr-white)}.pdr__state-box{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:400px;margin:0 auto;text-align:center}.pdr__state-icon{font-size:40px;line-height:1;margin-bottom:4px}.pdr__state-title{font-size:16px;font-weight:700;color:var(--pdr-text-primary)}.pdr__state-sub{font-size:13px;color:var(--pdr-text-muted);line-height:1.5}.pdr__state-box--loading .pdr__state-title{color:var(--pdr-brand-mid)}.pdr__state-box--error{padding:24px 28px;background:#fff5f5;border:1.5px solid #ffcdd2;border-radius:var(--pdr-radius)}.pdr__state-box--error .pdr__state-title{color:#c62828}.pdr__state-box--error .pdr__state-sub{color:#b71c1c}.pdr__state-box--idle{padding:24px 28px;background:var(--pdr-brand-pale);border:1.5px dashed var(--pdr-border2);border-radius:var(--pdr-radius)}.pdr__state-box--empty{padding:24px 28px;background:#fffbf0;border:1.5px dashed #ffe082;border-radius:var(--pdr-radius)}.pdr__state-box--empty .pdr__state-title{color:#e65100}@media (max-width: 768px){.pdr{padding:12px}.pdr__header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.pdr__header-actions{width:100%}.pdr__btn{flex:1;justify-content:center}.pdr__filters{grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px}.pdr__title{font-size:17px}.pdr__table-scroll{max-height:calc(100vh - 460px);min-height:400px}.pdr__footer-stats{gap:10px}.pdr__footer-stat{padding:2px 8px}.pdr__footer-stat-value{font-size:14px}}@media (max-width: 480px){.pdr__filters{grid-template-columns:1fr}.pdr__legend{padding:10px 16px}.pdr__cell{padding:6px 4px;font-size:11px}.pdr__th{padding:8px 4px;font-size:10px}.pdr__footer-stats{flex-direction:column;align-items:flex-start;gap:8px}.pdr__footer-cell--label{display:none}.pdr__footer-cell--stats{text-align:left}}@media print{.pdr{padding:0;background:#fff}.pdr__card{box-shadow:none;border:none}.pdr__header-actions,.pdr__filters,.pdr__legend{display:none}.pdr__table-scroll{max-height:none;overflow:visible;min-height:auto}.pdr__th{background:#e0e0e0!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pdr__row--alt{background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pdr__search-input{display:none}.pdr__footer{position:relative;break-inside:avoid}.pdr__footer-cell--label{background:#e0e0e0!important}}.ie-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8f9fa;min-height:100vh;padding:16px;font-size:13px}.ie-header{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.ie-header-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.ie-header-title{flex:1}.ie-title{font-size:22px;font-weight:600;margin:0 0 8px;color:#1a237e;display:flex;align-items:center;gap:12px}.ie-title-icon{font-size:26px!important;color:#2196f3}.ie-subtitle{font-size:13px;color:#666;margin:0}.ie-header-actions{display:flex;align-items:center;gap:12px}.ie-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.ie-stat-card{background:#fff;border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #0000000d;border:1px solid #e0e0e0;transition:transform .2s,box-shadow .2s}.ie-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.ie-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.ie-stat-icon.total{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff}.ie-stat-icon.resigned{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);color:#fff}.ie-stat-icon.terminated{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.ie-stat-icon.on-leave{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);color:#fff}.ie-stat-content{flex:1}.ie-stat-value{font-size:24px;font-weight:700;color:#1a237e;line-height:1;margin-bottom:4px}.ie-stat-label{font-size:12px;color:#666;font-weight:500}.ie-content{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #00000014}.ie-bulk-operations{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px;border:1px solid #e0e0e0}.ie-bulk-header{margin-bottom:16px}.ie-bulk-title{font-size:15px;font-weight:600;color:#1a237e;margin:0;display:flex;align-items:center;gap:8px}.ie-bulk-title svg{font-size:18px!important;color:#2196f3}.ie-bulk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.ie-bulk-item{background:#fff;border-radius:6px;padding:16px;border:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;gap:12px}.ie-bulk-content{flex:1}.ie-bulk-item-title{font-size:13px;font-weight:600;color:#1a237e;display:flex;align-items:center;gap:8px;margin-bottom:4px}.ie-bulk-item-title svg{font-size:16px!important;color:#2196f3}.ie-bulk-item-desc{font-size:11px;color:#666;margin:0}.ie-bulk-item-buttons{display:flex;gap:8px;flex-shrink:0}.ie-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .2s;height:36px;white-space:nowrap}.ie-btn-small{height:32px;padding:6px 12px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.ie-btn-primary{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff}.ie-btn-primary:hover{background:linear-gradient(135deg,#1976d2,#0d3c7a);box-shadow:0 4px 12px #2196f34d}.ie-btn-secondary{background:#f8f9fa;color:#333;border:1px solid #ddd}.ie-btn-secondary:hover{background:#e9ecef}.ie-btn-success{background:linear-gradient(90deg,#1da99c,#4abb83,#7dcf61);color:#fff}.ie-btn-success:hover{background:linear-gradient(135deg,#43a047,#1b5e20)}.ie-btn-accent{background:linear-gradient(135deg,#ff9800,#ef6c00);color:#fff}.ie-btn-accent:hover{background:linear-gradient(135deg,#f57c00,#e65100)}.ie-btn-outline{background:transparent;color:#2196f3;border:1px solid #2196F3}.ie-btn-outline:hover{background:#2196f31a}.ie-btn-text{background:transparent;color:#666;border:none;padding:4px 8px}.ie-btn-text:hover{color:#2196f3;background:#2196f31a}.ie-btn:disabled{opacity:.6;cursor:not-allowed}.ie-btn-loading{opacity:.8;cursor:wait}.ie-btn-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:ie-spin 1s linear infinite}@keyframes ie-spin{to{transform:rotate(360deg)}}.ie-search-section{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid #e0e0e0}.ie-search-header{margin-bottom:20px}.ie-search-title{font-size:16px;font-weight:600;color:#1a237e;margin:0;display:flex;align-items:center;gap:8px}.ie-search-icon{font-size:20px!important;color:#2196f3}.ie-search-controls{background:#fff;border-radius:8px;padding:20px}.ie-search-input-group{display:grid;grid-template-columns:200px 1fr auto;gap:16px;align-items:end}.ie-search-type,.ie-search-field{display:flex;flex-direction:column;gap:8px}.ie-search-type label,.ie-search-field label{font-size:12px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.ie-search-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;height:36px;transition:border-color .2s}.ie-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.ie-search-actions{display:flex;gap:8px;align-self:flex-end}.ie-search-select{font-size:13px}.ie-search-select .ie-select__control{border:1px solid #ddd;border-radius:6px;min-height:36px;font-size:13px}.ie-search-select .ie-select__control--is-focused{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.ie-search-select .ie-select__menu{font-size:13px}.ie-table-section{margin-top:24px}.ie-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ie-table-title-section{flex:1}.ie-table-title{font-size:18px;font-weight:600;color:#1a237e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.ie-table-icon{font-size:22px!important;color:#2196f3}.ie-table-subtitle{font-size:12px;color:#666}.ie-results-info{display:flex;align-items:center;gap:12px}.ie-results-count{font-size:12px;color:#666;background:#f8f9fa;padding:4px 12px;border-radius:12px}.ie-table-container{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.ie-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1000px}.ie-table-head{background:linear-gradient(135deg,#2196f3,#0d47a1)}.ie-th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:none}.ie-table-body{background:#fff}.ie-table-row{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ie-table-row:hover{background-color:#f8f9fa}.ie-td{padding:12px 16px;font-size:13px;color:#333;vertical-align:middle;border-bottom:1px solid #f0f0f0}.ie-td:first-child{border-left:1px solid transparent}.ie-td:last-child{border-right:1px solid transparent}.ie-emp-no{display:flex;align-items:center;gap:8px}.ie-emp-badge{background:#e3f2fd;color:#1565c0;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.ie-employee-info{display:flex;flex-direction:column}.ie-employee-name{font-weight:500;color:#1a237e}.ie-department-badge{background:#f3e5f5;color:#7b1fa2;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.ie-status-cell{display:flex;align-items:center;gap:8px}.ie-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;display:inline-block}.ie-status-resign{background:#e8f5e9;color:#2e7d32}.ie-status-retired{background:#fff3e0;color:#ef6c00}.ie-status-inactive{background:#e0f7fa;color:#006064}.ie-status-suspended{background:#fff3e0;color:#f57c00}.ie-status-blacklist{background:#ffebee;color:#c62828}.ie-status-validity-expired{background:#f3e5f5;color:#7b1fa2}.ie-status-vrs{background:#e8f5e9;color:#388e3c}.ie-status-unknown{background:#f5f5f5;color:#616161}.ie-status-resigned{background:#e8f5e9;color:#2e7d32}.ie-status-terminated{background:#ffebee;color:#c62828}.ie-status-maternity-leave{background:#fff3e0;color:#ef6c00}.ie-status-sabbatical{background:#f3e5f5;color:#7b1fa2}.ie-status-long-leave{background:#e0f7fa;color:#006064}.ie-date-cell{display:flex;align-items:center;gap:8px}.ie-permanent{color:#c62828;font-weight:500;font-size:11px}.ie-remarks{max-width:200px;word-wrap:break-word}.ie-state-message{text-align:center;padding:60px 20px!important}.ie-loading-state,.ie-error-content,.ie-empty-content,.ie-warning-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:400px;margin:0 auto}.ie-spinner-large{width:50px;height:50px;border:3px solid rgba(33,150,243,.1);border-radius:50%;border-top-color:#2196f3;animation:ie-spin 1s linear infinite}.ie-loading-content h3,.ie-error-details h3,.ie-empty-details h3,.ie-warning-details h3{font-size:18px;font-weight:600;color:#1a237e;margin:0 0 8px}.ie-loading-content p,.ie-error-details p,.ie-empty-details p,.ie-warning-details p{font-size:13px;color:#666;margin:0 0 20px}.ie-error-icon,.ie-empty-icon,.ie-warning-icon{font-size:48px!important;color:#666}.ie-error-icon{color:#f44336}.ie-empty-icon{color:#2196f3}.ie-warning-icon{color:#ff9800}.ie-error-actions,.ie-empty-actions,.ie-warning-actions{display:flex;gap:12px;justify-content:center}.ie-alert{padding:16px 20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.ie-alert-error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.ie-alert-success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.ie-alert-warning{background:#fff3e0;border:1px solid #ffe0b2;color:#ef6c00}.ie-alert-info{background:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.ie-alert-content{display:flex;align-items:center;gap:12px;flex:1}.ie-alert-icon{font-size:20px!important;flex-shrink:0}.ie-alert-text{flex:1}.ie-alert-actions{display:flex;gap:8px}.ie-empty-state,.ie-warning-state{background:#fafafa}.ie-empty-content,.ie-warning-content{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.ie-empty-icon,.ie-warning-icon{font-size:64px!important;opacity:.3}.ie-empty-details,.ie-warning-details{max-width:400px}.ie-empty-details h3,.ie-warning-details h3{font-size:18px;font-weight:600;color:#555;margin-bottom:8px}.ie-empty-details p,.ie-warning-details p{font-size:14px;color:#777;margin-bottom:20px;line-height:1.5}.ie-empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.ie-tooltip{position:relative;display:inline-block}.ie-tooltip .ie-tooltip-text{visibility:hidden;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:6px 10px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;opacity:0;transition:opacity .3s}.ie-tooltip .ie-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.ie-tooltip:hover .ie-tooltip-text{visibility:visible;opacity:1}@media (max-width: 768px){.ie-container{padding:12px}.ie-header-main{flex-direction:column;gap:16px}.ie-header-actions{width:100%;justify-content:flex-end}.ie-stats-cards{grid-template-columns:repeat(2,1fr)}.ie-bulk-grid{grid-template-columns:1fr}.ie-bulk-item{flex-direction:column;align-items:stretch;gap:12px}.ie-bulk-item-buttons{justify-content:flex-start}.ie-search-input-group{grid-template-columns:1fr}.ie-search-actions{justify-content:flex-start}.ie-table-header{flex-direction:column;align-items:stretch;gap:16px}.ie-table-actions{justify-content:flex-start}.ie-btn{width:100%}.ie-error-actions,.ie-empty-actions,.ie-warning-actions{flex-direction:column}.ie-alert{flex-direction:column;gap:16px;text-align:center}.ie-alert-actions{justify-content:center}}@media (max-width: 480px){.ie-stats-cards{grid-template-columns:1fr}.ie-stat-card{flex-direction:column;text-align:center;gap:12px}.ie-stat-icon{width:60px;height:60px}.ie-table-title{font-size:16px}.ie-table-subtitle{font-size:11px}}@media print{.ie-container{background:#fff;padding:0}.ie-header,.ie-content{box-shadow:none;border:1px solid #ddd}.ie-bulk-operations,.ie-search-section,.ie-btn{display:none!important}.ie-table-container{border:none}.ie-table{min-width:auto}.ie-th{background:#f8f9fa!important;color:#333!important;-webkit-print-color-adjust:exact}.ie-table-row{break-inside:avoid}}:root{--ma-blue-50: #e3f2fd;--ma-blue-100: #bbdefb;--ma-blue-200: #90caf9;--ma-blue-300: #64b5f6;--ma-blue-400: #42a5f5;--ma-blue-500: #2196f3;--ma-blue-600: #1e88e5;--ma-blue-700: #1565c0;--ma-blue-900: #0d47a1;--ma-green-400:#66bb6a;--ma-green-500:#43a047;--ma-green-600:#388e3c;--ma-green-900:#1b5e20;--ma-orange-500:#fb8c00;--ma-red-500:#e53935;--ma-red-600:#c62828;--ma-gradient: linear-gradient(135deg,#2196F3 0%,#0d47a1 100%);--ma-gradient-green: linear-gradient(135deg,#43a047 0%,#1b5e20 100%);--ma-gradient-soft: linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);--ma-white: #ffffff;--ma-surface: #f8faff;--ma-border: #e1ecf7;--ma-border-strong: #b8d4ef;--ma-text-primary: #0d1b2a;--ma-text-secondary: #4a6080;--ma-text-muted: #8aa3bc;--ma-r-sm:8px;--ma-r:14px;--ma-r-lg:20px;--ma-shadow-card: 0 2px 16px rgba(13,71,161,.08),0 1px 4px rgba(13,71,161,.04);--ma-shadow-hover: 0 8px 32px rgba(33,150,243,.15),0 2px 8px rgba(13,71,161,.08);--ma-shadow-hdr: 0 4px 20px rgba(13,71,161,.28);--ma-font: "DM Sans",system-ui,sans-serif;--ma-mono: "DM Mono",monospace;--ma-t: .22s cubic-bezier(.4,0,.2,1)}.ma-root{font-family:var(--ma-font);background:var(--ma-surface);min-height:100vh;padding-bottom:3rem;color:var(--ma-text-primary)}.ma-fullstate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;text-align:center;padding:2rem}.ma-fullstate-icon{font-size:3.5rem!important;color:var(--ma-red-500);opacity:.7}.ma-fullstate-title{font-size:1.1rem;font-weight:600;margin:0}.ma-fullstate-sub{font-size:.88rem;color:var(--ma-text-muted);margin:0}.ma-fullstate--error .ma-fullstate-title{color:var(--ma-red-600)}.ma-pulse-loader{display:flex;gap:.5rem;margin-bottom:.5rem}.ma-pulse-loader div{width:12px;height:12px;border-radius:50%;background:var(--ma-blue-400);animation:ma-pulse 1.2s ease-in-out infinite}.ma-pulse-loader div:nth-child(2){animation-delay:.2s;background:var(--ma-blue-500)}.ma-pulse-loader div:nth-child(3){animation-delay:.4s;background:var(--ma-blue-700)}@keyframes ma-pulse{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1.1);opacity:1}}.ma-retry-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.4rem;background:var(--ma-gradient);color:#fff;border:none;border-radius:100px;font-family:var(--ma-font);font-size:.875rem;font-weight:600;cursor:pointer;margin-top:.5rem;box-shadow:0 4px 14px #2196f359;transition:opacity var(--ma-t),transform var(--ma-t)}.ma-retry-btn:hover{opacity:.9;transform:translateY(-1px)}.ma-header{background:var(--ma-gradient);padding:1rem 1.5rem 0;position:relative;overflow:hidden;box-shadow:var(--ma-shadow-hdr)}.ma-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:1;flex-wrap:wrap}.ma-header-identity{display:flex;align-items:center;gap:.75rem}.ma-header-icon-wrap{width:40px;height:40px;background:#ffffff2e;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.25);flex-shrink:0;font-size:1.2rem}.ma-header-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .1rem;letter-spacing:-.2px}.ma-header-sub{font-size:.76rem;color:#ffffffb3;margin:0;display:flex;align-items:center;gap:.25rem}.ma-header-sub svg{font-size:.85em!important}.ma-header-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.ma-live-clock{display:flex;align-items:center;gap:.35rem;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:.3rem .75rem;color:#fff;font-size:.78rem;font-family:var(--ma-mono);white-space:nowrap}.ma-live-clock svg{font-size:.9em!important}.ma-status-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.28em .75em;border-radius:100px;font-size:.74rem;font-weight:600}.ma-status-pill svg{font-size:.85em!important}.ma-status-pill--pending{background:#fff8e1e6;color:#f57f17}.ma-status-pill--working{background:#e8f5e9e6;color:var(--ma-green-600)}.ma-status-pill--done{background:#e3f2fde6;color:var(--ma-blue-700)}.ma-summary-strip{display:flex;align-items:stretch;margin-top:1rem;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--ma-r) var(--ma-r) 0 0;border:1px solid rgba(255,255,255,.18);border-bottom:none;overflow:hidden;position:relative;z-index:1}.ma-summary-tile{flex:1;padding:.65rem .75rem;text-align:center}.ma-summary-label{font-size:.65rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.2rem}.ma-summary-label svg{font-size:.85em!important}.ma-summary-val{font-size:1rem;font-weight:700;color:#ffffff8c;font-family:var(--ma-mono);display:flex;align-items:center;justify-content:center;gap:.25rem}.ma-summary-val--set{color:#fff}.ma-summary-val--set svg{font-size:.75em!important;color:var(--ma-green-400)}.ma-summary-val--hours{color:#fffc}.ma-summary-val--geo{color:#fffc;font-size:.9rem}.ma-summary-sep{width:1px;background:#ffffff21;margin:.4rem 0}.ma-header-deco{position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:#ffffff0d;pointer-events:none}.ma-body{max-width:960px;margin:0 auto;padding:1.25rem 1.25rem 0}.ma-form{display:flex;flex-direction:column;gap:1rem}.ma-top-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media (max-width:720px){.ma-top-row{grid-template-columns:1fr}}.ma-card{background:var(--ma-white);border-radius:var(--ma-r);border:1.5px solid var(--ma-border);padding:1.1rem;box-shadow:var(--ma-shadow-card);transition:border-color var(--ma-t),box-shadow var(--ma-t)}.ma-card:hover{box-shadow:var(--ma-shadow-hover);border-color:var(--ma-border-strong)}.ma-card-header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.9rem}.ma-card-titles{display:flex;flex-direction:column;gap:.1rem}.ma-card-title{font-size:.9rem;font-weight:700;color:var(--ma-text-primary);letter-spacing:-.1px;line-height:1.2}.ma-card-hint{font-size:.73rem;color:var(--ma-text-muted)}.ma-optional{font-size:.75em;font-weight:400;color:var(--ma-text-muted)}.ma-step-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700;flex-shrink:0;background:var(--ma-border);color:var(--ma-text-muted);font-family:var(--ma-mono);transition:all var(--ma-t)}.ma-step-badge--active{background:var(--ma-gradient);color:#fff;box-shadow:0 2px 8px #2196f34d}.ma-step-badge--done{background:var(--ma-gradient-green);color:#fff;box-shadow:0 2px 8px #43a04740}.ma-location-loading{display:flex;align-items:center;gap:.85rem;padding:.85rem;background:var(--ma-blue-50);border-radius:var(--ma-r-sm);border:1px solid var(--ma-blue-100);margin-bottom:.75rem}.ma-location-pulse{width:36px;height:36px;border-radius:50%;background:var(--ma-gradient);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;animation:ma-loc-pulse 1.5s ease-in-out infinite}@keyframes ma-loc-pulse{0%,to{box-shadow:0 0 #2196f366}50%{box-shadow:0 0 0 8px #2196f300}}.ma-location-loading-title{font-size:.85rem;font-weight:600;color:var(--ma-blue-700);margin:0 0 .1rem}.ma-location-loading-sub{font-size:.75rem;color:var(--ma-text-muted);margin:0}.ma-location-card{background:var(--ma-blue-50);border:1px solid var(--ma-blue-100);border-radius:var(--ma-r-sm);overflow:hidden;margin-bottom:.75rem}.ma-location-card-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:var(--ma-gradient-soft);border-bottom:1px solid var(--ma-blue-100);font-size:.82rem;font-weight:700;color:var(--ma-blue-700)}.ma-location-card-header svg:first-child{color:var(--ma-blue-500)}.ma-location-check{margin-left:auto;color:var(--ma-green-500)!important}.ma-location-details{padding:.6rem .85rem;display:flex;flex-direction:column;gap:.4rem}.ma-loc-row{display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem}.ma-lbl{font-weight:600;color:var(--ma-text-muted);flex-shrink:0;min-width:60px;font-size:.72rem;text-transform:uppercase;letter-spacing:.3px}.ma-val{color:var(--ma-text-secondary);line-height:1.35}.ma-val--mono{font-family:var(--ma-mono);font-size:.78rem;color:var(--ma-blue-700)}.ma-loc-row--addr .ma-val{font-size:.76rem}.ma-accuracy-badge{display:inline-block;padding:.18em .55em;border-radius:100px;font-size:.72rem;font-weight:700;font-family:var(--ma-mono)}.ma-accuracy-badge.good{background:#e8f5e9;color:var(--ma-green-600)}.ma-accuracy-badge.ok{background:#fff8e1;color:#f57f17}.ma-accuracy-badge.poor{background:#ffebee;color:var(--ma-red-600)}.ma-location-empty{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem;background:var(--ma-surface);border:1px dashed var(--ma-border-strong);border-radius:var(--ma-r-sm);text-align:center;margin-bottom:.75rem}.ma-location-empty svg{font-size:1.8rem!important;color:var(--ma-text-muted);opacity:.35}.ma-location-empty p{font-size:.85rem;font-weight:600;color:var(--ma-text-secondary);margin:0}.ma-location-empty span{font-size:.75rem;color:var(--ma-text-muted)}.ma-refresh-loc-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--ma-r-sm);border:1.5px solid var(--ma-blue-400);background:var(--ma-blue-50);color:var(--ma-blue-600);font-family:var(--ma-font);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--ma-t);width:fit-content}.ma-refresh-loc-btn:hover:not(:disabled){background:var(--ma-gradient);border-color:transparent;color:#fff;box-shadow:0 2px 10px #2196f34d}.ma-refresh-loc-btn:disabled{opacity:.5;cursor:not-allowed}.ma-type-col{display:flex;flex-direction:column;gap:.6rem}.ma-type-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem;border-radius:var(--ma-r-sm);border:1.5px solid var(--ma-border-strong);background:var(--ma-surface);cursor:pointer;transition:all var(--ma-t);font-family:var(--ma-font);width:100%;text-align:left}.ma-type-btn:hover:not(:disabled){border-color:var(--ma-blue-400);background:var(--ma-blue-50)}.ma-type-btn--active{border-color:var(--ma-blue-500);background:var(--ma-gradient-soft);box-shadow:0 3px 12px #2196f321}.ma-type-btn--marked{opacity:.55;cursor:not-allowed}.ma-type-btn-icon{width:38px;height:38px;border-radius:10px;background:var(--ma-border);display:flex;align-items:center;justify-content:center;color:var(--ma-text-muted);flex-shrink:0;transition:all var(--ma-t)}.ma-type-btn--active .ma-type-btn-icon{background:var(--ma-gradient);color:#fff;box-shadow:0 2px 8px #2196f34d}.ma-type-btn-body{flex:1}.ma-type-btn-label{display:block;font-size:.88rem;font-weight:700;color:var(--ma-text-primary)}.ma-type-btn-sub{display:block;font-size:.74rem;color:var(--ma-text-muted)}.ma-type-btn--active .ma-type-btn-label{color:var(--ma-blue-700)}.ma-type-pill{display:inline-flex;align-items:center;gap:.2rem;padding:.18em .55em;border-radius:100px;font-size:.68rem;font-weight:700;flex-shrink:0}.ma-type-pill svg{font-size:.8em!important}.ma-type-pill--sel{background:var(--ma-blue-50);color:var(--ma-blue-600);border:1px solid var(--ma-blue-100)}.ma-type-pill--done{background:var(--ma-green-500);color:#fff}.ma-selfie-area{display:flex;justify-content:center}.ma-camera-trigger{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%;padding:1.75rem 1rem;border:2px dashed var(--ma-border-strong);border-radius:var(--ma-r-sm);background:var(--ma-surface);cursor:pointer;transition:all var(--ma-t);font-family:var(--ma-font)}.ma-camera-trigger:hover{border-color:var(--ma-blue-400);background:var(--ma-blue-50)}.ma-camera-trigger:hover .ma-camera-trigger-ring{transform:scale(1.05);box-shadow:0 5px 18px #2196f347}.ma-camera-trigger-ring{width:64px;height:64px;border-radius:50%;background:var(--ma-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;box-shadow:0 3px 12px #2196f347;transition:all var(--ma-t)}.ma-camera-trigger-label{font-size:.88rem;font-weight:600;color:var(--ma-text-secondary)}.ma-camera-trigger-sub{font-size:.76rem;color:var(--ma-text-muted)}.ma-selfie-preview{position:relative;width:160px;border-radius:var(--ma-r-sm);overflow:hidden;box-shadow:0 5px 18px #0d47a124;border:3px solid var(--ma-blue-200)}.ma-selfie-preview img{width:100%;height:auto;display:block}.ma-selfie-overlay-badge{position:absolute;top:7px;left:7px;display:flex;align-items:center;gap:.25rem;background:#1d7d27d9;color:#fff;padding:.2em .55em;border-radius:100px;font-size:.68rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ma-retake-btn{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.45rem;background:#0d47a1d9;color:#fff;border:none;font-family:var(--ma-font);font-size:.76rem;font-weight:600;cursor:pointer;transition:background var(--ma-t);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ma-retake-btn:hover{background:#0d47a1fa}.ma-selfie-processing{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1.75rem;color:var(--ma-text-secondary);font-size:.83rem}.ma-remarks-wrap{display:flex;flex-direction:column;gap:.35rem}.ma-remarks-field{display:flex;align-items:flex-start;gap:.55rem;border:1.5px solid var(--ma-border-strong);border-radius:var(--ma-r-sm);padding:.6rem .8rem;background:#fff;transition:border-color var(--ma-t),box-shadow var(--ma-t)}.ma-remarks-field:focus-within{border-color:var(--ma-blue-500);box-shadow:0 0 0 3px #2196f31a}.ma-remarks-ico{color:var(--ma-blue-300);margin-top:2px;flex-shrink:0}.ma-remarks-ta{flex:1;border:none;outline:none;font-family:var(--ma-font);font-size:.875rem;color:var(--ma-text-primary);resize:vertical;min-height:64px;line-height:1.5;background:transparent}.ma-remarks-ta::placeholder{color:var(--ma-text-muted)}.ma-remarks-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.ma-remarks-counter{font-size:.72rem;color:var(--ma-text-muted);font-family:var(--ma-mono)}.ma-remarks-tip{font-size:.74rem;color:var(--ma-text-muted);display:flex;align-items:center;gap:.25rem}.ma-remarks-tip svg{font-size:.85em!important}.ma-instructions{background:#fffde7;border:1px solid #ffe082;border-radius:var(--ma-r-sm);padding:.85rem 1rem}.ma-instructions-title{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;color:#f57f17;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.4px}.ma-instructions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.ma-instructions-list li{font-size:.78rem;color:#6d4c00;padding-left:1.1rem;position:relative;line-height:1.4}.ma-instructions-list li:before{content:"→";position:absolute;left:0;color:var(--ma-orange-500);font-weight:700}.ma-error-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;background:#ffebee;border:1.5px solid #ef9a9a;border-radius:var(--ma-r-sm);animation:ma-banner-in .25s ease both}@keyframes ma-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ma-error-banner-icon{color:var(--ma-red-500);flex-shrink:0;font-size:1.3rem!important;margin-top:1px}.ma-error-banner-body{flex:1;min-width:0}.ma-error-banner-title{font-size:.8rem;font-weight:700;color:var(--ma-red-600);margin:0 0 .2rem;text-transform:uppercase;letter-spacing:.3px}.ma-error-banner-msg{font-size:.875rem;font-weight:500;color:var(--ma-red-600);margin:0;line-height:1.4}.ma-error-banner-close{background:none;border:none;color:var(--ma-red-500);cursor:pointer;padding:2px;display:flex;align-items:center;flex-shrink:0;opacity:.7;transition:opacity var(--ma-t)}.ma-error-banner-close:hover{opacity:1}.ma-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.5rem;border:none;border-radius:var(--ma-r-sm);font-family:var(--ma-font);font-size:.93rem;font-weight:700;cursor:pointer;transition:opacity var(--ma-t),transform var(--ma-t),box-shadow var(--ma-t);letter-spacing:.1px}.ma-submit--in{background:var(--ma-gradient);color:#fff;box-shadow:0 4px 16px #2196f361}.ma-submit--out{background:var(--ma-gradient-green);color:#fff;box-shadow:0 4px 16px #43a04761}.ma-submit:hover:not(:disabled){opacity:.91;transform:translateY(-1px)}.ma-submit:active:not(:disabled){transform:translateY(0)}.ma-submit:disabled{opacity:.44;cursor:not-allowed;box-shadow:none}.ma-cam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a14d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:ma-overlay-in .22s ease both}@keyframes ma-overlay-in{0%{opacity:0}to{opacity:1}}.ma-cam-modal{width:100%;max-width:480px;background:#0d1520;border-radius:var(--ma-r-lg) var(--ma-r-lg) 0 0;overflow:hidden;animation:ma-modal-up .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes ma-modal-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ma-cam-header{display:flex;align-items:center;gap:.55rem;padding:.85rem 1.1rem;background:#ffffff0d;color:#ffffffd9;font-size:.9rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}.ma-cam-header svg:first-child{color:var(--ma-blue-300)}.ma-cam-close{margin-left:auto;background:#ffffff1a;border:none;color:#ffffffb3;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ma-t)}.ma-cam-close:hover{background:#fff3;color:#fff}.ma-cam-viewport{position:relative;background:#000;overflow:hidden}.ma-cam-video{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;transform:scaleX(-1)}.ma-cam-viewfinder{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ma-vf-corner{position:absolute;width:28px;height:28px;border-color:#ffffffb3;border-style:solid}.ma-vf-tl{top:16px;left:16px;border-width:3px 0 0 3px;border-radius:3px 0 0}.ma-vf-tr{top:16px;right:16px;border-width:3px 3px 0 0;border-radius:0 3px 0 0}.ma-vf-bl{bottom:16px;left:16px;border-width:0 0 3px 3px;border-radius:0 0 0 3px}.ma-vf-br{bottom:16px;right:16px;border-width:0 3px 3px 0;border-radius:0 0 3px}.ma-cam-scan-line{position:absolute;left:12px;right:12px;height:2px;background:linear-gradient(90deg,transparent,rgba(33,150,243,.8),transparent);animation:ma-scan 2.5s ease-in-out infinite;top:16px}@keyframes ma-scan{0%{top:16px;opacity:1}90%{opacity:1}to{top:calc(100% - 16px);opacity:0}}.ma-cam-footer{padding:.85rem 1.1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.65rem;background:#0d1520}.ma-cam-hint{font-size:.76rem;color:#fff6;margin:0;text-align:center}.ma-capture-btn{background:none;border:none;cursor:pointer;padding:0;transition:transform var(--ma-t)}.ma-capture-btn:hover{transform:scale(1.05)}.ma-capture-btn:active{transform:scale(.96)}.ma-capture-ring{width:62px;height:62px;border-radius:50%;border:3px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;padding:5px}.ma-capture-dot{width:100%;height:100%;border-radius:50%;background:#fff;transition:background var(--ma-t)}.ma-capture-btn:active .ma-capture-dot{background:var(--ma-blue-300)}.ma-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a14b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:ma-overlay-in .2s ease both}.ma-confirm-box{background:var(--ma-white);border-radius:var(--ma-r-lg);padding:1.75rem;max-width:320px;width:100%;text-align:center;box-shadow:0 20px 60px #00000038;animation:ma-modal-up .22s cubic-bezier(.34,1.56,.64,1) both}.ma-confirm-icon{font-size:2.4rem!important;color:var(--ma-orange-500);margin-bottom:.65rem}.ma-confirm-box p{font-size:.875rem;color:var(--ma-text-secondary);line-height:1.5;margin:0 0 1.1rem}.ma-confirm-actions{display:flex;gap:.65rem}.ma-confirm-cancel,.ma-confirm-ok{flex:1;padding:.6rem;border-radius:var(--ma-r-sm);font-family:var(--ma-font);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--ma-t);border:none}.ma-confirm-cancel{background:var(--ma-surface);color:var(--ma-text-secondary);border:1.5px solid var(--ma-border-strong)}.ma-confirm-cancel:hover{background:var(--ma-border)}.ma-confirm-ok{background:var(--ma-gradient);color:#fff;box-shadow:0 2px 10px #2196f347}.ma-confirm-ok:hover{opacity:.9}.ma-toast-wrap{position:fixed;bottom:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999;pointer-events:none}.ma-toast{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-radius:12px;font-size:.845rem;font-weight:500;font-family:var(--ma-font);min-width:260px;max-width:380px;box-shadow:0 8px 28px #00000029;pointer-events:all;animation:ma-toast-in .26s cubic-bezier(.34,1.56,.64,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:1.35}@keyframes ma-toast-in{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.ma-toast--success{background:#1b5e20ee;color:#fff}.ma-toast--error{background:#b71c1cee;color:#fff}.ma-toast--warning{background:#e65100ee;color:#fff}.ma-toast--info{background:#0d47a1ee;color:#fff}.ma-toast span:nth-child(2){flex:1}.ma-toast button{background:none;border:none;cursor:pointer;color:#ffffffa6;display:flex;align-items:center;padding:2px;transition:color var(--ma-t);flex-shrink:0}.ma-toast button:hover{color:#fff}.ma-spinner{width:22px;height:22px;border:3px solid var(--ma-blue-100);border-top-color:var(--ma-blue-500);border-radius:50%;animation:ma-spin .65s linear infinite;display:inline-block;flex-shrink:0}.ma-spinner--sm{width:15px;height:15px;border-width:2px}.ma-spinner--white{border-color:#ffffff40;border-top-color:#fff}@keyframes ma-spin{to{transform:rotate(360deg)}}.ma-spin{animation:ma-spin .65s linear infinite}@media (max-width:600px){.ma-header{padding:.85rem 1rem 0}.ma-header-title{font-size:1.1rem}.ma-live-clock{display:none}.ma-body{padding:.85rem .85rem 0}.ma-toast-wrap{right:.75rem;bottom:.75rem;left:.75rem}.ma-toast{min-width:unset;max-width:100%}.ma-summary-tile{padding:.5rem}.ma-summary-val{font-size:.88rem}}@media (min-width:601px){.ma-cam-overlay{align-items:center}.ma-cam-modal{border-radius:var(--ma-r-lg);max-height:90vh}}:root{--primary-blue: #2196F3;--primary-blue-dark: #0d47a1;--primary-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--add-button: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--export-button: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);--edit-button: linear-gradient(90deg, rgba(29,169,156,1) 0%, rgba(74,187,131,1) 50%, rgba(125,207,97,1) 100%);--delete-button: linear-gradient(90deg, rgba(255,113,28,1) 0%, rgba(247,66,49,1) 50%, rgba(253,42,109,1) 100%);--activate-button: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);--deactivate-button: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);--background-light: #f5f7fa;--background-white: #ffffff;--background-grey: #fafafa;--background-hover: #e3f2fd;--text-primary: #212121;--text-secondary: #757575;--text-light: #9e9e9e;--border-color: #e0e0e0;--border-light: #f5f5f5;--shadow-sm: 0 1px 2px rgba(0,0,0,.1);--shadow-md: 0 2px 4px rgba(0,0,0,.08);--shadow-lg: 0 4px 6px rgba(0,0,0,.1);--space-xs: 2px;--space-sm: 4px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px}.egf-container{min-height:100vh;background:var(--background-light);padding:var(--space-md);font-family:Segoe UI,Roboto,-apple-system,sans-serif;font-size:11px}.egf-report-container{background:var(--background-white);border-radius:6px;box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--border-color)}.egf-header-section{background:var(--primary-gradient);padding:var(--space-lg) var(--space-xl);color:#fff}.egf-header-main{display:flex;justify-content:space-between;align-items:center}.egf-header-left{display:flex;align-items:center;gap:var(--space-md)}.egf-header-icon-wrapper{width:40px;height:40px;background:#fff3;border-radius:6px;display:flex;align-items:center;justify-content:center}.egf-header-main-icon{font-size:20px!important;color:#fff}.egf-header-title{font-size:18px;font-weight:600;margin:0 0 2px}.egf-header-subtitle{font-size:11px;opacity:.9;margin:0}.egf-header-actions{display:flex;gap:var(--space-sm)}.egf-header-export-btn,.egf-header-reset-btn{padding:6px 12px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;height:32px;transition:all .2s ease}.egf-header-export-btn{background:#fff;color:var(--primary-blue)}.egf-header-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.egf-header-export-btn:disabled{opacity:.5;cursor:not-allowed}.egf-header-reset-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.egf-header-reset-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.egf-btn-icon{font-size:14px!important}.egf-filter-section{padding:var(--space-lg);background:var(--background-white);border-bottom:1px solid var(--border-color)}.egf-filter-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.egf-filter-header-icon{color:var(--primary-blue);font-size:18px!important}.egf-filter-header-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.egf-active-filters{display:flex;gap:4px;flex-wrap:wrap;margin-left:var(--space-md)}.egf-active-filter-tag{background:var(--background-hover);border:1px solid var(--border-color);border-radius:12px;padding:2px 8px;font-size:10px;color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px}.egf-active-filter-tag button{background:none;border:none;color:var(--text-light);cursor:pointer;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.egf-active-filter-tag button:hover{color:var(--text-primary)}.egf-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.egf-filter-item{display:flex;flex-direction:column;gap:4px}.egf-filter-label{font-size:11px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.egf-filter-icon{font-size:14px!important;color:var(--primary-blue)}.egf-filter-select{font-size:11px}.egf-filter-select .egf-select__control{border:1px solid var(--border-color);border-radius:4px;min-height:32px;box-shadow:none;font-size:11px}.egf-filter-select .egf-select__control:hover{border-color:var(--primary-blue)}.egf-filter-select .egf-select__control--is-focused{border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.egf-filter-select .egf-select__menu{z-index:1000;font-size:11px}.egf-filter-select .egf-select__option{padding:6px 10px;font-size:11px}.egf-filter-select .egf-select__option--is-selected{background-color:var(--background-hover);color:var(--primary-blue)}.egf-select-icon{font-size:16px!important;color:var(--text-light)}.egf-employee-option{display:flex;flex-direction:column}.egf-employee-option-name{font-weight:600;color:var(--text-primary);font-size:11px}.egf-employee-option-details{display:flex;gap:8px;font-size:10px;color:var(--text-secondary)}.egf-filter-summary{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.egf-filter-summary-text{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.egf-filter-summary-icon{font-size:14px!important;color:var(--primary-blue)}.egf-filter-clear-all{background:none;border:1px solid var(--border-color);padding:4px 8px;border-radius:4px;font-size:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:4px}.egf-filter-clear-all:hover{background:var(--background-grey)}.egf-employee-info-card{margin:var(--space-lg);padding:var(--space-lg);background:var(--background-grey);border:1px solid var(--border-color);border-radius:6px;display:flex;align-items:center;gap:var(--space-lg)}.egf-employee-info-card--empty{background:linear-gradient(135deg,#fafcff,#f5f8ff);border:1px dashed var(--border-color);min-height:100px}.egf-employee-info-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--space-xl)}.egf-employee-info-empty-icon{font-size:32px!important;color:var(--text-light);margin-bottom:var(--space-sm)}.egf-employee-info-empty h3{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.egf-employee-info-empty p{font-size:11px;color:var(--text-secondary);margin:0}.egf-employee-info-avatar{width:60px;height:60px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;flex-shrink:0}.egf-employee-info-details{flex:1}.egf-employee-info-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.egf-employee-info-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.egf-employee-info-id{background:var(--primary-blue);color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.egf-employee-info-meta{display:flex;flex-wrap:wrap;gap:var(--space-md)}.egf-employee-info-meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.egf-employee-info-meta-item svg{color:var(--primary-blue);font-size:14px!important}.egf-employee-info-stats{display:flex;gap:var(--space-lg);flex-shrink:0}.egf-employee-info-stat{text-align:center;min-width:60px}.egf-employee-info-stat-value{font-size:20px;font-weight:700;color:var(--primary-blue);line-height:1}.egf-employee-info-stat-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;margin-top:2px}.egf-geofences-section{padding:var(--space-lg);border-top:1px solid var(--border-color)}.egf-geofences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.egf-geofences-title{display:flex;align-items:center;gap:var(--space-sm)}.egf-geofences-title-icon{color:var(--primary-blue);font-size:18px!important}.egf-geofences-title h3{font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.egf-geofences-count{background:var(--background-hover);color:var(--primary-blue);padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.egf-geofences-add-btn{background:var(--add-button);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;height:32px;transition:all .2s ease}.egf-geofences-add-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.egf-geofence-form{background:var(--background-grey);border:1px solid var(--border-color);border-radius:6px;margin-bottom:var(--space-lg)}.egf-geofence-form-header{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--border-color)}.egf-geofence-form-header h4{font-size:12px;font-weight:600;color:var(--text-primary);margin:0}.egf-geofence-form-body{padding:var(--space-lg)}.egf-geofence-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.egf-geofence-form-group{display:flex;flex-direction:column;gap:4px}.egf-geofence-form-group label{font-size:11px;font-weight:600;color:var(--text-secondary)}.egf-required{color:#f44336}.egf-geofence-form-input{width:100%;padding:6px 10px;border:1px solid var(--border-color);border-radius:4px;font-size:11px;height:32px;box-sizing:border-box}.egf-geofence-form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.egf-geofence-form-input-group{position:relative}.egf-geofence-form-input-group .egf-geofence-form-input{padding-right:35px}.egf-geofence-form-location-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:var(--background-grey);border:1px solid var(--border-color);color:var(--primary-blue);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.egf-geofence-form-location-btn:hover{background:var(--background-hover)}.egf-geofence-form-radius{display:flex;align-items:center;gap:var(--space-md)}.egf-geofence-form-slider{flex:1;height:4px;background:var(--border-color);border-radius:2px;outline:none}.egf-geofence-form-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--primary-blue);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:var(--shadow-sm)}.egf-geofence-form-radius-value{display:flex;align-items:center;gap:4px;width:100px}.egf-geofence-form-radius-input{width:60px;padding:4px 6px;border:1px solid var(--border-color);border-radius:4px;font-size:11px;text-align:center}.egf-geofence-form-checkbox{flex-direction:row;align-items:center;gap:var(--space-md)}.egf-geofence-form-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400!important}.egf-geofence-form-checkbox-label input{display:none}.egf-geofence-form-checkbox-custom{width:16px;height:16px;border:2px solid var(--border-color);border-radius:4px;position:relative;transition:all .2s ease}.egf-geofence-form-checkbox-label input:checked+.egf-geofence-form-checkbox-custom{background:var(--primary-blue);border-color:var(--primary-blue)}.egf-geofence-form-checkbox-label input:checked+.egf-geofence-form-checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px}.egf-geofence-form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.egf-geofence-form-btn{padding:6px 16px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;height:32px;transition:all .2s ease}.egf-geofence-form-btn-add{background:var(--add-button);color:#fff}.egf-geofence-form-btn-save{background:var(--edit-button);color:#fff}.egf-geofence-form-btn-cancel{background:var(--background-grey);color:var(--text-secondary);border:1px solid var(--border-color)}.egf-geofence-form-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.egf-geofences-table-container{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.egf-geofences-empty{padding:var(--space-xl);text-align:center;background:linear-gradient(135deg,#fafcff,#f5f8ff);border:1px dashed var(--border-color);border-radius:6px}.egf-geofences-empty-icon{font-size:32px!important;color:var(--text-light);margin-bottom:var(--space-sm)}.egf-geofences-empty h4{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.egf-geofences-empty p{font-size:11px;color:var(--text-secondary);margin:0 0 var(--space-md) 0}.egf-geofences-empty-btn{background:var(--add-button);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;height:32px}.egf-geofences-table{width:100%;border-collapse:collapse;font-size:11px}.egf-geofences-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:10px 12px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-size:11px;white-space:nowrap}.egf-geofences-table td{padding:10px 12px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.egf-geofences-table tr:hover{background:var(--background-hover)}.egf-geofences-table-index{font-weight:600;color:var(--primary-blue);text-align:center}.egf-geofences-table-name{display:flex;align-items:center;gap:6px;font-weight:500}.egf-geofences-table-name svg{color:var(--primary-blue);font-size:14px!important}.egf-geofences-table-coordinates{font-family:Monaco,Consolas,monospace;font-size:10px;color:var(--text-secondary)}.egf-geofences-table-radius{background:var(--background-hover);color:var(--primary-blue);padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;display:inline-block;min-width:60px;text-align:center}.egf-geofences-table-status{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;display:inline-block;min-width:70px;text-align:center}.egf-geofences-table-status.active{background:#e8f5e9;color:#27ae60}.egf-geofences-table-status.inactive{background:#ffebee;color:#e74c3c}.egf-geofences-table-actions{display:flex;gap:4px}.egf-geofences-table-action{width:28px;height:28px;border-radius:4px;border:none;background:var(--background-grey);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.egf-geofences-table-action:hover{transform:translateY(-1px)}.egf-geofences-table-action.activate{background:#e8f5e9;color:#27ae60}.egf-geofences-table-action.deactivate{background:#fff3e0;color:#ff9800}.egf-geofences-table-action.edit:hover{background:var(--background-hover);color:var(--primary-blue)}.egf-geofences-table-action.delete:hover{background:#ffebee;color:#e74c3c}@media (max-width: 1024px){.egf-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.egf-container{padding:var(--space-sm)}.egf-header-main{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.egf-header-actions{width:100%}.egf-header-export-btn,.egf-header-reset-btn{flex:1}.egf-filter-grid{grid-template-columns:1fr}.egf-employee-info-card{flex-direction:column;text-align:center}.egf-employee-info-meta{justify-content:center}.egf-employee-info-stats{width:100%;justify-content:center}.egf-geofence-form-row{grid-template-columns:1fr}.egf-geofences-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.egf-geofences-add-btn{width:100%;justify-content:center}.egf-geofences-table th,.egf-geofences-table td{padding:8px 10px}}@media (max-width: 480px){.egf-geofences-table{min-width:800px}.egf-geofences-table-container{overflow-x:auto}}.geo-fence-list{display:flex;flex-direction:column;flex:1;min-height:100vh;background-color:#f5f5f5;font-family:Inter,sans-serif}.geo-fence-list__container{height:100%;display:flex;justify-content:center;align-items:flex-start;padding:6px}.geo-fence-list__table-container{width:100%;padding:15px;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:12px;display:flex;flex-direction:column;height:calc(100vh - 60px)}.geo-fence-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px;flex-shrink:0}.geo-fence-list__title{font-size:22px;color:#1a237e;margin:0;font-weight:700}.geo-fence-list__actions{display:flex;gap:8px}.geo-fence-list__header-btn{background:transparent;border:none;border-radius:8px;transition:all .3s ease;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.geo-fence-list__header-btn .MuiSvgIcon-root{color:#666;font-size:20px;transition:all .3s ease}.geo-fence-list__header-btn:hover,.geo-fence-list__header-btn--active{background:linear-gradient(90deg,#1a237e,#283593);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.geo-fence-list__header-btn:hover .MuiSvgIcon-root,.geo-fence-list__header-btn--active .MuiSvgIcon-root{color:#fff!important}.geo-fence-list__table-wrapper{overflow-y:auto;overflow-x:hidden;border-radius:8px;flex-grow:1;max-height:calc(100vh - 200px);scrollbar-width:thin;scrollbar-color:#f0f0f0}.geo-fence-list__table-wrapper::-webkit-scrollbar{width:8px}.geo-fence-list__table-wrapper::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.geo-fence-list__table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#1a237e,#283593);border-radius:4px}.geo-fence-list__table-wrapper::-webkit-scrollbar-thumb:hover{background:#283593}.geo-fence-list__table{width:100%;border-collapse:collapse;table-layout:fixed}.geo-fence-list__table-head{background:linear-gradient(90deg,#1a237e,#283593);position:sticky;top:0;z-index:10}.geo-fence-list__table-header{padding:12px 10px;font-size:13px;font-weight:600;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geo-fence-list__table-body{background-color:#fff}.geo-fence-list__table-row{background-color:#fff;transition:background-color .3s ease,box-shadow .3s ease;border-bottom:1px solid #eee}.geo-fence-list__table-row:last-child{border-bottom:none}.geo-fence-list__table-row:hover{background-color:#f0f4ff;box-shadow:0 4px 10px #0000001a}.geo-fence-list__table-row:nth-child(2n){background-color:#f9f9f9}.geo-fence-list__table-data{padding:12px 10px;font-size:13px;color:#333;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;vertical-align:middle;line-height:1.5}.geo-fence-list__name-cell{display:flex;align-items:flex-start;gap:8px}.geo-fence-list__location-icon{color:#d32f2f;font-size:18px!important;flex-shrink:0;margin-top:2px}.geo-fence-list__text-content{flex:1;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.geo-fence-list__coordinates-content{display:flex;flex-direction:column;gap:4px}.geo-fence-list__coordinate{display:flex;align-items:center;gap:4px}.geo-fence-list__coordinate-label{font-weight:600;font-size:11px;color:#666;min-width:25px}.geo-fence-list__coordinate-value{font-family:Courier New,monospace;font-size:12px;color:#1565c0}.geo-fence-list__radius-content{display:flex;align-items:center;justify-content:center}.geo-fence-list__radius-value{display:inline-block;padding:6px 12px;background-color:#e3f2fd;color:#1565c0;border-radius:6px;font-weight:600;font-size:12px;border:1px solid #bbdefb;text-align:center;min-width:60px}.geo-fence-list__address-content{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4}.geo-fence-list__status{display:inline-block;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;min-width:70px}.geo-fence-list__status--active{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.geo-fence-list__status--inactive{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.geo-fence-list__actions-cell{display:flex;justify-content:center;align-items:center;position:relative;white-space:nowrap;overflow:visible;padding:12px 8px!important;text-align:center}.geo-fence-list__action-buttons{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap;width:100%}.geo-fence-list__action-btn{width:28px;height:28px;padding:6px;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:none;cursor:pointer}.geo-fence-list__action-btn .MuiSvgIcon-root{font-size:18px!important;display:flex;align-items:center;justify-content:center}.geo-fence-list__search-input{width:calc(100% - 16px);padding:8px 10px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:12px;color:#fff;background-color:#ffffff1a;box-shadow:inset 0 1px 3px #0003;transition:all .3s ease}.geo-fence-list__search-input::placeholder{color:#ffffffb3}.geo-fence-list__search-input:focus{border-color:#fff;background-color:#ffffff26;box-shadow:inset 0 1px 3px #0003,0 0 0 2px #fff3;outline:none}.geo-fence-list__loading,.geo-fence-list__error{text-align:center;padding:40px;font-size:16px;color:#666;background-color:#fff;margin:15px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.geo-fence-list__error{color:#d32f2f}.geo-fence-list__no-data{text-align:center;padding:15px;color:#777;font-style:italic;font-size:14px}.geo-fence-list__loading-content{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px}.geo-fence-list__spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #1a237e;border-radius:50%;animation:geo-fence-list-spin 1s linear infinite}@keyframes geo-fence-list-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.geo-fence-list__loading-content span{color:#666;font-size:14px}.geo-fence-list__error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center}.geo-fence-list__error-content .MuiSvgIcon-root{color:#d32f2f;font-size:32px}.geo-fence-list__error-content span{color:#d32f2f;font-size:14px}.geo-fence-list__retry-btn{background-color:#1a237e;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.geo-fence-list__retry-btn:hover{background-color:#283593}.geo-fence-list__assign-btn{background:var(--create-button)!important;color:#fff!important}.geo-fence-list__assign-btn:hover{background:linear-gradient(90deg,#1565c0,#1976d2)!important;transform:scale(1.1);box-shadow:0 4px 8px #1976d24d}.geo-fence-list__update-btn{background:var(--update-button)!important;color:#fff!important}.geo-fence-list__update-btn:hover{background:linear-gradient(90deg,#388e3c,#4caf50)!important;transform:scale(1.1);box-shadow:0 4px 8px #4caf504d}.geo-fence-list__delete-btn{background:var(--delete--button)!important;color:#fff!important}.geo-fence-list__delete-btn:hover{background:linear-gradient(90deg,#c62828,#d32f2f)!important;transform:scale(1.1);box-shadow:0 4px 8px #d32f2f4d}.geo-fence-list__name-column{width:18%;min-width:180px}.geo-fence-list__coordinates-column{width:14%;min-width:140px}.geo-fence-list__radius-column{width:8%;min-width:80px}.geo-fence-list__address-column{width:25%;min-width:200px}.geo-fence-list__status-column{width:10%;min-width:100px}.geo-fence-list__actions-column{width:15%;min-width:150px;text-align:center}.geo-fence-list__dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1500;animation:geo-fence-list-fade-in .2s ease}.geo-fence-list__dialog{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;width:90%;max-width:400px;animation:geo-fence-list-dialog-slide .3s ease;overflow:hidden}.geo-fence-list__dialog-header{background:linear-gradient(135deg,#f56565,#ed64a6);padding:20px;text-align:center}.geo-fence-list__dialog-title{font-size:18px;color:#fff;margin:0;font-weight:600}.geo-fence-list__dialog-content{padding:24px;text-align:center;font-size:14px;color:#333;line-height:1.5}.geo-fence-list__dialog-actions{display:flex;gap:12px;padding:16px 24px;justify-content:center;background:#f8fafc}.geo-fence-list__dialog-btn{padding:10px 24px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.geo-fence-list__dialog-btn--cancel{background:#e2e8f0;color:#4a5568}.geo-fence-list__dialog-btn--cancel:hover{background:#cbd5e0}.geo-fence-list__dialog-btn--delete{background:linear-gradient(135deg,#f56565,#ed64a6);color:#fff;box-shadow:0 4px 12px #f565654d}.geo-fence-list__dialog-btn--delete:hover{background:linear-gradient(135deg,#e53e3e,#d53f8c);transform:translateY(-2px);box-shadow:0 6px 20px #f5656566}.geo-fence-list__notification{position:fixed;bottom:24px;right:24px;min-width:300px;max-width:500px;border-radius:8px;box-shadow:0 8px 24px #0003;z-index:1600;animation:geo-fence-list-notification-slide .3s ease}.geo-fence-list__notification--success{background:linear-gradient(135deg,#48bb78,#38a169)}.geo-fence-list__notification--error{background:linear-gradient(135deg,#f56565,#e53e3e)}.geo-fence-list__notification-content{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#fff}.geo-fence-list__notification-message{flex:1;font-size:14px;font-weight:500;line-height:1.4}.geo-fence-list__notification-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:16px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.geo-fence-list__notification-close:hover{opacity:1}@keyframes geo-fence-list-fade-in{0%{opacity:0}to{opacity:1}}@keyframes geo-fence-list-dialog-slide{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes geo-fence-list-notification-slide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.geo-fence-list__table-container{margin:10px;padding:10px}.geo-fence-list__title{font-size:20px}.geo-fence-list__table-data{padding:10px 8px;font-size:12px}.geo-fence-list__name-column{width:20%}.geo-fence-list__coordinates-column{width:16%}.geo-fence-list__radius-column{width:8%}.geo-fence-list__address-column{width:22%}.geo-fence-list__status-column{width:10%}.geo-fence-list__actions-column{width:14%}}@media (max-width: 992px){.geo-fence-list__container{padding:4px}.geo-fence-list__table-container{padding:8px;margin:4px;height:calc(100vh - 50px)}.geo-fence-list__title{font-size:18px}.geo-fence-list__actions{gap:6px}.geo-fence-list__table-data{padding:8px 6px;font-size:11px}.geo-fence-list__coordinate-value{font-size:11px}.geo-fence-list__radius-value{padding:4px 8px;font-size:11px;min-width:50px}.geo-fence-list__status{padding:4px 8px;font-size:10px;min-width:60px}.geo-fence-list__action-btn{width:24px;height:24px;padding:4px}.geo-fence-list__action-btn .MuiSvgIcon-root{font-size:16px!important}.geo-fence-list__name-column{width:22%;min-width:160px}.geo-fence-list__coordinates-column{width:18%;min-width:120px}.geo-fence-list__address-column{width:20%;min-width:180px}}@media (max-width: 768px){.geo-fence-list__header{flex-direction:column;align-items:flex-start;gap:12px}.geo-fence-list__actions{width:100%;justify-content:flex-start}.geo-fence-list__table-wrapper{max-height:calc(100vh - 180px)}.geo-fence-list__table-header{display:none}.geo-fence-list__table-row{display:block;margin-bottom:12px;padding:12px;border-radius:8px;border:1px solid #eee;box-shadow:0 2px 8px #0000000d}.geo-fence-list__table-data{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;font-size:12px;white-space:normal;width:100%;border:none;line-height:1.6}.geo-fence-list__table-data:before{content:attr(data-label);font-weight:600;margin-right:12px;color:#333;flex-shrink:0;width:120px;text-align:left;font-size:12px;padding-top:2px}.geo-fence-list__location-icon{display:none}.geo-fence-list__coordinates-content{flex-direction:row;gap:12px}.geo-fence-list__coordinate{flex-direction:column;align-items:flex-start;gap:2px}.geo-fence-list__coordinate-label{font-size:10px}.geo-fence-list__coordinate-value{font-size:11px}.geo-fence-list__radius-content,.geo-fence-list__status{justify-content:flex-end;text-align:right}.geo-fence-list__actions-cell{justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid #eee;display:flex!important;position:static;background:transparent}.geo-fence-list__actions-cell:before{content:"Actions";width:120px;text-align:left;font-weight:600;padding-top:2px}.geo-fence-list__action-buttons{justify-content:flex-end}.geo-fence-list__action-btn{width:32px;height:32px}.geo-fence-list__action-btn .MuiSvgIcon-root{font-size:18px!important}.geo-fence-list__search-input{width:calc(100% - 10px);padding:6px 8px;font-size:11px;color:#333;background-color:#fff;border:1px solid #ccc}.geo-fence-list__search-input::placeholder{color:#999}.geo-fence-list__dialog{width:95%;margin:10px}.geo-fence-list__dialog-btn{min-width:80px;padding:8px 16px}.geo-fence-list__notification{left:10px;right:10px;bottom:10px;min-width:auto;max-width:none}}@media (max-width: 480px){.geo-fence-list__title{font-size:16px}.geo-fence-list__table-data{font-size:11px}.geo-fence-list__table-data:before{font-size:11px;width:100px}.geo-fence-list__action-btn{width:28px;height:28px}.geo-fence-list__action-btn .MuiSvgIcon-root{font-size:16px!important}.geo-fence-list__coordinate{flex-direction:column}.geo-fence-list__coordinates-content{flex-direction:column;gap:6px}.geo-fence-list__dialog-content{padding:16px}.geo-fence-list__dialog-actions{flex-direction:column;gap:8px}.geo-fence-list__dialog-btn{width:100%}}.gf-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1300;animation:gf-backdrop-fade .3s ease;padding:10px}.gf-modal-container{background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #00000040;width:100%;max-width:460px;outline:none;font-family:Inter,sans-serif;overflow:hidden;position:relative;animation:gf-modal-slide .3s ease;max-height:85vh;overflow-y:auto}.gf-modal-content{padding:0}.gf-modal-close-btn{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0}.gf-modal-close-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.gf-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.gf-header{margin-bottom:0}.gf-header-bg{background:var(--create-button);padding:18px 20px;position:relative;overflow:hidden}.gf-header-content{position:relative;z-index:2;text-align:center}.gf-title{font-size:20px;color:#fff;margin-bottom:4px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.3}.gf-subtitle{font-size:12px;color:#ffffffe6;margin:0;font-weight:400;line-height:1.4}.gf-header-deco{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.gf-deco-circle{position:absolute;border-radius:50%;background:#ffffff1a}.gf-circle-1{width:40px;height:40px;top:10px;left:10%;animation:gf-float 6s ease-in-out infinite}.gf-circle-2{width:50px;height:50px;bottom:-15px;right:15%;animation:gf-float 8s ease-in-out infinite 1s}.gf-circle-3{width:30px;height:30px;top:50%;right:20%;animation:gf-float 5s ease-in-out infinite .5s}.gf-alert{display:flex;align-items:center;padding:10px 14px;margin:8px 14px;border-radius:6px;font-size:13px;animation:gf-alert-slide .3s ease}.gf-alert-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.gf-alert-icon{margin-right:6px;font-size:14px;flex-shrink:0}.gf-alert-msg{flex:1;line-height:1.4}.gf-form{width:100%;padding:18px 20px 15px}.gf-form-group{width:100%;margin-bottom:14px;text-align:left}.gf-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center;line-height:1.3}.gf-required{color:#e53e3e;margin-left:3px}.gf-input{width:100%;padding:8px 10px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;height:36px;line-height:1.4}.gf-input:focus{outline:none;border-color:#0d47a1;box-shadow:0 0 0 2px #667eea1a;background-color:#fff}.gf-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.gf-input.gf-error{border-color:#e53e3e;background-color:#fff5f5}.gf-error-msg{color:#e53e3e;font-size:11px;margin-top:3px;font-weight:500;display:flex;align-items:center;line-height:1.3}.gf-error-msg:before{content:"⚠ ";margin-right:3px;font-size:10px}.gf-row{display:flex;gap:12px;width:100%}.gf-half{flex:1;min-width:0}.gf-input-hint-wrapper{position:relative}.gf-input-hint{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:#718096;background:#ffffffe6;padding:1px 4px;border-radius:3px;pointer-events:none}.gf-input-unit-wrapper{position:relative}.gf-input-unit{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:#4a5568;font-weight:500;pointer-events:none}.gf-textarea{width:100%;padding:8px 10px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;resize:vertical;min-height:48px;line-height:1.4}.gf-textarea:focus{outline:none;border-color:#0d47a1;box-shadow:0 0 0 2px #667eea1a;background-color:#fff}.gf-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.gf-textarea.gf-error{border-color:#e53e3e;background-color:#fff5f5}.gf-char-count{text-align:right;font-size:11px;color:#718096;margin-top:3px}.gf-hint{font-size:11px;color:#718096;margin-top:3px;line-height:1.3}.gf-toggle-group{display:flex;flex-direction:column;gap:3px}.gf-toggle-label{display:flex;align-items:center;cursor:pointer;position:relative;min-height:28px}.gf-toggle-input{position:absolute;opacity:0;width:0;height:0}.gf-toggle-slider{position:relative;width:42px;height:22px;background-color:#ccc;border-radius:34px;transition:.3s;margin-right:10px;flex-shrink:0}.gf-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.gf-toggle-input:checked+.gf-toggle-slider{background-color:#0d47a1}.gf-toggle-input:checked+.gf-toggle-slider:before{transform:translate(20px)}.gf-toggle-input:disabled+.gf-toggle-slider{opacity:.6;cursor:not-allowed}.gf-toggle-text{font-size:13px;font-weight:500;color:#2d3748;line-height:1.3}.gf-toggle-hint{font-size:11px;color:#718096;margin-left:52px;line-height:1.3}.gf-modal-actions{margin-top:18px;display:flex;gap:12px;justify-content:center;width:100%}.gf-btn{border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 3px 8px #0000001f;flex:1;max-width:160px;min-height:36px;display:flex;align-items:center;justify-content:center;line-height:1.3}.gf-btn-create{background:var(--create-button);color:#fff;box-shadow:0 3px 8px #667eea40}.gf-btn-cancel{background:var(--delete--button);color:#fff;box-shadow:0 3px 8px #f5656540}.gf-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #0003}.gf-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 3px 8px #0000001f}@keyframes gf-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes gf-modal-slide{0%{opacity:0;transform:translateY(-15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gf-alert-slide{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.gf-modal-container{max-width:95%}.gf-header-bg{padding:16px 18px}.gf-title{font-size:18px}.gf-form{padding:16px 18px 14px}.gf-form-group{margin-bottom:12px}.gf-row{flex-direction:column;gap:12px}.gf-half{width:100%}.gf-modal-actions{flex-direction:column;gap:10px;margin-top:16px}.gf-btn{max-width:100%;padding:8px 14px}.gf-modal-close-btn{top:8px;right:8px;width:24px;height:24px;font-size:18px}}@media (max-width: 480px){.gf-modal-backdrop{padding:8px}.gf-header-bg{padding:14px 16px}.gf-form{padding:14px 16px 12px}.gf-title{font-size:16px;margin-bottom:3px}.gf-subtitle{font-size:11px}.gf-input{padding:7px 9px;font-size:12px;height:34px}.gf-textarea{padding:7px 9px;font-size:12px;min-height:44px}.gf-btn{padding:7px 12px;font-size:12px;min-height:34px}.gf-alert{padding:8px 12px;margin:8px 12px;font-size:12px}.gf-input-hint{font-size:10px;right:6px}.gf-input-unit{font-size:11px;right:6px}.gf-label{font-size:12px}.gf-error-msg,.gf-hint,.gf-toggle-hint,.gf-char-count{font-size:10px}.gf-toggle-slider{width:38px;height:20px}.gf-toggle-slider:before{height:14px;width:14px}.gf-toggle-input:checked+.gf-toggle-slider:before{transform:translate(18px)}}.gf-up-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1300;animation:gf-up-backdrop-fade .3s ease;padding:10px}.gf-up-modal-container{background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #00000040;width:100%;max-width:460px;outline:none;font-family:Inter,sans-serif;overflow:hidden;position:relative;animation:gf-up-modal-slide .3s ease;max-height:85vh;overflow-y:auto}.gf-up-modal-content{padding:0}.gf-up-modal-close-btn{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0}.gf-up-modal-close-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.gf-up-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.gf-up-header{margin-bottom:0}.gf-up-header-bg{background:var(--create-button);padding:18px 20px;position:relative;overflow:hidden}.gf-up-header-content{position:relative;z-index:2;text-align:center}.gf-up-title{font-size:20px;color:#fff;margin-bottom:4px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.3}.gf-up-subtitle{font-size:12px;color:#ffffffe6;margin:0;font-weight:400;line-height:1.4;display:flex;flex-direction:column;align-items:center;gap:4px}.gf-up-id-badge{background:#ffffff26;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;margin-top:2px}.gf-up-header-deco{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.gf-up-deco-circle{position:absolute;border-radius:50%;background:#ffffff1a}.gf-up-circle-1{width:40px;height:40px;top:10px;left:10%;animation:gf-up-float 6s ease-in-out infinite}.gf-up-circle-2{width:50px;height:50px;bottom:-15px;right:15%;animation:gf-up-float 8s ease-in-out infinite 1s}.gf-up-circle-3{width:30px;height:30px;top:50%;right:20%;animation:gf-up-float 5s ease-in-out infinite .5s}.gf-up-alert{display:flex;align-items:center;padding:10px 14px;margin:8px 14px;border-radius:6px;font-size:13px;animation:gf-up-alert-slide .3s ease}.gf-up-alert-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.gf-up-alert-icon{margin-right:6px;font-size:14px;flex-shrink:0}.gf-up-alert-msg{flex:1;line-height:1.4}.gf-up-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.gf-up-loading-text{margin-top:12px;font-size:13px;color:#666;font-weight:500}.gf-up-form{width:100%;padding:18px 20px 15px}.gf-up-form-group{width:100%;margin-bottom:14px;text-align:left}.gf-up-label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:13px;display:flex;align-items:center;line-height:1.3}.gf-up-required{color:#e53e3e;margin-left:3px}.gf-up-input{width:100%;padding:8px 10px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;height:36px;line-height:1.4}.gf-up-input:focus{outline:none;border-color:#0d47a1;box-shadow:0 0 0 2px #4caf501a;background-color:#fff}.gf-up-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.gf-up-input.gf-up-error{border-color:#e53e3e;background-color:#fff5f5}.gf-up-error-msg{color:#e53e3e;font-size:11px;margin-top:3px;font-weight:500;display:flex;align-items:center;line-height:1.3}.gf-up-error-msg:before{content:"⚠ ";margin-right:3px;font-size:10px}.gf-up-row{display:flex;gap:12px;width:100%}.gf-up-half{flex:1;min-width:0}.gf-up-input-hint-wrapper{position:relative}.gf-up-input-hint{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:#718096;background:#ffffffe6;padding:1px 4px;border-radius:3px;pointer-events:none}.gf-up-input-unit-wrapper{position:relative}.gf-up-input-unit{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:#4a5568;font-weight:500;pointer-events:none}.gf-up-textarea{width:100%;padding:8px 10px;font-size:13px;color:#333;border:1.5px solid #e2e8f0;border-radius:6px;box-sizing:border-box;background-color:#f8fafc;transition:all .2s ease;font-family:inherit;resize:vertical;min-height:48px;line-height:1.4}.gf-up-textarea:focus{outline:none;border-color:#0d47a1;box-shadow:0 0 0 2px #4caf501a;background-color:#fff}.gf-up-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:#f1f5f9}.gf-up-textarea.gf-up-error{border-color:#e53e3e;background-color:#fff5f5}.gf-up-char-count{text-align:right;font-size:11px;color:#718096;margin-top:3px}.gf-up-hint{font-size:11px;color:#718096;margin-top:3px;line-height:1.3}.gf-up-toggle-group{display:flex;flex-direction:column;gap:3px}.gf-up-toggle-label{display:flex;align-items:center;cursor:pointer;position:relative;min-height:28px}.gf-up-toggle-input{position:absolute;opacity:0;width:0;height:0}.gf-up-toggle-slider{position:relative;width:42px;height:22px;background-color:#ccc;border-radius:34px;transition:.3s;margin-right:10px;flex-shrink:0}.gf-up-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.gf-up-toggle-input:checked+.gf-up-toggle-slider{background-color:#0d47a1}.gf-up-toggle-input:checked+.gf-up-toggle-slider:before{transform:translate(20px)}.gf-up-toggle-input:disabled+.gf-up-toggle-slider{opacity:.6;cursor:not-allowed}.gf-up-toggle-text{font-size:13px;font-weight:500;color:#2d3748;line-height:1.3}.gf-up-toggle-hint{font-size:11px;color:#718096;margin-left:52px;line-height:1.3}.gf-up-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;margin:12px 0}.gf-up-info-item{display:flex;align-items:center;gap:8px}.gf-up-info-label{font-size:12px;color:#4a5568;font-weight:500;min-width:80px}.gf-up-info-value{font-size:12px;color:#2d3748;font-weight:400}.gf-up-modal-actions{margin-top:18px;display:flex;gap:12px;justify-content:center;width:100%}.gf-up-btn{border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 3px 8px #0000001f;flex:1;max-width:160px;min-height:36px;display:flex;align-items:center;justify-content:center;line-height:1.3}.gf-up-btn-update{background:var(--update-button);color:#fff;box-shadow:0 3px 8px #4caf5040}.gf-up-btn-cancel{background:var(--delete--button);color:#fff;box-shadow:0 3px 8px #f5656540}.gf-up-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #0003}.gf-up-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 3px 8px #0000001f}@keyframes gf-up-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes gf-up-modal-slide{0%{opacity:0;transform:translateY(-15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gf-up-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gf-up-alert-slide{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.gf-up-modal-container{max-width:95%}.gf-up-header-bg{padding:16px 18px}.gf-up-title{font-size:18px}.gf-up-form{padding:16px 18px 14px}.gf-up-form-group{margin-bottom:12px}.gf-up-row{flex-direction:column;gap:12px}.gf-up-half{width:100%}.gf-up-modal-actions{flex-direction:column;gap:10px;margin-top:16px}.gf-up-btn{max-width:100%;padding:8px 14px}.gf-up-modal-close-btn{top:8px;right:8px;width:24px;height:24px;font-size:18px}.gf-up-subtitle{flex-direction:column;align-items:center;gap:3px}}@media (max-width: 480px){.gf-up-modal-backdrop{padding:8px}.gf-up-header-bg{padding:14px 16px}.gf-up-form{padding:14px 16px 12px}.gf-up-title{font-size:16px;margin-bottom:3px}.gf-up-subtitle{font-size:11px}.gf-up-id-badge{font-size:10px;padding:2px 6px}.gf-up-input{padding:7px 9px;font-size:12px;height:34px}.gf-up-textarea{padding:7px 9px;font-size:12px;min-height:44px}.gf-up-btn{padding:7px 12px;font-size:12px;min-height:34px}.gf-up-alert{padding:8px 12px;margin:8px 12px;font-size:12px}.gf-up-input-hint{font-size:10px;right:6px}.gf-up-input-unit{font-size:11px;right:6px}.gf-up-label{font-size:12px}.gf-up-error-msg,.gf-up-hint,.gf-up-toggle-hint,.gf-up-char-count{font-size:10px}.gf-up-toggle-slider{width:38px;height:20px}.gf-up-toggle-slider:before{height:14px;width:14px}.gf-up-toggle-input:checked+.gf-up-toggle-slider:before{transform:translate(18px)}.gf-up-info{padding:6px 10px}.gf-up-info-label,.gf-up-info-value{font-size:11px}.gf-up-loading-text{font-size:12px}}.auagf-container{padding:12px;max-width:100%;min-height:calc(100vh - 24px);background:#f8fafc;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.auagf-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.auagf-back-btn{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff!important;padding:6px;border-radius:5px;transition:all .2s ease;min-width:32px;min-height:32px}.auagf-back-btn:hover{transform:translate(-2px);box-shadow:0 4px 8px #2196f34d}.auagf-main-title{font-size:18px;font-weight:700;color:#1a202c;margin:0;background:linear-gradient(135deg,#2196f3,#0d47a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.auagf-geofence-details{background:#fff;border-radius:8px;padding:12px;margin-bottom:16px;box-shadow:0 2px 4px #0000000a;border:1px solid #e2e8f0}.auagf-geofence-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.auagf-geofence-title-section{display:flex;align-items:flex-start;gap:10px;flex:1}.auagf-geofence-icon{font-size:24px!important;color:#e30c0c!important;margin-top:2px}.auagf-geofence-title-wrapper{flex:1}.auagf-geofence-name{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 6px;line-height:1.3}.auagf-geofence-info-single-line{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:#64748b}.auagf-geofence-status,.auagf-geofence-assign-count{display:flex;align-items:center;gap:4px;font-size:11px}.auagf-count-icon{font-size:12px!important;opacity:.8}.auagf-status-badge{padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.auagf-status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.auagf-status-inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.auagf-count-highlight{font-weight:700;color:#2196f3;font-size:12px}.auagf-info-single-item{display:flex;align-items:center;gap:4px;font-size:11px}.auagf-info-label{color:#64748b;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.auagf-info-value{color:#2d3748;font-weight:500;font-size:11px}.auagf-vertical-sections{display:flex;flex-direction:column;gap:16px}.auagf-section{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000a;border:1px solid #e2e8f0;display:flex;flex-direction:column;height:380px}.auagf-section-header{padding:10px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.auagf-section-title-wrapper{display:flex;align-items:center;gap:6px;min-width:180px}.auagf-section-icon{color:#64748b;font-size:16px!important}.auagf-section-title{font-size:13px;font-weight:600;color:#2d3748;margin:0}.auagf-section-count{font-size:10px;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:8px;font-weight:500;margin-left:4px}.auagf-section-actions{display:flex;align-items:center;gap:8px;min-width:120px;justify-content:flex-end}.auagf-search-toggle-btn{background:#f1f5f9!important;color:#64748b!important;border:1px solid #cbd5e1;padding:4px!important;min-width:28px!important;min-height:28px!important}.auagf-search-toggle-btn:hover{background:#e2e8f0!important}.auagf-search-toggle-btn--active{background:linear-gradient(135deg,#2196f3,#0d47a1)!important;color:#fff!important;border-color:transparent!important}.auagf-table-search-input{width:100%;padding:4px 6px;border:1px solid #cbd5e1;border-radius:4px;font-size:11px;color:#2d3748;background:#fff;transition:all .2s ease;outline:none;box-sizing:border-box}.auagf-table-search-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.auagf-action-btn{padding:5px 10px;border:none;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;min-width:90px;min-height:28px}.auagf-btn-icon{font-size:12px!important}.auagf-assign-btn{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff}.auagf-assign-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.auagf-unassign-btn{background:#f8fafc;color:#64748b;border:1px solid #cbd5e1}.auagf-unassign-btn:hover:not(:disabled){background:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.auagf-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.auagf-btn-spinner{color:inherit!important}.auagf-table-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.auagf-table-container{flex:1;overflow:auto;position:relative;max-height:100%}.auagf-table{width:100%;border-collapse:separate;border-spacing:0;min-width:500px}.auagf-table-header{position:sticky;top:0;z-index:10;background:#f8fafc}.auagf-table-header-cell{text-align:left;padding:8px 10px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);font-weight:600;color:#475569;border-bottom:1px solid #cbd5e1;font-size:10px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;white-space:nowrap}.auagf-checkbox-header{width:40px;text-align:center;padding:8px 6px}.auagf-table-body{background:#fff}.auagf-table-row{border-bottom:1px solid #f1f5f9;transition:all .15s ease;cursor:pointer}.auagf-table-row:hover{background-color:#f8fafc}.auagf-row-selected{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-left:3px solid #2196F3}.auagf-table-row:last-child{border-bottom:none}.auagf-table-cell{padding:8px 10px;vertical-align:middle;color:#475569;font-size:11px;line-height:1.4;border-bottom:1px solid #f1f5f9}.auagf-table-row:last-child .auagf-table-cell{border-bottom:none}.auagf-checkbox-cell{text-align:center;width:40px;padding:8px 6px}.auagf-emp-no{font-weight:600;color:#1e40af;font-family:Roboto Mono,monospace;font-size:10px}.auagf-emp-name{font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auagf-department{color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auagf-designation{color:#64748b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auagf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px}.auagf-loading-text{color:#64748b;font-size:13px;font-weight:500}.auagf-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:#64748b;font-weight:500;font-size:11px}.auagf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;padding:32px;text-align:center}.auagf-error-icon{font-size:48px!important;color:#ef4444}.auagf-error-message{color:#dc2626;font-size:13px;max-width:300px;line-height:1.5}.auagf-retry-btn{padding:6px 12px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.auagf-retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.auagf-table-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:#dc2626;font-weight:500;font-size:11px}.auagf-table-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.auagf-empty-message{display:flex;flex-direction:column;gap:6px}.auagf-empty-title{font-size:13px;font-weight:600;color:#475569;margin:0}.auagf-empty-subtitle{font-size:11px;color:#94a3b8;margin:0;max-width:250px;line-height:1.4}.auagf-table-container::-webkit-scrollbar{width:5px;height:5px}.auagf-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.auagf-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2196f3,#0d47a1);border-radius:3px}.auagf-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0d47a1,#2196f3)}@media (max-width: 1200px){.auagf-geofence-info-single-line{gap:12px}}@media (max-width: 992px){.auagf-section-header{flex-direction:column;align-items:stretch;gap:10px}.auagf-section-title-wrapper{min-width:auto;justify-content:flex-start}.auagf-section-actions{width:100%;justify-content:flex-end}.auagf-geofence-info-single-line{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 768px){.auagf-container{padding:8px}.auagf-header{flex-direction:column;align-items:flex-start;gap:8px}.auagf-main-title{font-size:16px}.auagf-geofence-details{padding:10px}.auagf-geofence-header{flex-direction:column;gap:10px}.auagf-section{height:350px}.auagf-section-actions{flex-direction:column;align-items:flex-end}.auagf-search-toggle-btn{margin-left:auto}.auagf-action-btn{width:100%;max-width:200px}}@media (max-width: 576px){.auagf-table-header-cell,.auagf-table-cell{padding:6px 8px;font-size:9px}.auagf-action-btn{padding:4px 8px;font-size:10px}.auagf-table{min-width:400px}.auagf-geofence-name{font-size:14px}.auagf-geofence-info-single-line{font-size:10px}.auagf-info-label,.auagf-info-value{font-size:9px}}.auagf-table-row:nth-child(2n):not(.auagf-row-selected){background-color:#fafcff}.ar-container{padding:20px 24px;min-height:calc(100vh - 40px);background:#f8fafc;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;gap:24px}.ar-header{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e2e8f0;flex-shrink:0}.ar-back-btn{background:linear-gradient(135deg,#2196f3,#0d47a1)!important;color:#fff!important;padding:8px;border-radius:8px;transition:all .2s ease;min-width:40px!important;min-height:40px!important;flex-shrink:0}.ar-back-btn:hover{transform:translate(-2px);box-shadow:0 4px 8px #2196f34d}.ar-header-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ar-title{font-size:clamp(20px,4vw,24px);font-weight:700;color:#1e293b;margin:0;line-height:1.2;flex:1;min-width:200px}.ar-header-stats{display:flex;align-items:center;gap:clamp(16px,3vw,32px);background:#fff;padding:clamp(8px,2vw,12px) clamp(16px,4vw,28px);border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;white-space:nowrap;flex-shrink:0}.ar-stat-item{display:flex;align-items:center;gap:8px;font-size:clamp(12px,2vw,14px)}.ar-stat-label{color:#64748b;font-weight:600;font-size:clamp(12px,2vw,14px)}.ar-stat-value{font-size:clamp(16px,3vw,18px);font-weight:800;color:#2196f3;min-width:20px;text-align:center}.ar-main-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:600px;width:100%}.ar-table-card,.ar-form-card{border-radius:12px!important;overflow:hidden;border:1px solid #e2e8f0!important;display:flex;flex-direction:column;height:580px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;width:100%}.ar-table-header,.ar-form-header{padding:16px 20px;background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.ar-table-title,.ar-form-title{font-weight:600!important;color:#334155!important;font-size:clamp(14px,2vw,16px)!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-table-wrapper{flex:1;overflow-x:auto;overflow-y:auto;position:relative;padding:4px;width:100%;-webkit-overflow-scrolling:touch}.ar-table{width:100%;border-collapse:collapse;min-width:100%;table-layout:fixed}.ar-table-head{position:sticky;top:0;z-index:10;background:#f1f5f9}.ar-table-th{padding:12px 8px;text-align:left;font-weight:600;color:#475569;font-size:clamp(10px,1.5vw,12px);text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-table-body{background:#fff}.ar-table-row{cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f1f5f9}.ar-table-row:hover{background-color:#f8fafc;transform:translate(2px);box-shadow:0 2px 8px #0000000d}.ar-table-row--selected{background:linar-gradient(90deg,rgba(33,150,243,.08) 0%,rgba(33,150,243,.04) 100%)!important;border-left:4px solid #2196F3;box-shadow:inset 4px 0 #2196f3}.ar-table-td{padding:12px 8px;vertical-align:middle;color:#475569;font-size:clamp(11px,1.8vw,13px);line-height:1.4;border-bottom:1px solid #f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-table-row:last-child .ar-table-td{border-bottom:none}.ar-date-cell{display:flex;align-items:center;gap:0}.ar-date-text{font-size:clamp(11px,1.8vw,13px);color:#334155;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-shift-badge{background:#e0f2fe;color:#0369a1;padding:4px 8px;border-radius:10px;font-size:clamp(10px,1.5vw,12px);font-weight:600;display:inline-block;border:1px solid rgba(3,105,161,.1);text-align:center;min-width:24px}.ar-form-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:24px;overflow:auto;width:100%}.ar-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.ar-form-group{display:flex;flex-direction:column;gap:8px;width:100%}.ar-form-group-full{grid-column:1 / -1}.ar-date-time-section{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px;width:100%}.ar-date-time-group{display:flex;flex-direction:column;gap:12px;width:100%}.ar-section-label{color:#475569!important;font-weight:600!important;font-size:clamp(12px,1.8vw,13px)!important;margin-bottom:4px!important;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-input-stack{display:flex;flex-direction:column;gap:16px;width:100%}.ar-form-actions{margin-top:8px;padding-top:20px;border-top:2px solid #e2e8f0;width:100%}.ar-apply-btn{height:44px!important;font-size:clamp(13px,2vw,14px)!important;font-weight:600!important;border-radius:8px!important;text-transform:none!important;background:linear-gradient(135deg,#2196f3,#0d47a1)!important;box-shadow:0 4px 6px #2196f34d!important;transition:all .3s ease!important;width:100%}.ar-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px;color:#64748b;font-weight:500;font-size:clamp(12px,2vw,14px);width:100%}.ar-table-wrapper::-webkit-scrollbar,.ar-form-content::-webkit-scrollbar{width:6px;height:6px}.ar-table-wrapper::-webkit-scrollbar-track,.ar-form-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.ar-table-wrapper::-webkit-scrollbar-thumb,.ar-form-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}@media (max-width: 1200px){.ar-main-content{grid-template-columns:1fr;min-height:auto;gap:20px}.ar-table-card,.ar-form-card{min-height:400px}}@media (max-width: 992px){.ar-container{padding:16px 20px;gap:20px}.ar-header-content{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.ar-header-stats{width:100%;justify-content:space-between;flex-wrap:wrap}.ar-form-grid{grid-template-columns:1fr;gap:16px}.ar-date-time-section{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.ar-container{padding:12px 16px;gap:16px}.ar-header{flex-direction:column;align-items:stretch;gap:12px}.ar-back-btn{align-self:flex-start;margin-bottom:8px}.ar-title{font-size:clamp(18px,4vw,22px);text-align:center}.ar-header-stats{flex-direction:column;gap:12px;padding:12px;align-items:stretch}.ar-stat-item{justify-content:space-between;width:100%}.ar-stat-label{min-width:100px}.ar-table-th,.ar-table-td{padding:10px 6px;font-size:clamp(10px,1.8vw,12px)}.ar-form-content{padding:16px}.ar-form-grid{gap:12px}.ar-date-time-section{gap:16px}}@media (max-width: 576px){.ar-container{padding:8px 12px;gap:12px}.ar-title{font-size:clamp(16px,3.5vw,20px);text-align:left}.ar-header-content{gap:12px}.ar-stat-label,.ar-stat-value{font-size:clamp(11px,2vw,13px)}.ar-table-th{font-size:clamp(9px,1.6vw,11px);padding:8px 4px}.ar-table-td{font-size:clamp(10px,1.8vw,11px);padding:8px 4px}.ar-shift-badge{padding:3px 6px;font-size:clamp(9px,1.5vw,11px)}.ar-section-label{font-size:clamp(11px,1.8vw,12px)!important}.ar-apply-btn{height:40px!important;font-size:clamp(12px,2vw,13px)!important}}@media (max-width: 480px){.ar-table-th:nth-child(1){width:30%;min-width:80px}.ar-table-th:nth-child(2){width:25%;min-width:60px}.ar-table-th:nth-child(3){width:45%;min-width:120px}.ar-form-content{padding:12px}.ar-table-header,.ar-form-header{padding:12px 16px}}@media (max-width: 375px){.ar-container{padding:6px 8px}.ar-table{min-width:280px}.ar-table-th,.ar-table-td{padding:6px 3px;font-size:clamp(8px,1.4vw,10px)}.ar-shift-badge{padding:2px 4px;font-size:clamp(8px,1.3vw,10px)}.ar-form-content{padding:10px;gap:16px}}@media (hover: none) and (pointer: coarse){.ar-table-row:hover{background-color:inherit;transform:none}.ar-table-row:active{background-color:#f8fafc}.ar-back-btn:active{transform:scale(.95)}.ar-apply-btn:active{transform:scale(.98)}}.td-container{padding:12px;background-color:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.td-paper{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.td-title{color:#fff;padding:12px 16px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.td-title-icon{margin-right:8px;font-size:1.3rem}.td-content{padding:16px}.td-section{background:#fff;border-radius:5px;border:1px solid #e0e0e0;margin-bottom:12px;overflow:visible;transition:all .2s ease}.td-section-active{border-color:#2196f3;border-width:2px;box-shadow:0 2px 8px #2196f326}.td-section-header{background-color:#f8f9fa;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s;border-radius:5px 5px 0 0}.td-section-header:hover{background-color:#f0f0f0}.td-section-active .td-section-header{background-color:#e3f2fd;border-bottom:1px solid #bbdefb}.td-section-header-title{font-size:.9rem;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.td-section-header-badge{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:500}.td-section-header-icon{color:#666;font-size:1.1rem}.td-section-active .td-section-header-icon{color:#2196f3}.td-section-content{padding:14px;background-color:#fafafa;display:block!important;border-radius:0 0 5px 5px;overflow:visible!important}.td-options-container{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;width:100%}.td-option-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:200px}.td-option-group-wide{flex:2;min-width:300px}.td-option-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.td-option-label-text{font-size:.8rem;font-weight:500;color:#555;white-space:nowrap}.td-option-label-hint{font-size:.7rem;color:#888;font-style:italic;white-space:nowrap}.td-react-select{font-size:.8rem;width:100%!important}.td-select__control{min-height:32px!important;height:32px!important;border-radius:4px!important;border-color:#ddd!important;box-shadow:none!important;width:100%!important}.td-select__control:hover{border-color:#2196f3!important}.td-select__control--is-focused{border-color:#2196f3!important;box-shadow:0 0 0 1px #2196f333!important}.td-select__multi-value{background-color:#e3f2fd!important;border-radius:3px!important}.td-select__multi-value__label{color:#1976d2!important;font-size:.75rem!important;padding:1px 4px!important}.td-select__multi-value__remove:hover{background-color:#bbdefb!important;color:#0d47a1!important}.td-select__menu{z-index:9999!important;position:absolute!important;width:100%!important}.td-search-input-wrapper{position:relative;width:100%}.td-search-input{width:100%;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:.8rem;height:32px;box-sizing:border-box;background:#fff}.td-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 1px #2196f333}.td-search-input::placeholder{color:#999;font-size:.8rem}.td-option-action{display:flex;align-items:flex-end;height:32px;flex:0 0 auto}.td-search-btn{display:flex;align-items:center;justify-content:center;padding:6px 12px;height:32px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;gap:4px;min-width:140px}.td-search-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#0b3d91);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.td-search-btn-disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed;transform:none!important;box-shadow:none!important}.td-search-btn-icon{font-size:.9rem}.td-results-section{margin-top:16px;margin-bottom:12px;border:1px solid #e0e0e0;border-radius:5px;overflow:hidden;background:#fff}.td-results-header{background-color:#f5f5f5;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e0e0}.td-results-title{font-size:.85rem;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.td-results-title-icon{font-size:.95rem;color:#2196f3}.td-results-count{font-size:.75rem;color:#666;background:#e8e8e8;padding:1px 6px;border-radius:8px;margin-left:8px;font-weight:500}.td-results-selected{color:#2196f3;font-weight:600;margin-left:4px}.td-results-action{display:flex;align-items:center}.td-select-all-btn{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:3px 6px;border-radius:3px;font-size:.75rem;color:#555;gap:4px;transition:background-color .15s}.td-select-all-btn:hover{background-color:#0000000d}.td-select-all-text{font-weight:500}.td-table-wrapper{overflow-x:auto;max-height:300px;overflow-y:auto}.td-table{width:100%;border-collapse:collapse;font-size:.75rem;min-width:800px}.td-table th{background-color:#f8f9fa;padding:8px 10px;text-align:left;font-weight:600;color:#555;border-bottom:1px solid #e0e0e0;position:sticky;top:0;white-space:nowrap;font-size:.8rem}.td-table td{padding:6px 10px;text-align:left;border-bottom:1px solid #f0f0f0;height:32px;vertical-align:middle;white-space:nowrap}.td-table-checkbox{width:32px;text-align:center;padding:0!important}.td-table-photo{width:40px;padding:4px 10px!important}.td-checkbox-btn{background:none;border:none;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;width:24px;height:24px}.td-checkbox-btn:hover{background-color:#0000000d}.td-checkbox-icon{font-size:1.1rem;color:#666}.td-checkbox-checked,.td-checkbox-indeterminate{color:#2196f3}.td-table-row{cursor:pointer;transition:background-color .1s;height:32px}.td-table-row:hover{background-color:#f8f9fa}.td-row-selected{background-color:#e3f2fd!important}.td-row-selected:hover{background-color:#bbdefb!important}.td-empty-row{height:200px}.td-empty-row td{padding:0!important;border:none!important}.td-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);min-height:200px}.td-empty-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.td-empty-icon-svg{font-size:2rem;color:#1976d2}.td-empty-content{max-width:500px}.td-empty-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:8px}.td-empty-message{font-size:.85rem;color:#666;line-height:1.5;margin-bottom:16px}.td-empty-instructions{background:#fff;border-radius:8px;padding:16px;border:1px solid #e0e0e0;margin-top:16px;text-align:left}.td-instruction-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.td-instruction-item:last-child{margin-bottom:0}.td-instruction-icon{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.td-instruction-text{font-size:.85rem;color:#555;line-height:1.4;padding-top:2px}.td-empty-info{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:10px 14px;margin-top:16px}.td-empty-info-icon{font-size:1rem;color:#ff9800;flex-shrink:0}.td-empty-info-text{font-size:.8rem;color:#795548;line-height:1.4}.td-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.td-avatar-img{width:100%;height:100%;object-fit:cover}.td-avatar-icon{font-size:1.1rem;color:#666}.td-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.td-clear-btn{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;background:#fff;color:#666;transition:all .2s}.td-clear-btn:hover{background:#f5f5f5;border-color:#bbb}.td-download-area{display:flex;align-items:center;gap:16px}.td-download-stats{display:flex;gap:12px}.td-stat-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#555;background:#f5f5f5;padding:4px 8px;border-radius:4px;border:1px solid #e0e0e0}.td-stat-icon{font-size:.9rem;color:#2196f3}.td-stat-label{font-weight:500;margin-right:2px}.td-stat-value{font-weight:600;color:#333}.td-stat-value-active{color:#2196f3}.td-download-btn{display:flex;align-items:center;justify-content:center;padding:6px 16px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;gap:6px;height:32px}.td-download-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#0b3d91);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.td-download-btn-disabled{background:#e0e0e0;color:#9e9e9e;cursor:not-allowed;transform:none!important;box-shadow:none!important}.td-download-btn-icon{font-size:.9rem}.td-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.td-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.td-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.td-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 1024px){.td-option-group{min-width:180px}.td-option-group-wide{min-width:250px}}@media (max-width: 768px){.td-container{padding:8px}.td-content{padding:12px}.td-option-group,.td-option-group-wide{flex:1 0 100%;min-width:100%}.td-option-action{flex:1 0 100%;justify-content:center}.td-search-btn{width:100%}.td-download-area{flex-direction:column;gap:10px;align-items:stretch}.td-download-stats{justify-content:space-between}.td-actions{flex-direction:column;gap:12px;align-items:stretch}.td-clear-btn,.td-download-btn{width:100%}.td-table{font-size:.7rem}.td-table th,.td-table td{padding:6px 8px}.td-avatar{width:24px;height:24px}.td-empty-state{padding:30px 15px}.td-empty-icon{width:48px;height:48px}.td-empty-icon-svg{font-size:1.5rem}.td-empty-instructions{padding:12px}}.td-section:nth-child(1){border-left:3px solid #2196F3}.td-section:nth-child(2){border-left:3px solid #4CAF50}.td-results-section:nth-child(odd){border-left:3px solid #FF9800}.td-results-section:nth-child(2n){border-left:3px solid #9C27B0}.td-select__menu{z-index:9999!important}.td-section-content>*{visibility:visible!important;opacity:1!important}:root{--primary-color: #2196F3;--primary-light: #E3F2FD;--primary-dark: #0d47a1;--secondary-color: #2196F3;--success-color: #4CAF50;--warning-color: #FF9800;--danger-color: #F44336;--info-color: #2196F3;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--shadow-1: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-2: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);--shadow-3: 0 10px 20px rgba(0,0,0,.1), 0 6px 6px rgba(0,0,0,.1);--shadow-4: 0 14px 28px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.erpr-container{min-height:100vh;background:#f5f7fa;padding:16px;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.erpr__report-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden;animation:slideUp .3s ease}.erpr__header{padding:16px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.erpr__header-content{flex:1}.erpr__title{font-size:20px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}.erpr__title-icon{font-size:22px!important}.erpr__subtitle{font-size:13px;opacity:.9;margin:0;font-weight:400}.erpr__header-actions{display:flex;flex-direction:column;gap:8px}.erpr__action-buttons{display:flex;gap:8px}.erpr__action-button{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-weight:500;font-size:13px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px;min-width:100px;justify-content:center;height:36px}.erpr__action-button--export{background:var(--success-color);color:#fff}.erpr__action-button--export:hover:not(:disabled){background:#3d8b40;transform:translateY(-1px);box-shadow:var(--shadow-1)}.erpr__action-button--view{background:#fff;color:var(--primary-color)}.erpr__action-button--view:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-1)}.erpr__action-button--reset{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.erpr__action-button--reset:hover:not(:disabled){background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.erpr__action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.erpr__stats-overview{padding:12px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.erpr__stat-card{background:#fff;border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-1);transition:all var(--transition-fast);border-left:3px solid transparent}.erpr__stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.erpr__stat-card--total{border-left-color:var(--primary-color)}.erpr__stat-card--approved{border-left-color:var(--success-color)}.erpr__stat-card--pending{border-left-color:var(--warning-color)}.erpr__stat-card--rejected{border-left-color:var(--danger-color)}.erpr__stat-card-content{display:flex;align-items:center;gap:12px}.erpr__stat-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:50%;color:var(--primary-color)}.erpr__stat-card--approved .erpr__stat-card-icon{background:#4caf501a;color:var(--success-color)}.erpr__stat-card--pending .erpr__stat-card-icon{background:#ff98001a;color:var(--warning-color)}.erpr__stat-card--rejected .erpr__stat-card-icon{background:#f443361a;color:var(--danger-color)}.erpr__stat-card-info{flex:1}.erpr__stat-card-value{font-size:20px;font-weight:600;line-height:1;margin-bottom:2px;color:var(--gray-800)}.erpr__stat-card-label{font-size:12px;color:var(--gray-600);font-weight:500}.erpr__mode-selection{padding:16px 20px;border-bottom:1px solid var(--gray-200)}.erpr__mode-buttons{display:inline-flex;background:var(--gray-100);border-radius:var(--radius-md);padding:2px;gap:2px}.erpr__mode-button{padding:8px 16px;border:none;background:transparent;color:var(--gray-600);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;min-width:120px;justify-content:center;font-size:13px;height:32px}.erpr__mode-button.active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-1)}.erpr__mode-button:not(.active):hover{color:var(--primary-color);background:#2196f30d}.erpr__mode-button-icon{display:flex;align-items:center}.erpr__filters-section{padding:16px 20px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.erpr__filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.erpr__filters-title{font-size:15px;font-weight:600;color:var(--gray-800);margin:0;display:flex;align-items:center;gap:6px}.erpr__filters-actions{display:flex;gap:6px;flex-wrap:wrap}.erpr__filter-tag{background:#fff;border:1px solid var(--gray-300);border-radius:12px;padding:4px 8px;font-size:11px;color:var(--gray-700);display:inline-flex;align-items:center;gap:4px;box-shadow:var(--shadow-1);height:24px}.erpr__filter-tag-remove{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.erpr__filter-tag-remove:hover{background:var(--gray-200);color:var(--gray-700)}.erpr__filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.erpr__filter-group{display:flex;flex-direction:column;gap:6px}.erpr__filter-label{font-size:13px;font-weight:500;color:var(--gray-700);display:flex;align-items:center;gap:4px}.erpr__filter-select{font-size:13px}.erpr__filter-select .erpr-select__control{border:1px solid var(--gray-300);border-radius:var(--radius-sm);min-height:36px;transition:all var(--transition-fast);background:#fff;box-shadow:none;font-size:13px}.erpr__filter-select .erpr-select__control:hover{border-color:var(--primary-color)}.erpr__filter-select .erpr-select__control--is-focused{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.erpr__filter-select .erpr-select__menu{z-index:1000;box-shadow:var(--shadow-2);border-radius:var(--radius-sm);border:1px solid var(--gray-200);font-size:13px}.erpr__filter-select .erpr-select__option{padding:8px 12px;font-size:13px}.erpr__filter-select .erpr-select__option--is-selected{background-color:var(--primary-light);color:var(--primary-color)}.erpr__filter-select .erpr-select__option--is-focused{background-color:var(--gray-100)}.erpr__select-placeholder{display:flex;align-items:center;gap:6px;color:var(--gray-500);font-size:13px}.erpr__option-content{display:flex;align-items:center;gap:8px}.erpr__option-icon{font-size:14px}.erpr__employee-option{display:flex;align-items:center;gap:8px;padding:4px 0}.erpr__employee-info{display:flex;flex-direction:column}.erpr__employee-name{font-weight:500;color:var(--gray-800);font-size:13px}.erpr__employee-id{font-size:11px;color:var(--gray-500)}.erpr__table-section{padding:16px 20px}.erpr__table-wrapper{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;background:#fff}.erpr__table-container{max-height:400px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--gray-200)}.erpr__table-container::-webkit-scrollbar{width:6px;height:6px}.erpr__table-container::-webkit-scrollbar-track{background:var(--gray-200)}.erpr__table-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.erpr__table{width:100%;border-collapse:collapse;min-width:1200px;font-size:12px}.erpr__table-header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#2196f3,#0d47a1)}.erpr__table-header-cell{padding:10px 8px;font-size:11px;font-weight:600;color:#fff;text-align:left;white-space:nowrap;position:relative;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.3px}.erpr__table-header-cell--sticky{position:sticky;left:0;z-index:11;background:inherit;min-width:40px}.erpr__table-body{background:#fff}.erpr__table-row{border-bottom:1px solid var(--gray-100);transition:all var(--transition-fast);position:relative}.erpr__table-row:hover{background:var(--primary-light)}.erpr__table-row:nth-child(2n){background:var(--gray-50)}.erpr__table-row:nth-child(2n):hover{background:var(--primary-light)}.erpr__table-cell{padding:10px 8px;font-size:12px;color:var(--gray-700);border-right:1px solid var(--gray-100);white-space:nowrap;font-family:Segoe UI,sans-serif}.erpr__table-cell--sticky{position:sticky;left:0;z-index:5;background:inherit;font-weight:500;min-width:40px;border-right:2px solid var(--gray-200)}.erpr__table-cell--remark{max-width:180px;white-space:normal;word-wrap:break-word;min-width:180px;line-height:1.3;font-size:11px}.erpr__row-index{font-weight:500;color:var(--primary-color);text-align:center;font-size:11px}.erpr__emp-no{font-family:Monaco,Consolas,monospace;font-weight:500;color:var(--gray-800);font-size:11px}.erpr__emp-name{font-weight:500;color:var(--gray-800);font-size:12px}.erpr__dept,.erpr__designation,.erpr__ou-name{color:var(--gray-700);font-size:11px}.erpr__request-type{display:flex;align-items:center;gap:6px}.erpr__request-type-icon{font-size:12px}.erpr__request-type-text{font-weight:500;font-size:11px}.erpr__date{font-family:Monaco,Consolas,monospace;font-size:11px;color:var(--gray-600)}.erpr__remark,.erpr__approver-remark{font-size:11px;color:var(--gray-600);line-height:1.3}.erpr__status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.erpr__status-badge--approved{background:#4caf501a;color:var(--success-color);border:1px solid rgba(76,175,80,.2)}.erpr__status-badge--rejected{background:#f443361a;color:var(--danger-color);border:1px solid rgba(244,67,54,.2)}.erpr__status-badge--pending{background:#ff98001a;color:var(--warning-color);border:1px solid rgba(255,152,0,.2)}.erpr__status-badge--progress{background:#2196f31a;color:var(--info-color);border:1px solid rgba(33,150,243,.2)}.erpr__status-icon{display:flex;align-items:center}.erpr__level-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:10px;font-weight:600;margin:0 auto}.erpr__approver{font-weight:500;color:var(--gray-800);font-size:11px}.erpr__approver-no{font-family:Monaco,Consolas,monospace;font-size:11px;color:var(--gray-600)}.erpr__message-row{height:300px}.erpr__instruction-cell,.erpr__loading-cell,.erpr__error-cell,.erpr__empty-cell{text-align:center;vertical-align:middle;background:var(--gray-50)}.erpr__instruction-box{max-width:500px;margin:0 auto;padding:32px}.erpr__instruction-icon{width:60px;height:60px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--primary-color)}.erpr__instruction-title{font-size:18px;font-weight:600;color:var(--gray-800);margin:0 0 8px}.erpr__instruction-text{font-size:14px;color:var(--gray-600);margin:0 0 24px;line-height:1.4}.erpr__instruction-steps{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:24px}.erpr__instruction-step{display:flex;align-items:center;gap:12px;padding:12px;background:var(--gray-100);border-radius:var(--radius-sm);font-size:13px}.erpr__step-number{width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:12px}.erpr__instruction-action{margin-top:20px}.erpr__loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}.erpr__loading-text{text-align:center}.erpr__loading-text h3{font-size:16px;font-weight:600;color:var(--gray-800);margin:0 0 6px}.erpr__loading-text p{font-size:13px;color:var(--gray-600);margin:0 0 12px}.erpr__loading-progress{width:200px;margin:0 auto}.erpr__error-box,.erpr__empty-box{max-width:400px;margin:0 auto;padding:32px;text-align:center}.erpr__error-icon{margin-bottom:16px;color:var(--danger-color)}.erpr__error-title{font-size:16px;font-weight:600;color:var(--gray-800);margin:0 0 8px}.erpr__error-text{font-size:14px;color:var(--gray-600);margin:0 0 20px;line-height:1.4}.erpr__error-actions{display:flex;gap:10px;justify-content:center}.erpr__error-retry,.erpr__error-reset{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px;font-size:13px;height:32px}.erpr__error-retry{background:var(--primary-color);color:#fff}.erpr__error-retry:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-1)}.erpr__error-reset{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.erpr__error-reset:hover{background:var(--gray-100);transform:translateY(-1px);box-shadow:var(--shadow-1)}.erpr__empty-icon{margin-bottom:16px;color:var(--gray-400)}.erpr__empty-title{font-size:16px;font-weight:600;color:var(--gray-800);margin:0 0 8px}.erpr__empty-text{font-size:14px;color:var(--gray-600);margin:0 0 20px;line-height:1.4}.erpr__empty-actions{display:flex;gap:10px;justify-content:center}.erpr__empty-action{padding:8px 16px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px;font-size:13px;height:32px}.erpr__empty-action.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.erpr__empty-action:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}.erpr__empty-action.primary:hover{background:var(--primary-dark)}.erpr__footer-info{padding:12px 20px;background:var(--gray-50);border-top:1px solid var(--gray-200);font-size:12px}.erpr__footer-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.erpr__footer-stat{display:flex;align-items:center;gap:6px;font-size:12px}.erpr__footer-stat-label{color:var(--gray-600);font-weight:500;display:flex;align-items:center;gap:3px}.erpr__footer-stat-value{font-weight:500;color:var(--gray-800);background:#fff;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--gray-200);min-width:60px;text-align:center;font-size:11px}.erpr__date-input-container{position:relative}.erpr__date-input{width:100%;padding:8px 32px 8px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:13px;font-family:Segoe UI,sans-serif;background:#fff;color:var(--gray-800);height:36px;transition:all var(--transition-fast)}.erpr__date-input:hover{border-color:var(--primary-color)}.erpr__date-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.erpr__date-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none}.erpr__quick-date-buttons{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.erpr__quick-date-button{padding:6px 12px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);height:28px;display:flex;align-items:center;justify-content:center}.erpr__quick-date-button:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-1px)}@media (max-width: 768px){.erpr__filters-grid{grid-template-columns:1fr}.erpr__quick-date-buttons{gap:6px}.erpr__quick-date-button{flex:1;min-width:calc(50% - 6px);font-size:11px;padding:6px 8px}}@media (max-width: 480px){.erpr__quick-date-buttons{flex-direction:column}.erpr__quick-date-button{width:100%;min-width:100%}}@media (max-width: 1200px){.erpr__filters-grid{grid-template-columns:1fr}.erpr__header{flex-direction:column;gap:12px}.erpr__header-actions{width:100%}.erpr__action-buttons{flex-wrap:wrap}.erpr__action-button{flex:1;min-width:120px}}@media (max-width: 768px){.erpr-container{padding:12px}.erpr__header,.erpr__stats-overview,.erpr__mode-selection,.erpr__filters-section,.erpr__table-section,.erpr__footer-info{padding:12px 16px}.erpr__title{font-size:18px}.erpr__mode-buttons{width:100%}.erpr__mode-button{flex:1;min-width:0;padding:8px 12px;font-size:12px}.erpr__stats-overview{grid-template-columns:repeat(2,1fr)}.erpr__footer-content{flex-direction:column;align-items:flex-start;gap:8px}.erpr__table-container{max-height:350px}.erpr__filters-actions{width:100%;order:3;margin-top:8px}}@media (max-width: 480px){.erpr__stats-overview{grid-template-columns:1fr}.erpr__mode-button{flex-direction:column;gap:2px;padding:6px 8px;font-size:11px;height:40px}.erpr__action-button{min-width:100%}.erpr__action-buttons{flex-direction:column}.erpr__instruction-box,.erpr__error-box,.erpr__empty-box{padding:20px;margin:0 12px}.erpr__filters-header{flex-direction:column;align-items:flex-start}.erpr__table-cell--remark{min-width:150px;max-width:150px}}:root{--primary-color: #2196F3;--primary-light: #E3F2FD;--primary-dark: #0d47a1;--secondary-color: #4CAF50;--success-color: #4CAF50;--warning-color: #FF9800;--danger-color: #F44336;--info-color: #2196F3;--checkin-color: #4CAF50;--checkout-color: #F44336;--verified-color: #4CAF50;--pending-color: #FF9800;--geofence-enabled: #4CAF50;--geofence-disabled: #FF9800;--actual-location-color: #4CAF50;--marked-location-color: #2196F3;--actual-coord-color: #2E7D32;--marked-coord-color: #1565C0;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--shadow-1: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-2: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);--shadow-3: 0 10px 20px rgba(0,0,0,.1), 0 6px 6px rgba(0,0,0,.1);--shadow-4: 0 14px 28px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.mar-container{min-height:100vh;background:#f5f7fa;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.mar__report-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden;animation:slideUp .3s ease}.mar__header{padding:16px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.mar__header-content{flex:1}.mar__title{font-size:20px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}.mar__title-icon{font-size:22px!important}.mar__subtitle{font-size:13px;opacity:.9;margin:0;font-weight:400}.mar__header-actions{display:flex;flex-direction:column;gap:8px}.mar__action-buttons{display:flex;gap:8px}.mar__action-button{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-weight:500;font-size:13px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px;min-width:100px;justify-content:center;height:36px}.mar__action-button--export{background:var(--success-color);color:#fff}.mar__action-button--export:hover:not(:disabled){background:#3d8b40;transform:translateY(-1px);box-shadow:var(--shadow-1)}.mar__action-button--view{background:#fff;color:var(--primary-color)}.mar__action-button--view:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-1)}.mar__action-button--reset{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.mar__action-button--reset:hover:not(:disabled){background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.mar__action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.mar__stats-overview{padding:12px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.mar__stat-card{background:#fff;border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-1);transition:all var(--transition-fast);border-left:3px solid transparent}.mar__stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.mar__stat-card--total{border-left-color:var(--primary-color)}.mar__stat-card--checkin{border-left-color:var(--checkin-color)}.mar__stat-card--checkout{border-left-color:var(--checkout-color)}.mar__stat-card--verified{border-left-color:var(--verified-color)}.mar__stat-card--geofence-enabled{border-left-color:var(--geofence-enabled)}.mar__stat-card-content{display:flex;align-items:center;gap:12px}.mar__stat-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:50%;color:var(--primary-color)}.mar__stat-card--checkin .mar__stat-card-icon{background:#4caf501a;color:var(--checkin-color)}.mar__stat-card--checkout .mar__stat-card-icon{background:#f443361a;color:var(--checkout-color)}.mar__stat-card--verified .mar__stat-card-icon{background:#4caf501a;color:var(--verified-color)}.mar__stat-card--geofence-enabled .mar__stat-card-icon{background:#4caf501a;color:var(--geofence-enabled)}.mar__stat-card-info{flex:1}.mar__stat-card-value{font-size:20px;font-weight:600;line-height:1;margin-bottom:2px;color:var(--gray-800)}.mar__stat-card-label{font-size:12px;color:var(--gray-600);font-weight:500}.mar__mode-selection{padding:16px 20px;border-bottom:1px solid var(--gray-200)}.mar__mode-buttons{display:inline-flex;background:var(--gray-100);border-radius:var(--radius-md);padding:2px;gap:2px}.mar__mode-button{padding:8px 16px;border:none;background:transparent;color:var(--gray-600);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;min-width:120px;justify-content:center;font-size:13px;height:32px}.mar__mode-button.active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-1)}.mar__mode-button:not(.active):hover{color:var(--primary-color);background:#2196f30d}.mar__mode-button-icon{display:flex;align-items:center}.mar__filters-section{padding:16px 20px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.mar__filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.mar__filters-title{font-size:15px;font-weight:600;color:var(--gray-800);margin:0;display:flex;align-items:center;gap:6px}.mar__filters-actions{display:flex;gap:6px;flex-wrap:wrap}.mar__filter-tag{background:#fff;border:1px solid var(--gray-300);border-radius:12px;padding:4px 8px;font-size:11px;color:var(--gray-700);display:inline-flex;align-items:center;gap:4px;box-shadow:var(--shadow-1);height:24px}.mar__filter-tag-remove{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.mar__filter-tag-remove:hover{background:var(--gray-200);color:var(--gray-700)}.mar__filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.mar__filter-group{display:flex;flex-direction:column;gap:6px}.mar__filter-label{font-size:13px;font-weight:500;color:var(--gray-700);display:flex;align-items:center;gap:4px}.mar__filter-select{font-size:13px}.mar__filter-select .mar-select__control{border:1px solid var(--gray-300);border-radius:var(--radius-sm);min-height:36px;transition:all var(--transition-fast);background:#fff;box-shadow:none;font-size:13px}.mar__filter-select .mar-select__control:hover{border-color:var(--primary-color)}.mar__filter-select .mar-select__control--is-focused{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.mar__filter-select .mar-select__menu{z-index:1000;box-shadow:var(--shadow-2);border-radius:var(--radius-sm);border:1px solid var(--gray-200);font-size:13px}.mar__filter-select .mar-select__option{padding:8px 12px;font-size:13px}.mar__filter-select .mar-select__option--is-selected{background-color:var(--primary-light);color:var(--primary-color)}.mar__filter-select .mar-select__option--is-focused{background-color:var(--gray-100)}.mar__select-placeholder{display:flex;align-items:center;gap:6px;color:var(--gray-500);font-size:13px}.mar__option-content{display:flex;align-items:center;gap:8px}.mar__option-icon{font-size:14px}.mar__employee-option{display:flex;align-items:center;gap:8px;padding:4px 0}.mar__employee-info{display:flex;flex-direction:column}.mar__employee-name{font-weight:500;color:var(--gray-800);font-size:13px}.mar__employee-details{display:flex;flex-direction:column;gap:1px}.mar__employee-id,.mar__employee-dept{font-size:10px;color:var(--gray-500)}.mar__date-input-container{position:relative}.mar__date-input{width:100%;padding:8px 32px 8px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:13px;font-family:Segoe UI,sans-serif;background:#fff;color:var(--gray-800);height:36px;transition:all var(--transition-fast)}.mar__date-input:hover{border-color:var(--primary-color)}.mar__date-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.mar__date-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none}.mar__table-section{padding:16px 20px}.mar__table-wrapper{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;background:#fff}.mar__table-container{max-height:400px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--gray-200)}.mar__table-container::-webkit-scrollbar{width:6px;height:6px}.mar__table-container::-webkit-scrollbar-track{background:var(--gray-200)}.mar__table-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.mar__table{width:100%;border-collapse:collapse;min-width:1600px;font-size:12px}.mar__table-header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#2196f3,#0d47a1)}.mar__table-header-cell{padding:10px 8px;font-size:11px;font-weight:600;color:#fff;text-align:left;white-space:nowrap;position:relative;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.3px}.mar__table-header-cell--sticky{position:sticky;left:0;z-index:11;background:inherit;min-width:40px}.mar__table-body{background:#fff}.mar__table-row{border-bottom:1px solid var(--gray-100);transition:all var(--transition-fast);position:relative}.mar__table-row:hover{background:var(--primary-light)}.mar__table-row:nth-child(2n){background:var(--gray-50)}.mar__table-row:nth-child(2n):hover{background:var(--primary-light)}.mar__table-cell{padding:10px 8px;font-size:12px;color:var(--gray-700);border-right:1px solid var(--gray-100);white-space:nowrap;font-family:Segoe UI,sans-serif}.mar__table-cell--sticky-no{position:sticky;left:0;z-index:5;background:inherit;font-weight:500;min-width:40px;border-right:2px solid var(--gray-200)}.mar__table-cell--photo{min-width:60px;max-width:60px;padding:4px 8px}.mar__table-cell--location{min-width:120px;max-width:120px}.mar__row-index{font-weight:500;color:var(--primary-color);text-align:center;font-size:11px}.mar__emp-no{font-family:Monaco,Consolas,monospace;font-weight:500;color:var(--gray-800);font-size:11px}.mar__emp-name{font-weight:500;color:var(--gray-800);font-size:12px}.mar__dept,.mar__designation,.mar__ou-name,.mar__organization{color:var(--gray-700);font-size:11px}.mar__photo-container{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid var(--primary-light);transition:all var(--transition-fast)}.mar__photo-container:hover{transform:scale(1.05);border-color:var(--primary-color);box-shadow:var(--shadow-1)}.mar__photo{width:100%;height:100%;object-fit:cover}.mar__photo-overlay{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:2px;display:flex;align-items:center;justify-content:center;font-size:10px}.mar__location{display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:all var(--transition-fast);padding:4px;border-radius:var(--radius-sm)}.mar__location:hover{background:var(--gray-50)}.mar__location-text{font-size:11px;color:var(--gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mar__location-distance{font-size:10px;color:var(--gray-500);background:var(--gray-100);padding:1px 4px;border-radius:8px;display:inline-block;width:fit-content;margin-top:2px}.mar__coordinates-cell{cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast);min-width:90px;max-width:90px}.mar__coordinates-cell:hover{background:var(--gray-50)}.mar__coordinate-value{font-family:Monaco,Consolas,monospace;font-size:10px;color:var(--gray-700);display:flex;align-items:center;padding:4px 6px;background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.mar__coordinates-cell:nth-child(11) .mar__coordinate-value{color:var(--actual-coord-color);background:#4caf500d;border-color:#4caf5033}.mar__coordinates-cell:nth-child(12) .mar__coordinate-value{color:var(--actual-coord-color);background:#4caf500d;border-color:#4caf5033}.mar__coordinates-cell:nth-child(14) .mar__coordinate-value{color:var(--marked-coord-color);background:#2196f30d;border-color:#2196f333}.mar__coordinates-cell:nth-child(15) .mar__coordinate-value{color:var(--marked-coord-color);background:#2196f30d;border-color:#2196f333}.mar__mode-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.mar__mode-badge--in{background:#4caf501a;color:var(--checkin-color);border:1px solid rgba(76,175,80,.2)}.mar__mode-badge--out{background:#f443361a;color:var(--checkout-color);border:1px solid rgba(244,67,54,.2)}.mar__mode-icon{display:flex;align-items:center}.mar__datetime{display:flex;flex-direction:column;gap:2px}.mar__date{font-size:11px;color:var(--gray-700)}.mar__time{font-family:Monaco,Consolas,monospace;font-size:10px;color:var(--gray-500)}.mar__geofence-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;width:fit-content}.mar__geofence-badge--enabled{background:#4caf501a;color:var(--geofence-enabled);border:1px solid rgba(76,175,80,.2)}.mar__geofence-badge--disabled{background:#ff98001a;color:var(--geofence-disabled);border:1px solid rgba(255,152,0,.2)}.mar__geofence-icon{display:flex;align-items:center}.mar__status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;width:fit-content;min-width:100px}.mar__status-badge--verified{background:#4caf501a;color:var(--verified-color);border:1px solid rgba(76,175,80,.2)}.mar__status-badge--location-mismatch{background:#ff98001a;color:var(--warning-color);border:1px solid rgba(255,152,0,.2)}.mar__status-badge--photo-mismatch{background:#f443361a;color:var(--danger-color);border:1px solid rgba(244,67,54,.2)}.mar__status-badge--pending{background:#2196f31a;color:var(--info-color);border:1px solid rgba(33,150,243,.2)}.mar__status-icon{display:flex;align-items:center}.mar__device-info{display:flex;flex-direction:column;gap:2px}.mar__device{font-size:11px;color:var(--gray-700);font-weight:500}.mar__network{font-size:10px;color:var(--gray-500)}.mar__accuracy{font-family:Monaco,Consolas,monospace;font-size:11px;color:var(--gray-700);font-weight:500;text-align:center}.mar__message-row{height:300px}.mar__instruction-cell,.mar__loading-cell,.mar__error-cell,.mar__empty-cell{text-align:center;vertical-align:middle;background:var(--gray-50)}.mar__instruction-box{max-width:500px;margin:0 auto;padding:32px}.mar__instruction-icon{width:60px;height:60px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--primary-color)}.mar__instruction-title{font-size:18px;font-weight:600;color:var(--gray-800);margin:0 0 8px}.mar__instruction-text{font-size:14px;color:var(--gray-600);margin:0 0 24px;line-height:1.4}.mar__instruction-steps{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:24px}.mar__instruction-step{display:flex;align-items:center;gap:12px;padding:12px;background:var(--gray-100);border-radius:var(--radius-sm);font-size:13px}.mar__step-number{width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:12px}.mar__instruction-action{margin-top:20px}.mar__loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}.mar__loading-text{text-align:center}.mar__loading-text h3{font-size:16px;font-weight:600;color:var(--gray-800);margin:0 0 6px}.mar__loading-text p{font-size:13px;color:var(--gray-600);margin:0 0 12px}.mar__loading-progress{width:200px;margin:0 auto}.mar__error-box,.mar__empty-box{max-width:400px;margin:0 auto;padding:32px;text-align:center}.mar__error-icon{margin-bottom:16px;color:var(--danger-color)}.mar__error-title{font-size:16px;font-weight:600;color:var(--gray-800);margin:0 0 8px}.mar__error-text{font-size:14px;color:var(--gray-600);margin:0 0 20px;line-height:1.4}.mar__error-actions{display:flex;gap:10px;justify-content:center}.mar__error-retry,.mar__error-reset{padding:8px 16px;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px;font-size:13px;height:32px}.mar__error-retry{background:var(--primary-color);color:#fff}.mar__error-retry:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-1)}.mar__error-reset{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.mar__error-reset:hover{background:var(--gray-100);transform:translateY(-1px);box-shadow:var(--shadow-1)}.mar__empty-icon{margin-bottom:16px;color:var(--gray-400)}.mar__empty-title{font-size:16px;font-weight:600;color:var(--gray-800);margin:0 0 8px}.mar__empty-text{font-size:14px;color:var(--gray-600);margin:0 0 20px;line-height:1.4}.mar__empty-actions{display:flex;gap:10px;justify-content:center}.mar__empty-action{padding:8px 16px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px;font-size:13px;height:32px}.mar__empty-action.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.mar__empty-action:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}.mar__empty-action.primary:hover{background:var(--primary-dark)}.mar__footer-info{padding:12px 20px;background:var(--gray-50);border-top:1px solid var(--gray-200);font-size:12px}.mar__footer-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.mar__footer-stat{display:flex;align-items:center;gap:6px;font-size:12px}.mar__footer-stat-label{color:var(--gray-600);font-weight:500;display:flex;align-items:center;gap:3px}.mar__footer-stat-value{font-weight:500;color:var(--gray-800);background:#fff;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--gray-200);min-width:60px;text-align:center;font-size:11px}@media (max-width: 1200px){.mar__filters-grid{grid-template-columns:1fr}.mar__header{flex-direction:column;gap:12px}.mar__header-actions{width:100%}.mar__action-buttons{flex-wrap:wrap}.mar__action-button{flex:1;min-width:120px}}@media (max-width: 768px){.mar-container{padding:12px}.mar__header,.mar__stats-overview,.mar__mode-selection,.mar__filters-section,.mar__table-section,.mar__footer-info{padding:12px 16px}.mar__title{font-size:18px}.mar__mode-buttons{width:100%}.mar__mode-button{flex:1;min-width:0;padding:8px 12px;font-size:12px}.mar__stats-overview{grid-template-columns:repeat(2,1fr)}.mar__footer-content{flex-direction:column;align-items:flex-start;gap:8px}.mar__table-container{max-height:350px}.mar__filters-actions{width:100%;order:3;margin-top:8px}.mar__table-cell--location{min-width:100px;max-width:100px}.mar__coordinates-cell{min-width:80px;max-width:80px}}@media (max-width: 480px){.mar__stats-overview{grid-template-columns:1fr}.mar__mode-button{flex-direction:column;gap:2px;padding:6px 8px;font-size:11px;height:40px}.mar__action-button{min-width:100%}.mar__action-buttons{flex-direction:column}.mar__instruction-box,.mar__error-box,.mar__empty-box{padding:20px;margin:0 12px}.mar__filters-header{flex-direction:column;align-items:flex-start}.mar__table-cell--location{min-width:90px;max-width:90px}.mar__coordinates-cell{min-width:70px;max-width:70px}}:root{--primary-blue: #2196F3;--primary-blue-dark: #0d47a1;--primary-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--create-button: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--assign-button: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);--view-button: linear-gradient(135deg, #2196F3 0%, #0D47A1 100%);--update-button: linear-gradient(90deg, rgba(29, 169, 156, 1) 0%, rgba(74, 187, 131, 1) 50%, rgba(125, 207, 97, 1) 100%);--delete-button: linear-gradient(90deg, rgba(255, 113, 28, 1) 0%, rgba(247, 66, 49, 1) 50%, rgba(253, 42, 109, 1) 100%);--remove-button: linear-gradient(90deg, rgba(255, 87, 34, 1) 0%, rgba(255, 61, 0, 1) 50%, rgba(255, 23, 68, 1) 100%);--background-light: #f5f5f5;--background-white: #ffffff;--background-grey: #fafafa;--background-hover: #e3f2fd;--text-primary: #212121;--text-secondary: #757575;--text-light: #9e9e9e;--border-color: #e0e0e0;--border-light: #f5f5f5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--space-xs: 2px;--space-sm: 4px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--container-height: calc(100vh - 32px) ;--header-height: 70px;--section-header-height: 60px;--groups-container-height: calc(100vh - 180px) ;--shifts-container-height: calc(100vh - 180px) ;--table-header-height: 32px;--table-row-height: 32px}.assm-container{width:100%;height:var(--container-height);background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:var(--space-md);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;line-height:1.2;overflow:hidden}.assm-header-section{background:#fff;border:1px solid #e1e8f0;box-shadow:0 1px 3px #2196f30f;border-radius:6px;padding:var(--space-lg);margin-bottom:var(--space-md);height:var(--header-height);min-height:var(--header-height);max-height:var(--header-height);overflow:hidden}.assm-header-main{display:flex;flex-direction:column;gap:var(--space-md);height:100%}.assm-header-left{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;height:100%}.assm-header-icon-wrapper{width:40px;height:40px;background:var(--primary-gradient);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.assm-header-main-icon{font-size:20px!important;color:#fff}.assm-header-text{flex:1;min-width:200px;overflow:hidden}.assm-header-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assm-header-subtitle{font-size:11px;color:var(--text-secondary);line-height:1.3;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assm-main-content{display:flex;flex-direction:column;gap:var(--space-md);height:calc(var(--container-height) - var(--header-height) - var(--space-md));min-height:calc(var(--container-height) - var(--header-height) - var(--space-md));max-height:calc(var(--container-height) - var(--header-height) - var(--space-md));overflow:hidden}@media (min-width: 1024px){.assm-main-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}}.assm-left-section,.assm-right-section{background:#fff;border-radius:6px;border:1px solid #e1e8f0;display:flex;flex-direction:column;height:100%;min-height:100%;max-height:100%;box-shadow:0 1px 3px #2196f30f;overflow:hidden}.assm-section-header{padding:var(--space-md);background:#f8fafc;border-bottom:1px solid #e1e8f0;flex-shrink:0;min-height:var(--section-header-height);max-height:var(--section-header-height);overflow:hidden}.assm-header-content,.assm-right-header-content{width:100%;height:100%}.assm-header-title-wrapper{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-sm);height:100%}@media (min-width: 768px){.assm-header-title-wrapper{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-md)}}.assm-title-left{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;overflow:hidden}.assm-section-icon{color:var(--primary-blue);font-size:16px!important;flex-shrink:0}.assm-section-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;overflow:hidden}.assm-group-count{background:var(--background-hover);color:var(--primary-blue);padding:1px 6px;border-radius:10px;font-size:10px;font-weight:600;flex-shrink:0}.assm-title-right{flex-shrink:0}.assm-header-create-btn{background:var(--create-button);color:#fff;border:none;padding:6px 12px;border-radius:3px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:2px;white-space:nowrap;transition:all .2s ease;height:28px;flex-shrink:0}.assm-header-create-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 6px #2196f333}.assm-btn-icon{font-size:14px!important}.assm-search-container{width:100%;flex-shrink:0}.assm-search-field{position:relative;width:100%}.assm-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:14px!important}.assm-search-input{width:100%;padding:6px 12px 6px 28px;border:1px solid var(--border-color);border-radius:3px;font-size:11px;background:var(--background-white);transition:all .2s ease;height:28px;box-sizing:border-box}.assm-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 1px #2196f31a}.assm-search-input::placeholder{color:var(--text-light);font-size:10px}.assm-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-light);cursor:pointer;font-size:14px;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.assm-search-clear:hover{color:var(--text-primary)}.assm-groups-container{flex:1;overflow-y:auto;padding:var(--space-sm);min-height:0;height:100%}.assm-group-card{padding:var(--space-md);border:1px solid var(--border-color);border-radius:4px;margin-bottom:var(--space-sm);cursor:pointer;background:var(--background-white);transition:all .2s ease;position:relative;min-height:120px;max-height:140px;overflow:hidden;box-sizing:border-box}.assm-group-card:hover{border-color:var(--primary-blue);background:var(--background-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.assm-group-selected{border-color:var(--primary-blue);background:var(--background-hover);border-left:3px solid var(--primary-blue);box-shadow:var(--shadow-sm)}.assm-group-info{margin-bottom:var(--space-sm);height:calc(100% - 30px);overflow:hidden}.assm-group-header{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-sm);overflow:hidden}@media (min-width: 480px){.assm-group-header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-md)}}.assm-group-name-wrapper{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;overflow:hidden}.assm-group-name{font-size:12px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.assm-group-date{font-size:9px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.assm-group-details{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-sm);overflow:hidden}.assm-group-detail-row{display:flex;align-items:center;gap:var(--space-sm);min-height:16px;white-space:nowrap;overflow:hidden}.assm-detail-label{font-size:10px;color:var(--text-secondary);min-width:60px;flex-shrink:0;font-weight:500}.assm-detail-value{font-size:10px;color:var(--text-primary);font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assm-group-actions{display:flex;gap:2px;flex-wrap:wrap;height:24px;min-height:24px;align-items:center}.assm-action-btn{padding:4px 8px;border:none;border-radius:2px;font-size:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:2px;white-space:nowrap;transition:all .2s ease;flex:1;min-width:60px;justify-content:center;height:22px;box-sizing:border-box}@media (min-width: 480px){.assm-action-btn{flex:none}}.assm-action-btn:disabled{opacity:.6;cursor:not-allowed}.assm-action-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.assm-assign-btn{background:var(--assign-button);color:#fff;box-shadow:0 1px 2px #4caf5033}.assm-assign-btn:hover:not(:disabled){box-shadow:0 2px 4px #4caf504d}.assm-view-btn{background:var(--view-button);color:#fff;box-shadow:0 1px 2px #2196f333}.assm-view-btn:hover:not(:disabled){box-shadow:0 2px 4px #2196f34d}.assm-update-btn{background:var(--update-button);color:#fff;box-shadow:0 1px 2px #1da99c33}.assm-update-btn:hover:not(:disabled){box-shadow:0 2px 4px #1da99c4d}.assm-delete-btn{background:var(--delete-button);color:#fff;box-shadow:0 1px 2px #ff711c33}.assm-delete-btn:hover:not(:disabled){box-shadow:0 2px 4px #ff711c4d}.assm-right-title-wrapper{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;overflow:hidden}@media (min-width: 768px){.assm-right-title-wrapper{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}}.assm-scheme-count-badge{background:var(--primary-gradient);color:#fff;padding:1px 6px;border-radius:10px;font-size:9px;font-weight:600;white-space:nowrap;flex-shrink:0}.assm-selected-actions{margin-top:4px;flex-shrink:0}.assm-selected-actions .assm-assign-btn{padding:4px 8px;font-size:10px;height:24px}.assm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);flex:1;height:100%;min-height:400px}.assm-empty-groups-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);text-align:center;color:var(--text-secondary);height:100%;min-height:300px;background:linear-gradient(135deg,#fafcff,#f5f8ff);border-radius:4px;border:1px dashed #c1d9ff}.assm-empty-groups-content{max-width:320px;padding:var(--space-xl)}.assm-empty-groups-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg)}.assm-empty-groups-icon{font-size:28px!important;color:var(--primary-blue)}.assm-empty-groups-title{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3}.assm-empty-groups-message{margin:0 0 var(--space-lg) 0;font-size:11px;color:var(--text-secondary);line-height:1.4;max-width:280px;margin:0 auto var(--space-lg)}.assm-empty-create-btn{background:var(--create-button);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 4px #2196f333;height:32px;min-width:140px;justify-content:center}.assm-empty-create-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 6px #2196f34d}.assm-empty-clear-btn{background:#fff;color:var(--primary-blue);border:1px solid var(--primary-blue);padding:8px 16px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:all .2s ease;height:32px;min-width:120px;justify-content:center}.assm-empty-clear-btn:hover{background:var(--background-hover);transform:translateY(-1px)}.assm-no-group-selected{background:linear-gradient(135deg,#fafcff,#f5f8ff);border:1px dashed #c1d9ff}.assm-empty-state-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl);max-width:360px;margin:0 auto}.assm-empty-state-icon-wrapper{width:72px;height:72px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg)}.assm-empty-state-icon{font-size:32px!important;color:var(--primary-blue)}.assm-empty-state-title{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.3}.assm-empty-state-message{margin:0 0 var(--space-lg) 0;font-size:12px;color:var(--text-secondary);line-height:1.5;max-width:280px}.assm-empty-state-hint{display:flex;align-items:center;gap:var(--space-sm);padding:8px 12px;background:#e8f4fe;border-radius:4px;border:1px solid #bbdefb;margin-top:var(--space-md)}.assm-empty-hint-icon{font-size:14px!important;color:var(--primary-blue)}.assm-empty-state-hint span{font-size:10px;color:var(--primary-blue-dark);font-weight:500}.assm-no-shifts-assigned{background:linear-gradient(135deg,#f8fff9,#f1f8f2);border:1px dashed #c8e6c9}.assm-no-shifts-assigned .assm-empty-state-icon-wrapper{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.assm-no-shifts-assigned .assm-empty-state-icon{color:#4caf50}.assm-empty-icon{font-size:48px!important;color:#90a4ae;margin-bottom:var(--space-lg);opacity:.6}.assm-empty-state h4{margin:0 0 8px;color:var(--text-primary);font-size:14px;font-weight:600}.assm-empty-state p{margin:0;font-size:12px;max-width:280px;line-height:1.5;margin-bottom:var(--space-lg);color:var(--text-secondary)}.assm-shifts-details-container{flex:1;display:flex;flex-direction:column;padding:0;min-height:0;height:100%;overflow:hidden}.assm-shift-info-header{padding:var(--space-md);background:var(--background-grey);border-bottom:1px solid var(--border-color);flex-shrink:0}.assm-shift-info h4{margin:0 0 4px;font-size:13px;color:var(--text-primary);font-weight:600}.assm-scheme-details{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}.assm-employee-count,.assm-created-date{font-size:10px;color:var(--text-secondary);background:var(--background-hover);padding:2px 6px;border-radius:3px;border:1px solid #bbdefb;flex-shrink:0}.assm-shifts-table-container{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.assm-table-header{padding:6px var(--space-md);background:var(--background-grey);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:var(--table-header-height);max-height:var(--table-header-height)}.assm-table-info{font-size:10px;color:var(--text-secondary);font-weight:500}.assm-table-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.assm-table-scroll{flex:1;overflow-y:auto;min-height:0;height:calc(100% - var(--table-header-height))}.assm-shifts-table{width:100%;border-collapse:collapse;font-size:10px;background:var(--background-white);table-layout:fixed}.assm-shifts-table th{background:var(--background-grey);padding:6px 8px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;white-space:nowrap;font-size:10px;height:var(--table-header-height);box-sizing:border-box}.assm-shifts-table td{padding:6px 8px;border-bottom:1px solid var(--border-light);color:var(--text-primary);white-space:nowrap;height:var(--table-row-height);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.assm-shift-row:hover{background:var(--background-hover)}.assm-col-shift{width:10%;min-width:60px;max-width:80px}.assm-col-time,.assm-col-threshold{width:16%;min-width:80px;max-width:100px}.assm-col-actions{width:15%;min-width:80px;max-width:100px}.assm-shift-code-badge{display:inline-block;background:var(--primary-gradient);color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-align:center;min-width:24px;height:18px;line-height:14px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.assm-remove-shift-btn{background:var(--remove-button);color:#fff;border:none;padding:4px 8px;border-radius:2px;font-size:9px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:2px;white-space:nowrap;transition:all .2s ease;box-shadow:0 1px 2px #ff572233;height:20px;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;justify-content:center}.assm-remove-shift-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 3px #ff57224d}.assm-remove-shift-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.assm-group-additional-info{padding:var(--space-md);border-top:1px solid var(--border-color);flex-shrink:0;min-height:120px;max-height:140px;overflow:hidden}.assm-info-card{background:var(--background-grey);border:1px solid var(--border-color);border-radius:4px;padding:var(--space-md);box-shadow:var(--shadow-sm);height:100%;box-sizing:border-box;overflow:hidden}.assm-info-card h5{margin:0 0 8px;font-size:12px;color:var(--text-primary);font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assm-info-content{display:flex;flex-direction:column;gap:4px;height:calc(100% - 30px);overflow:hidden}.assm-info-row{display:flex;justify-content:space-between;align-items:center;min-height:16px;white-space:nowrap;overflow:hidden}.assm-info-label{font-size:10px;color:var(--text-secondary);font-weight:500;flex-shrink:0}.assm-info-value{font-size:10px;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;text-align:right;min-width:0}.assm-assign-scheme-btn{background:var(--assign-button);color:#fff;border:none;padding:6px 12px;border-radius:3px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:2px;white-space:nowrap;transition:all .2s ease;margin-top:var(--space-md);box-shadow:0 1px 2px #4caf5033;height:24px;flex-shrink:0}.assm-assign-scheme-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 3px #4caf504d}.assm-groups-container::-webkit-scrollbar,.assm-table-scroll::-webkit-scrollbar{width:4px;height:4px}.assm-groups-container::-webkit-scrollbar-track,.assm-table-scroll::-webkit-scrollbar-track{background:var(--background-grey);border-radius:2px}.assm-groups-container::-webkit-scrollbar-thumb,.assm-table-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.assm-groups-container::-webkit-scrollbar-thumb:hover,.assm-table-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.assm-groups-container,.assm-table-scroll{scrollbar-width:thin;scrollbar-color:#c1c1c1 var(--background-grey)}@media (max-width: 1024px){:root{--container-height: calc(100vh - 16px) }.assm-container{padding:4px}.assm-header-section{padding:var(--space-md)}.assm-header-title{font-size:16px}.assm-header-subtitle{font-size:10px}}@media (max-width: 768px){.assm-main-content{gap:6px;min-height:calc(var(--container-height) - var(--header-height) - 6px);max-height:calc(var(--container-height) - var(--header-height) - 6px)}.assm-left-section,.assm-right-section{min-height:350px}.assm-group-actions{flex-direction:column;gap:2px;height:auto;min-height:80px}.assm-action-btn{min-width:100%;height:22px;padding:3px 6px;font-size:9px}.assm-table-header{flex-direction:column;gap:4px;align-items:flex-start;padding:4px 8px;min-height:40px;max-height:40px}.assm-scheme-details{flex-direction:column;align-items:flex-start;gap:2px}.assm-info-row{flex-direction:column;align-items:flex-start;gap:1px;min-height:auto}.assm-info-card h5{font-size:11px;margin-bottom:6px}.assm-shifts-table th,.assm-shifts-table td{padding:4px 6px;font-size:9px;height:28px}.assm-empty-groups-content,.assm-empty-state-content{padding:var(--space-lg)}.assm-empty-groups-icon-wrapper,.assm-empty-state-icon-wrapper{width:56px;height:56px}.assm-empty-groups-icon{font-size:24px!important}.assm-empty-state-icon{font-size:28px!important}.assm-empty-groups-title,.assm-empty-state-title{font-size:13px}.assm-empty-groups-message,.assm-empty-state-message{font-size:11px}}@media (max-width: 480px){.assm-header-left{flex-direction:column;align-items:flex-start;gap:4px}.assm-header-text{min-width:100%}.assm-header-title{font-size:14px}.assm-header-subtitle{font-size:9px}.assm-group-header{flex-direction:column;align-items:flex-start;gap:2px}.assm-group-detail-row{flex-direction:column;align-items:flex-start;gap:1px;min-height:auto}.assm-shifts-table th,.assm-shifts-table td{padding:4px 6px;font-size:9px;height:20px}.assm-remove-shift-btn{padding:2px 6px;font-size:8px;height:18px}.assm-shift-code-badge{padding:1px 6px;font-size:9px;min-width:20px;height:16px}.assm-section-icon{font-size:14px!important}.assm-empty-icon{font-size:24px!important}.assm-empty-state h4{font-size:12px}.assm-empty-state p{font-size:10px}.assm-group-card{min-height:140px;max-height:160px}.assm-empty-groups-content,.assm-empty-state-content{padding:var(--space-md)}.assm-empty-groups-icon-wrapper,.assm-empty-state-icon-wrapper{width:48px;height:48px}.assm-empty-groups-icon{font-size:20px!important}.assm-empty-state-icon{font-size:24px!important}.assm-empty-groups-title,.assm-empty-state-title{font-size:12px}.assm-empty-groups-message,.assm-empty-state-message{font-size:10px}.assm-empty-create-btn,.assm-empty-clear-btn{padding:6px 12px;font-size:10px;height:28px;min-width:120px}}.assm-fixed-height{height:100%;min-height:100%;max-height:100%;overflow:hidden}.assm-scrollable{overflow-y:auto;min-height:0}.assm-no-overflow{overflow:hidden}.casg-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.casg-modal{background:#fff;border-radius:8px;width:90%;max-width:450px;box-shadow:0 4px 20px #00000026;overflow:hidden;animation:casg-modal-appear .3s ease-out}@keyframes casg-modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.casg-modal-header{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.casg-modal-header:before{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px;border-radius:50%;background:#ffffff1a}.casg-modal-header:after{content:"";position:absolute;bottom:-30px;left:-30px;width:80px;height:80px;border-radius:50%;background:#ffffff14}.casg-modal-header h3{margin:0;font-size:18px;font-weight:600;position:relative;z-index:1}.casg-modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;position:relative;z-index:1;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.casg-modal-close:hover{background:#fff3;transform:rotate(90deg)}.casg-modal-body{padding:20px}.casg-form-group{margin-bottom:20px}.casg-form-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#333}.casg-form-label:after{content:" *";color:#f44336}.casg-form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .2s;box-sizing:border-box}.casg-form-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.casg-form-input::placeholder{color:#999}.casg-modal-footer{padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px}.casg-btn{padding:8px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;min-width:80px;position:relative;overflow:hidden}.casg-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.casg-btn:hover:before{left:100%}.casg-btn-cancel{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);color:#fff;box-shadow:0 2px 4px #ff711c4d;border:none}.casg-btn-cancel:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ff711c66}.casg-btn-primary{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;box-shadow:0 2px 4px #2196f333;border:none}.casg-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #2196f34d}.casg-circle-decoration{position:absolute;border-radius:50%;z-index:0}.casg-circle-1{top:20px;left:20px;width:60px;height:60px;background:#ffffff0d}.casg-circle-2{bottom:10px;right:40px;width:40px;height:40px;background:#ffffff12}.casg-circle-3{top:50%;left:10px;transform:translateY(-50%);width:30px;height:30px;background:#ffffff0a}@media (max-width: 480px){.casg-modal{width:95%;margin:10px}.casg-modal-header{padding:14px 16px}.casg-modal-header h3{font-size:16px}.casg-modal-close{width:28px;height:28px;font-size:22px}.casg-modal-body{padding:16px}.casg-form-group{margin-bottom:16px}.casg-form-input{padding:8px 10px;font-size:13px}.casg-modal-footer{padding:12px 16px;flex-direction:column;gap:8px}.casg-btn{padding:10px 16px;font-size:13px;min-width:100%}.casg-modal-header:before{width:80px;height:80px;top:-40px;right:-40px}.casg-modal-header:after{width:60px;height:60px;bottom:-20px;left:-20px}}.uasg-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.uasg-modal{background:#fff;border-radius:8px;width:90%;max-width:450px;box-shadow:0 4px 20px #00000026;overflow:hidden;animation:uasg-modal-appear .3s ease-out}@keyframes uasg-modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.uasg-modal-header{background:var(--update-button);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.uasg-modal-header:before{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px;border-radius:50%;background:#ffffff1a}.uasg-modal-header:after{content:"";position:absolute;bottom:-30px;left:-30px;width:80px;height:80px;border-radius:50%;background:#ffffff14}.uasg-modal-header h3{margin:0;font-size:18px;font-weight:600;position:relative;z-index:1}.uasg-modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;position:relative;z-index:1;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.uasg-modal-close:hover{background:#fff3;transform:rotate(90deg)}.uasg-modal-body{padding:20px}.uasg-form-group{margin-bottom:20px}.uasg-form-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#333}.uasg-form-label:after{content:" *";color:#f44336}.uasg-form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .2s;box-sizing:border-box}.uasg-form-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.uasg-form-input::placeholder{color:#999}.uasg-modal-footer{padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px}.uasg-btn{padding:8px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;min-width:80px;position:relative;overflow:hidden}.uasg-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.uasg-btn:hover:before{left:100%}.uasg-btn-cancel{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);color:#fff;box-shadow:0 2px 4px #ff711c4d;border:none}.uasg-btn-cancel:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ff711c66}.uasg-btn-primary{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 2px 4px #4caf5033;border:none}.uasg-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.uasg-circle-decoration{position:absolute;border-radius:50%;z-index:0}.uasg-circle-1{top:20px;left:20px;width:60px;height:60px;background:#ffffff0d}.uasg-circle-2{bottom:10px;right:40px;width:40px;height:40px;background:#ffffff12}.uasg-circle-3{top:50%;left:10px;transform:translateY(-50%);width:30px;height:30px;background:#ffffff0a}@media (max-width: 480px){.uasg-modal{width:95%;margin:10px}.uasg-modal-header{padding:14px 16px}.uasg-modal-header h3{font-size:16px}.uasg-modal-close{width:28px;height:28px;font-size:22px}.uasg-modal-body{padding:16px}.uasg-form-group{margin-bottom:16px}.uasg-form-input{padding:8px 10px;font-size:13px}.uasg-modal-footer{padding:12px 16px;flex-direction:column;gap:8px}.uasg-btn{padding:10px 16px;font-size:13px;min-width:100%}.uasg-modal-header:before{width:80px;height:80px;top:-40px;right:-40px}.uasg-modal-header:after{width:60px;height:60px;bottom:-20px;left:-20px}}@keyframes uasg-input-focus{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.uasg-form-input:focus{animation:uasg-input-focus .6s ease-out}.astg-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden}.astg-modal{background:#fff;border-radius:8px;width:90%;max-width:900px;max-height:85vh;box-shadow:0 4px 20px #00000026;overflow:hidden;animation:astg-modal-appear .3s ease-out;display:flex;flex-direction:column}@keyframes astg-modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.astg-modal-header{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;flex-shrink:0;min-height:70px}.astg-modal-header:before{content:"";position:absolute;top:-40px;right:-40px;width:80px;height:80px;border-radius:50%;background:#ffffff1a}.astg-modal-header:after{content:"";position:absolute;bottom:-20px;left:-20px;width:60px;height:60px;border-radius:50%;background:#ffffff14}.astg-header-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.astg-header-icon{background:#fff3;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.astg-header-icon svg{font-size:20px}.astg-header-text{flex:1;min-width:0}.astg-modal-header h3{margin:0 0 2px;font-size:16px;font-weight:600;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.astg-header-subtitle{margin:0;font-size:11px;opacity:.9;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.astg-modal-close{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;position:relative;z-index:1;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-shrink:0;margin-left:10px}.astg-modal-close:hover{background:#fff3;transform:rotate(90deg)}.astg-selected-section{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:12px 16px;flex-shrink:0;animation:astg-section-slide .3s ease}@keyframes astg-section-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.astg-selected-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.astg-selected-header h4{margin:0;font-size:14px;color:#333;font-weight:600;display:flex;align-items:center;gap:8px}.astg-save-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s}.astg-save-btn:hover{opacity:.9;transform:translateY(-1px)}.astg-selected-chips{display:flex;flex-wrap:wrap;gap:8px;max-height:60px;overflow-y:auto;padding-right:4px}.astg-selected-chip{background:#fff;border:1px solid #4CAF50;border-radius:16px;padding:4px 8px;display:flex;align-items:center;gap:6px;animation:astg-chip-appear .3s ease;box-shadow:0 1px 3px #4caf501a}@keyframes astg-chip-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.astg-chip-code{background:#4caf50;color:#fff;padding:2px 8px;border-radius:10px;font-weight:600;font-size:11px;min-width:24px;text-align:center}.astg-chip-remove{background:#ff5252;border:none;color:#fff;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;flex-shrink:0}.astg-chip-remove:hover{background:#ff1744;transform:scale(1.1)}.astg-chip-icon{font-size:12px!important}.astg-modal-body{padding:16px;flex:1;overflow:hidden;display:flex;flex-direction:column;gap:12px}.astg-search-container{display:flex;gap:8px;flex-shrink:0}.astg-search-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px}.astg-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.astg-clear-search{background:#f5f5f5;border:1px solid #ddd;color:#666;padding:8px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.astg-clear-search:hover{background:#e9ecef}.astg-shifts-details{background:#fff;border-radius:6px;border:1px solid #e9ecef;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.astg-details-header{background:#f8f9fa;padding:10px 12px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.astg-details-header h4{margin:0;font-size:14px;color:#333;font-weight:600}.astg-total-shifts{background:#e3f2fd;color:#1565c0;padding:3px 8px;border-radius:10px;font-size:12px;font-weight:500}.astg-shifts-table-container{overflow:auto;flex:1;min-height:0}.astg-shifts-table{width:100%;border-collapse:collapse;font-size:12px;min-width:700px}.astg-shifts-table th{background:#f5f5f5;padding:10px 8px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd;white-space:nowrap;position:sticky;top:0;z-index:10}.astg-shifts-table td{padding:10px 8px;border-bottom:1px solid #eee;color:#333;vertical-align:middle}.astg-shifts-table tr:hover{background:#f8f9fa}.astg-col-code{width:70px;min-width:70px}.astg-col-name{width:100px;min-width:100px}.astg-col-time{width:80px;min-width:80px}.astg-col-threshold{width:120px;min-width:120px}.astg-col-actions{width:100px;min-width:100px;text-align:center}.astg-shift-code{display:inline-block;background:#2196f3;color:#fff;padding:3px 6px;border-radius:3px;font-size:11px;font-weight:600;text-align:center;min-width:30px}.astg-time-input-container{position:relative}.astg-time-input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;font-family:monospace;text-align:center;letter-spacing:1px}.astg-time-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.astg-time-input::placeholder{color:#bbb;letter-spacing:normal;opacity:.7}.astg-no-shifts{padding:40px 20px;text-align:center;color:#666;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:200px}.astg-no-shifts-content{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:300px}.astg-no-shifts-icon{font-size:48px;opacity:.5}.astg-no-shifts-title{font-size:16px;font-weight:600;color:#333}.astg-no-shifts-message{font-size:13px;line-height:1.4;color:#666}.astg-clear-search-btn{background:#f5f5f5;border:1px solid #ddd;color:#666;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;margin-top:8px}.astg-clear-search-btn:hover{background:#e9ecef}.astg-assign-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;transition:all .3s;white-space:nowrap}.astg-assign-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.astg-assign-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6;transform:none}.astg-btn-icon{font-size:14px!important}.astg-modal-footer{padding:12px 16px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.astg-btn{padding:8px 20px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s;min-width:100px;position:relative;overflow:hidden}.astg-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.astg-btn:hover:before{left:100%}.astg-btn-cancel{background:linear-gradient(90deg,#ff711c,#f74231,#fd2a6d);color:#fff;box-shadow:0 2px 4px #ff711c4d;border:none}.astg-btn-cancel:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ff711c66}.astg-btn-primary{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 2px 4px #4caf5033;border:none}.astg-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}@media (max-width: 768px){.astg-modal{width:95%;max-width:95%;max-height:90vh;margin:10px}.astg-selected-chips{max-height:50px}.astg-shifts-table{font-size:11px}.astg-shifts-table th,.astg-shifts-table td{padding:8px 6px}.astg-col-code{width:60px;min-width:60px}.astg-col-name{width:80px;min-width:80px}.astg-col-time{width:70px;min-width:70px}.astg-col-threshold{width:100px;min-width:100px}.astg-col-actions{width:90px;min-width:90px}.astg-modal-footer{flex-direction:column}.astg-btn{width:100%;min-width:auto}}.astg-selected-chips::-webkit-scrollbar,.astg-shifts-table-container::-webkit-scrollbar{width:4px;height:4px}.astg-selected-chips::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.astg-shifts-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.astg-selected-chips::-webkit-scrollbar-thumb,.astg-shifts-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.astg-selected-chips::-webkit-scrollbar-thumb:hover,.astg-shifts-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.lr-container{min-height:100vh;background:#f5f7fa;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.lr__report-container{background:#fff;border-radius:8px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;overflow:hidden;animation:slideUp .3s ease}.lr__header{padding:16px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.lr__header-content{flex:1}.lr__title{font-size:20px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}.lr__title-icon{font-size:22px!important}.lr__subtitle{font-size:13px;opacity:.9;margin:0;font-weight:400}.lr__header-actions{display:flex;flex-direction:column;gap:8px}.lr__action-buttons{display:flex;gap:8px}.lr__action-button{padding:8px 16px;border:none;border-radius:4px;font-weight:500;font-size:13px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;min-width:100px;justify-content:center;height:36px}.lr__action-button--export{background:#4caf50;color:#fff}.lr__action-button--export:hover:not(:disabled){background:#3d8b40;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lr__action-button--view{background:#fff;color:#2196f3}.lr__action-button--view:hover:not(:disabled){background:#e3f2fd;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lr__action-button--reset{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.lr__action-button--reset:hover:not(:disabled){background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.lr__action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.lr__filters-section{padding:16px 20px;background:#fafafa;border-bottom:1px solid #eeeeee}.lr__filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.lr__filters-title{font-size:15px;font-weight:600;color:#424242;margin:0;display:flex;align-items:center;gap:6px}.lr__filters-actions{display:flex;gap:6px;flex-wrap:wrap}.lr__filter-tag{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:4px 8px;font-size:11px;color:#616161;display:inline-flex;align-items:center;gap:4px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;height:24px}.lr__filter-tag-remove{background:none;border:none;color:#9e9e9e;cursor:pointer;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease}.lr__filter-tag-remove:hover{background:#eee;color:#616161}.lr__filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.lr__filter-group{display:flex;flex-direction:column;gap:6px}.lr__filter-label{font-size:13px;font-weight:500;color:#616161;display:flex;align-items:center;gap:4px}.lr__filter-select{font-size:13px}.lr__filter-select .lr-select__control{border:1px solid #e0e0e0;border-radius:4px;min-height:36px;transition:all .15s ease;background:#fff;box-shadow:none;font-size:13px}.lr__filter-select .lr-select__control:hover{border-color:#2196f3}.lr__filter-select .lr-select__control--is-focused{border-color:#2196f3;box-shadow:0 0 0 1px #2196f3}.lr__filter-select .lr-select__menu{z-index:1000;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-radius:4px;border:1px solid #eeeeee;font-size:13px}.lr__filter-select .lr-select__option{padding:8px 12px;font-size:13px}.lr__filter-select .lr-select__option--is-selected{background-color:#e3f2fd;color:#2196f3}.lr__filter-select .lr-select__option--is-focused{background-color:#f5f5f5}.lr__select-placeholder{display:flex;align-items:center;gap:6px;color:#9e9e9e;font-size:13px}.lr__employee-option{display:flex;align-items:center;gap:8px;padding:4px 0}.lr__employee-info{display:flex;flex-direction:column}.lr__employee-name{font-weight:500;color:#424242;font-size:13px}.lr__employee-details{display:flex;flex-direction:column;gap:1px}.lr__employee-id,.lr__employee-dept{font-size:10px;color:#9e9e9e}.lr__date-input-container{position:relative}.lr__date-input{width:100%;padding:8px 32px 8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;font-family:Segoe UI,sans-serif;background:#fff;color:#424242;height:36px;transition:all .15s ease}.lr__date-input:hover{border-color:#2196f3}.lr__date-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 1px #2196f3}.lr__date-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9e9e9e;pointer-events:none}.lr__table-section{padding:16px 20px}.lr__table-wrapper{border:1px solid #eeeeee;border-radius:6px;overflow:hidden;background:#fff}.lr__table-container{max-height:400px;overflow:auto;scrollbar-width:thin;scrollbar-color:#2196F3 #eeeeee}.lr__table-container::-webkit-scrollbar{width:6px;height:6px}.lr__table-container::-webkit-scrollbar-track{background:#eee}.lr__table-container::-webkit-scrollbar-thumb{background:#2196f3;border-radius:3px}.lr__table{width:100%;border-collapse:collapse;min-width:1400px;font-size:12px}.lr__table-header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#2196f3,#0d47a1)}.lr__table-header-cell{padding:10px 8px;font-size:11px;font-weight:600;color:#fff;text-align:left;white-space:nowrap;position:relative;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.3px}.lr__table-header-cell--sticky{position:sticky;left:0;z-index:11;background:inherit;min-width:40px}.lr__table-body{background:#fff}.lr__table-row{border-bottom:1px solid #f5f5f5;transition:all .15s ease;position:relative}.lr__table-row:hover{background:#e3f2fd}.lr__table-row:nth-child(2n){background:#fafafa}.lr__table-row:nth-child(2n):hover{background:#e3f2fd}.lr__table-cell{padding:10px 8px;font-size:12px;color:#616161;border-right:1px solid #f5f5f5;white-space:nowrap;font-family:Segoe UI,sans-serif}.lr__table-cell--sticky-no{position:sticky;left:0;z-index:5;background:inherit;font-weight:500;min-width:40px;border-right:2px solid #eeeeee}.lr__row-index{font-weight:500;color:#2196f3;text-align:center;font-size:11px}.lr__emp-no{font-family:Monaco,Consolas,monospace;font-weight:500;color:#424242;font-size:11px}.lr__emp-name{display:flex;flex-direction:column;gap:2px;min-width:120px}.lr__emp-name-primary{font-weight:500;color:#424242;font-size:12px}.lr__emp-designation{font-size:10px;color:#9e9e9e}.lr__dept,.lr__organization{color:#616161;font-size:11px}.lr__reporting-manager{display:flex;align-items:center;gap:4px;font-size:11px;color:#616161}.lr__leave-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;min-width:80px;border:1px solid transparent}.lr__leave-type-badge--color-1{background:#2196f31a;color:#2196f3;border-color:#2196f333}.lr__leave-type-badge--color-2{background:#ff98001a;color:#ff9800;border-color:#ff980033}.lr__leave-type-badge--color-3{background:#4caf501a;color:#4caf50;border-color:#4caf5033}.lr__leave-type-badge--color-4{background:#e91e631a;color:#e91e63;border-color:#e91e6333}.lr__leave-type-badge--color-5{background:#3f51b51a;color:#3f51b5;border-color:#3f51b533}.lr__leave-type-badge--color-6{background:#ff57221a;color:#ff5722;border-color:#ff572233}.lr__date-range{display:flex;align-items:center;justify-content:space-between;min-width:140px;background:linear-gradient(135deg,#f8fbff,#f0f9ff);border-radius:6px;padding:8px 12px;border:1px solid #E3F2FD;box-shadow:0 2px 8px #2196f314;transition:all .15s ease}.lr__table-row:hover .lr__date-range{background:linear-gradient(135deg,#e8f4fe,#e0f2fe);border-color:#2196f3;box-shadow:0 4px 12px #2196f31f;transform:translateY(-1px)}.lr__date-from,.lr__date-to{display:flex;flex-direction:column;align-items:center;flex:1}.lr__date-from{color:#2196f3}.lr__date-to{color:#0d47a1}.lr__date-label{font-size:9px;color:#757575;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-weight:600}.lr__date-value{font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px}.lr__date-icon{font-size:10px;opacity:.8}.lr__duration{display:flex;flex-direction:column;gap:2px;align-items:center}.lr__total-days{font-weight:500;color:#424242;font-size:11px}.lr__reason{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#616161}.lr__application-date{font-size:11px;color:#616161}.lr__status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;min-width:80px;border:1px solid transparent}.lr__status-badge--approved{background:#4caf501a;color:#4caf50;border-color:#4caf5033}.lr__status-badge--pending{background:#ff98001a;color:#ff9800;border-color:#ff980033}.lr__status-badge--rejected{background:#f443361a;color:#f44336;border-color:#f4433633}.lr__status-icon{display:flex;align-items:center}.lr__approver-info{display:flex;flex-direction:column;gap:2px;min-width:100px}.lr__approver{font-size:11px;color:#424242}.lr__approval-date{font-size:10px;color:#9e9e9e}.lr__attachment-button{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#e3f2fd;color:#2196f3;border:none;border-radius:4px;font-size:10px;cursor:pointer;transition:all .15s ease}.lr__attachment-button:hover{background:#2196f3;color:#fff;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lr__no-attachment{font-size:10px;color:#9e9e9e;font-style:italic}.lr__comments{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#616161}.lr__message-row{height:300px}.lr__instruction-cell,.lr__loading-cell,.lr__error-cell,.lr__empty-cell{text-align:center;vertical-align:middle;background:#fafafa}.lr__instruction-box{max-width:600px;margin:0 auto;padding:32px}.lr__instruction-icon{width:60px;height:60px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#2196f3}.lr__instruction-title{font-size:18px;font-weight:600;color:#424242;margin:0 0 8px}.lr__instruction-text{font-size:14px;color:#616161;margin:0 0 24px;line-height:1.4}.lr__instruction-steps{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:24px}.lr__instruction-step{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px;font-size:13px;line-height:1.4}.lr__step-number{width:24px;height:24px;background:#2196f3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:12px;margin-top:2px}.lr__instruction-action{margin-top:20px}.lr__loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}.lr__loading-text{text-align:center}.lr__loading-text h3{font-size:16px;font-weight:600;color:#424242;margin:0 0 6px}.lr__loading-text p{font-size:13px;color:#616161;margin:0 0 12px}.lr__loading-progress{width:200px;margin:0 auto}.lr__error-box,.lr__empty-box{max-width:400px;margin:0 auto;padding:32px;text-align:center}.lr__error-icon{margin-bottom:16px;color:#f44336}.lr__error-title{font-size:16px;font-weight:600;color:#424242;margin:0 0 8px}.lr__error-text{font-size:14px;color:#616161;margin:0 0 20px;line-height:1.4}.lr__error-actions{display:flex;gap:10px;justify-content:center}.lr__error-retry,.lr__error-reset{padding:8px 16px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;font-size:13px;height:32px}.lr__error-retry{background:#2196f3;color:#fff}.lr__error-retry:hover{background:#0d47a1;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lr__error-reset{background:#fff;color:#616161;border:1px solid #e0e0e0}.lr__error-reset:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lr__empty-icon{margin-bottom:16px;color:#bdbdbd}.lr__empty-title{font-size:16px;font-weight:600;color:#424242;margin:0 0 8px}.lr__empty-text{font-size:14px;color:#616161;margin:0 0 20px;line-height:1.4}.lr__empty-actions{display:flex;gap:10px;justify-content:center}.lr__empty-action{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;color:#616161;border-radius:4px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;font-size:13px;height:32px}.lr__empty-action.primary{background:#2196f3;color:#fff;border-color:#2196f3}.lr__empty-action:hover{transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lr__empty-action.primary:hover{background:#0d47a1}.lr__footer-info{padding:12px 20px;background:#fafafa;border-top:1px solid #eeeeee;font-size:12px}.lr__footer-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.lr__footer-stat{display:flex;align-items:center;gap:6px;font-size:12px}.lr__footer-stat-label{color:#616161;font-weight:500;display:flex;align-items:center;gap:3px}.lr__footer-stat-value{font-weight:500;color:#424242;background:#fff;padding:2px 8px;border-radius:4px;border:1px solid #eeeeee;min-width:60px;text-align:center;font-size:11px}@media (max-width: 1200px){.lr__filters-grid{grid-template-columns:1fr}.lr__header{flex-direction:column;gap:12px}.lr__header-actions{width:100%}.lr__action-buttons{flex-wrap:wrap}.lr__action-button{flex:1;min-width:120px}}@media (max-width: 768px){.lr-container{padding:12px}.lr__header,.lr__filters-section,.lr__table-section,.lr__footer-info{padding:12px 16px}.lr__title{font-size:18px}.lr__footer-content{flex-direction:column;align-items:flex-start;gap:8px}.lr__table-container{max-height:350px}.lr__filters-actions{width:100%;order:3;margin-top:8px}.lr__table{min-width:1200px}}@media (max-width: 480px){.lr__action-button{min-width:100%}.lr__action-buttons{flex-direction:column}.lr__instruction-box,.lr__error-box,.lr__empty-box{padding:20px;margin:0 12px}.lr__filters-header{flex-direction:column;align-items:flex-start}.lr__table{min-width:1000px}}.lbr-container{min-height:100vh;background:#f5f7fa;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.lbr__report-container{background:#fff;border-radius:8px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;overflow:hidden;animation:slideUp .3s ease}.lbr__header{padding:16px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.lbr__header-content{flex:1}.lbr__title{font-size:20px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}.lbr__title-icon{font-size:22px!important}.lbr__subtitle{font-size:13px;opacity:.9;margin:0;font-weight:400}.lbr__header-actions{display:flex;flex-direction:column;gap:8px}.lbr__action-buttons{display:flex;gap:8px}.lbr__action-button{padding:8px 16px;border:none;border-radius:4px;font-weight:500;font-size:13px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;min-width:100px;justify-content:center;height:36px}.lbr__action-button--export{background:#4caf50;color:#fff}.lbr__action-button--export:hover:not(:disabled){background:#3d8b40;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lbr__action-button--view{background:#fff;color:#2196f3}.lbr__action-button--view:hover:not(:disabled){background:#e3f2fd;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lbr__action-button--reset{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.lbr__action-button--reset:hover:not(:disabled){background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.lbr__action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.lbr__filters-section{padding:16px 20px;background:#fafafa;border-bottom:1px solid #eeeeee}.lbr__filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.lbr__filters-title{font-size:15px;font-weight:600;color:#424242;margin:0;display:flex;align-items:center;gap:6px}.lbr__filters-actions{display:flex;gap:6px;flex-wrap:wrap}.lbr__filter-tag{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:4px 8px;font-size:11px;color:#616161;display:inline-flex;align-items:center;gap:4px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;height:24px}.lbr__filter-tag-remove{background:none;border:none;color:#9e9e9e;cursor:pointer;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease}.lbr__filter-tag-remove:hover{background:#eee;color:#616161}.lbr__filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.lbr__filter-group{display:flex;flex-direction:column;gap:6px}.lbr__filter-label{font-size:13px;font-weight:500;color:#616161;display:flex;align-items:center;gap:4px}.lbr__filter-select{font-size:13px}.lbr__filter-select .lbr-select__control{border:1px solid #e0e0e0;border-radius:4px;min-height:36px;transition:all .15s ease;background:#fff;box-shadow:none;font-size:13px}.lbr__filter-select .lbr-select__control:hover{border-color:#2196f3}.lbr__filter-select .lbr-select__control--is-focused{border-color:#2196f3;box-shadow:0 0 0 1px #2196f3}.lbr__filter-select .lbr-select__menu{z-index:1000;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-radius:4px;border:1px solid #eeeeee;font-size:13px}.lbr__filter-select .lbr-select__option{padding:8px 12px;font-size:13px}.lbr__filter-select .lbr-select__option--is-selected{background-color:#e3f2fd;color:#2196f3}.lbr__filter-select .lbr-select__option--is-focused{background-color:#f5f5f5}.lbr__select-placeholder{display:flex;align-items:center;gap:6px;color:#9e9e9e;font-size:13px}.lbr__employee-option{display:flex;align-items:center;gap:8px;padding:4px 0}.lbr__employee-info{display:flex;flex-direction:column}.lbr__employee-name{font-weight:500;color:#424242;font-size:13px}.lbr__employee-details{display:flex;flex-direction:column;gap:1px}.lbr__employee-id,.lbr__employee-dept{font-size:10px;color:#9e9e9e}.lbr__date-input-container{position:relative}.lbr__date-input{width:100%;padding:8px 32px 8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;font-family:Segoe UI,sans-serif;background:#fff;color:#424242;height:36px;transition:all .15s ease}.lbr__date-input:hover{border-color:#2196f3}.lbr__date-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 1px #2196f3}.lbr__date-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9e9e9e;pointer-events:none}.lbr__table-section{padding:16px 20px}.lbr__table-wrapper{border:1px solid #eeeeee;border-radius:6px;overflow:hidden;background:#fff}.lbr__table-container{max-height:500px;overflow:auto;scrollbar-width:thin;scrollbar-color:#2196F3 #eeeeee}.lbr__table-container::-webkit-scrollbar{width:6px;height:6px}.lbr__table-container::-webkit-scrollbar-track{background:#eee}.lbr__table-container::-webkit-scrollbar-thumb{background:#2196f3;border-radius:3px}.lbr__table{width:100%;border-collapse:collapse;min-width:1400px;font-size:12px}.lbr__table-header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#2196f3,#0d47a1)}.lbr__table-header-cell{padding:10px 8px;font-size:11px;font-weight:600;color:#fff;text-align:left;white-space:nowrap;position:relative;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.3px}.lbr__table-header-cell--sticky{position:sticky;left:0;z-index:11;background:inherit;min-width:40px}.lbr__table-body{background:#fff}.lbr__table-row{border-bottom:1px solid #f5f5f5;transition:all .15s ease;position:relative}.lbr__table-row:hover{background:#e3f2fd}.lbr__table-row:nth-child(2n){background:#fafafa}.lbr__table-row:nth-child(2n):hover{background:#e3f2fd}.lbr__table-cell{padding:10px 8px;font-size:12px;color:#616161;border-right:1px solid #f5f5f5;white-space:nowrap;font-family:Segoe UI,sans-serif}.lbr__table-cell--sticky-no{position:sticky;left:0;z-index:5;background:inherit;font-weight:500;min-width:40px;border-right:2px solid #eeeeee}.lbr__row-index{font-weight:500;color:#2196f3;text-align:center;font-size:11px}.lbr__emp-no{font-family:Monaco,Consolas,monospace;font-weight:500;color:#424242;font-size:11px}.lbr__emp-name{display:flex;flex-direction:column;gap:2px;min-width:120px}.lbr__emp-name-primary{font-weight:500;color:#424242;font-size:12px}.lbr__emp-designation{font-size:10px;color:#9e9e9e}.lbr__leave-group-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;min-width:80px;border:1px solid transparent}.lbr__leave-group--color-1{background:#2196f31a;color:#2196f3;border-color:#2196f333}.lbr__leave-group--color-2{background:#ff98001a;color:#ff9800;border-color:#ff980033}.lbr__leave-group--color-3{background:#4caf501a;color:#4caf50;border-color:#4caf5033}.lbr__leave-group--color-4{background:#e91e631a;color:#e91e63;border-color:#e91e6333}.lbr__leave-group--color-5{background:#3f51b51a;color:#3f51b5;border-color:#3f51b533}.lbr__leave-group--color-6{background:#ff57221a;color:#ff5722;border-color:#ff572233}.lbr__date{display:flex;align-items:center;font-size:11px;color:#424242}.lbr__leave-code{display:flex;flex-direction:column;gap:1px;min-width:80px}.lbr__leave-code-value{font-weight:600;color:#424242;font-size:11px;font-family:Monaco,Consolas,monospace}.lbr__leave-code-label{font-size:9px;color:#9e9e9e}.lbr__balance-cell{font-weight:600;font-size:12px;text-align:center;padding:4px 8px;border-radius:4px;background:#f5f5f5;color:#424242}.lbr__balance-cell--positive{background:#4caf501a;color:#4caf50}.lbr__balance-cell--negative{background:#f443361a;color:#f44336}.lbr__balance-cell--deduction{background:#ff98001a;color:#ff9800}.lbr__balance-cell--closing{background:#2196f31a;color:#2196f3;font-weight:700}.lbr__balance-cell--negative-total{background:#f4433633;color:#f44336;font-weight:700;border:1px solid rgba(244,67,54,.3)}.lbr__message-row{height:400px}.lbr__instruction-cell,.lbr__loading-cell,.lbr__error-cell,.lbr__empty-cell{text-align:center;vertical-align:middle;background:#fafafa}.lbr__instruction-box{max-width:600px;margin:0 auto;padding:32px}.lbr__instruction-icon{width:60px;height:60px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#2196f3}.lbr__instruction-title{font-size:18px;font-weight:600;color:#424242;margin:0 0 8px}.lbr__instruction-text{font-size:14px;color:#616161;margin:0 0 24px;line-height:1.4}.lbr__instruction-steps{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:24px}.lbr__instruction-step{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px;font-size:13px;line-height:1.4}.lbr__step-number{width:24px;height:24px;background:#2196f3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:12px;margin-top:2px}.lbr__instruction-action{margin-top:20px}.lbr__loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}.lbr__loading-text{text-align:center}.lbr__loading-text h3{font-size:16px;font-weight:600;color:#424242;margin:0 0 6px}.lbr__loading-text p{font-size:13px;color:#616161;margin:0 0 12px}.lbr__loading-progress{width:200px;margin:0 auto}.lbr__error-box,.lbr__empty-box{max-width:400px;margin:0 auto;padding:32px;text-align:center}.lbr__error-icon{margin-bottom:16px;color:#f44336}.lbr__error-title{font-size:16px;font-weight:600;color:#424242;margin:0 0 8px}.lbr__error-text{font-size:14px;color:#616161;margin:0 0 20px;line-height:1.4}.lbr__error-actions{display:flex;gap:10px;justify-content:center}.lbr__error-retry,.lbr__error-reset{padding:8px 16px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;font-size:13px;height:32px}.lbr__error-retry{background:#2196f3;color:#fff}.lbr__error-retry:hover{background:#0d47a1;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lbr__error-reset{background:#fff;color:#616161;border:1px solid #e0e0e0}.lbr__error-reset:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lbr__empty-icon{margin-bottom:16px;color:#bdbdbd}.lbr__empty-title{font-size:16px;font-weight:600;color:#424242;margin:0 0 8px}.lbr__empty-text{font-size:14px;color:#616161;margin:0 0 20px;line-height:1.4}.lbr__empty-actions{display:flex;gap:10px;justify-content:center}.lbr__empty-action{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;color:#616161;border-radius:4px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;font-size:13px;height:32px}.lbr__empty-action.primary{background:#2196f3;color:#fff;border-color:#2196f3}.lbr__empty-action:hover{transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.lbr__empty-action.primary:hover{background:#0d47a1}.lbr__footer-info{padding:12px 20px;background:#fafafa;border-top:1px solid #eeeeee;font-size:12px}.lbr__footer-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.lbr__footer-stat{display:flex;align-items:center;gap:6px;font-size:12px}.lbr__footer-stat-label{color:#616161;font-weight:500;display:flex;align-items:center;gap:3px}.lbr__footer-stat-value{font-weight:500;color:#424242;background:#fff;padding:2px 8px;border-radius:4px;border:1px solid #eeeeee;min-width:60px;text-align:center;font-size:11px}@media (max-width: 1200px){.lbr__filters-grid{grid-template-columns:1fr}.lbr__header{flex-direction:column;gap:12px}.lbr__header-actions{width:100%}.lbr__action-buttons{flex-wrap:wrap}.lbr__action-button{flex:1;min-width:120px}}@media (max-width: 768px){.lbr-container{padding:12px}.lbr__header,.lbr__filters-section,.lbr__table-section,.lbr__footer-info{padding:12px 16px}.lbr__title{font-size:18px}.lbr__footer-content{flex-direction:column;align-items:flex-start;gap:8px}.lbr__table-container{max-height:400px}.lbr__filters-actions{width:100%;order:3;margin-top:8px}.lbr__table{min-width:1200px}}@media (max-width: 480px){.lbr__action-button{min-width:100%}.lbr__action-buttons{flex-direction:column}.lbr__instruction-box,.lbr__error-box,.lbr__empty-box{padding:20px;margin:0 12px}.lbr__filters-header{flex-direction:column;align-items:flex-start}.lbr__table{min-width:1000px}}.opr-container{min-height:100vh;background:#f5f7fa;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.opr__report-container{background:#fff;border-radius:8px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.opr__header{padding:16px 20px;background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.opr__header-content{flex:1}.opr__title{font-size:20px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:8px}.opr__title-icon{font-size:22px!important}.opr__subtitle{font-size:13px;opacity:.9;margin:0;font-weight:400}.opr__header-actions{display:flex;flex-direction:column;gap:8px}.opr__action-buttons{display:flex;gap:8px}.opr__action-button{padding:8px 16px;border:none;border-radius:4px;font-weight:500;font-size:13px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;min-width:100px;justify-content:center;height:36px}.opr__action-button--export{background:#4caf50;color:#fff}.opr__action-button--export:hover:not(:disabled){background:#3d8b40;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.opr__action-button--view{background:#fff;color:#2196f3}.opr__action-button--view:hover:not(:disabled){background:#e3f2fd;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.opr__action-button--reset{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.opr__action-button--reset:hover:not(:disabled){background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.opr__action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.opr__filters-section{padding:16px 20px;background:#fafafa;border-bottom:1px solid #eeeeee}.opr__filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.opr__filters-title{font-size:15px;font-weight:600;color:#424242;margin:0;display:flex;align-items:center;gap:6px}.opr__filters-actions{display:flex;gap:6px;flex-wrap:wrap}.opr__filter-tag{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:4px 8px;font-size:11px;color:#616161;display:inline-flex;align-items:center;gap:4px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;height:24px}.opr__filter-tag-remove{background:none;border:none;color:#9e9e9e;cursor:pointer;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease}.opr__filter-tag-remove:hover{background:#eee;color:#616161}.opr__filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.opr__filter-group{display:flex;flex-direction:column;gap:6px}.opr__filter-label{font-size:13px;font-weight:500;color:#616161;display:flex;align-items:center;gap:4px}.opr__filter-select{font-size:13px}.opr__filter-select .opr-select__control{border:1px solid #e0e0e0;border-radius:4px;min-height:36px;transition:all .15s ease;background:#fff;box-shadow:none;font-size:13px}.opr__filter-select .opr-select__control:hover{border-color:#2196f3}.opr__filter-select .opr-select__control--is-focused{border-color:#2196f3;box-shadow:0 0 0 1px #2196f3}.opr__filter-select .opr-select__menu{z-index:1000;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-radius:4px;border:1px solid #eeeeee;font-size:13px}.opr__filter-select .opr-select__option{padding:8px 12px;font-size:13px}.opr__filter-select .opr-select__option--is-selected{background-color:#e3f2fd;color:#2196f3}.opr__filter-select .opr-select__option--is-focused{background-color:#f5f5f5}.opr__select-placeholder{display:flex;align-items:center;gap:6px;color:#9e9e9e;font-size:13px}.opr__employee-option{display:flex;align-items:center;gap:8px;padding:4px 0}.opr__employee-info{display:flex;flex-direction:column}.opr__employee-name{font-weight:500;color:#424242;font-size:13px}.opr__employee-details{display:flex;flex-direction:column;gap:1px}.opr__employee-id,.opr__employee-dept{font-size:10px;color:#9e9e9e}.opr__date-input-container{position:relative}.opr__date-input{width:100%;padding:8px 32px 8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;font-family:Segoe UI,sans-serif;background:#fff;color:#424242;height:36px;transition:all .15s ease}.opr__date-input:hover{border-color:#2196f3}.opr__date-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 1px #2196f3}.opr__date-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9e9e9e;pointer-events:none}.opr__table-section{padding:16px 20px}.opr__table-wrapper{border:1px solid #eeeeee;border-radius:6px;overflow:hidden;background:#fff}.opr__table-container{max-height:400px;overflow:auto;scrollbar-width:thin;scrollbar-color:#2196F3 #eeeeee}.opr__table-container::-webkit-scrollbar{width:6px;height:6px}.opr__table-container::-webkit-scrollbar-track{background:#eee}.opr__table-container::-webkit-scrollbar-thumb{background:#2196f3;border-radius:3px}.opr__table{width:100%;border-collapse:collapse;min-width:2200px;font-size:12px}.opr__table-header{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#2196f3,#0d47a1)}.opr__table-header-cell{padding:10px 8px;font-size:11px;font-weight:600;color:#fff;text-align:left;white-space:nowrap;position:relative;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.3px}.opr__table-header-cell--sticky{position:sticky;left:0;z-index:11;background:inherit;min-width:40px}.opr__table-body{background:#fff}.opr__table-row{border-bottom:1px solid #f5f5f5;transition:all .15s ease}.opr__table-row:hover{background:#e3f2fd}.opr__table-row:nth-child(2n){background:#fafafa}.opr__table-row:nth-child(2n):hover{background:#e3f2fd}.opr__table-cell{padding:10px 8px;font-size:12px;color:#616161;border-right:1px solid #f5f5f5;white-space:nowrap;font-family:Segoe UI,sans-serif}.opr__table-cell--sticky-no{position:sticky;left:0;z-index:5;background:inherit;font-weight:500;min-width:40px;border-right:2px solid #eeeeee}.opr__row-index{font-weight:500;color:#2196f3;text-align:center;font-size:11px}.opr__emp-no{font-family:Monaco,Consolas,monospace;font-weight:500;color:#424242;font-size:11px}.opr__emp-name{display:flex;flex-direction:column;gap:2px;min-width:120px}.opr__emp-name-primary{font-weight:500;color:#424242;font-size:12px}.opr__emp-designation{font-size:10px;color:#9e9e9e}.opr__dept,.opr__organization{color:#616161;font-size:11px}.opr__numeric-cell{font-weight:600;font-size:12px;text-align:center;padding:4px 8px;border-radius:4px;background:#f5f5f5;color:#424242}.opr__numeric-cell--positive{background:#4caf501a;color:#4caf50}.opr__numeric-cell--negative{background:#f443361a;color:#f44336}.opr__numeric-cell--warning{background:#ff98001a;color:#ff9800}.opr__category,.opr__grade{padding:4px 8px;background-color:#e3f2fd;border-radius:4px;text-align:center;font-size:12px;font-weight:500;color:#1565c0}.opr__date-range{font-size:12px;color:#666;white-space:nowrap}.opr__leave-text{font-size:12px;color:#424242;font-weight:500;line-height:1.5;white-space:normal;word-break:break-word;max-width:200px}.opr__deductions{display:flex;flex-direction:column;gap:4px;min-width:150px}.opr__deduction-item{display:flex;flex-direction:column;padding:4px 8px;background-color:#fff3e0;border-radius:4px;border-left:3px solid #ff9800;font-size:12px}.opr__deduction-head{font-weight:600;color:#b85c00}.opr__deduction-value{color:#666;font-size:11px;margin-top:2px}.opr__no-data{color:#999;font-style:italic;text-align:center;padding:8px}.opr__table-cell--leaves{min-width:150px}.opr__table-cell--deductions{min-width:200px}.opr__message-row{height:300px}.opr__instruction-cell,.opr__loading-cell,.opr__error-cell,.opr__empty-cell{text-align:center;vertical-align:middle;background:#fafafa}.opr__instruction-box{max-width:600px;margin:0 auto;padding:32px}.opr__instruction-icon{width:60px;height:60px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#2196f3}.opr__instruction-title{font-size:18px;font-weight:600;color:#424242;margin:0 0 8px}.opr__instruction-text{font-size:14px;color:#616161;margin:0 0 24px;line-height:1.4}.opr__instruction-steps{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:24px}.opr__instruction-step{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px;font-size:13px;line-height:1.4}.opr__step-number{width:24px;height:24px;background:#2196f3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:12px;margin-top:2px}.opr__instruction-action{margin-top:20px}.opr__loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}.opr__loading-text{text-align:center}.opr__loading-text h3{font-size:16px;font-weight:600;color:#424242;margin:0 0 6px}.opr__loading-text p{font-size:13px;color:#616161;margin:0 0 12px}.opr__loading-progress{width:200px;margin:0 auto}.opr__error-box,.opr__empty-box{max-width:400px;margin:0 auto;padding:32px;text-align:center}.opr__error-icon{margin-bottom:16px;color:#f44336}.opr__error-title{font-size:16px;font-weight:600;color:#424242;margin:0 0 8px}.opr__error-text{font-size:14px;color:#616161;margin:0 0 20px;line-height:1.4}.opr__error-actions{display:flex;gap:10px;justify-content:center}.opr__error-retry,.opr__error-reset{padding:8px 16px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;font-size:13px;height:32px}.opr__error-retry{background:#2196f3;color:#fff}.opr__error-retry:hover{background:#0d47a1;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.opr__error-reset{background:#fff;color:#616161;border:1px solid #e0e0e0}.opr__error-reset:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.opr__empty-icon{margin-bottom:16px;color:#bdbdbd}.opr__empty-title{font-size:16px;font-weight:600;color:#424242;margin:0 0 8px}.opr__empty-text{font-size:14px;color:#616161;margin:0 0 20px;line-height:1.4}.opr__empty-actions{display:flex;gap:10px;justify-content:center}.opr__empty-action{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;color:#616161;border-radius:4px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;font-size:13px;height:32px}.opr__empty-action.primary{background:#2196f3;color:#fff;border-color:#2196f3}.opr__empty-action:hover{transform:translateY(-1px);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.opr__empty-action.primary:hover{background:#0d47a1}.opr__footer-info{padding:12px 20px;background:#fafafa;border-top:1px solid #eeeeee;font-size:12px}.opr__footer-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.opr__footer-stat{display:flex;align-items:center;gap:6px;font-size:12px}.opr__footer-stat-label{color:#616161;font-weight:500;display:flex;align-items:center;gap:3px}.opr__footer-stat-value{font-weight:500;color:#424242;background:#fff;padding:2px 8px;border-radius:4px;border:1px solid #eeeeee;min-width:60px;text-align:center;font-size:11px}@media (max-width: 1200px){.opr__filters-grid{grid-template-columns:1fr}.opr__header{flex-direction:column;gap:12px}.opr__header-actions{width:100%}.opr__action-buttons{flex-wrap:wrap}.opr__action-button{flex:1;min-width:120px}}@media (max-width: 768px){.opr-container{padding:12px}.opr__header,.opr__filters-section,.opr__table-section,.opr__footer-info{padding:12px 16px}.opr__title{font-size:18px}.opr__footer-content{flex-direction:column;align-items:flex-start;gap:8px}.opr__table-container{max-height:350px}.opr__filters-actions{width:100%;order:3;margin-top:8px}.opr__table{min-width:2000px}}@media (max-width: 480px){.opr__action-button{min-width:100%}.opr__action-buttons{flex-direction:column}.opr__instruction-box,.opr__error-box,.opr__empty-box{padding:20px;margin:0 12px}.opr__filters-header{flex-direction:column;align-items:flex-start}.opr__table{min-width:1800px}}:root{--create-button: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--delete-button: linear-gradient(90deg, rgba(255, 113, 28, 1) 0%, rgba(247, 66, 49, 1) 50%, rgba(253, 42, 109, 1) 100%)}.gfr-container{display:flex;flex-direction:column;height:100%;font-family:Arial,sans-serif}.gfr__report-container{flex:1;padding:16px;margin:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;overflow:auto}.gfr__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gfr__title{font-size:18px;color:#55565b;margin:0}.gfr__action-buttons{display:flex;gap:12px}.gfr__export-button,.gfr__view-button{padding:10px 20px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;background:var(--create-button);box-shadow:0 2px 5px #0003}.gfr__export-button:hover,.gfr__view-button:hover{background:var(--delete-button);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.gfr__filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:20px}.gfr__filter-group{display:flex;flex-direction:column;min-width:160px}.gfr__filter-select{font-size:13px;min-width:180px}.gfr__filter-label{font-size:13px;margin-bottom:4px;color:#555}.gfr__date-input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;height:32px}.select__control{min-height:32px!important}.select__value-container{padding:0 8px!important}.select__multi-value{font-size:12px!important}.select__placeholder{font-size:13px!important}.gfr__table-wrapper{margin-top:15px}.gfr__table-scroll-container{overflow-x:auto;position:relative;border:1px solid #e0e0e0;border-radius:8px;max-height:100vh}.gfr__table{width:100%;border-collapse:collapse;min-width:1200px;font-size:12px}.gfr__table-head{background:#0070c0;position:sticky;top:0;z-index:2}.gfr__table-header{padding:6px 4px;font-size:11px;font-weight:600;color:#fff;text-align:center;border:1px solid white;white-space:nowrap}.gfr__day-header{font-size:10px;line-height:1.2}.gfr__table-body{background-color:#fff}.gfr__employee-row{background-color:#e6f2ff}.gfr__data-row{background-color:#fff}.gfr__data-row:nth-child(odd){background-color:#f9f9f9}.gfr__spacer-row{height:10px;background-color:#f0f0f0}.gfr__employee-details{padding:4px;font-size:11px;color:#55565b;text-align:left;border:1px solid #e0e0e0;vertical-align:top;min-width:160px}.gfr__employee-info{display:flex;flex-direction:column;gap:8px}.gfr__employee-row-flex{display:flex;align-items:flex-start;margin-bottom:2px;flex-wrap:wrap}.gfr__employee-label{font-weight:700;min-width:60px;margin-right:4px;white-space:nowrap}.gfr__employee-value{flex:1;word-break:break-word}.gfr__table-cell{padding:4px 6px;font-size:11px;color:#55565b;text-align:center;border:1px solid #e0e0e0;white-space:nowrap;height:30px}.gfr__location-cell{white-space:normal;word-break:break-word;max-width:130px;min-width:80px;line-height:1.4;vertical-align:middle;height:auto}.gfr__weekend-cell{background-color:#fff9e6}.gfr__weekend-header{background-color:#1a3a6b!important;color:#fc0!important}.gfr__summary-cell{background-color:#e2efda;font-weight:700}.gfr__message-row{height:300px;position:relative}.gfr__loading-cell,.gfr__error-cell,.gfr__instruction-cell{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;padding:20px}.gfr__instruction-box{background-color:#f0f8ff;border-left:5px solid #0070c0;border-radius:4px;padding:20px;box-shadow:0 2px 8px #0000000d;display:inline-block;max-width:80%}.gfr__instruction-box p{margin:0;font-size:15px;color:#0070c0;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.gfr__loading-cell .gfr__message-box{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:#0070c0}.gfr__error-cell .MuiAlert-root{width:fit-content;margin:auto}.gfr__status-legend{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.gfr__status-item{display:flex;align-items:center;gap:4px;font-size:12px}.gfr__status-color{width:12px;height:12px;border-radius:2px}.gfr__status-p{background-color:#2e7d32}.gfr__status-a{background-color:#d32f2f}.gfr__status-ph{background-color:#7b1fa2}.gfr__status-pi{background-color:#ed6c02}.gfr__status-px{background-color:#f57c00}:root{--primary: #2196F3;--primary-dark: #0d47a1;--primary-light: #bbdefb;--gradient: linear-gradient(135deg, #2196F3, #0d47a1);--white: #ffffff;--bg: #f0f4ff;--surface: #ffffff;--border: #e3eaf5;--text-primary: #1a2340;--text-secondary: #5a6a85;--text-muted: #9aaabb;--success: #4caf50;--warning: #ff9800;--danger: #f44336;--absent: #ffebee;--present: #e8f5e9;--shadow-sm: 0 2px 8px rgba(33,150,243,.08);--shadow-md: 0 4px 20px rgba(33,150,243,.13);--shadow-lg: 0 8px 32px rgba(13,71,161,.18);--radius: 12px;--radius-lg: 18px}*{box-sizing:border-box;margin:0;padding:0}.ma-root{min-height:100vh;background:var(--bg);font-family:Nunito,sans-serif;color:var(--text-primary)}.ma-header{background:var(--gradient);padding:0 32px;height:64px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100}.ma-header-icon{color:#fff;display:flex;align-items:center}.ma-header h1{color:#fff;font-size:1.25rem;font-weight:800;letter-spacing:.3px}.ma-header-sub{color:#ffffffb3;font-size:.78rem;margin-left:4px;margin-top:2px}.ma-main{padding:28px 32px;max-width:1400px;margin:0 auto}.ma-filter-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px 28px 20px;margin-bottom:24px;border:1px solid var(--border)}.ma-filter-title{font-size:.78rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:18px;display:flex;align-items:center;gap:8px}.ma-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px 18px;align-items:end}.ma-field{display:flex;flex-direction:column;gap:5px}.ma-field label{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.ma-field input,.ma-field select{height:40px;border:1.5px solid var(--border);border-radius:8px;padding:0 12px;font-size:.88rem;font-family:Nunito,sans-serif;color:var(--text-primary);background:#f8fbff;outline:none;transition:border-color .2s,box-shadow .2s}.ma-field input:focus,.ma-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2196f31f;background:#fff}.ma-filter-actions{display:flex;gap:10px;align-items:flex-end;padding-bottom:1px}.ma-btn{height:40px;padding:0 20px;border-radius:8px;border:none;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .18s;white-space:nowrap}.ma-btn-primary{background:var(--gradient);color:#fff;box-shadow:0 3px 12px #2196f359}.ma-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2196f373}.ma-btn-outline{background:#fff;color:var(--primary);border:1.5px solid var(--primary)}.ma-btn-outline:hover{background:#e3f2fd}.ma-btn-success{background:linear-gradient(135deg,#43a047,#1b5e20);color:#fff;box-shadow:0 3px 10px #43a0474d}.ma-btn-success:hover{transform:translateY(-1px)}.ma-btn-sm{height:32px;padding:0 13px;font-size:.78rem;border-radius:6px}.ma-table-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden}.ma-table-header{background:var(--gradient);padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.ma-table-header-left{display:flex;align-items:center;gap:10px}.ma-table-header h2{color:#fff;font-size:.95rem;font-weight:800}.ma-table-badge{background:#ffffff38;color:#fff;font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:20px}.ma-table-header-actions{display:flex;gap:8px}.ma-table-wrap{overflow-x:auto}table.ma-table{width:100%;border-collapse:collapse;font-size:.875rem}.ma-table thead tr{background:#f0f6ff;border-bottom:2px solid var(--primary-light)}.ma-table thead th{padding:12px 16px;text-align:left;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:var(--primary-dark);white-space:nowrap}.ma-table tbody tr{border-bottom:1px solid #eef3fb;cursor:pointer;transition:background .15s}.ma-table tbody tr:hover{background:#e8f4fd}.ma-table tbody td{padding:12px 16px;color:var(--text-primary)}.ma-table tbody td:first-child{font-family:Roboto Mono,monospace;font-size:.8rem;color:var(--primary-dark);font-weight:600}.ma-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700}.ma-chip-present{background:var(--present);color:#2e7d32}.ma-chip-absent{background:var(--absent);color:#c62828}.ma-chip-partial{background:#fff8e1;color:#e65100}.ma-time{font-family:Roboto Mono,monospace;font-size:.82rem;font-weight:500}.ma-time-missing{color:var(--text-muted);font-style:italic;font-size:.78rem}.ma-empty{padding:64px 24px;text-align:center;color:var(--text-muted)}.ma-empty svg{opacity:.3;margin-bottom:12px}.ma-empty p{font-size:.9rem}.ma-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d47a140;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ma-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .22s ease}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.ma-modal-header{background:var(--gradient);padding:18px 24px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;justify-content:space-between}.ma-modal-header-info h3{color:#fff;font-size:1rem;font-weight:800}.ma-modal-header-info p{color:#ffffffbf;font-size:.78rem;margin-top:2px}.ma-modal-close{background:#ffffff2e;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.ma-modal-close:hover{background:#ffffff4d}.ma-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ma-modal-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.ma-summary-box{flex:1;min-width:110px;background:#f0f6ff;border-radius:10px;padding:12px 14px;border-left:3px solid var(--primary)}.ma-summary-box.absent{border-color:var(--danger);background:var(--absent)}.ma-summary-box.present{border-color:var(--success);background:var(--present)}.ma-summary-box .label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary)}.ma-summary-box .value{font-size:1.1rem;font-weight:800;color:var(--text-primary);margin-top:3px}.ma-section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:12px;display:flex;align-items:center;gap:7px}.ma-timeline{position:relative;padding-left:24px;margin-bottom:20px}.ma-timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--primary-light));border-radius:2px}.ma-timeline-item{position:relative;margin-bottom:10px;background:#f8fbff;border-radius:8px;padding:10px 14px;border:1px solid var(--border);display:flex;align-items:center;gap:12px}.ma-timeline-dot{position:absolute;left:-21px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px var(--primary)}.ma-timeline-dot.in{background:var(--success);box-shadow:0 0 0 2px var(--success)}.ma-timeline-dot.out{background:var(--danger);box-shadow:0 0 0 2px var(--danger)}.ma-timeline-time{font-family:Roboto Mono,monospace;font-size:.88rem;font-weight:600;min-width:70px}.ma-timeline-mode{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:12px}.ma-timeline-mode.in{background:var(--present);color:#2e7d32}.ma-timeline-mode.out{background:var(--absent);color:#c62828}.ma-timeline-actions{margin-left:auto;display:flex;gap:6px}.ma-add-punch{background:#f0f6ff;border-radius:10px;padding:16px;margin-bottom:20px;border:1.5px dashed var(--primary-light)}.ma-add-punch-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.ma-add-punch .ma-field{flex:1;min-width:120px}.ma-modal-footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:10px}.ma-excel-section{background:#f0f6ff;border-radius:var(--radius);padding:16px 20px;border:1px solid var(--border);margin-bottom:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ma-excel-section-info{flex:1;min-width:200px}.ma-excel-section-info h4{font-size:.9rem;font-weight:700;color:var(--text-primary)}.ma-excel-section-info p{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.ma-excel-actions{display:flex;gap:8px;flex-wrap:wrap}.ma-file-input{display:none}@media (max-width: 768px){.ma-main{padding:16px}.ma-filter-grid{grid-template-columns:1fr 1fr}.ma-modal{max-width:100%}}