@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;9..40,800&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@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=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:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+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=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=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:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&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__value-container{padding:2px 12px!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-200: #90caf9;--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-hover-bg: #f0f7ff;--sb-act-bg: #e3f2fd;--sb-act-color: #0d47a1;--sb-t: .22s cubic-bezier(.4, 0, .2, 1);--sb-font: "DM Sans", system-ui, sans-serif;--sb-radius: 9px;--sb-radius-lg: 12px;--sb-shadow: 0 4px 24px rgba(13, 71, 161, .1), 0 1px 4px rgba(13, 71, 161, .05)}.sb-loading{position:fixed;top:0;left:0;width:var(--sb-w);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:var(--sb-bg);border-right:1px solid var(--sb-border);font-family:var(--sb-font);font-size:.8rem;color:var(--sb-text-3);z-index:100}.sb-loading-spinner{width:26px;height:26px;border:3px solid var(--sb-blue-100);border-top-color:var(--sb-blue-500);border-radius:50%;animation:sbSpin .7s linear infinite}@keyframes sbSpin{to{transform:rotate(360deg)}}.sb-root{position:fixed;top:0;left:0;height:100vh;width:var(--sb-w);display:flex;flex-direction:column;background:var(--sb-bg);border-right:1px solid var(--sb-border);box-shadow:var(--sb-shadow);z-index:100;font-family:var(--sb-font);overflow:visible;transition:width var(--sb-t)}.sb-root--collapsed{width:var(--sb-w-col)}.sb-brand{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:52px;border-bottom:1px solid var(--sb-border);flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#f8fbff,#f0f7ff)}.sb-root--collapsed .sb-brand{justify-content:center;padding:8px}.sb-brand-logo{height:34px;width:auto;max-width:130px;object-fit:contain;flex-shrink:0;display:block;transition:max-width var(--sb-t),height var(--sb-t)}.sb-root--collapsed .sb-brand-logo{height:28px;max-width:28px}.sb-brand-name{font-size:.82rem;font-weight:800;letter-spacing:-.3px;background:var(--sb-grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sb-nav{flex:1;overflow-y:auto;overflow-x:visible;padding:6px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s}.sb-nav:hover{scrollbar-color:rgba(33,150,243,.25) transparent}.sb-nav::-webkit-scrollbar{width:2px}.sb-nav::-webkit-scrollbar-track{background:transparent}.sb-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:99px;transition:background .2s}.sb-nav:hover::-webkit-scrollbar-thumb{background:#2196f340}.sb-nav::-webkit-scrollbar-thumb:hover{background:#2196f373}.sb-item{position:relative}.sb-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--sb-radius);cursor:pointer;text-decoration:none;color:var(--sb-text-2);font-size:.8rem;font-weight:600;font-family:var(--sb-font);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:background var(--sb-t),color var(--sb-t);min-height:38px;white-space:nowrap;outline:none}.sb-row:hover{background:var(--sb-hover-bg);color:var(--sb-text-1)}.sb-row:focus-visible{outline:2px solid var(--sb-blue-500);outline-offset:1px}.sb-item--active>.sb-row{color:var(--sb-act-color);background:var(--sb-act-bg)}.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--expanded{background:var(--sb-hover-bg)}.sb-root--collapsed .sb-row{justify-content:center;padding:7px}.sb-row-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;color:var(--sb-text-3);transition:background var(--sb-t),color var(--sb-t)}.sb-row:hover .sb-row-icon{background:var(--sb-blue-50);color:var(--sb-blue-600)}.sb-item--active>.sb-row .sb-row-icon{background:var(--sb-grad);color:#fff;box-shadow:0 2px 8px #2196f347}.sb-row-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-row-arrow{color:var(--sb-text-3);flex-shrink:0;transition:transform var(--sb-t),color var(--sb-t)}.sb-row-arrow--open{transform:rotate(180deg)}.sb-row-hint{position:absolute;right:4px;font-size:.6rem!important;color:var(--sb-text-3);opacity:.4}.sb-submenu{overflow:hidden;max-height:0;opacity:0;margin-left:14px;padding-left:10px;border-left:2px solid var(--sb-border);transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease}.sb-submenu--open{max-height:900px;opacity:1}.sb-subitem{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;text-decoration:none;font-size:.76rem;font-weight:500;color:var(--sb-text-2);font-family:var(--sb-font);margin:1px 0;transition:background var(--sb-t),color var(--sb-t);white-space:nowrap;outline:none}.sb-subitem:hover{background:var(--sb-hover-bg);color:var(--sb-text-1)}.sb-subitem--active{background:var(--sb-act-bg);color:var(--sb-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-blue-500);width:6px;height:6px}.sb-user-footer{display:flex;align-items:center;gap:9px;padding:10px 12px;border-top:1px solid var(--sb-border);flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#f8fbff,#f0f7ff);transition:background var(--sb-t);cursor:default}.sb-user-footer:hover{background:#ebf5ff}.sb-root--collapsed .sb-user-footer{justify-content:center;padding:10px 8px}.sb-uf-avatar{position:relative;width:32px;height:32px;border-radius:50%;background:var(--sb-grad);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;font-family:var(--sb-font);border:2px solid var(--sb-blue-200)}.sb-uf-avatar-img,.sb-uf-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sb-uf-status{position:absolute;bottom:0;right:0;width:8px;height:8px;background:#43a047;border-radius:50%;border:2px solid #f0f7ff}.sb-uf-info{flex:1;min-width:0;overflow:hidden;transition:opacity var(--sb-t),max-width var(--sb-t);max-width:140px}.sb-root--collapsed .sb-uf-info{opacity:0;max-width:0;pointer-events:none}.sb-uf-name{font-size:.76rem;font-weight:700;color:var(--sb-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-uf-meta{font-size:.66rem;color:var(--sb-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sb-uf-logout{display:flex;align-items:center;gap:5px;margin-left:auto;padding:5px 7px;border-radius:7px;border:1px solid transparent;background:transparent;color:#4a608080;cursor:pointer;font-size:11.5px;font-weight:600;font-family:var(--sb-font);flex-shrink:0;white-space:nowrap;transition:background var(--sb-t),color var(--sb-t),border-color var(--sb-t)}.sb-uf-logout:hover{background:#ef44441a;border-color:#ef444440;color:#ef4444}.sb-root--collapsed .sb-uf-logout{margin-left:auto;padding:5px 6px}.sb-root--collapsed .sb-uf-logout span{display:none}.sb-flyout{position:fixed;z-index:200;background:#fff;border:1px solid var(--sb-border);border-radius:var(--sb-radius-lg);box-shadow:0 8px 28px #0d47a126,0 2px 8px #0000000f;min-width:200px;max-width:230px;padding:5px;overflow:hidden;animation:sbFlyoutIn .18s cubic-bezier(.34,1.56,.64,1) both}@keyframes sbFlyoutIn{0%{opacity:0;transform:translate(-8px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.sb-flyout:before{content:"";position:absolute;right:100%;top:0;width:10px;height:100%;background:transparent}.sb-flyout:after{content:"";position:absolute;right:calc(100% - 1px);top:18px;border:7px solid transparent;border-right-color:var(--sb-border);filter:drop-shadow(-1px 0 0 var(--sb-border))}.sb-flyout-header{padding:8px 12px 6px;border-bottom:1px solid var(--sb-border);margin-bottom:3px}.sb-flyout-title{font-size:.68rem;font-weight:800;color:var(--sb-blue-700);text-transform:uppercase;letter-spacing:.06em;font-family:var(--sb-font)}.sb-flyout-item{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--sb-text-2);font-size:.78rem;font-weight:500;font-family:var(--sb-font);text-decoration:none;transition:background var(--sb-t),color var(--sb-t);white-space:nowrap;outline:none}.sb-flyout-item:hover{background:var(--sb-hover-bg);color:var(--sb-text-1)}.sb-flyout-item--active{background:var(--sb-act-bg);color:var(--sb-act-color);font-weight:700}.sb-flyout-arrow{font-size:.75em!important;opacity:.4;flex-shrink:0;transition:opacity var(--sb-t)}.sb-flyout-item:hover .sb-flyout-arrow,.sb-flyout-item--active .sb-flyout-arrow{opacity:1}@media (max-width: 768px){.sb-root{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-root--mobile-open{transform:translate(0);box-shadow:6px 0 32px #0d47a12e}.sb-root .sb-brand{justify-content:flex-start;padding:8px 12px}.sb-root .sb-brand-logo{height:34px;max-width:130px}.sb-root .sb-brand-name{display:block}.sb-root .sb-row{justify-content:flex-start;padding:7px 8px}.sb-root .sb-row-label{display:block!important;opacity:1;max-width:unset}.sb-root .sb-row-arrow{display:flex;opacity:1}.sb-root .sb-row-hint{display:none}.sb-root .sb-uf-info{display:flex;opacity:1;max-width:140px;pointer-events:auto}.sb-root .sb-uf-logout span{display:inline}.sb-root .sb-user-footer{justify-content:flex-start;padding:10px 12px}.sb-flyout{display:none!important}}:root{--hd-h: 52px;--hd-bg: #ffffff;--hd-border: #e1ecf7;--hd-shadow: 0 1px 6px rgba(13,71,161,.07);--hd-blue: #2196f3;--hd-blue-dk: #1565c0;--hd-blue-lt: #e3f2fd;--hd-text-1: #0d1b2a;--hd-text-2: #4a6080;--hd-text-3: #8aa3bc;--hd-grad: linear-gradient(135deg,#2196F3 0%,#0d47a1 100%);--hd-t: .18s ease;--hd-font: "DM Sans", system-ui, sans-serif;--hd-r: 8px;--hd-r-lg: 12px}.hd-root{position:fixed;top:0;left:0;right:0;height:var(--hd-h);padding-right:16px;padding-top:0;padding-bottom:0;background:var(--hd-bg);border-bottom:1px solid var(--hd-border);box-shadow:var(--hd-shadow);display:flex;align-items:center;z-index:90;font-family:var(--hd-font);transition:padding-left .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.hd-left{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:0;overflow:hidden;margin-right:12px}.hd-toggle{width:34px;height:34px;flex-shrink:0;border-radius:var(--hd-r);border:1.5px solid var(--hd-border);background:transparent;color:var(--hd-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--hd-t),border-color var(--hd-t),color var(--hd-t)}.hd-toggle:hover{background:var(--hd-blue-lt);border-color:var(--hd-blue);color:var(--hd-blue-dk)}.hd-toggle:active{transform:scale(.9)}.hd-page-info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;overflow:hidden}.hd-page-title{font-size:14px;font-weight:700;color:var(--hd-text-1);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;font-family:var(--hd-font)}.hd-breadcrumb{display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;gap:0;margin-top:1px}.hd-bc-home{font-size:11px;font-weight:500;color:var(--hd-blue);text-decoration:none;white-space:nowrap;flex-shrink:0}.hd-bc-home:hover{text-decoration:underline}.hd-bc-sep{font-size:13px!important;color:var(--hd-text-3);flex-shrink:0;width:14px;height:14px}.hd-bc-item{font-size:11px;font-weight:500;color:var(--hd-text-3);white-space:nowrap;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.hd-bc-active{font-size:11px;font-weight:600;color:var(--hd-text-2);white-space:nowrap;flex-shrink:0}.hd-right{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:max-content}.hd-icon-btn{position:relative;width:34px;height:34px;border-radius:var(--hd-r);border:1.5px solid var(--hd-border);background:transparent;color:var(--hd-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--hd-t),border-color var(--hd-t),color var(--hd-t)}.hd-icon-btn:hover,.hd-icon-btn--on{background:#f0f7ff;border-color:#90caf9;color:var(--hd-blue-dk)}.hd-badge{position:absolute;top:3px;right:3px;min-width:15px;height:15px;padding:0 3px;background:#ef4444;border-radius:99px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:800;color:#fff;line-height:1;pointer-events:none;font-family:var(--hd-font)}.hd-sep{width:1px;height:24px;background:var(--hd-border);flex-shrink:0;margin:0 2px}.hd-pop-wrap{position:relative}.hd-notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:310px;background:#fff;border:1px solid var(--hd-border);border-radius:var(--hd-r-lg);box-shadow:0 10px 30px #0d47a121,0 2px 6px #0000000f;z-index:300;overflow:hidden;animation:hdSlideIn .17s ease both}.hd-notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 9px;border-bottom:1px solid var(--hd-border);background:linear-gradient(135deg,#f0f7ff,#e8f2fc);font-size:13px;font-weight:700;color:var(--hd-text-1);font-family:var(--hd-font)}.hd-notif-mark{font-size:11px;font-weight:600;color:var(--hd-blue);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;font-family:var(--hd-font);transition:background var(--hd-t)}.hd-notif-mark:hover{background:var(--hd-blue-lt)}.hd-notif-list{max-height:260px;overflow-y:auto}.hd-notif-list::-webkit-scrollbar{width:3px}.hd-notif-list::-webkit-scrollbar-thumb{background:var(--hd-border);border-radius:3px}.hd-notif-row{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background var(--hd-t)}.hd-notif-row:last-child{border-bottom:none}.hd-notif-row:hover{background:#f8faff}.hd-notif-row--new{background:#f0f7ff}.hd-notif-row--new:hover{background:#e3f2fd}.hd-notif-dot{width:6px;height:6px;border-radius:50%;background:var(--hd-blue);flex-shrink:0;margin-top:5px;opacity:0;transition:opacity var(--hd-t)}.hd-notif-row--new .hd-notif-dot{opacity:1}.hd-notif-text{font-size:12px;font-weight:500;color:var(--hd-text-1);margin:0;line-height:1.4;font-family:var(--hd-font)}.hd-notif-time{font-size:10.5px;color:var(--hd-text-3);margin-top:2px;display:block;font-family:var(--hd-font)}.hd-notif-foot{padding:9px 14px;border-top:1px solid var(--hd-border);text-align:center;background:#fafbff}.hd-notif-foot a{font-size:12px;font-weight:600;color:var(--hd-blue);text-decoration:none;font-family:var(--hd-font)}.hd-notif-foot a:hover{text-decoration:underline}.hd-user-btn{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 4px;border-radius:10px;border:1.5px solid var(--hd-border);background:transparent;cursor:pointer;font-family:var(--hd-font);transition:background var(--hd-t),border-color var(--hd-t);flex-shrink:0}.hd-user-btn:hover,.hd-user-btn--open{background:#f0f7ff;border-color:#90caf9}.hd-avatar{width:28px;height:28px;border-radius:50%;background:var(--hd-grad);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;font-family:var(--hd-font)}.hd-avatar img{width:100%;height:100%;object-fit:cover}.hd-user-meta{display:flex;flex-direction:column;line-height:1.2}.hd-user-name{font-size:12.5px;font-weight:600;color:var(--hd-text-1);white-space:nowrap}.hd-user-role{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#1e88e5}.hd-chevron{font-size:16px!important;color:var(--hd-text-3);transition:transform .22s ease;flex-shrink:0}.hd-user-btn--open .hd-chevron{transform:rotate(180deg)}.hd-user-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#fff;border:1px solid var(--hd-border);border-radius:var(--hd-r-lg);box-shadow:0 10px 30px #0d47a124,0 2px 6px #0000000f;z-index:300;overflow:hidden;animation:hdSlideIn .17s ease both}@keyframes hdSlideIn{0%{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hd-card-head{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid var(--hd-border);background:linear-gradient(135deg,#f0f7ff,#e8f2fc)}.hd-card-avatar{position:relative;width:38px;height:38px;border-radius:50%;background:var(--hd-grad);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;overflow:visible;font-family:var(--hd-font)}.hd-card-avatar img{width:38px;height:38px;border-radius:50%;object-fit:cover}.hd-card-avatar span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%}.hd-online-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;background:#43a047;border-radius:50%;border:2px solid #f0f7ff}.hd-card-info{min-width:0}.hd-card-name{font-size:13px;font-weight:700;color:var(--hd-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--hd-font)}.hd-card-empno{font-size:11px;color:var(--hd-text-3);margin-top:1px;font-family:var(--hd-font)}.hd-card-chip{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:99px;background:#e3f2fd;color:var(--hd-blue-dk);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-family:var(--hd-font)}.hd-drop-sep{height:1px;background:var(--hd-border);margin:3px 0}.hd-drop-item{display:flex;align-items:center;gap:9px;padding:9px 15px;font-size:13px;font-weight:500;color:var(--hd-text-2);font-family:var(--hd-font);cursor:pointer;transition:background var(--hd-t),color var(--hd-t);border:none;background:transparent;width:100%;text-align:left;text-decoration:none}.hd-drop-item:hover{background:#f0f7ff;color:var(--hd-text-1)}.hd-drop-item--danger{color:#ef4444}.hd-drop-item--danger:hover{background:#fef2f2;color:#dc2626}.hd-drop-ico{font-size:17px!important;color:var(--hd-text-3);flex-shrink:0;transition:color var(--hd-t)}.hd-drop-item:hover .hd-drop-ico{color:var(--hd-blue)}.hd-drop-item--danger:hover .hd-drop-ico{color:#dc2626}@media (max-width: 768px){.hd-root{padding-left:12px!important;padding-right:12px}.hd-user-meta,.hd-chevron{display:none}.hd-user-btn{padding:3px 5px}.hd-notif-panel{right:-12px;width:calc(100vw - 24px);max-width:340px}.hd-bc-item{display:none}}@media (max-width: 400px){.hd-page-title{font-size:13px}.hd-sep{display:none}}.ml-root{display:flex;min-height:100vh;background:#f0f6ff}.ml-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.ml-page{flex:1;padding:24px;margin-top:52px;min-height:calc(100vh - 52px);overflow-y:auto;overflow-x:hidden;animation:mlPageIn .22s ease both}@keyframes mlPageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ml-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050f236b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:98;animation:mlFade .22s ease both}@keyframes mlFade{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.ml-content{margin-left:0!important}.ml-page{padding:16px 14px 28px;margin-top:52px}}@media (min-width: 769px) and (max-width: 1024px){.ml-page{padding:20px}}.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%}}._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)}}: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}}.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}}:root{--adsm-font: "DM Sans", system-ui, sans-serif;--adsm-blue: #2196f3;--adsm-blue-dk: #0d47a1;--adsm-blue-lt: #e3f2fd;--adsm-blue-mid: #bbdefb;--adsm-text-1: #0d1b2a;--adsm-text-2: #4a6080;--adsm-text-3: #94a3b8;--adsm-border: #e1ecf7;--adsm-row-even: #f8fbff;--adsm-hover: #eef6ff;--adsm-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--adsm-r: 10px;--adsm-r-sm: 6px;--adsm-t: .18s ease;--adsm-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.adsm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:adsmFadeIn .2s ease both}@keyframes adsmFadeIn{0%{opacity:0}to{opacity:1}}.adsm-sheet{background:#fff;border-radius:var(--adsm-r);width:100%;max-width:1040px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--adsm-shadow);overflow:hidden;font-family:var(--adsm-font);animation:adsmSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes adsmSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.adsm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--adsm-grad);flex-shrink:0}.adsm-header-left{display:flex;align-items:center;gap:12px}.adsm-header-icon{width:34px;height:34px;border-radius:8px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.adsm-title{margin:0;font-size:15px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--adsm-font)}.adsm-tag{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:99px;background:#ffffff38;color:#ffffffeb;font-size:10px;font-weight:700;letter-spacing:.06em;font-family:var(--adsm-font)}.adsm-close-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--adsm-t),border-color var(--adsm-t);flex-shrink:0}.adsm-close-btn:hover{background:#ffffff40;border-color:#ffffff80}.adsm-close-btn:active{transform:scale(.92)}.adsm-toolbar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--adsm-blue-lt);border-bottom:1px solid var(--adsm-border);flex-shrink:0;flex-wrap:wrap}.adsm-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.adsm-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:#fff;border:1px solid var(--adsm-blue-mid);font-family:var(--adsm-font)}.adsm-chip--filtered{border-color:#93c5fd;background:#dbeafe}.adsm-chip-label{font-size:10.5px;font-weight:500;color:var(--adsm-text-3);text-transform:uppercase;letter-spacing:.04em}.adsm-chip-value{font-size:12px;font-weight:700;color:var(--adsm-blue-dk)}.adsm-search-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.adsm-search-ico{position:absolute;left:9px;color:var(--adsm-text-3);pointer-events:none;flex-shrink:0}.adsm-search-input{height:32px;width:240px;padding:0 28px 0 30px;border:1.5px solid var(--adsm-blue-mid);border-radius:var(--adsm-r-sm);background:#fff;font-size:12.5px;font-family:var(--adsm-font);color:var(--adsm-text-1);outline:none;transition:border-color var(--adsm-t),box-shadow var(--adsm-t)}.adsm-search-input::placeholder{color:var(--adsm-text-3)}.adsm-search-input:focus{border-color:var(--adsm-blue);box-shadow:0 0 0 3px #2196f324}.adsm-search-clear{position:absolute;right:7px;width:18px;height:18px;border-radius:50%;border:none;background:var(--adsm-text-3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background var(--adsm-t)}.adsm-search-clear:hover{background:var(--adsm-blue-dk)}.adsm-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.adsm-table-wrap{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(33,150,243,.25) transparent}.adsm-table-wrap::-webkit-scrollbar{width:5px;height:5px}.adsm-table-wrap::-webkit-scrollbar-track{background:transparent}.adsm-table-wrap::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.adsm-table-wrap::-webkit-scrollbar-thumb:hover{background:#2196f380}.adsm-table{width:100%;border-collapse:collapse;font-size:12.5px;font-family:var(--adsm-font);min-width:540px}.adsm-table thead tr{position:sticky;top:0;z-index:10}.adsm-table th{padding:10px 12px;text-align:left;background:var(--adsm-blue-lt);color:var(--adsm-blue-dk);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--adsm-blue-mid);white-space:nowrap}.adsm-th-sno,.adsm-td-sno{width:40px;text-align:center;color:var(--adsm-text-3)!important;font-size:11px!important;font-weight:500!important}.adsm-table td{padding:9px 12px;color:var(--adsm-text-2);border-bottom:1px solid #f0f6ff;vertical-align:middle;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.adsm-tr-even td{background:var(--adsm-row-even)}.adsm-table tbody tr:hover td{background:var(--adsm-hover)!important;color:var(--adsm-text-1)}.adsm-empno{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--adsm-blue-lt);color:var(--adsm-blue-dk);font-weight:700;font-size:11px;letter-spacing:.03em;border:1px solid var(--adsm-blue-mid)}.adsm-status-badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:700;letter-spacing:.04em;background:color-mix(in srgb,var(--badge-color) 12%,#fff);color:var(--badge-color);border:1px solid color-mix(in srgb,var(--badge-color) 30%,transparent)}.adsm-cell-muted{color:var(--adsm-text-3)!important}.adsm-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:10px}.adsm-empty-icon{color:var(--adsm-text-3);line-height:1}.adsm-empty-text{margin:0;font-size:13.5px;color:var(--adsm-text-2);font-family:var(--adsm-font);text-align:center}.adsm-empty-clear{margin-top:4px;padding:6px 16px;border-radius:var(--adsm-r-sm);border:1.5px solid var(--adsm-blue);background:transparent;color:var(--adsm-blue);font-size:12px;font-weight:600;font-family:var(--adsm-font);cursor:pointer;transition:background var(--adsm-t),color var(--adsm-t)}.adsm-empty-clear:hover{background:var(--adsm-blue);color:#fff}.adsm-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--adsm-blue-lt);border-top:1px solid var(--adsm-border);flex-shrink:0}.adsm-footer-info{font-size:12px;font-weight:500;color:var(--adsm-text-2);font-family:var(--adsm-font)}.adsm-footer-close{padding:6px 18px;border-radius:var(--adsm-r-sm);border:none;background:var(--adsm-grad);color:#fff;font-size:12.5px;font-weight:600;font-family:var(--adsm-font);cursor:pointer;transition:opacity var(--adsm-t),transform var(--adsm-t)}.adsm-footer-close:hover{opacity:.88}.adsm-footer-close:active{transform:scale(.96)}@media (max-width: 768px){.adsm-backdrop{padding:8px}.adsm-sheet{max-height:calc(100vh - 16px);border-radius:8px}.adsm-toolbar{padding:8px 14px;gap:8px}.adsm-search-input{width:100%}.adsm-search-wrap{width:100%;flex:1 1 100%}.adsm-chips{flex:1 1 100%}.adsm-table th,.adsm-table td{padding:8px 10px;font-size:11.5px}.adsm-header{padding:12px 14px}.adsm-footer{padding:9px 14px}}@media (max-width: 480px){.adsm-title{font-size:13.5px}.adsm-footer{flex-direction:column;gap:8px;align-items:flex-start}.adsm-footer-close{align-self:flex-end}}:root{--adopmm-font: "DM Sans", system-ui, sans-serif;--adopmm-blue: #2196f3;--adopmm-blue-dk: #0d47a1;--adopmm-blue-lt: #e3f2fd;--adopmm-blue-mid: #bbdefb;--adopmm-green: #16a34a;--adopmm-orange: #f59e0b;--adopmm-red: #dc2626;--adopmm-text-1: #0d1b2a;--adopmm-text-2: #4a6080;--adopmm-text-3: #94a3b8;--adopmm-border: #e1ecf7;--adopmm-row-even: #f8fbff;--adopmm-hover: #eef6ff;--adopmm-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--adopmm-r: 10px;--adopmm-r-sm: 6px;--adopmm-t: .18s ease;--adopmm-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.adopmm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:adopmmFadeIn .2s ease both}@keyframes adopmmFadeIn{0%{opacity:0}to{opacity:1}}.adopmm-sheet{background:#fff;border-radius:var(--adopmm-r);width:100%;max-width:1040px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--adopmm-shadow);overflow:hidden;font-family:var(--adopmm-font);animation:adopmmSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes adopmmSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.adopmm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--adopmm-grad);flex-shrink:0}.adopmm-header-left{display:flex;align-items:center;gap:12px}.adopmm-header-icon{width:34px;height:34px;border-radius:8px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.adopmm-title{margin:0;font-size:15px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--adopmm-font)}.adopmm-tag{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:99px;background:#ffffff38;color:#ffffffeb;font-size:10px;font-weight:700;letter-spacing:.06em;font-family:var(--adopmm-font)}.adopmm-close-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--adopmm-t),border-color var(--adopmm-t);flex-shrink:0}.adopmm-close-btn:hover{background:#ffffff40;border-color:#ffffff80}.adopmm-close-btn:active{transform:scale(.92)}.adopmm-toolbar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--adopmm-blue-lt);border-bottom:1px solid var(--adopmm-border);flex-shrink:0;flex-wrap:wrap}.adopmm-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.adopmm-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:#fff;border:1px solid var(--adopmm-blue-mid);font-family:var(--adopmm-font)}.adopmm-chip--filtered{border-color:#93c5fd;background:#dbeafe}.adopmm-chip-label{font-size:10.5px;font-weight:500;color:var(--adopmm-text-3);text-transform:uppercase;letter-spacing:.04em}.adopmm-chip-value{font-size:12px;font-weight:700;color:var(--adopmm-blue-dk)}.adopmm-search-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.adopmm-search-ico{position:absolute;left:9px;color:var(--adopmm-text-3);pointer-events:none;flex-shrink:0}.adopmm-search-input{height:32px;width:240px;padding:0 28px 0 30px;border:1.5px solid var(--adopmm-blue-mid);border-radius:var(--adopmm-r-sm);background:#fff;font-size:12.5px;font-family:var(--adopmm-font);color:var(--adopmm-text-1);outline:none;transition:border-color var(--adopmm-t),box-shadow var(--adopmm-t)}.adopmm-search-input::placeholder{color:var(--adopmm-text-3)}.adopmm-search-input:focus{border-color:var(--adopmm-blue);box-shadow:0 0 0 3px #2196f324}.adopmm-search-clear{position:absolute;right:7px;width:18px;height:18px;border-radius:50%;border:none;background:var(--adopmm-text-3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background var(--adopmm-t)}.adopmm-search-clear:hover{background:var(--adopmm-blue-dk)}.adopmm-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.adopmm-table-wrap{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(33,150,243,.25) transparent}.adopmm-table-wrap::-webkit-scrollbar{width:5px;height:5px}.adopmm-table-wrap::-webkit-scrollbar-track{background:transparent}.adopmm-table-wrap::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.adopmm-table-wrap::-webkit-scrollbar-thumb:hover{background:#2196f380}.adopmm-table{width:100%;border-collapse:collapse;font-size:12.5px;font-family:var(--adopmm-font);min-width:900px}.adopmm-table thead tr{position:sticky;top:0;z-index:10}.adopmm-table th{padding:10px 12px;text-align:left;background:var(--adopmm-blue-lt);color:var(--adopmm-blue-dk);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--adopmm-blue-mid);white-space:nowrap}.adopmm-th-sno,.adopmm-td-sno{width:40px;text-align:center;color:var(--adopmm-text-3)!important;font-size:11px!important;font-weight:500!important}.adopmm-table th:nth-child(3),.adopmm-table td:nth-child(3){min-width:80px}.adopmm-table th:nth-child(5),.adopmm-table td:nth-child(5){min-width:100px}.adopmm-table th:nth-child(6),.adopmm-table th:nth-child(7),.adopmm-table td:nth-child(6),.adopmm-table td:nth-child(7){min-width:85px}.adopmm-table th:nth-child(8),.adopmm-table td:nth-child(8){min-width:80px}.adopmm-table th:nth-child(9),.adopmm-table td:nth-child(9){min-width:130px}.adopmm-table td{padding:9px 12px;color:var(--adopmm-text-2);border-bottom:1px solid #f0f6ff;vertical-align:middle;white-space:nowrap}.adopmm-tr-even td{background:var(--adopmm-row-even)}.adopmm-table tbody tr:hover td{background:var(--adopmm-hover)!important;color:var(--adopmm-text-1)}.adopmm-employee-name{display:inline-flex;align-items:center;font-weight:500;color:var(--adopmm-text-1)}.adopmm-emp-id{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--adopmm-blue-lt);color:var(--adopmm-blue-dk);font-weight:700;font-size:11px;letter-spacing:.03em;border:1px solid var(--adopmm-blue-mid)}.adopmm-time{font-family:monospace;font-size:11px;font-weight:500;color:var(--adopmm-text-1)}.adopmm-duration{font-weight:600;color:var(--adopmm-blue-dk)}.adopmm-approved-time{font-size:11px;font-family:monospace}.adopmm-status-badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:700;letter-spacing:.04em;background:color-mix(in srgb,var(--badge-color) 12%,#fff);color:var(--badge-color);border:1px solid color-mix(in srgb,var(--badge-color) 30%,transparent)}@supports not (color: color-mix(in srgb,red,blue)){.adopmm-status-badge{background:#2196f31f}}.adopmm-cell-muted{color:var(--adopmm-text-3)!important}.adopmm-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:10px}.adopmm-empty-icon{color:var(--adopmm-text-3);line-height:1}.adopmm-empty-text{margin:0;font-size:13.5px;color:var(--adopmm-text-2);font-family:var(--adopmm-font);text-align:center}.adopmm-empty-clear{margin-top:4px;padding:6px 16px;border-radius:var(--adopmm-r-sm);border:1.5px solid var(--adopmm-blue);background:transparent;color:var(--adopmm-blue);font-size:12px;font-weight:600;font-family:var(--adopmm-font);cursor:pointer;transition:background var(--adopmm-t),color var(--adopmm-t)}.adopmm-empty-clear:hover{background:var(--adopmm-blue);color:#fff}.adopmm-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--adopmm-blue-lt);border-top:1px solid var(--adopmm-border);flex-shrink:0}.adopmm-footer-info{font-size:12px;font-weight:500;color:var(--adopmm-text-2);font-family:var(--adopmm-font)}.adopmm-footer-close{padding:6px 18px;border-radius:var(--adopmm-r-sm);border:none;background:var(--adopmm-grad);color:#fff;font-size:12.5px;font-weight:600;font-family:var(--adopmm-font);cursor:pointer;transition:opacity var(--adopmm-t),transform var(--adopmm-t)}.adopmm-footer-close:hover{opacity:.88}.adopmm-footer-close:active{transform:scale(.96)}@media (max-width: 1024px){.adopmm-sheet{max-width:90vw}}@media (max-width: 768px){.adopmm-backdrop{padding:8px}.adopmm-sheet{max-height:calc(100vh - 16px);border-radius:8px;max-width:95vw}.adopmm-toolbar{padding:8px 14px;gap:8px}.adopmm-search-input{width:100%}.adopmm-search-wrap{width:100%;flex:1 1 100%}.adopmm-chips{flex:1 1 100%}.adopmm-table th,.adopmm-table td{padding:8px 10px;font-size:11.5px}.adopmm-header{padding:12px 14px}.adopmm-footer{padding:9px 14px}}@media (max-width: 480px){.adopmm-title{font-size:13.5px}.adopmm-footer{flex-direction:column;gap:8px;align-items:flex-start}.adopmm-footer-close{align-self:flex-end}.adopmm-table th,.adopmm-table td{padding:6px 8px;font-size:10px}.adopmm-employee-name{font-size:10px}}.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{--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%}}: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}}:root{--com-font: "DM Sans", system-ui, sans-serif;--com-blue: #2196f3;--com-blue-dk: #0d47a1;--com-blue-lt: #e3f2fd;--com-blue-mid: #bbdefb;--com-green: #16a34a;--com-red: #dc2626;--com-text-1: #0d1b2a;--com-text-2: #4a6080;--com-text-3: #94a3b8;--com-border: #e1ecf7;--com-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--com-r: 12px;--com-r-sm: 8px;--com-t: .2s ease;--com-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.com-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:comFadeIn .2s ease both}@keyframes comFadeIn{0%{opacity:0}to{opacity:1}}.com-sheet{background:#fff;border-radius:var(--com-r);width:100%;max-width:680px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--com-shadow);overflow:hidden;font-family:var(--com-font);animation:comSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes comSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.com-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--com-grad);flex-shrink:0}.com-header-left{display:flex;align-items:center;gap:14px}.com-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.com-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--com-font)}.com-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--com-font)}.com-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--com-t);flex-shrink:0}.com-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.com-close-btn:active{transform:scale(.96)}.com-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.com-body::-webkit-scrollbar{width:5px}.com-body::-webkit-scrollbar-track{background:transparent}.com-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.com-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.com-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--com-text-2);font-family:var(--com-font)}.com-loading-container p{margin:0;font-size:14px}.com-alert{margin:0;border-radius:var(--com-r-sm)}.com-form{width:100%}.com-form-row{display:flex;gap:20px;margin-bottom:20px}.com-form-row-single{margin-bottom:0}.com-form-group{flex:1;text-align:left}.com-label{display:block;margin-bottom:8px;font-weight:600;color:var(--com-text-1);font-size:13px;font-family:var(--com-font)}.com-required{color:var(--com-red);margin-left:4px}.com-optional{color:var(--com-text-3);font-size:11px;font-weight:400;margin-left:6px}.com-input-wrapper{position:relative;display:flex;align-items:center}.com-input-icon{position:absolute;left:12px;color:var(--com-text-3);pointer-events:none;z-index:1}.com-input,.com-select{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--com-text-1);border:1.5px solid var(--com-border);border-radius:var(--com-r-sm);background:#fff;transition:all var(--com-t);font-family:var(--com-font);outline:none}.com-input:focus,.com-select:focus{border-color:var(--com-blue);box-shadow:0 0 0 3px #2196f31a}.com-input-error{border-color:var(--com-red)!important}.com-input:disabled,.com-select:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.com-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:10px;cursor:pointer}.com-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='%232196f3' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>")}.com-error-message{display:block;margin-top:6px;font-size:11px;color:var(--com-red);font-weight:500;font-family:var(--com-font)}.com-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--com-border);flex-shrink:0}.com-btn{padding:10px 24px;border-radius:var(--com-r-sm);font-size:13px;font-weight:600;font-family:var(--com-font);cursor:pointer;transition:all var(--com-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.com-btn-primary{background:var(--com-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.com-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.com-btn-secondary{background:#fff;color:var(--com-text-2);border:1.5px solid var(--com-border)}.com-btn-secondary:hover:not(:disabled){border-color:var(--com-blue);color:var(--com-blue);background:#f8faff}.com-btn:active:not(:disabled){transform:translateY(0)}.com-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.com-backdrop{padding:12px}.com-sheet{max-width:95%;max-height:calc(100vh - 24px)}.com-header{padding:16px 20px}.com-header-icon{width:36px;height:36px}.com-title{font-size:16px}.com-subtitle{font-size:11px}.com-body{padding:20px}.com-form-row{flex-direction:column;gap:16px;margin-bottom:16px}.com-form-row-single{margin-bottom:0}.com-footer{padding:14px 20px;flex-direction:column-reverse}.com-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.com-backdrop{padding:8px}.com-sheet{max-height:calc(100vh - 16px)}.com-header{padding:14px 16px}.com-header-left{gap:10px}.com-header-icon{width:32px;height:32px}.com-header-icon svg{font-size:16px!important}.com-title{font-size:15px}.com-body{padding:16px}.com-label{font-size:12px;margin-bottom:6px}.com-input,.com-select{padding:9px 12px 9px 34px;font-size:12px}.com-input-icon svg{font-size:14px!important}.com-footer{padding:12px 16px}.com-btn{padding:9px 16px;font-size:12px}}:root{--uom-font: "DM Sans", system-ui, sans-serif;--uom-blue: #2196f3;--uom-blue-dk: #0d47a1;--uom-blue-lt: #e3f2fd;--uom-blue-mid: #bbdefb;--uom-green: #16a34a;--uom-red: #dc2626;--uom-text-1: #0d1b2a;--uom-text-2: #4a6080;--uom-text-3: #94a3b8;--uom-border: #e1ecf7;--uom-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--uom-r: 12px;--uom-r-sm: 8px;--uom-t: .2s ease;--uom-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.uom-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:uomFadeIn .2s ease both}@keyframes uomFadeIn{0%{opacity:0}to{opacity:1}}.uom-sheet{background:#fff;border-radius:var(--uom-r);width:100%;max-width:680px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--uom-shadow);overflow:hidden;font-family:var(--uom-font);animation:uomSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes uomSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uom-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;background:var(--uom-grad);flex-shrink:0}.uom-header-left{display:flex;align-items:flex-start;gap:14px}.uom-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uom-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--uom-font)}.uom-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--uom-font)}.uom-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.uom-current-badge svg{font-size:12px}.uom-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--uom-t);flex-shrink:0}.uom-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.uom-close-btn:active{transform:scale(.96)}.uom-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.uom-body::-webkit-scrollbar{width:5px}.uom-body::-webkit-scrollbar-track{background:transparent}.uom-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.uom-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.uom-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--uom-text-2);font-family:var(--uom-font)}.uom-loading-container p{margin:0;font-size:14px}.uom-alert{margin:0;border-radius:var(--uom-r-sm)}.uom-form{width:100%}.uom-form-row{display:flex;gap:20px;margin-bottom:20px}.uom-form-row-single{margin-bottom:0}.uom-form-group{flex:1;text-align:left}.uom-label{display:block;margin-bottom:8px;font-weight:600;color:var(--uom-text-1);font-size:13px;font-family:var(--uom-font)}.uom-required{color:var(--uom-red);margin-left:4px}.uom-optional{color:var(--uom-text-3);font-size:11px;font-weight:400;margin-left:6px}.uom-input-wrapper{position:relative;display:flex;align-items:center}.uom-input-icon{position:absolute;left:12px;color:var(--uom-text-3);pointer-events:none;z-index:1}.uom-input,.uom-select{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--uom-text-1);border:1.5px solid var(--uom-border);border-radius:var(--uom-r-sm);background:#fff;transition:all var(--uom-t);font-family:var(--uom-font);outline:none}.uom-input:focus,.uom-select:focus{border-color:var(--uom-blue);box-shadow:0 0 0 3px #2196f31a}.uom-input-error{border-color:var(--uom-red)!important}.uom-input:disabled,.uom-select:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.uom-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:10px;cursor:pointer}.uom-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='%232196f3' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>")}.uom-error-message{display:block;margin-top:6px;font-size:11px;color:var(--uom-red);font-weight:500;font-family:var(--uom-font)}.uom-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--uom-border);flex-shrink:0}.uom-btn{padding:10px 24px;border-radius:var(--uom-r-sm);font-size:13px;font-weight:600;font-family:var(--uom-font);cursor:pointer;transition:all var(--uom-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.uom-btn-primary{background:var(--uom-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.uom-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.uom-btn-secondary{background:#fff;color:var(--uom-text-2);border:1.5px solid var(--uom-border)}.uom-btn-secondary:hover:not(:disabled){border-color:var(--uom-blue);color:var(--uom-blue);background:#f8faff}.uom-btn:active:not(:disabled){transform:translateY(0)}.uom-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.uom-backdrop{padding:12px}.uom-sheet{max-width:95%;max-height:calc(100vh - 24px)}.uom-header{padding:16px 20px}.uom-header-icon{width:36px;height:36px}.uom-title{font-size:16px}.uom-subtitle{font-size:11px}.uom-body{padding:20px}.uom-form-row{flex-direction:column;gap:16px;margin-bottom:16px}.uom-form-row-single{margin-bottom:0}.uom-footer{padding:14px 20px;flex-direction:column-reverse}.uom-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.uom-backdrop{padding:8px}.uom-sheet{max-height:calc(100vh - 16px)}.uom-header{padding:14px 16px}.uom-header-left{gap:10px}.uom-header-icon{width:32px;height:32px}.uom-header-icon svg{font-size:16px!important}.uom-title{font-size:15px}.uom-subtitle{font-size:10px}.uom-current-badge{font-size:10px;padding:3px 8px}.uom-body{padding:16px}.uom-label{font-size:12px;margin-bottom:6px}.uom-input,.uom-select{padding:9px 12px 9px 34px;font-size:12px}.uom-input-icon svg{font-size:14px!important}.uom-footer{padding:12px 16px}.uom-btn{padding:9px 16px;font-size:12px}}: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}}:root{--cd-font: "DM Sans", system-ui, sans-serif;--cd-blue: #2196f3;--cd-blue-dk: #0d47a1;--cd-blue-lt: #e3f2fd;--cd-blue-mid: #bbdefb;--cd-green: #16a34a;--cd-red: #dc2626;--cd-orange: #f59e0b;--cd-text-1: #0d1b2a;--cd-text-2: #4a6080;--cd-text-3: #94a3b8;--cd-border: #e1ecf7;--cd-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--cd-r: 12px;--cd-r-sm: 8px;--cd-t: .2s ease;--cd-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.cd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:cdFadeIn .2s ease both}@keyframes cdFadeIn{0%{opacity:0}to{opacity:1}}.cd-sheet{background:#fff;border-radius:var(--cd-r);width:100%;max-width:620px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--cd-shadow);overflow:hidden;font-family:var(--cd-font);animation:cdSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes cdSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cd-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--cd-grad);flex-shrink:0}.cd-header-left{display:flex;align-items:center;gap:14px}.cd-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cd-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--cd-font)}.cd-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--cd-font)}.cd-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cd-t);flex-shrink:0}.cd-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.cd-close-btn:active{transform:scale(.96)}.cd-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.cd-body::-webkit-scrollbar{width:5px}.cd-body::-webkit-scrollbar-track{background:transparent}.cd-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.cd-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.cd-alert{margin-bottom:20px;border-radius:var(--cd-r-sm)}.cd-form{width:100%}.cd-form-group{margin-bottom:22px;text-align:left}.cd-form-group:last-of-type{margin-bottom:0}.cd-label{display:block;margin-bottom:8px;font-weight:600;color:var(--cd-text-1);font-size:13px;font-family:var(--cd-font)}.cd-required{color:var(--cd-red);margin-left:4px}.cd-optional{color:var(--cd-text-3);font-size:11px;font-weight:400;margin-left:6px}.cd-input-wrapper,.cd-select-wrapper{position:relative}.cd-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--cd-text-3);pointer-events:none;z-index:1}.cd-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--cd-text-1);border:1.5px solid var(--cd-border);border-radius:var(--cd-r-sm);background:#fff;transition:all var(--cd-t);font-family:var(--cd-font);outline:none;box-sizing:border-box}.cd-input:focus{border-color:var(--cd-blue);box-shadow:0 0 0 3px #2196f31a}.cd-input-error{border-color:var(--cd-red)!important}.cd-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.cd-select__control{border-color:var(--cd-border)!important;box-shadow:none!important;min-height:42px!important}.cd-select__control--is-focused{border-color:var(--cd-blue)!important;box-shadow:0 0 0 3px #2196f31a!important}.cd-select__multi-value{background-color:var(--cd-blue-lt)!important;border-radius:6px!important}.cd-select__multi-value__label{color:var(--cd-blue-dk)!important;font-weight:500!important;font-size:12px!important}.cd-select__multi-value__remove:hover{background-color:var(--cd-blue-mid)!important;color:var(--cd-red)!important}.cd-select__menu{z-index:10000!important}.cd-error-message{display:block;margin-top:6px;font-size:11px;color:var(--cd-red);font-weight:500;font-family:var(--cd-font)}.cd-loading-hint{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--cd-text-3)}.cd-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--cd-border);flex-shrink:0}.cd-btn{padding:10px 24px;border-radius:var(--cd-r-sm);font-size:13px;font-weight:600;font-family:var(--cd-font);cursor:pointer;transition:all var(--cd-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.cd-btn-primary{background:var(--cd-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.cd-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.cd-btn-secondary{background:#fff;color:var(--cd-text-2);border:1.5px solid var(--cd-border)}.cd-btn-secondary:hover:not(:disabled){border-color:var(--cd-blue);color:var(--cd-blue);background:#f8faff}.cd-btn:active:not(:disabled){transform:translateY(0)}.cd-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cd-backdrop{padding:12px}.cd-sheet{max-width:95%;max-height:calc(100vh - 24px)}.cd-header{padding:16px 20px}.cd-header-icon{width:36px;height:36px}.cd-title{font-size:16px}.cd-subtitle{font-size:11px}.cd-body{padding:20px}.cd-form-group{margin-bottom:18px}.cd-footer{padding:14px 20px;flex-direction:column-reverse}.cd-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.cd-backdrop{padding:8px}.cd-sheet{max-height:calc(100vh - 16px)}.cd-header{padding:14px 16px}.cd-header-left{gap:10px}.cd-header-icon{width:32px;height:32px}.cd-header-icon svg{font-size:16px!important}.cd-title{font-size:15px}.cd-subtitle{font-size:10px}.cd-body{padding:16px}.cd-label{font-size:12px;margin-bottom:6px}.cd-input{padding:9px 12px 9px 34px;font-size:12px}.cd-input-icon svg{font-size:14px!important}.cd-footer{padding:12px 16px}.cd-btn{padding:9px 16px;font-size:12px}}:root{--ud-font: "DM Sans", system-ui, sans-serif;--ud-blue: #2196f3;--ud-blue-dk: #0d47a1;--ud-blue-lt: #e3f2fd;--ud-blue-mid: #bbdefb;--ud-green: #16a34a;--ud-red: #dc2626;--ud-orange: #f59e0b;--ud-text-1: #0d1b2a;--ud-text-2: #4a6080;--ud-text-3: #94a3b8;--ud-border: #e1ecf7;--ud-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--ud-r: 12px;--ud-r-sm: 8px;--ud-t: .2s ease;--ud-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.ud-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:udFadeIn .2s ease both}@keyframes udFadeIn{0%{opacity:0}to{opacity:1}}.ud-sheet{background:#fff;border-radius:var(--ud-r);width:100%;max-width:620px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--ud-shadow);overflow:hidden;font-family:var(--ud-font);animation:udSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes udSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ud-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--ud-grad);flex-shrink:0}.ud-header-left{display:flex;align-items:center;gap:14px}.ud-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ud-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--ud-font)}.ud-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--ud-font)}.ud-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.ud-current-badge svg{font-size:12px}.ud-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ud-t);flex-shrink:0}.ud-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.ud-close-btn:active{transform:scale(.96)}.ud-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.ud-body::-webkit-scrollbar{width:5px}.ud-body::-webkit-scrollbar-track{background:transparent}.ud-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.ud-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.ud-alert{margin-bottom:20px;border-radius:var(--ud-r-sm)}.ud-form{width:100%}.ud-form-group{margin-bottom:22px;text-align:left}.ud-form-group:last-of-type{margin-bottom:0}.ud-label{display:block;margin-bottom:8px;font-weight:600;color:var(--ud-text-1);font-size:13px;font-family:var(--ud-font)}.ud-required{color:var(--ud-red);margin-left:4px}.ud-optional{color:var(--ud-text-3);font-size:11px;font-weight:400;margin-left:6px}.ud-input-wrapper,.ud-select-wrapper{position:relative}.ud-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ud-text-3);pointer-events:none;z-index:1}.ud-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--ud-text-1);border:1.5px solid var(--ud-border);border-radius:var(--ud-r-sm);background:#fff;transition:all var(--ud-t);font-family:var(--ud-font);outline:none;box-sizing:border-box}.ud-input:focus{border-color:var(--ud-blue);box-shadow:0 0 0 3px #2196f31a}.ud-input-error{border-color:var(--ud-red)!important}.ud-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.ud-select__control{border-color:var(--ud-border)!important;box-shadow:none!important;min-height:42px!important}.ud-select__control--is-focused{border-color:var(--ud-blue)!important;box-shadow:0 0 0 3px #2196f31a!important}.ud-select__multi-value{background-color:var(--ud-blue-lt)!important;border-radius:6px!important}.ud-select__multi-value__label{color:var(--ud-blue-dk)!important;font-weight:500!important;font-size:12px!important}.ud-select__multi-value__remove:hover{background-color:var(--ud-blue-mid)!important;color:var(--ud-red)!important}.ud-select__menu{z-index:10000!important}.ud-error-message{display:block;margin-top:6px;font-size:11px;color:var(--ud-red);font-weight:500;font-family:var(--ud-font)}.ud-loading-hint{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--ud-text-3)}.ud-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--ud-border);flex-shrink:0}.ud-btn{padding:10px 24px;border-radius:var(--ud-r-sm);font-size:13px;font-weight:600;font-family:var(--ud-font);cursor:pointer;transition:all var(--ud-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.ud-btn-primary{background:var(--ud-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.ud-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.ud-btn-secondary{background:#fff;color:var(--ud-text-2);border:1.5px solid var(--ud-border)}.ud-btn-secondary:hover:not(:disabled){border-color:var(--ud-blue);color:var(--ud-blue);background:#f8faff}.ud-btn:active:not(:disabled){transform:translateY(0)}.ud-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.ud-backdrop{padding:12px}.ud-sheet{max-width:95%;max-height:calc(100vh - 24px)}.ud-header{padding:16px 20px}.ud-header-icon{width:36px;height:36px}.ud-title{font-size:16px}.ud-subtitle{font-size:11px}.ud-body{padding:20px}.ud-form-group{margin-bottom:18px}.ud-footer{padding:14px 20px;flex-direction:column-reverse}.ud-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.ud-backdrop{padding:8px}.ud-sheet{max-height:calc(100vh - 16px)}.ud-header{padding:14px 16px}.ud-header-left{gap:10px}.ud-header-icon{width:32px;height:32px}.ud-header-icon svg{font-size:16px!important}.ud-title{font-size:15px}.ud-subtitle{font-size:10px}.ud-current-badge{font-size:10px;padding:3px 8px}.ud-body{padding:16px}.ud-label{font-size:12px;margin-bottom:6px}.ud-input{padding:9px 12px 9px 34px;font-size:12px}.ud-input-icon svg{font-size:14px!important}.ud-footer{padding:12px 16px}.ud-btn{padding:9px 16px;font-size:12px}}: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}}:root{--cdg-font: "DM Sans", system-ui, sans-serif;--cdg-blue: #2196f3;--cdg-blue-dk: #0d47a1;--cdg-blue-lt: #e3f2fd;--cdg-blue-mid: #bbdefb;--cdg-green: #16a34a;--cdg-red: #dc2626;--cdg-text-1: #0d1b2a;--cdg-text-2: #4a6080;--cdg-text-3: #94a3b8;--cdg-border: #e1ecf7;--cdg-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--cdg-r: 12px;--cdg-r-sm: 8px;--cdg-t: .2s ease;--cdg-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.cdg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:cdgFadeIn .2s ease both}@keyframes cdgFadeIn{0%{opacity:0}to{opacity:1}}.cdg-sheet{background:#fff;border-radius:var(--cdg-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--cdg-shadow);overflow:hidden;font-family:var(--cdg-font);animation:cdgSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes cdgSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cdg-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--cdg-grad);flex-shrink:0}.cdg-header-left{display:flex;align-items:center;gap:14px}.cdg-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cdg-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--cdg-font)}.cdg-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--cdg-font)}.cdg-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cdg-t);flex-shrink:0}.cdg-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.cdg-close-btn:active{transform:scale(.96)}.cdg-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.cdg-body::-webkit-scrollbar{width:5px}.cdg-body::-webkit-scrollbar-track{background:transparent}.cdg-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.cdg-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.cdg-form{width:100%}.cdg-form-group{margin-bottom:24px;text-align:left}.cdg-form-group:last-of-type{margin-bottom:0}.cdg-label{display:block;margin-bottom:8px;font-weight:600;color:var(--cdg-text-1);font-size:13px;font-family:var(--cdg-font)}.cdg-required{color:var(--cdg-red);margin-left:4px}.cdg-input-wrapper{position:relative;display:flex;align-items:center}.cdg-input-icon{position:absolute;left:12px;color:var(--cdg-text-3);pointer-events:none;z-index:1}.cdg-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--cdg-text-1);border:1.5px solid var(--cdg-border);border-radius:var(--cdg-r-sm);background:#fff;transition:all var(--cdg-t);font-family:var(--cdg-font);outline:none;box-sizing:border-box}.cdg-input:focus{border-color:var(--cdg-blue);box-shadow:0 0 0 3px #2196f31a}.cdg-input-error{border-color:var(--cdg-red)!important}.cdg-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.cdg-hint{display:block;margin-top:6px;font-size:11px;color:var(--cdg-text-3);font-family:var(--cdg-font)}.cdg-error-message{display:block;margin-top:6px;font-size:11px;color:var(--cdg-red);font-weight:500;font-family:var(--cdg-font)}.cdg-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--cdg-border);flex-shrink:0}.cdg-btn{padding:10px 24px;border-radius:var(--cdg-r-sm);font-size:13px;font-weight:600;font-family:var(--cdg-font);cursor:pointer;transition:all var(--cdg-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.cdg-btn-primary{background:var(--cdg-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.cdg-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.cdg-btn-secondary{background:#fff;color:var(--cdg-text-2);border:1.5px solid var(--cdg-border)}.cdg-btn-secondary:hover:not(:disabled){border-color:var(--cdg-blue);color:var(--cdg-blue);background:#f8faff}.cdg-btn:active:not(:disabled){transform:translateY(0)}.cdg-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cdg-backdrop{padding:12px}.cdg-sheet{max-width:95%;max-height:calc(100vh - 24px)}.cdg-header{padding:16px 20px}.cdg-header-icon{width:36px;height:36px}.cdg-title{font-size:16px}.cdg-subtitle{font-size:11px}.cdg-body{padding:20px}.cdg-form-group{margin-bottom:20px}.cdg-footer{padding:14px 20px;flex-direction:column-reverse}.cdg-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.cdg-backdrop{padding:8px}.cdg-sheet{max-height:calc(100vh - 16px)}.cdg-header{padding:14px 16px}.cdg-header-left{gap:10px}.cdg-header-icon{width:32px;height:32px}.cdg-header-icon svg{font-size:16px!important}.cdg-title{font-size:15px}.cdg-subtitle{font-size:10px}.cdg-body{padding:16px}.cdg-label{font-size:12px;margin-bottom:6px}.cdg-input{padding:9px 12px 9px 34px;font-size:12px}.cdg-input-icon svg{font-size:14px!important}.cdg-hint{font-size:10px}.cdg-footer{padding:12px 16px}.cdg-btn{padding:9px 16px;font-size:12px}}:root{--udg-font: "DM Sans", system-ui, sans-serif;--udg-blue: #2196f3;--udg-blue-dk: #0d47a1;--udg-blue-lt: #e3f2fd;--udg-blue-mid: #bbdefb;--udg-green: #16a34a;--udg-red: #dc2626;--udg-text-1: #0d1b2a;--udg-text-2: #4a6080;--udg-text-3: #94a3b8;--udg-border: #e1ecf7;--udg-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--udg-r: 12px;--udg-r-sm: 8px;--udg-t: .2s ease;--udg-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.udg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:udgFadeIn .2s ease both}@keyframes udgFadeIn{0%{opacity:0}to{opacity:1}}.udg-sheet{background:#fff;border-radius:var(--udg-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--udg-shadow);overflow:hidden;font-family:var(--udg-font);animation:udgSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes udgSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.udg-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--udg-grad);flex-shrink:0}.udg-header-left{display:flex;align-items:center;gap:14px}.udg-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.udg-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--udg-font)}.udg-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--udg-font)}.udg-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.udg-current-badge svg{font-size:12px}.udg-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--udg-t);flex-shrink:0}.udg-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.udg-close-btn:active{transform:scale(.96)}.udg-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.udg-body::-webkit-scrollbar{width:5px}.udg-body::-webkit-scrollbar-track{background:transparent}.udg-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.udg-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.udg-form{width:100%}.udg-form-group{margin-bottom:24px;text-align:left}.udg-form-group:last-of-type{margin-bottom:0}.udg-label{display:block;margin-bottom:8px;font-weight:600;color:var(--udg-text-1);font-size:13px;font-family:var(--udg-font)}.udg-required{color:var(--udg-red);margin-left:4px}.udg-input-wrapper{position:relative;display:flex;align-items:center}.udg-input-icon{position:absolute;left:12px;color:var(--udg-text-3);pointer-events:none;z-index:1}.udg-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--udg-text-1);border:1.5px solid var(--udg-border);border-radius:var(--udg-r-sm);background:#fff;transition:all var(--udg-t);font-family:var(--udg-font);outline:none;box-sizing:border-box}.udg-input:focus{border-color:var(--udg-blue);box-shadow:0 0 0 3px #2196f31a}.udg-input-error{border-color:var(--udg-red)!important}.udg-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.udg-hint{display:block;margin-top:6px;font-size:11px;color:var(--udg-text-3);font-family:var(--udg-font)}.udg-error-message{display:block;margin-top:6px;font-size:11px;color:var(--udg-red);font-weight:500;font-family:var(--udg-font)}.udg-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--udg-border);flex-shrink:0}.udg-btn{padding:10px 24px;border-radius:var(--udg-r-sm);font-size:13px;font-weight:600;font-family:var(--udg-font);cursor:pointer;transition:all var(--udg-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.udg-btn-primary{background:var(--udg-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.udg-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.udg-btn-secondary{background:#fff;color:var(--udg-text-2);border:1.5px solid var(--udg-border)}.udg-btn-secondary:hover:not(:disabled){border-color:var(--udg-blue);color:var(--udg-blue);background:#f8faff}.udg-btn:active:not(:disabled){transform:translateY(0)}.udg-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.udg-backdrop{padding:12px}.udg-sheet{max-width:95%;max-height:calc(100vh - 24px)}.udg-header{padding:16px 20px}.udg-header-icon{width:36px;height:36px}.udg-title{font-size:16px}.udg-subtitle{font-size:11px}.udg-body{padding:20px}.udg-form-group{margin-bottom:20px}.udg-footer{padding:14px 20px;flex-direction:column-reverse}.udg-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.udg-backdrop{padding:8px}.udg-sheet{max-height:calc(100vh - 16px)}.udg-header{padding:14px 16px}.udg-header-left{gap:10px}.udg-header-icon{width:32px;height:32px}.udg-header-icon svg{font-size:16px!important}.udg-title{font-size:15px}.udg-subtitle{font-size:10px}.udg-current-badge{font-size:10px;padding:3px 8px}.udg-body{padding:16px}.udg-label{font-size:12px;margin-bottom:6px}.udg-input{padding:9px 12px 9px 34px;font-size:12px}.udg-input-icon svg{font-size:14px!important}.udg-hint{font-size:10px}.udg-footer{padding:12px 16px}.udg-btn{padding:9px 16px;font-size:12px}}: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}}:root{--cc-font: "DM Sans", system-ui, sans-serif;--cc-blue: #2196f3;--cc-blue-dk: #0d47a1;--cc-blue-lt: #e3f2fd;--cc-blue-mid: #bbdefb;--cc-green: #16a34a;--cc-red: #dc2626;--cc-text-1: #0d1b2a;--cc-text-2: #4a6080;--cc-text-3: #94a3b8;--cc-border: #e1ecf7;--cc-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--cc-r: 12px;--cc-r-sm: 8px;--cc-t: .2s ease;--cc-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.cc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:ccFadeIn .2s ease both}@keyframes ccFadeIn{0%{opacity:0}to{opacity:1}}.cc-sheet{background:#fff;border-radius:var(--cc-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--cc-shadow);overflow:hidden;font-family:var(--cc-font);animation:ccSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes ccSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cc-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--cc-grad);flex-shrink:0}.cc-header-left{display:flex;align-items:center;gap:14px}.cc-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cc-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--cc-font)}.cc-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--cc-font)}.cc-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cc-t);flex-shrink:0}.cc-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.cc-close-btn:active{transform:scale(.96)}.cc-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.cc-body::-webkit-scrollbar{width:5px}.cc-body::-webkit-scrollbar-track{background:transparent}.cc-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.cc-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.cc-form{width:100%}.cc-form-group{margin-bottom:24px;text-align:left}.cc-form-group:last-of-type{margin-bottom:0}.cc-label{display:block;margin-bottom:8px;font-weight:600;color:var(--cc-text-1);font-size:13px;font-family:var(--cc-font)}.cc-required{color:var(--cc-red);margin-left:4px}.cc-input-wrapper{position:relative;display:flex;align-items:center}.cc-input-icon{position:absolute;left:12px;color:var(--cc-text-3);pointer-events:none;z-index:1}.cc-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--cc-text-1);border:1.5px solid var(--cc-border);border-radius:var(--cc-r-sm);background:#fff;transition:all var(--cc-t);font-family:var(--cc-font);outline:none;box-sizing:border-box}.cc-input:focus{border-color:var(--cc-blue);box-shadow:0 0 0 3px #2196f31a}.cc-input-error{border-color:var(--cc-red)!important}.cc-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.cc-hint{display:block;margin-top:6px;font-size:11px;color:var(--cc-text-3);font-family:var(--cc-font)}.cc-error-message{display:block;margin-top:6px;font-size:11px;color:var(--cc-red);font-weight:500;font-family:var(--cc-font)}.cc-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--cc-border);flex-shrink:0}.cc-btn{padding:10px 24px;border-radius:var(--cc-r-sm);font-size:13px;font-weight:600;font-family:var(--cc-font);cursor:pointer;transition:all var(--cc-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.cc-btn-primary{background:var(--cc-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.cc-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.cc-btn-secondary{background:#fff;color:var(--cc-text-2);border:1.5px solid var(--cc-border)}.cc-btn-secondary:hover:not(:disabled){border-color:var(--cc-blue);color:var(--cc-blue);background:#f8faff}.cc-btn:active:not(:disabled){transform:translateY(0)}.cc-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cc-backdrop{padding:12px}.cc-sheet{max-width:95%;max-height:calc(100vh - 24px)}.cc-header{padding:16px 20px}.cc-header-icon{width:36px;height:36px}.cc-title{font-size:16px}.cc-subtitle{font-size:11px}.cc-body{padding:20px}.cc-form-group{margin-bottom:20px}.cc-footer{padding:14px 20px;flex-direction:column-reverse}.cc-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.cc-backdrop{padding:8px}.cc-sheet{max-height:calc(100vh - 16px)}.cc-header{padding:14px 16px}.cc-header-left{gap:10px}.cc-header-icon{width:32px;height:32px}.cc-header-icon svg{font-size:16px!important}.cc-title{font-size:15px}.cc-subtitle{font-size:10px}.cc-body{padding:16px}.cc-label{font-size:12px;margin-bottom:6px}.cc-input{padding:9px 12px 9px 34px;font-size:12px}.cc-input-icon svg{font-size:14px!important}.cc-hint{font-size:10px}.cc-footer{padding:12px 16px}.cc-btn{padding:9px 16px;font-size:12px}}:root{--uc-font: "DM Sans", system-ui, sans-serif;--uc-blue: #2196f3;--uc-blue-dk: #0d47a1;--uc-blue-lt: #e3f2fd;--uc-blue-mid: #bbdefb;--uc-green: #16a34a;--uc-red: #dc2626;--uc-text-1: #0d1b2a;--uc-text-2: #4a6080;--uc-text-3: #94a3b8;--uc-border: #e1ecf7;--uc-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--uc-r: 12px;--uc-r-sm: 8px;--uc-t: .2s ease;--uc-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.uc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:ucFadeIn .2s ease both}@keyframes ucFadeIn{0%{opacity:0}to{opacity:1}}.uc-sheet{background:#fff;border-radius:var(--uc-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--uc-shadow);overflow:hidden;font-family:var(--uc-font);animation:ucSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes ucSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uc-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--uc-grad);flex-shrink:0}.uc-header-left{display:flex;align-items:center;gap:14px}.uc-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uc-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--uc-font)}.uc-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--uc-font)}.uc-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.uc-current-badge svg{font-size:12px}.uc-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--uc-t);flex-shrink:0}.uc-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.uc-close-btn:active{transform:scale(.96)}.uc-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.uc-body::-webkit-scrollbar{width:5px}.uc-body::-webkit-scrollbar-track{background:transparent}.uc-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.uc-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.uc-form{width:100%}.uc-form-group{margin-bottom:24px;text-align:left}.uc-form-group:last-of-type{margin-bottom:0}.uc-label{display:block;margin-bottom:8px;font-weight:600;color:var(--uc-text-1);font-size:13px;font-family:var(--uc-font)}.uc-required{color:var(--uc-red);margin-left:4px}.uc-input-wrapper{position:relative;display:flex;align-items:center}.uc-input-icon{position:absolute;left:12px;color:var(--uc-text-3);pointer-events:none;z-index:1}.uc-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--uc-text-1);border:1.5px solid var(--uc-border);border-radius:var(--uc-r-sm);background:#fff;transition:all var(--uc-t);font-family:var(--uc-font);outline:none;box-sizing:border-box}.uc-input:focus{border-color:var(--uc-blue);box-shadow:0 0 0 3px #2196f31a}.uc-input-error{border-color:var(--uc-red)!important}.uc-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.uc-hint{display:block;margin-top:6px;font-size:11px;color:var(--uc-text-3);font-family:var(--uc-font)}.uc-error-message{display:block;margin-top:6px;font-size:11px;color:var(--uc-red);font-weight:500;font-family:var(--uc-font)}.uc-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--uc-border);flex-shrink:0}.uc-btn{padding:10px 24px;border-radius:var(--uc-r-sm);font-size:13px;font-weight:600;font-family:var(--uc-font);cursor:pointer;transition:all var(--uc-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.uc-btn-primary{background:var(--uc-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.uc-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.uc-btn-secondary{background:#fff;color:var(--uc-text-2);border:1.5px solid var(--uc-border)}.uc-btn-secondary:hover:not(:disabled){border-color:var(--uc-blue);color:var(--uc-blue);background:#f8faff}.uc-btn:active:not(:disabled){transform:translateY(0)}.uc-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.uc-backdrop{padding:12px}.uc-sheet{max-width:95%;max-height:calc(100vh - 24px)}.uc-header{padding:16px 20px}.uc-header-icon{width:36px;height:36px}.uc-title{font-size:16px}.uc-subtitle{font-size:11px}.uc-body{padding:20px}.uc-form-group{margin-bottom:20px}.uc-footer{padding:14px 20px;flex-direction:column-reverse}.uc-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.uc-backdrop{padding:8px}.uc-sheet{max-height:calc(100vh - 16px)}.uc-header{padding:14px 16px}.uc-header-left{gap:10px}.uc-header-icon{width:32px;height:32px}.uc-header-icon svg{font-size:16px!important}.uc-title{font-size:15px}.uc-subtitle{font-size:10px}.uc-current-badge{font-size:10px;padding:3px 8px}.uc-body{padding:16px}.uc-label{font-size:12px;margin-bottom:6px}.uc-input{padding:9px 12px 9px 34px;font-size:12px}.uc-input-icon svg{font-size:14px!important}.uc-hint{font-size:10px}.uc-footer{padding:12px 16px}.uc-btn{padding:9px 16px;font-size:12px}}: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}}:root{--cg-font: "DM Sans", system-ui, sans-serif;--cg-blue: #2196f3;--cg-blue-dk: #0d47a1;--cg-blue-lt: #e3f2fd;--cg-blue-mid: #bbdefb;--cg-green: #16a34a;--cg-red: #dc2626;--cg-text-1: #0d1b2a;--cg-text-2: #4a6080;--cg-text-3: #94a3b8;--cg-border: #e1ecf7;--cg-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--cg-r: 12px;--cg-r-sm: 8px;--cg-t: .2s ease;--cg-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.cg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:cgFadeIn .2s ease both}@keyframes cgFadeIn{0%{opacity:0}to{opacity:1}}.cg-sheet{background:#fff;border-radius:var(--cg-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--cg-shadow);overflow:hidden;font-family:var(--cg-font);animation:cgSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes cgSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cg-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--cg-grad);flex-shrink:0}.cg-header-left{display:flex;align-items:center;gap:14px}.cg-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cg-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--cg-font)}.cg-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--cg-font)}.cg-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cg-t);flex-shrink:0}.cg-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.cg-close-btn:active{transform:scale(.96)}.cg-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.cg-body::-webkit-scrollbar{width:5px}.cg-body::-webkit-scrollbar-track{background:transparent}.cg-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.cg-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.cg-form{width:100%}.cg-form-group{margin-bottom:24px;text-align:left}.cg-form-group:last-of-type{margin-bottom:0}.cg-label{display:block;margin-bottom:8px;font-weight:600;color:var(--cg-text-1);font-size:13px;font-family:var(--cg-font)}.cg-required{color:var(--cg-red);margin-left:4px}.cg-input-wrapper{position:relative;display:flex;align-items:center}.cg-input-icon{position:absolute;left:12px;color:var(--cg-text-3);pointer-events:none;z-index:1}.cg-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--cg-text-1);border:1.5px solid var(--cg-border);border-radius:var(--cg-r-sm);background:#fff;transition:all var(--cg-t);font-family:var(--cg-font);outline:none;box-sizing:border-box}.cg-input:focus{border-color:var(--cg-blue);box-shadow:0 0 0 3px #2196f31a}.cg-input-error{border-color:var(--cg-red)!important}.cg-input-error:focus{border-color:var(--cg-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.cg-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.cg-hint{display:block;margin-top:6px;font-size:11px;color:var(--cg-text-3);font-family:var(--cg-font)}.cg-error-message{display:block;margin-top:6px;font-size:11px;color:var(--cg-red);font-weight:500;font-family:var(--cg-font)}.cg-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--cg-border);flex-shrink:0}.cg-btn{padding:10px 24px;border-radius:var(--cg-r-sm);font-size:13px;font-weight:600;font-family:var(--cg-font);cursor:pointer;transition:all var(--cg-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.cg-btn-primary{background:var(--cg-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.cg-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.cg-btn-secondary{background:#fff;color:var(--cg-text-2);border:1.5px solid var(--cg-border)}.cg-btn-secondary:hover:not(:disabled){border-color:var(--cg-blue);color:var(--cg-blue);background:#f8faff}.cg-btn:active:not(:disabled){transform:translateY(0)}.cg-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cg-backdrop{padding:12px}.cg-sheet{max-width:95%;max-height:calc(100vh - 24px)}.cg-header{padding:16px 20px}.cg-header-icon{width:36px;height:36px}.cg-title{font-size:16px}.cg-subtitle{font-size:11px}.cg-body{padding:20px}.cg-form-group{margin-bottom:20px}.cg-footer{padding:14px 20px;flex-direction:column-reverse}.cg-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.cg-backdrop{padding:8px}.cg-sheet{max-height:calc(100vh - 16px)}.cg-header{padding:14px 16px}.cg-header-left{gap:10px}.cg-header-icon{width:32px;height:32px}.cg-header-icon svg{font-size:16px!important}.cg-title{font-size:15px}.cg-subtitle{font-size:10px}.cg-body{padding:16px}.cg-label{font-size:12px;margin-bottom:6px}.cg-input{padding:9px 12px 9px 34px;font-size:12px}.cg-input-icon svg{font-size:14px!important}.cg-hint{font-size:10px}.cg-footer{padding:12px 16px}.cg-btn{padding:9px 16px;font-size:12px}}:root{--ug-font: "DM Sans", system-ui, sans-serif;--ug-blue: #2196f3;--ug-blue-dk: #0d47a1;--ug-blue-lt: #e3f2fd;--ug-blue-mid: #bbdefb;--ug-green: #16a34a;--ug-red: #dc2626;--ug-text-1: #0d1b2a;--ug-text-2: #4a6080;--ug-text-3: #94a3b8;--ug-border: #e1ecf7;--ug-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--ug-r: 12px;--ug-r-sm: 8px;--ug-t: .2s ease;--ug-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.ug-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:ugFadeIn .2s ease both}@keyframes ugFadeIn{0%{opacity:0}to{opacity:1}}.ug-sheet{background:#fff;border-radius:var(--ug-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--ug-shadow);overflow:hidden;font-family:var(--ug-font);animation:ugSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes ugSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ug-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--ug-grad);flex-shrink:0}.ug-header-left{display:flex;align-items:center;gap:14px}.ug-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ug-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--ug-font)}.ug-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--ug-font)}.ug-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.ug-current-badge svg{font-size:12px}.ug-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ug-t);flex-shrink:0}.ug-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.ug-close-btn:active{transform:scale(.96)}.ug-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.ug-body::-webkit-scrollbar{width:5px}.ug-body::-webkit-scrollbar-track{background:transparent}.ug-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.ug-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.ug-form{width:100%}.ug-form-group{margin-bottom:24px;text-align:left}.ug-form-group:last-of-type{margin-bottom:0}.ug-label{display:block;margin-bottom:8px;font-weight:600;color:var(--ug-text-1);font-size:13px;font-family:var(--ug-font)}.ug-required{color:var(--ug-red);margin-left:4px}.ug-input-wrapper{position:relative;display:flex;align-items:center}.ug-input-icon{position:absolute;left:12px;color:var(--ug-text-3);pointer-events:none;z-index:1}.ug-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--ug-text-1);border:1.5px solid var(--ug-border);border-radius:var(--ug-r-sm);background:#fff;transition:all var(--ug-t);font-family:var(--ug-font);outline:none;box-sizing:border-box}.ug-input:focus{border-color:var(--ug-blue);box-shadow:0 0 0 3px #2196f31a}.ug-input-error{border-color:var(--ug-red)!important}.ug-input-error:focus{border-color:var(--ug-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.ug-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.ug-hint{display:block;margin-top:6px;font-size:11px;color:var(--ug-text-3);font-family:var(--ug-font)}.ug-error-message{display:block;margin-top:6px;font-size:11px;color:var(--ug-red);font-weight:500;font-family:var(--ug-font)}.ug-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--ug-border);flex-shrink:0}.ug-btn{padding:10px 24px;border-radius:var(--ug-r-sm);font-size:13px;font-weight:600;font-family:var(--ug-font);cursor:pointer;transition:all var(--ug-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.ug-btn-primary{background:var(--ug-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.ug-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.ug-btn-secondary{background:#fff;color:var(--ug-text-2);border:1.5px solid var(--ug-border)}.ug-btn-secondary:hover:not(:disabled){border-color:var(--ug-blue);color:var(--ug-blue);background:#f8faff}.ug-btn:active:not(:disabled){transform:translateY(0)}.ug-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.ug-backdrop{padding:12px}.ug-sheet{max-width:95%;max-height:calc(100vh - 24px)}.ug-header{padding:16px 20px}.ug-header-icon{width:36px;height:36px}.ug-title{font-size:16px}.ug-subtitle{font-size:11px}.ug-body{padding:20px}.ug-form-group{margin-bottom:20px}.ug-footer{padding:14px 20px;flex-direction:column-reverse}.ug-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.ug-backdrop{padding:8px}.ug-sheet{max-height:calc(100vh - 16px)}.ug-header{padding:14px 16px}.ug-header-left{gap:10px}.ug-header-icon{width:32px;height:32px}.ug-header-icon svg{font-size:16px!important}.ug-title{font-size:15px}.ug-subtitle{font-size:10px}.ug-current-badge{font-size:10px;padding:3px 8px}.ug-body{padding:16px}.ug-label{font-size:12px;margin-bottom:6px}.ug-input{padding:9px 12px 9px 34px;font-size:12px}.ug-input-icon svg{font-size:14px!important}.ug-hint{font-size:10px}.ug-footer{padding:12px 16px}.ug-btn{padding:9px 16px;font-size:12px}}: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}}: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}}:root{--cs-font: "DM Sans", system-ui, sans-serif;--cs-blue: #2196f3;--cs-blue-dk: #0d47a1;--cs-blue-lt: #e3f2fd;--cs-blue-mid: #bbdefb;--cs-green: #16a34a;--cs-red: #dc2626;--cs-text-1: #0d1b2a;--cs-text-2: #4a6080;--cs-text-3: #94a3b8;--cs-border: #e1ecf7;--cs-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--cs-r: 12px;--cs-r-sm: 8px;--cs-t: .2s ease;--cs-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.cs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:csFadeIn .2s ease both}@keyframes csFadeIn{0%{opacity:0}to{opacity:1}}.cs-sheet{background:#fff;border-radius:var(--cs-r);width:100%;max-width:780px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--cs-shadow);overflow:hidden;font-family:var(--cs-font);animation:csSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes csSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cs-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--cs-grad);flex-shrink:0}.cs-header-left{display:flex;align-items:center;gap:14px}.cs-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cs-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--cs-font)}.cs-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--cs-font)}.cs-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cs-t);flex-shrink:0}.cs-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.cs-close-btn:active{transform:scale(.96)}.cs-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.cs-body::-webkit-scrollbar{width:5px}.cs-body::-webkit-scrollbar-track{background:transparent}.cs-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.cs-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.cs-form{width:100%}.cs-form-row{display:flex;gap:20px;margin-bottom:20px}.cs-form-row-single{margin-bottom:0}.cs-form-group{flex:1;text-align:left}.cs-label{display:block;margin-bottom:8px;font-weight:600;color:var(--cs-text-1);font-size:13px;font-family:var(--cs-font)}.cs-required{color:var(--cs-red);margin-left:4px}.cs-optional{color:var(--cs-text-3);font-size:11px;font-weight:400;margin-left:6px}.cs-input-wrapper{position:relative;display:flex;align-items:center}.cs-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--cs-text-3);pointer-events:none;z-index:1}.cs-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--cs-text-1);border:1.5px solid var(--cs-border);border-radius:var(--cs-r-sm);background:#fff;transition:all var(--cs-t);font-family:var(--cs-font);outline:none;box-sizing:border-box}.cs-time-input{padding:10px 12px 10px 36px}.cs-input:focus{border-color:var(--cs-blue);box-shadow:0 0 0 3px #2196f31a}.cs-input-error{border-color:var(--cs-red)!important}.cs-input-error:focus{border-color:var(--cs-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.cs-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}input[type=time].cs-input,input[type=number].cs-input{padding:10px 12px 10px 36px}.cs-hint{display:block;margin-top:6px;font-size:11px;color:var(--cs-text-3);font-family:var(--cs-font)}.cs-error-message{display:block;margin-top:6px;font-size:11px;color:var(--cs-red);font-weight:500;font-family:var(--cs-font)}.cs-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--cs-border);flex-shrink:0}.cs-btn{padding:10px 24px;border-radius:var(--cs-r-sm);font-size:13px;font-weight:600;font-family:var(--cs-font);cursor:pointer;transition:all var(--cs-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.cs-btn-primary{background:var(--cs-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.cs-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.cs-btn-secondary{background:#fff;color:var(--cs-text-2);border:1.5px solid var(--cs-border)}.cs-btn-secondary:hover:not(:disabled){border-color:var(--cs-blue);color:var(--cs-blue);background:#f8faff}.cs-btn:active:not(:disabled){transform:translateY(0)}.cs-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cs-backdrop{padding:12px}.cs-sheet{max-width:95%;max-height:calc(100vh - 24px)}.cs-header{padding:16px 20px}.cs-header-icon{width:36px;height:36px}.cs-title{font-size:16px}.cs-subtitle{font-size:11px}.cs-body{padding:20px}.cs-form-row{flex-direction:column;gap:16px;margin-bottom:16px}.cs-footer{padding:14px 20px;flex-direction:column-reverse}.cs-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.cs-backdrop{padding:8px}.cs-sheet{max-height:calc(100vh - 16px)}.cs-header{padding:14px 16px}.cs-header-left{gap:10px}.cs-header-icon{width:32px;height:32px}.cs-header-icon svg{font-size:16px!important}.cs-title{font-size:15px}.cs-subtitle{font-size:10px}.cs-body{padding:16px}.cs-label{font-size:12px;margin-bottom:6px}.cs-input{padding:9px 12px 9px 34px;font-size:12px}.cs-input-icon svg{font-size:14px!important}.cs-hint{font-size:10px}.cs-footer{padding:12px 16px}.cs-btn{padding:9px 16px;font-size:12px}}:root{--us-font: "DM Sans", system-ui, sans-serif;--us-blue: #2196f3;--us-blue-dk: #0d47a1;--us-blue-lt: #e3f2fd;--us-blue-mid: #bbdefb;--us-green: #16a34a;--us-red: #dc2626;--us-text-1: #0d1b2a;--us-text-2: #4a6080;--us-text-3: #94a3b8;--us-border: #e1ecf7;--us-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--us-r: 12px;--us-r-sm: 8px;--us-t: .2s ease;--us-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.us-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:usFadeIn .2s ease both}@keyframes usFadeIn{0%{opacity:0}to{opacity:1}}.us-sheet{background:#fff;border-radius:var(--us-r);width:100%;max-width:780px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--us-shadow);overflow:hidden;font-family:var(--us-font);animation:usSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes usSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.us-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--us-grad);flex-shrink:0}.us-header-left{display:flex;align-items:center;gap:14px}.us-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.us-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--us-font)}.us-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--us-font)}.us-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.us-current-badge svg{font-size:12px}.us-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--us-t);flex-shrink:0}.us-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.us-close-btn:active{transform:scale(.96)}.us-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.us-body::-webkit-scrollbar{width:5px}.us-body::-webkit-scrollbar-track{background:transparent}.us-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.us-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.us-form{width:100%}.us-form-row{display:flex;gap:20px;margin-bottom:20px}.us-form-row-single{margin-bottom:0}.us-form-group{flex:1;text-align:left}.us-label{display:block;margin-bottom:8px;font-weight:600;color:var(--us-text-1);font-size:13px;font-family:var(--us-font)}.us-required{color:var(--us-red);margin-left:4px}.us-input-wrapper{position:relative;display:flex;align-items:center}.us-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--us-text-3);pointer-events:none;z-index:1}.us-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--us-text-1);border:1.5px solid var(--us-border);border-radius:var(--us-r-sm);background:#fff;transition:all var(--us-t);font-family:var(--us-font);outline:none;box-sizing:border-box}.us-time-input{padding:10px 12px 10px 36px}.us-input:focus{border-color:var(--us-blue);box-shadow:0 0 0 3px #2196f31a}.us-input-error{border-color:var(--us-red)!important}.us-input-error:focus{border-color:var(--us-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.us-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.us-input:disabled{background:#f1f5f9;color:var(--us-text-2)}input[type=time].us-input,input[type=number].us-input{padding:10px 12px 10px 36px}.us-hint{display:block;margin-top:6px;font-size:11px;color:var(--us-text-3);font-family:var(--us-font)}.us-error-message{display:block;margin-top:6px;font-size:11px;color:var(--us-red);font-weight:500;font-family:var(--us-font)}.us-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--us-border);flex-shrink:0}.us-btn{padding:10px 24px;border-radius:var(--us-r-sm);font-size:13px;font-weight:600;font-family:var(--us-font);cursor:pointer;transition:all var(--us-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.us-btn-primary{background:var(--us-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.us-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.us-btn-secondary{background:#fff;color:var(--us-text-2);border:1.5px solid var(--us-border)}.us-btn-secondary:hover:not(:disabled){border-color:var(--us-blue);color:var(--us-blue);background:#f8faff}.us-btn:active:not(:disabled){transform:translateY(0)}.us-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.us-backdrop{padding:12px}.us-sheet{max-width:95%;max-height:calc(100vh - 24px)}.us-header{padding:16px 20px}.us-header-icon{width:36px;height:36px}.us-title{font-size:16px}.us-subtitle{font-size:11px}.us-body{padding:20px}.us-form-row{flex-direction:column;gap:16px;margin-bottom:16px}.us-footer{padding:14px 20px;flex-direction:column-reverse}.us-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.us-backdrop{padding:8px}.us-sheet{max-height:calc(100vh - 16px)}.us-header{padding:14px 16px}.us-header-left{gap:10px}.us-header-icon{width:32px;height:32px}.us-header-icon svg{font-size:16px!important}.us-title{font-size:15px}.us-subtitle{font-size:10px}.us-current-badge{font-size:10px;padding:3px 8px}.us-body{padding:16px}.us-label{font-size:12px;margin-bottom:6px}.us-input{padding:9px 12px 9px 34px;font-size:12px}.us-input-icon svg{font-size:14px!important}.us-hint{font-size:10px}.us-footer{padding:12px 16px}.us-btn{padding:9px 16px;font-size:12px}}: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}:root{--casg-font: "DM Sans", system-ui, sans-serif;--casg-blue: #2196f3;--casg-blue-dk: #0d47a1;--casg-blue-lt: #e3f2fd;--casg-blue-mid: #bbdefb;--casg-green: #16a34a;--casg-red: #dc2626;--casg-text-1: #0d1b2a;--casg-text-2: #4a6080;--casg-text-3: #94a3b8;--casg-border: #e1ecf7;--casg-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--casg-r: 12px;--casg-r-sm: 8px;--casg-t: .2s ease;--casg-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.casg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:casgFadeIn .2s ease both}@keyframes casgFadeIn{0%{opacity:0}to{opacity:1}}.casg-sheet{background:#fff;border-radius:var(--casg-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--casg-shadow);overflow:hidden;font-family:var(--casg-font);animation:casgSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes casgSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.casg-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--casg-grad);flex-shrink:0}.casg-header-left{display:flex;align-items:center;gap:14px}.casg-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.casg-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--casg-font)}.casg-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--casg-font)}.casg-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--casg-t);flex-shrink:0}.casg-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.casg-close-btn:active{transform:scale(.96)}.casg-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.casg-body::-webkit-scrollbar{width:5px}.casg-body::-webkit-scrollbar-track{background:transparent}.casg-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.casg-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.casg-form{width:100%}.casg-form-group{margin-bottom:24px;text-align:left}.casg-form-group:last-of-type{margin-bottom:0}.casg-label{display:block;margin-bottom:8px;font-weight:600;color:var(--casg-text-1);font-size:13px;font-family:var(--casg-font)}.casg-required{color:var(--casg-red);margin-left:4px}.casg-input-wrapper{position:relative;display:flex;align-items:center}.casg-input-icon{position:absolute;left:12px;color:var(--casg-text-3);pointer-events:none;z-index:1}.casg-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--casg-text-1);border:1.5px solid var(--casg-border);border-radius:var(--casg-r-sm);background:#fff;transition:all var(--casg-t);font-family:var(--casg-font);outline:none;box-sizing:border-box}.casg-input:focus{border-color:var(--casg-blue);box-shadow:0 0 0 3px #2196f31a}.casg-input-error{border-color:var(--casg-red)!important}.casg-input-error:focus{border-color:var(--casg-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.casg-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.casg-hint{display:block;margin-top:6px;font-size:11px;color:var(--casg-text-3);font-family:var(--casg-font)}.casg-error-message{display:block;margin-top:6px;font-size:11px;color:var(--casg-red);font-weight:500;font-family:var(--casg-font)}.casg-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--casg-border);flex-shrink:0}.casg-btn{padding:10px 24px;border-radius:var(--casg-r-sm);font-size:13px;font-weight:600;font-family:var(--casg-font);cursor:pointer;transition:all var(--casg-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.casg-btn-primary{background:var(--casg-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.casg-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.casg-btn-secondary{background:#fff;color:var(--casg-text-2);border:1.5px solid var(--casg-border)}.casg-btn-secondary:hover:not(:disabled){border-color:var(--casg-blue);color:var(--casg-blue);background:#f8faff}.casg-btn:active:not(:disabled){transform:translateY(0)}.casg-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.casg-backdrop{padding:12px}.casg-sheet{max-width:95%;max-height:calc(100vh - 24px)}.casg-header{padding:16px 20px}.casg-header-icon{width:36px;height:36px}.casg-title{font-size:16px}.casg-subtitle{font-size:11px}.casg-body{padding:20px}.casg-form-group{margin-bottom:20px}.casg-footer{padding:14px 20px;flex-direction:column-reverse}.casg-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.casg-backdrop{padding:8px}.casg-sheet{max-height:calc(100vh - 16px)}.casg-header{padding:14px 16px}.casg-header-left{gap:10px}.casg-header-icon{width:32px;height:32px}.casg-header-icon svg{font-size:16px!important}.casg-title{font-size:15px}.casg-subtitle{font-size:10px}.casg-body{padding:16px}.casg-label{font-size:12px;margin-bottom:6px}.casg-input{padding:9px 12px 9px 34px;font-size:12px}.casg-input-icon svg{font-size:14px!important}.casg-hint{font-size:10px}.casg-footer{padding:12px 16px}.casg-btn{padding:9px 16px;font-size:12px}}:root{--uasg-font: "DM Sans", system-ui, sans-serif;--uasg-blue: #2196f3;--uasg-blue-dk: #0d47a1;--uasg-blue-lt: #e3f2fd;--uasg-blue-mid: #bbdefb;--uasg-green: #16a34a;--uasg-red: #dc2626;--uasg-text-1: #0d1b2a;--uasg-text-2: #4a6080;--uasg-text-3: #94a3b8;--uasg-border: #e1ecf7;--uasg-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--uasg-r: 12px;--uasg-r-sm: 8px;--uasg-t: .2s ease;--uasg-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.uasg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:uasgFadeIn .2s ease both}@keyframes uasgFadeIn{0%{opacity:0}to{opacity:1}}.uasg-sheet{background:#fff;border-radius:var(--uasg-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--uasg-shadow);overflow:hidden;font-family:var(--uasg-font);animation:uasgSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes uasgSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uasg-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--uasg-grad);flex-shrink:0}.uasg-header-left{display:flex;align-items:center;gap:14px}.uasg-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uasg-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--uasg-font)}.uasg-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--uasg-font)}.uasg-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.uasg-current-badge svg{font-size:12px}.uasg-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--uasg-t);flex-shrink:0}.uasg-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.uasg-close-btn:active{transform:scale(.96)}.uasg-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.uasg-body::-webkit-scrollbar{width:5px}.uasg-body::-webkit-scrollbar-track{background:transparent}.uasg-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.uasg-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.uasg-form{width:100%}.uasg-form-group{margin-bottom:24px;text-align:left}.uasg-form-group:last-of-type{margin-bottom:0}.uasg-label{display:block;margin-bottom:8px;font-weight:600;color:var(--uasg-text-1);font-size:13px;font-family:var(--uasg-font)}.uasg-required{color:var(--uasg-red);margin-left:4px}.uasg-input-wrapper{position:relative;display:flex;align-items:center}.uasg-input-icon{position:absolute;left:12px;color:var(--uasg-text-3);pointer-events:none;z-index:1}.uasg-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--uasg-text-1);border:1.5px solid var(--uasg-border);border-radius:var(--uasg-r-sm);background:#fff;transition:all var(--uasg-t);font-family:var(--uasg-font);outline:none;box-sizing:border-box}.uasg-input:focus{border-color:var(--uasg-blue);box-shadow:0 0 0 3px #2196f31a}.uasg-input-error{border-color:var(--uasg-red)!important}.uasg-input-error:focus{border-color:var(--uasg-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.uasg-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.uasg-hint{display:block;margin-top:6px;font-size:11px;color:var(--uasg-text-3);font-family:var(--uasg-font)}.uasg-error-message{display:block;margin-top:6px;font-size:11px;color:var(--uasg-red);font-weight:500;font-family:var(--uasg-font)}.uasg-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--uasg-border);flex-shrink:0}.uasg-btn{padding:10px 24px;border-radius:var(--uasg-r-sm);font-size:13px;font-weight:600;font-family:var(--uasg-font);cursor:pointer;transition:all var(--uasg-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.uasg-btn-primary{background:var(--uasg-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.uasg-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.uasg-btn-secondary{background:#fff;color:var(--uasg-text-2);border:1.5px solid var(--uasg-border)}.uasg-btn-secondary:hover:not(:disabled){border-color:var(--uasg-blue);color:var(--uasg-blue);background:#f8faff}.uasg-btn:active:not(:disabled){transform:translateY(0)}.uasg-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.uasg-backdrop{padding:12px}.uasg-sheet{max-width:95%;max-height:calc(100vh - 24px)}.uasg-header{padding:16px 20px}.uasg-header-icon{width:36px;height:36px}.uasg-title{font-size:16px}.uasg-subtitle{font-size:11px}.uasg-body{padding:20px}.uasg-form-group{margin-bottom:20px}.uasg-footer{padding:14px 20px;flex-direction:column-reverse}.uasg-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.uasg-backdrop{padding:8px}.uasg-sheet{max-height:calc(100vh - 16px)}.uasg-header{padding:14px 16px}.uasg-header-left{gap:10px}.uasg-header-icon{width:32px;height:32px}.uasg-header-icon svg{font-size:16px!important}.uasg-title{font-size:15px}.uasg-subtitle{font-size:10px}.uasg-current-badge{font-size:10px;padding:3px 8px}.uasg-body{padding:16px}.uasg-label{font-size:12px;margin-bottom:6px}.uasg-input{padding:9px 12px 9px 34px;font-size:12px}.uasg-input-icon svg{font-size:14px!important}.uasg-hint{font-size:10px}.uasg-footer{padding:12px 16px}.uasg-btn{padding:9px 16px;font-size:12px}}:root{--astg-font: "DM Sans", system-ui, sans-serif;--astg-blue: #2196f3;--astg-blue-dk: #0d47a1;--astg-blue-lt: #e3f2fd;--astg-blue-mid: #bbdefb;--astg-green: #16a34a;--astg-red: #dc2626;--astg-orange: #f59e0b;--astg-text-1: #0d1b2a;--astg-text-2: #4a6080;--astg-text-3: #94a3b8;--astg-border: #e1ecf7;--astg-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--astg-r: 12px;--astg-r-sm: 8px;--astg-t: .2s ease;--astg-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.astg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:astgFadeIn .2s ease both}@keyframes astgFadeIn{0%{opacity:0}to{opacity:1}}.astg-sheet{background:#fff;border-radius:var(--astg-r);width:100%;max-width:1000px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--astg-shadow);overflow:hidden;font-family:var(--astg-font);animation:astgSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes astgSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.astg-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--astg-grad);flex-shrink:0}.astg-header-left{display:flex;align-items:center;gap:14px}.astg-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.astg-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--astg-font)}.astg-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--astg-font)}.astg-header-actions{display:flex;align-items:center;gap:12px}.astg-refresh-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;transition:all var(--astg-t)}.astg-refresh-btn:hover:not(:disabled){background:#ffffff40;transform:scale(1.02)}.astg-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.astg-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--astg-t);flex-shrink:0}.astg-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.astg-close-btn:active{transform:scale(.96)}.astg-loading-state,.astg-error-state{flex:1;display:flex;align-items:center;justify-content:center;padding:60px}.astg-loading-state{flex-direction:column;gap:16px;color:var(--astg-text-2)}.astg-loading-state p{margin:0;font-size:14px}.astg-error-state{text-align:center}.astg-error-content h4{margin:0 0 8px;font-size:16px;color:var(--astg-red)}.astg-error-content p{margin:0 0 16px;font-size:13px;color:var(--astg-text-2)}.astg-retry-btn{padding:8px 20px;background:var(--astg-grad);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--astg-t)}.astg-retry-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #2196f34d}.astg-selected-section{padding:16px 24px;background:var(--astg-blue-lt);border-bottom:1px solid var(--astg-border)}.astg-selected-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.astg-selected-header h4{margin:0;font-size:13px;font-weight:600;color:var(--astg-text-1)}.astg-save-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--astg-green);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--astg-t)}.astg-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #16a34a4d}.astg-save-btn:disabled{opacity:.6;cursor:not-allowed}.astg-selected-chips{display:flex;flex-wrap:wrap;gap:8px}.astg-selected-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 12px;background:#fff;border:1px solid var(--astg-blue-mid);border-radius:20px;font-size:12px}.astg-chip-code{font-weight:600;color:var(--astg-blue-dk)}.astg-chip-remove{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--astg-text-3);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all var(--astg-t)}.astg-chip-remove:hover:not(:disabled){background:var(--astg-red);transform:scale(1.1)}.astg-body{flex:1;overflow-y:auto;padding:20px 24px;min-height:0}.astg-body::-webkit-scrollbar{width:5px}.astg-body::-webkit-scrollbar-track{background:transparent}.astg-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.astg-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.astg-search-container{margin-bottom:20px}.astg-search-wrapper{position:relative;display:flex;align-items:center}.astg-search-icon{position:absolute;left:12px;color:var(--astg-text-3);pointer-events:none}.astg-search-input{width:100%;padding:10px 60px 10px 36px;font-size:13px;border:1.5px solid var(--astg-border);border-radius:8px;font-family:var(--astg-font);outline:none;transition:all var(--astg-t)}.astg-search-input:focus{border-color:var(--astg-blue);box-shadow:0 0 0 3px #2196f31a}.astg-search-clear{position:absolute;right:8px;padding:4px 8px;background:transparent;border:none;color:var(--astg-text-3);cursor:pointer;font-size:12px;transition:color var(--astg-t)}.astg-search-clear:hover{color:var(--astg-red)}.astg-shifts-details{margin-top:0}.astg-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.astg-details-header h4{margin:0;font-size:14px;font-weight:600;color:var(--astg-text-1)}.astg-table-container{overflow-x:auto}.astg-table{width:100%;border-collapse:collapse;font-size:12.5px;font-family:var(--astg-font)}.astg-table thead tr{background:var(--astg-blue-lt)}.astg-table th{padding:12px;text-align:left;color:var(--astg-blue-dk);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--astg-blue-mid)}.astg-table td{padding:12px;color:var(--astg-text-2);border-bottom:1px solid #f0f6ff;vertical-align:middle}.astg-tr-even td{background:var(--astg-row-even, #f8fbff)}.astg-table tbody tr:hover td{background:var(--astg-hover, #eef6ff)}.astg-shift-code{display:inline-block;padding:2px 8px;border-radius:20px;background:var(--astg-blue-lt);color:var(--astg-blue-dk);font-weight:700;font-size:11px;letter-spacing:.03em;border:1px solid var(--astg-blue-mid)}.astg-time-cell{font-family:monospace;font-weight:500}.astg-time-input{width:80px;padding:6px 8px;font-size:12px;font-family:monospace;text-align:center;border:1.5px solid var(--astg-border);border-radius:6px;outline:none;transition:all var(--astg-t)}.astg-time-input:focus{border-color:var(--astg-blue);box-shadow:0 0 0 3px #2196f31a}.astg-assign-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--astg-blue);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all var(--astg-t)}.astg-assign-btn:hover:not(:disabled){background:var(--astg-blue-dk);transform:translateY(-1px)}.astg-assign-btn:disabled{opacity:.6;cursor:not-allowed}.astg-empty-state{text-align:center;padding:48px 24px}.astg-empty-icon{font-size:48px;margin-bottom:16px}.astg-empty-state h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--astg-text-1)}.astg-empty-state p{margin:0 0 16px;font-size:13px;color:var(--astg-text-2)}.astg-empty-state button{padding:8px 20px;background:var(--astg-blue);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--astg-t)}.astg-empty-state button:hover{background:var(--astg-blue-dk)}.astg-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--astg-border);flex-shrink:0}.astg-btn{padding:10px 24px;border-radius:8px;font-size:13px;font-weight:600;font-family:var(--astg-font);cursor:pointer;transition:all var(--astg-t);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.astg-btn-primary{background:var(--astg-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.astg-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.astg-btn-secondary{background:#fff;color:var(--astg-text-2);border:1.5px solid var(--astg-border)}.astg-btn-secondary:hover:not(:disabled){border-color:var(--astg-blue);color:var(--astg-blue);background:#f8faff}.astg-btn:active:not(:disabled){transform:translateY(0)}.astg-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.astg-backdrop{padding:12px}.astg-sheet{max-width:95%;max-height:calc(100vh - 24px)}.astg-header{padding:16px 20px}.astg-header-icon{width:36px;height:36px}.astg-title{font-size:16px}.astg-subtitle{font-size:11px}.astg-body{padding:16px 20px}.astg-table th,.astg-table td{padding:8px;font-size:11px}.astg-time-input{width:70px}.astg-footer{padding:14px 20px;flex-direction:column-reverse}.astg-btn{width:100%}.astg-selected-section{padding:12px 16px}}@media (max-width: 640px){.astg-table{font-size:11px;min-width:700px}.astg-table-container{overflow-x:auto}}.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}}: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}}:root{--ch-font: "DM Sans", system-ui, sans-serif;--ch-blue: #2196f3;--ch-blue-dk: #0d47a1;--ch-blue-lt: #e3f2fd;--ch-blue-mid: #bbdefb;--ch-green: #16a34a;--ch-red: #dc2626;--ch-text-1: #0d1b2a;--ch-text-2: #4a6080;--ch-text-3: #94a3b8;--ch-border: #e1ecf7;--ch-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--ch-r: 12px;--ch-r-sm: 8px;--ch-t: .2s ease;--ch-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.ch-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:chFadeIn .2s ease both}@keyframes chFadeIn{0%{opacity:0}to{opacity:1}}.ch-sheet{background:#fff;border-radius:var(--ch-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--ch-shadow);overflow:hidden;font-family:var(--ch-font);animation:chSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes chSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ch-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--ch-grad);flex-shrink:0}.ch-header-left{display:flex;align-items:center;gap:14px}.ch-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ch-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--ch-font)}.ch-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--ch-font)}.ch-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ch-t);flex-shrink:0}.ch-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.ch-close-btn:active{transform:scale(.96)}.ch-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.ch-body::-webkit-scrollbar{width:5px}.ch-body::-webkit-scrollbar-track{background:transparent}.ch-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.ch-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.ch-form{width:100%}.ch-form-group{margin-bottom:24px;text-align:left}.ch-form-group:last-of-type{margin-bottom:0}.ch-label{display:block;margin-bottom:8px;font-weight:600;color:var(--ch-text-1);font-size:13px;font-family:var(--ch-font)}.ch-required{color:var(--ch-red);margin-left:4px}.ch-input-wrapper{position:relative;display:flex;align-items:center}.ch-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ch-text-3);pointer-events:none;z-index:1}.ch-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--ch-text-1);border:1.5px solid var(--ch-border);border-radius:var(--ch-r-sm);background:#fff;transition:all var(--ch-t);font-family:var(--ch-font);outline:none;box-sizing:border-box}.ch-date-input{padding:10px 12px 10px 36px}.ch-input:focus{border-color:var(--ch-blue);box-shadow:0 0 0 3px #2196f31a}.ch-input-error{border-color:var(--ch-red)!important}.ch-input-error:focus{border-color:var(--ch-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.ch-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}input[type=date].ch-input{padding:10px 12px 10px 36px;color-scheme:light}.ch-hint{display:block;margin-top:6px;font-size:11px;color:var(--ch-text-3);font-family:var(--ch-font)}.ch-error-message{display:block;margin-top:6px;font-size:11px;color:var(--ch-red);font-weight:500;font-family:var(--ch-font)}.ch-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--ch-border);flex-shrink:0}.ch-btn{padding:10px 24px;border-radius:var(--ch-r-sm);font-size:13px;font-weight:600;font-family:var(--ch-font);cursor:pointer;transition:all var(--ch-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.ch-btn-primary{background:var(--ch-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.ch-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.ch-btn-secondary{background:#fff;color:var(--ch-text-2);border:1.5px solid var(--ch-border)}.ch-btn-secondary:hover:not(:disabled){border-color:var(--ch-blue);color:var(--ch-blue);background:#f8faff}.ch-btn:active:not(:disabled){transform:translateY(0)}.ch-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.ch-backdrop{padding:12px}.ch-sheet{max-width:95%;max-height:calc(100vh - 24px)}.ch-header{padding:16px 20px}.ch-header-icon{width:36px;height:36px}.ch-title{font-size:16px}.ch-subtitle{font-size:11px}.ch-body{padding:20px}.ch-form-group{margin-bottom:20px}.ch-footer{padding:14px 20px;flex-direction:column-reverse}.ch-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.ch-backdrop{padding:8px}.ch-sheet{max-height:calc(100vh - 16px)}.ch-header{padding:14px 16px}.ch-header-left{gap:10px}.ch-header-icon{width:32px;height:32px}.ch-header-icon svg{font-size:16px!important}.ch-title{font-size:15px}.ch-subtitle{font-size:10px}.ch-body{padding:16px}.ch-label{font-size:12px;margin-bottom:6px}.ch-input{padding:9px 12px 9px 34px;font-size:12px}.ch-input-icon svg{font-size:14px!important}.ch-hint{font-size:10px}.ch-footer{padding:12px 16px}.ch-btn{padding:9px 16px;font-size:12px}}:root{--uh-font: "DM Sans", system-ui, sans-serif;--uh-blue: #2196f3;--uh-blue-dk: #0d47a1;--uh-blue-lt: #e3f2fd;--uh-blue-mid: #bbdefb;--uh-green: #16a34a;--uh-red: #dc2626;--uh-text-1: #0d1b2a;--uh-text-2: #4a6080;--uh-text-3: #94a3b8;--uh-border: #e1ecf7;--uh-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--uh-r: 12px;--uh-r-sm: 8px;--uh-t: .2s ease;--uh-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.uh-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:uhFadeIn .2s ease both}@keyframes uhFadeIn{0%{opacity:0}to{opacity:1}}.uh-sheet{background:#fff;border-radius:var(--uh-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--uh-shadow);overflow:hidden;font-family:var(--uh-font);animation:uhSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes uhSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uh-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--uh-grad);flex-shrink:0}.uh-header-left{display:flex;align-items:center;gap:14px}.uh-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uh-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--uh-font)}.uh-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--uh-font)}.uh-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.uh-current-badge svg{font-size:12px}.uh-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--uh-t);flex-shrink:0}.uh-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.uh-close-btn:active{transform:scale(.96)}.uh-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.uh-body::-webkit-scrollbar{width:5px}.uh-body::-webkit-scrollbar-track{background:transparent}.uh-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.uh-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.uh-form{width:100%}.uh-form-group{margin-bottom:24px;text-align:left}.uh-form-group:last-of-type{margin-bottom:0}.uh-label{display:block;margin-bottom:8px;font-weight:600;color:var(--uh-text-1);font-size:13px;font-family:var(--uh-font)}.uh-required{color:var(--uh-red);margin-left:4px}.uh-input-wrapper{position:relative;display:flex;align-items:center}.uh-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--uh-text-3);pointer-events:none;z-index:1}.uh-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--uh-text-1);border:1.5px solid var(--uh-border);border-radius:var(--uh-r-sm);background:#fff;transition:all var(--uh-t);font-family:var(--uh-font);outline:none;box-sizing:border-box}.uh-date-input{padding:10px 12px 10px 36px}.uh-input:focus{border-color:var(--uh-blue);box-shadow:0 0 0 3px #2196f31a}.uh-input-error{border-color:var(--uh-red)!important}.uh-input-error:focus{border-color:var(--uh-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.uh-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}input[type=date].uh-input{padding:10px 12px 10px 36px;color-scheme:light}.uh-hint{display:block;margin-top:6px;font-size:11px;color:var(--uh-text-3);font-family:var(--uh-font)}.uh-error-message{display:block;margin-top:6px;font-size:11px;color:var(--uh-red);font-weight:500;font-family:var(--uh-font)}.uh-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--uh-border);flex-shrink:0}.uh-btn{padding:10px 24px;border-radius:var(--uh-r-sm);font-size:13px;font-weight:600;font-family:var(--uh-font);cursor:pointer;transition:all var(--uh-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.uh-btn-primary{background:var(--uh-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.uh-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.uh-btn-secondary{background:#fff;color:var(--uh-text-2);border:1.5px solid var(--uh-border)}.uh-btn-secondary:hover:not(:disabled){border-color:var(--uh-blue);color:var(--uh-blue);background:#f8faff}.uh-btn:active:not(:disabled){transform:translateY(0)}.uh-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.uh-backdrop{padding:12px}.uh-sheet{max-width:95%;max-height:calc(100vh - 24px)}.uh-header{padding:16px 20px}.uh-header-icon{width:36px;height:36px}.uh-title{font-size:16px}.uh-subtitle{font-size:11px}.uh-body{padding:20px}.uh-form-group{margin-bottom:20px}.uh-footer{padding:14px 20px;flex-direction:column-reverse}.uh-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.uh-backdrop{padding:8px}.uh-sheet{max-height:calc(100vh - 16px)}.uh-header{padding:14px 16px}.uh-header-left{gap:10px}.uh-header-icon{width:32px;height:32px}.uh-header-icon svg{font-size:16px!important}.uh-title{font-size:15px}.uh-subtitle{font-size:10px}.uh-current-badge{font-size:10px;padding:3px 8px}.uh-body{padding:16px}.uh-label{font-size:12px;margin-bottom:6px}.uh-input{padding:9px 12px 9px 34px;font-size:12px}.uh-input-icon svg{font-size:14px!important}.uh-hint{font-size:10px}.uh-footer{padding:12px 16px}.uh-btn{padding:9px 16px;font-size:12px}}.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}}:root{--ahig-font: "DM Sans", system-ui, sans-serif;--ahig-blue: #2196f3;--ahig-blue-dk: #0d47a1;--ahig-blue-lt: #e3f2fd;--ahig-blue-mid: #bbdefb;--ahig-green: #16a34a;--ahig-red: #dc2626;--ahig-text-1: #0d1b2a;--ahig-text-2: #4a6080;--ahig-text-3: #94a3b8;--ahig-border: #e1ecf7;--ahig-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--ahig-r: 12px;--ahig-r-sm: 8px;--ahig-t: .2s ease;--ahig-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.ahig-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:ahigFadeIn .2s ease both}@keyframes ahigFadeIn{0%{opacity:0}to{opacity:1}}.ahig-sheet{background:#fff;border-radius:var(--ahig-r);width:100%;max-width:900px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--ahig-shadow);overflow:hidden;font-family:var(--ahig-font);animation:ahigSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes ahigSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ahig-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--ahig-grad);flex-shrink:0}.ahig-header-left{display:flex;align-items:center;gap:14px}.ahig-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ahig-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2}.ahig-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9}.ahig-group-name{font-weight:700;background:#fff3;padding:2px 6px;border-radius:12px;display:inline-block}.ahig-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ahig-t);flex-shrink:0}.ahig-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.ahig-close-btn:active{transform:scale(.96)}.ahig-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.ahig-body::-webkit-scrollbar{width:5px}.ahig-body::-webkit-scrollbar-track{background:transparent}.ahig-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.ahig-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.ahig-search-container{margin-bottom:20px}.ahig-search-wrapper{position:relative;display:flex;align-items:center}.ahig-search-icon{position:absolute;left:12px;color:var(--ahig-text-3);pointer-events:none}.ahig-search-input{width:100%;padding:10px 40px 10px 36px;font-size:13px;border:1.5px solid var(--ahig-border);border-radius:8px;font-family:var(--ahig-font);outline:none;transition:all var(--ahig-t);background:#fff}.ahig-search-input:focus{border-color:var(--ahig-blue);box-shadow:0 0 0 3px #2196f31a}.ahig-search-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.ahig-search-clear{position:absolute;right:8px;width:24px;height:24px;border-radius:50%;border:none;background:var(--ahig-text-3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ahig-t)}.ahig-search-clear:hover{background:var(--ahig-red)}.ahig-table-container{overflow-x:auto;margin-bottom:20px}.ahig-table{width:100%;border-collapse:collapse;font-size:13px}.ahig-table th{padding:12px;text-align:left;background:var(--ahig-blue-lt);color:var(--ahig-blue-dk);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--ahig-blue-mid)}.ahig-table td{padding:12px;color:var(--ahig-text-2);border-bottom:1px solid #f0f6ff;vertical-align:middle}.ahig-tr-even td{background:#f8fbff}.ahig-table tbody tr:hover td{background:#eef6ff!important}.ahig-id-cell{font-weight:600;color:var(--ahig-blue-dk)}.ahig-action-cell{text-align:center;width:60px}.ahig-add-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--ahig-blue-mid);background:#fff;color:var(--ahig-blue);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--ahig-t)}.ahig-add-btn:hover:not(:disabled){background:var(--ahig-blue);color:#fff;border-color:var(--ahig-blue);transform:scale(1.05)}.ahig-add-btn.ahig-added{background:var(--ahig-green);border-color:var(--ahig-green);color:#fff;cursor:default;opacity:.7}.ahig-add-btn:disabled{cursor:not-allowed;opacity:.5}.ahig-selected-container{margin-top:20px;padding-top:16px;border-top:1px solid var(--ahig-border)}.ahig-selected-header h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--ahig-text-1)}.ahig-selected-list{display:flex;flex-wrap:wrap;gap:10px}.ahig-selected-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 14px;background:var(--ahig-blue-lt);border:1px solid var(--ahig-blue-mid);border-radius:30px;font-size:12px;color:var(--ahig-blue-dk)}.ahig-chip-label{font-weight:500}.ahig-chip-remove{width:20px;height:20px;border-radius:50%;border:none;background:var(--ahig-text-3);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--ahig-t)}.ahig-chip-remove:hover:not(:disabled){background:var(--ahig-red);transform:scale(1.1)}.ahig-chip-remove:disabled{opacity:.5;cursor:not-allowed}.ahig-loading-state,.ahig-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.ahig-loading-state p{margin-top:16px;color:var(--ahig-text-2);font-size:14px}.ahig-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.ahig-empty-state h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--ahig-text-1)}.ahig-empty-state p{margin:0 0 20px;font-size:13px;color:var(--ahig-text-2)}.ahig-clear-search-btn{padding:8px 20px;background:var(--ahig-blue);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--ahig-t)}.ahig-clear-search-btn:hover{background:var(--ahig-blue-dk);transform:translateY(-1px)}.ahig-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--ahig-border);flex-shrink:0}.ahig-btn{padding:10px 24px;border-radius:8px;font-size:13px;font-weight:600;font-family:var(--ahig-font);cursor:pointer;transition:all var(--ahig-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.ahig-btn-primary{background:var(--ahig-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.ahig-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.ahig-btn-secondary{background:#fff;color:var(--ahig-text-2);border:1.5px solid var(--ahig-border)}.ahig-btn-secondary:hover:not(:disabled){border-color:var(--ahig-blue);color:var(--ahig-blue);background:#f8faff}.ahig-btn:active:not(:disabled){transform:translateY(0)}.ahig-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.ahig-backdrop{padding:12px}.ahig-sheet{max-width:95%;max-height:calc(100vh - 24px)}.ahig-header{padding:16px 20px}.ahig-header-icon{width:36px;height:36px}.ahig-title{font-size:16px}.ahig-subtitle{font-size:11px}.ahig-body{padding:20px}.ahig-table th,.ahig-table td{padding:10px;font-size:12px}.ahig-footer{padding:14px 20px;flex-direction:column-reverse}.ahig-btn{width:100%}}@media (max-width: 640px){.ahig-table{font-size:11px;min-width:500px}.ahig-table-container{overflow-x:auto}.ahig-selected-list{max-height:120px;overflow-y:auto}}@media (max-width: 480px){.ahig-backdrop{padding:8px}.ahig-sheet{max-height:calc(100vh - 16px)}.ahig-header{padding:14px 16px}.ahig-header-left{gap:10px}.ahig-header-icon{width:32px;height:32px}.ahig-header-icon svg{font-size:16px!important}.ahig-title{font-size:15px}.ahig-subtitle{font-size:10px}.ahig-body{padding:16px}.ahig-search-input{padding:9px 36px 9px 34px;font-size:12px}.ahig-table th,.ahig-table td{padding:8px;font-size:11px}.ahig-add-btn{width:28px;height:28px}.ahig-footer{padding:12px 16px}.ahig-btn{padding:9px 16px;font-size:12px}}.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}}.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}.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}}.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}.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}}.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}}:root{--cly-font: "DM Sans", system-ui, sans-serif;--cly-blue: #2196f3;--cly-blue-dk: #0d47a1;--cly-blue-lt: #e3f2fd;--cly-blue-mid: #bbdefb;--cly-green: #16a34a;--cly-red: #dc2626;--cly-text-1: #0d1b2a;--cly-text-2: #4a6080;--cly-text-3: #94a3b8;--cly-border: #e1ecf7;--cly-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--cly-r: 12px;--cly-r-sm: 8px;--cly-t: .2s ease;--cly-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.cly-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:clyFadeIn .2s ease both}@keyframes clyFadeIn{0%{opacity:0}to{opacity:1}}.cly-sheet{background:#fff;border-radius:var(--cly-r);width:100%;max-width:580px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--cly-shadow);overflow:hidden;font-family:var(--cly-font);animation:clySlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes clySlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cly-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--cly-grad);flex-shrink:0}.cly-header-left{display:flex;align-items:center;gap:14px}.cly-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cly-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--cly-font)}.cly-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--cly-font)}.cly-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cly-t);flex-shrink:0}.cly-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.cly-close-btn:active{transform:scale(.96)}.cly-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.cly-body::-webkit-scrollbar{width:5px}.cly-body::-webkit-scrollbar-track{background:transparent}.cly-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.cly-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.cly-form{width:100%}.cly-form-row{display:flex;gap:20px;margin-bottom:24px}.cly-form-group{flex:1;text-align:left}.cly-form-group:last-of-type{margin-bottom:0}.cly-label{display:block;margin-bottom:8px;font-weight:600;color:var(--cly-text-1);font-size:13px;font-family:var(--cly-font)}.cly-required{color:var(--cly-red);margin-left:4px}.cly-input-wrapper{position:relative;display:flex;align-items:center}.cly-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--cly-text-3);pointer-events:none;z-index:1}.cly-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--cly-text-1);border:1.5px solid var(--cly-border);border-radius:var(--cly-r-sm);background:#fff;transition:all var(--cly-t);font-family:var(--cly-font);outline:none;box-sizing:border-box}.cly-date-input{padding:10px 12px 10px 36px}.cly-input:focus{border-color:var(--cly-blue);box-shadow:0 0 0 3px #2196f31a}.cly-input-error{border-color:var(--cly-red)!important}.cly-input-error:focus{border-color:var(--cly-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.cly-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}input[type=date].cly-input{padding:10px 12px 10px 36px;color-scheme:light}.cly-hint{display:block;margin-top:6px;font-size:11px;color:var(--cly-text-3);font-family:var(--cly-font)}.cly-error-message{display:block;margin-top:6px;font-size:11px;color:var(--cly-red);font-weight:500;font-family:var(--cly-font)}.cly-toggle-wrapper{display:flex;align-items:center;gap:12px;padding:4px 0}.cly-toggle{position:relative;display:inline-block;width:52px;height:26px}.cly-toggle input{opacity:0;width:0;height:0}.cly-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:34px}.cly-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.cly-toggle input:checked+.cly-toggle-slider{background-color:var(--cly-blue)}.cly-toggle input:checked+.cly-toggle-slider:before{transform:translate(26px)}.cly-toggle input:disabled+.cly-toggle-slider{opacity:.5;cursor:not-allowed}.cly-toggle-label{font-size:13px;color:var(--cly-text-2);font-family:var(--cly-font)}.cly-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--cly-border);flex-shrink:0}.cly-btn{padding:10px 24px;border-radius:var(--cly-r-sm);font-size:13px;font-weight:600;font-family:var(--cly-font);cursor:pointer;transition:all var(--cly-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.cly-btn-primary{background:var(--cly-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.cly-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.cly-btn-secondary{background:#fff;color:var(--cly-text-2);border:1.5px solid var(--cly-border)}.cly-btn-secondary:hover:not(:disabled){border-color:var(--cly-blue);color:var(--cly-blue);background:#f8faff}.cly-btn:active:not(:disabled){transform:translateY(0)}.cly-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cly-backdrop{padding:12px}.cly-sheet{max-width:95%;max-height:calc(100vh - 24px)}.cly-header{padding:16px 20px}.cly-header-icon{width:36px;height:36px}.cly-title{font-size:16px}.cly-subtitle{font-size:11px}.cly-body{padding:20px}.cly-form-row{flex-direction:column;gap:16px;margin-bottom:16px}.cly-footer{padding:14px 20px;flex-direction:column-reverse}.cly-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.cly-backdrop{padding:8px}.cly-sheet{max-height:calc(100vh - 16px)}.cly-header{padding:14px 16px}.cly-header-left{gap:10px}.cly-header-icon{width:32px;height:32px}.cly-header-icon svg{font-size:16px!important}.cly-title{font-size:15px}.cly-subtitle{font-size:10px}.cly-body{padding:16px}.cly-label{font-size:12px;margin-bottom:6px}.cly-input{padding:9px 12px 9px 34px;font-size:12px}.cly-input-icon svg{font-size:14px!important}.cly-hint{font-size:10px}.cly-toggle-label{font-size:12px}.cly-footer{padding:12px 16px}.cly-btn{padding:9px 16px;font-size:12px}}:root{--uly-font: "DM Sans", system-ui, sans-serif;--uly-blue: #2196f3;--uly-blue-dk: #0d47a1;--uly-blue-lt: #e3f2fd;--uly-blue-mid: #bbdefb;--uly-green: #16a34a;--uly-red: #dc2626;--uly-text-1: #0d1b2a;--uly-text-2: #4a6080;--uly-text-3: #94a3b8;--uly-border: #e1ecf7;--uly-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--uly-r: 12px;--uly-r-sm: 8px;--uly-t: .2s ease;--uly-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.uly-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:ulyFadeIn .2s ease both}@keyframes ulyFadeIn{0%{opacity:0}to{opacity:1}}.uly-sheet{background:#fff;border-radius:var(--uly-r);width:100%;max-width:580px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--uly-shadow);overflow:hidden;font-family:var(--uly-font);animation:ulySlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes ulySlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uly-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--uly-grad);flex-shrink:0}.uly-header-left{display:flex;align-items:center;gap:14px}.uly-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uly-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--uly-font)}.uly-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--uly-font)}.uly-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.uly-current-badge svg{font-size:12px}.uly-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--uly-t);flex-shrink:0}.uly-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.uly-close-btn:active{transform:scale(.96)}.uly-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.uly-body::-webkit-scrollbar{width:5px}.uly-body::-webkit-scrollbar-track{background:transparent}.uly-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.uly-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.uly-form{width:100%}.uly-form-row{display:flex;gap:20px;margin-bottom:24px}.uly-form-group{flex:1;text-align:left}.uly-form-group:last-of-type{margin-bottom:0}.uly-label{display:block;margin-bottom:8px;font-weight:600;color:var(--uly-text-1);font-size:13px;font-family:var(--uly-font)}.uly-required{color:var(--uly-red);margin-left:4px}.uly-input-wrapper{position:relative;display:flex;align-items:center}.uly-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--uly-text-3);pointer-events:none;z-index:1}.uly-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--uly-text-1);border:1.5px solid var(--uly-border);border-radius:var(--uly-r-sm);background:#fff;transition:all var(--uly-t);font-family:var(--uly-font);outline:none;box-sizing:border-box}.uly-date-input{padding:10px 12px 10px 36px}.uly-input:focus{border-color:var(--uly-blue);box-shadow:0 0 0 3px #2196f31a}.uly-input-error{border-color:var(--uly-red)!important}.uly-input-error:focus{border-color:var(--uly-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.uly-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}input[type=date].uly-input{padding:10px 12px 10px 36px;color-scheme:light}.uly-hint{display:block;margin-top:6px;font-size:11px;color:var(--uly-text-3);font-family:var(--uly-font)}.uly-error-message{display:block;margin-top:6px;font-size:11px;color:var(--uly-red);font-weight:500;font-family:var(--uly-font)}.uly-toggle-wrapper{display:flex;align-items:center;gap:12px;padding:4px 0}.uly-toggle{position:relative;display:inline-block;width:52px;height:26px}.uly-toggle input{opacity:0;width:0;height:0}.uly-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:34px}.uly-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.uly-toggle input:checked+.uly-toggle-slider{background-color:var(--uly-blue)}.uly-toggle input:checked+.uly-toggle-slider:before{transform:translate(26px)}.uly-toggle input:disabled+.uly-toggle-slider{opacity:.5;cursor:not-allowed}.uly-toggle-label{font-size:13px;color:var(--uly-text-2);font-family:var(--uly-font)}.uly-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--uly-border);flex-shrink:0}.uly-btn{padding:10px 24px;border-radius:var(--uly-r-sm);font-size:13px;font-weight:600;font-family:var(--uly-font);cursor:pointer;transition:all var(--uly-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.uly-btn-primary{background:var(--uly-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.uly-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.uly-btn-secondary{background:#fff;color:var(--uly-text-2);border:1.5px solid var(--uly-border)}.uly-btn-secondary:hover:not(:disabled){border-color:var(--uly-blue);color:var(--uly-blue);background:#f8faff}.uly-btn:active:not(:disabled){transform:translateY(0)}.uly-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.uly-backdrop{padding:12px}.uly-sheet{max-width:95%;max-height:calc(100vh - 24px)}.uly-header{padding:16px 20px}.uly-header-icon{width:36px;height:36px}.uly-title{font-size:16px}.uly-subtitle{font-size:11px}.uly-body{padding:20px}.uly-form-row{flex-direction:column;gap:16px;margin-bottom:16px}.uly-footer{padding:14px 20px;flex-direction:column-reverse}.uly-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.uly-backdrop{padding:8px}.uly-sheet{max-height:calc(100vh - 16px)}.uly-header{padding:14px 16px}.uly-header-left{gap:10px}.uly-header-icon{width:32px;height:32px}.uly-header-icon svg{font-size:16px!important}.uly-title{font-size:15px}.uly-subtitle{font-size:10px}.uly-current-badge{font-size:10px;padding:3px 8px}.uly-body{padding:16px}.uly-label{font-size:12px;margin-bottom:6px}.uly-input{padding:9px 12px 9px 34px;font-size:12px}.uly-input-icon svg{font-size:14px!important}.uly-hint{font-size:10px}.uly-toggle-label{font-size:12px}.uly-footer{padding:12px 16px}.uly-btn{padding:9px 16px;font-size:12px}}.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}}:root{--clt-font: "DM Sans", system-ui, sans-serif;--clt-blue: #2196f3;--clt-blue-dk: #0d47a1;--clt-blue-lt: #e3f2fd;--clt-blue-mid: #bbdefb;--clt-green: #16a34a;--clt-red: #dc2626;--clt-text-1: #0d1b2a;--clt-text-2: #4a6080;--clt-text-3: #94a3b8;--clt-border: #e1ecf7;--clt-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--clt-r: 12px;--clt-r-sm: 8px;--clt-t: .2s ease;--clt-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.clt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:cltFadeIn .2s ease both}@keyframes cltFadeIn{0%{opacity:0}to{opacity:1}}.clt-sheet{background:#fff;border-radius:var(--clt-r);width:100%;max-width:540px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--clt-shadow);overflow:hidden;font-family:var(--clt-font);animation:cltSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes cltSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.clt-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--clt-grad);flex-shrink:0}.clt-header-left{display:flex;align-items:center;gap:14px}.clt-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.clt-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--clt-font)}.clt-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--clt-font)}.clt-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--clt-t);flex-shrink:0}.clt-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.clt-close-btn:active{transform:scale(.96)}.clt-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.clt-body::-webkit-scrollbar{width:5px}.clt-body::-webkit-scrollbar-track{background:transparent}.clt-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.clt-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.clt-form{width:100%}.clt-form-group{margin-bottom:24px;text-align:left}.clt-form-group:last-of-type{margin-bottom:0}.clt-label{display:block;margin-bottom:8px;font-weight:600;color:var(--clt-text-1);font-size:13px;font-family:var(--clt-font)}.clt-required{color:var(--clt-red);margin-left:4px}.clt-optional{color:var(--clt-text-3);font-size:11px;font-weight:400;margin-left:6px}.clt-input-wrapper{position:relative;display:flex;align-items:center}.clt-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--clt-text-3);pointer-events:none;z-index:1}.clt-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--clt-text-1);border:1.5px solid var(--clt-border);border-radius:var(--clt-r-sm);background:#fff;transition:all var(--clt-t);font-family:var(--clt-font);outline:none;box-sizing:border-box}.clt-input:focus{border-color:var(--clt-blue);box-shadow:0 0 0 3px #2196f31a}.clt-input-error{border-color:var(--clt-red)!important}.clt-input-error:focus{border-color:var(--clt-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.clt-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}input[type=number].clt-input{padding:10px 12px 10px 36px}.clt-hint{display:block;margin-top:6px;font-size:11px;color:var(--clt-text-3);font-family:var(--clt-font)}.clt-error-message{display:block;margin-top:6px;font-size:11px;color:var(--clt-red);font-weight:500;font-family:var(--clt-font)}.clt-toggle-wrapper{display:flex;align-items:center;gap:12px;padding:4px 0}.clt-toggle{position:relative;display:inline-block;width:52px;height:26px}.clt-toggle input{opacity:0;width:0;height:0}.clt-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:34px}.clt-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.clt-toggle input:checked+.clt-toggle-slider{background-color:var(--clt-blue)}.clt-toggle input:checked+.clt-toggle-slider:before{transform:translate(26px)}.clt-toggle input:disabled+.clt-toggle-slider{opacity:.5;cursor:not-allowed}.clt-toggle-label{font-size:13px;color:var(--clt-text-2);font-family:var(--clt-font)}.clt-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--clt-border);flex-shrink:0}.clt-btn{padding:10px 24px;border-radius:var(--clt-r-sm);font-size:13px;font-weight:600;font-family:var(--clt-font);cursor:pointer;transition:all var(--clt-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.clt-btn-primary{background:var(--clt-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.clt-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.clt-btn-secondary{background:#fff;color:var(--clt-text-2);border:1.5px solid var(--clt-border)}.clt-btn-secondary:hover:not(:disabled){border-color:var(--clt-blue);color:var(--clt-blue);background:#f8faff}.clt-btn:active:not(:disabled){transform:translateY(0)}.clt-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.clt-backdrop{padding:12px}.clt-sheet{max-width:95%;max-height:calc(100vh - 24px)}.clt-header{padding:16px 20px}.clt-header-icon{width:36px;height:36px}.clt-title{font-size:16px}.clt-subtitle{font-size:11px}.clt-body{padding:20px}.clt-form-group{margin-bottom:20px}.clt-footer{padding:14px 20px;flex-direction:column-reverse}.clt-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.clt-backdrop{padding:8px}.clt-sheet{max-height:calc(100vh - 16px)}.clt-header{padding:14px 16px}.clt-header-left{gap:10px}.clt-header-icon{width:32px;height:32px}.clt-header-icon svg{font-size:16px!important}.clt-title{font-size:15px}.clt-subtitle{font-size:10px}.clt-body{padding:16px}.clt-label{font-size:12px;margin-bottom:6px}.clt-input{padding:9px 12px 9px 34px;font-size:12px}.clt-input-icon svg{font-size:14px!important}.clt-hint{font-size:10px}.clt-toggle-label{font-size:12px}.clt-footer{padding:12px 16px}.clt-btn{padding:9px 16px;font-size:12px}}.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{--ldt-gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--ldt-blue: #2196F3;--ldt-blue-dk: #0d47a1;--ldt-blue-lt: #e3f2fd;--ldt-green: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);--ldt-red: linear-gradient(90deg, #ff711c 0%, #f74231 50%, #fd2a6d 100%);--ldt-teal: linear-gradient(90deg, #1da99c 0%, #4abb83 50%, #7dcf61 100%);--ldt-surface: #fff;--ldt-bg: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--ldt-bgsec: #f8fafc;--ldt-border: #e1e8f0;--ldt-hover: #e3f2fd;--ldt-text: #212121;--ldt-sub: #757575;--ldt-muted: #9e9e9e;--ldt-r: 6px;--ldt-sh: 0 1px 3px rgba(33, 150, 243, .06);--ldt-tr: .2s ease}.ldt-root{width:100%;height:calc(100vh - 32px);background:var(--ldt-bg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;overflow:hidden;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.ldt-header{background:var(--ldt-surface);border:1px solid var(--ldt-border);border-radius:var(--ldt-r);box-shadow:var(--ldt-sh);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px;flex-wrap:wrap}.ldt-header-left{display:flex;align-items:center;gap:10px}.ldt-hdr-icon{width:38px;height:38px;background:var(--ldt-gradient);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ldt-hdr-icon svg{color:#fff;font-size:20px!important}.ldt-hdr-title{font-size:16px;font-weight:700;color:var(--ldt-text);margin:0;line-height:1.2}.ldt-hdr-subtitle{font-size:10.5px;color:var(--ldt-sub);margin:2px 0 0}.ldt-create-bar{display:flex;align-items:center;gap:6px;background:var(--ldt-bgsec);border:1.5px solid var(--ldt-border);border-radius:4px;padding:3px 6px 3px 10px;transition:border-color var(--ldt-tr),box-shadow var(--ldt-tr)}.ldt-create-bar:focus-within{border-color:var(--ldt-blue);box-shadow:0 0 0 2px #2196f31f}.ldt-create-bar input{border:none;outline:none;font-size:11.5px;color:var(--ldt-text);background:transparent;width:170px}.ldt-create-bar input::placeholder{color:var(--ldt-muted)}.ldt-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border:none;border-radius:3px;font-size:10.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity var(--ldt-tr),transform var(--ldt-tr);height:26px}.ldt-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.ldt-btn:active{transform:translateY(0)!important}.ldt-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.ldt-btn svg{font-size:13px!important}.ldt-btn.blue{background:var(--ldt-gradient);color:#fff;box-shadow:0 2px 5px #2196f340}.ldt-btn.green{background:var(--ldt-green);color:#fff;box-shadow:0 1px 4px #4caf5033}.ldt-btn.teal{background:var(--ldt-teal);color:#fff}.ldt-btn.ghost{background:none;color:var(--ldt-sub);border:1px solid var(--ldt-border)}.ldt-btn.ghost:hover{background:var(--ldt-hover);color:var(--ldt-text)}.ldt-panels{flex:1;display:grid;grid-template-columns:1fr 1.4fr;gap:8px;min-height:0;overflow:hidden}.ldt-card{background:var(--ldt-surface);border:1px solid var(--ldt-border);border-radius:var(--ldt-r);box-shadow:var(--ldt-sh);display:flex;flex-direction:column;height:100%;overflow:hidden}.ldt-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--ldt-bgsec);border-bottom:1px solid var(--ldt-border);flex-shrink:0;gap:6px;min-height:42px}.ldt-card-hdr-left{display:flex;align-items:center;gap:6px;overflow:hidden}.ldt-card-hdr svg{color:var(--ldt-blue);font-size:15px!important;flex-shrink:0}.ldt-card-title{font-size:12px;font-weight:600;color:var(--ldt-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ldt-card-title span{color:var(--ldt-blue);font-weight:700;background:var(--ldt-blue-lt);border-radius:3px;padding:1px 6px;margin-left:4px}.ldt-count-pill{background:var(--ldt-gradient);color:#fff;padding:1px 6px;border-radius:10px;font-size:9px;font-weight:700;white-space:nowrap;flex-shrink:0}.ldt-tscroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--ldt-border) transparent}.ldt-tscroll::-webkit-scrollbar{width:4px}.ldt-tscroll::-webkit-scrollbar-thumb{background:var(--ldt-border);border-radius:2px}.ldt-table{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed}.ldt-table thead{position:sticky;top:0;z-index:2}.ldt-table th{background:var(--ldt-bgsec);padding:6px 10px;text-align:left;font-size:9.5px;font-weight:700;color:var(--ldt-sub);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--ldt-border);white-space:nowrap}.ldt-table td{padding:7px 10px;border-bottom:1px solid #f0f4f8;color:var(--ldt-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.ldt-table tbody tr:last-child td{border-bottom:none}.ldt-table tbody tr{transition:background var(--ldt-tr)}.ldt-table tbody tr:hover{background:var(--ldt-hover)}.ldt-table tr.editing{background:#fffde7}.ldt-cell-input{padding:3px 7px;border:1.5px solid var(--ldt-blue);border-radius:3px;font-size:11px;width:100%;box-sizing:border-box;outline:none;background:#fff}.ldt-id-chip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 5px;background:var(--ldt-blue-lt);color:var(--ldt-blue-dk);border-radius:3px;font-size:10px;font-weight:700}.ldt-cnt-chip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--ldt-gradient);color:#fff;font-size:10px;font-weight:700}.ldt-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:9px;font-size:10px;font-weight:700}.ldt-badge-yes{background:#e8f5e9;color:#2e7d32}.ldt-badge-no{background:#fce4ec;color:#c62828}.ldt-actions{display:flex;align-items:center;justify-content:center;gap:1px}.ldt-ico{width:26px!important;height:26px!important;border-radius:4px!important;transition:background var(--ldt-tr)!important}.ldt-ico svg{font-size:13px!important}.ldt-ico.add{color:#43a047!important}.ldt-ico.add:hover{background:#43a0471a!important}.ldt-ico.view{color:var(--ldt-blue)!important}.ldt-ico.view:hover{background:#2196f31a!important}.ldt-ico.del{color:#e53935!important}.ldt-ico.del:hover{background:#e539351a!important}.ldt-ico.edit{color:#f59e0b!important}.ldt-ico.edit:hover{background:#f59e0b1a!important}.ldt-ico.save{color:#43a047!important}.ldt-ico.save:hover{background:#43a0471a!important}.ldt-ico.undo{color:#e53935!important}.ldt-ico.undo:hover{background:#e539351a!important}.ldt-state-cell{padding:24px 16px!important;text-align:center;background:#fafbfc}.ldt-state-cell p{margin:4px 0 0;color:var(--ldt-muted);font-size:11px;font-style:italic}.ldt-state-cell .ldt-retry{padding:3px 10px;background:var(--ldt-gradient);color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:10px;font-weight:600;margin-top:6px}.ldt-empty-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:32px 20px;background:linear-gradient(135deg,#fafcff,#f5f8ff);border-top:1px dashed #c1d9ff}.ldt-empty-icon-wrap{width:48px;height:48px;border-radius:10px;background:var(--ldt-blue-lt);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.ldt-empty-icon-wrap svg{color:var(--ldt-blue);font-size:24px!important}.ldt-empty-panel h4{margin:0;font-size:13px;font-weight:600;color:var(--ldt-text)}.ldt-empty-panel p{margin:0;font-size:11px;color:var(--ldt-muted);max-width:180px;line-height:1.5}.ldt-form-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.ldt-form-scroll{flex:1;overflow-y:auto;padding:10px 12px;background:var(--ldt-bgsec);scrollbar-width:thin;scrollbar-color:var(--ldt-border) transparent}.ldt-form-scroll::-webkit-scrollbar{width:4px}.ldt-form-scroll::-webkit-scrollbar-thumb{background:var(--ldt-border);border-radius:2px}.ldt-fsec{background:var(--ldt-surface);border:1px solid var(--ldt-border);border-radius:5px;margin-bottom:7px;overflow:hidden}.ldt-fsec-hdr{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--ldt-tr)}.ldt-fsec-hdr:hover{background:var(--ldt-hover)}.ldt-fsec-hdr.open{background:var(--ldt-blue-lt);border-bottom:1px solid var(--ldt-border)}.ldt-fsec-left{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--ldt-text)}.ldt-fsec-dot{width:7px;height:7px;border-radius:50%;background:var(--ldt-gradient);flex-shrink:0}.ldt-fsec-chev{color:var(--ldt-muted)!important;font-size:17px!important;transition:transform var(--ldt-tr)!important}.ldt-fsec-chev.open{transform:rotate(180deg)}.ldt-fsec-body{padding:10px 12px;animation:ldt-expand .15s ease}@keyframes ldt-expand{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.ldt-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.ldt-fgrid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ldt-frow{display:flex;flex-direction:column;gap:4px}.ldt-frow>label:first-child{font-size:9.5px;font-weight:700;color:var(--ldt-sub);text-transform:uppercase;letter-spacing:.04em}.ldt-frow input[type=number],.ldt-frow input[type=text],.ldt-frow select{padding:5px 8px;border:1.5px solid var(--ldt-border);border-radius:4px;font-size:11px;color:var(--ldt-text);background:#fff;width:100%;box-sizing:border-box;outline:none;transition:border-color var(--ldt-tr),box-shadow var(--ldt-tr)}.ldt-frow input:focus,.ldt-frow select:focus{border-color:var(--ldt-blue);box-shadow:0 0 0 2px #2196f31f}.ldt-tog-wrap{display:flex;align-items:center;gap:7px}.ldt-tog{position:relative;width:44px;height:22px;flex-shrink:0}.ldt-tog input{opacity:0;width:0;height:0;position:absolute}.ldt-tog-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;background:#cfd8e3;cursor:pointer;transition:background var(--ldt-tr)}.ldt-tog input:checked~.ldt-tog-track{background:var(--ldt-gradient)}.ldt-tog-thumb{position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform var(--ldt-tr);pointer-events:none}.ldt-tog input:checked~.ldt-tog-track .ldt-tog-thumb{transform:translate(22px)}.ldt-tog-lbl{font-size:10.5px;font-weight:600;color:var(--ldt-sub);min-width:20px}.ldt-sub-tog{margin-top:5px;padding:6px 8px;background:var(--ldt-bgsec);border-radius:4px;border-left:3px solid var(--ldt-blue)}.ldt-form-footer{display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:8px 12px;background:var(--ldt-surface);border-top:1px solid var(--ldt-border);flex-shrink:0}.ldt-f-save{background:var(--ldt-gradient);color:#fff;box-shadow:0 2px 6px #2196f347;padding:6px 18px;border:none;border-radius:4px;font-size:11.5px;font-weight:600;cursor:pointer;transition:opacity var(--ldt-tr);height:30px;display:flex;align-items:center;gap:4px}.ldt-f-save:hover:not(:disabled){opacity:.9}.ldt-f-save:disabled{opacity:.55;cursor:not-allowed}.ldt-f-cancel{padding:6px 14px;border:1.5px solid var(--ldt-border);background:#f1f3f5;color:var(--ldt-sub);border-radius:4px;font-size:11.5px;font-weight:600;cursor:pointer;height:30px;display:flex;align-items:center}.ldt-f-cancel:hover{background:#e8eaed}@media (max-width:1100px){.ldt-panels{grid-template-columns:1fr}}@media (max-width:768px){.ldt-header{flex-direction:column;align-items:flex-start}.ldt-fgrid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ldt-create-bar{flex-direction:column;align-items:stretch}.ldt-create-bar input{width:100%}.ldt-fgrid,.ldt-fgrid-3{grid-template-columns:1fr}}:root{--alg-gradient: linear-gradient(135deg, rgb(33, 150, 243) 0%, rgb(13, 71, 161) 100%);--alg-blue-light: #e3f2fd;--alg-blue-mid: #2196f3;--alg-blue-dark: #0d47a1;--alg-surface: #ffffff;--alg-bg: #f5f7fa;--alg-border: #e0e7ef;--alg-text-primary: #1a2744;--alg-text-secondary: #546e8a;--alg-text-muted: #90a4ae;--alg-success: #43a047;--alg-danger: #e53935;--alg-radius: 12px;--alg-radius-sm: 6px;--alg-shadow: 0 20px 60px rgba(13, 71, 161, .18), 0 4px 16px rgba(0,0,0,.08);--alg-transition: .22s cubic-bezier(.4, 0, .2, 1)}.alg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d23508c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:alg-fadeIn .2s ease}@keyframes alg-fadeIn{0%{opacity:0}to{opacity:1}}.alg-modal{background:var(--alg-surface);border-radius:var(--alg-radius);box-shadow:var(--alg-shadow);width:100%;max-width:860px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;animation:alg-slideUp .25s cubic-bezier(.34,1.56,.64,1)}@keyframes alg-slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.alg-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--alg-gradient);color:#fff;flex-shrink:0}.alg-header-left{display:flex;align-items:center;gap:12px}.alg-header-icon{width:38px;height:38px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.alg-header h2{margin:0;font-size:17px;font-weight:600;letter-spacing:.01em;color:#fff}.alg-header h2 span{font-weight:700;background:#ffffff40;border-radius:4px;padding:1px 8px;margin-left:4px}.alg-close-btn{color:#ffffffd9!important;transition:color var(--alg-transition),background var(--alg-transition)!important}.alg-close-btn:hover{color:#fff!important;background:#ffffff26!important}.alg-body{flex:1;overflow-y:auto;padding:20px 24px;background:var(--alg-bg);scrollbar-width:thin;scrollbar-color:var(--alg-border) transparent}.alg-body::-webkit-scrollbar{width:5px}.alg-body::-webkit-scrollbar-thumb{background:var(--alg-border);border-radius:4px}.alg-section{background:var(--alg-surface);border:1px solid var(--alg-border);border-radius:var(--alg-radius-sm);margin-bottom:12px;overflow:hidden;transition:box-shadow var(--alg-transition)}.alg-section:hover{box-shadow:0 2px 12px #2196f31a}.alg-section-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-bottom:1px solid transparent;transition:background var(--alg-transition)}.alg-section-header:hover{background:var(--alg-blue-light)}.alg-section-header.open{border-bottom-color:var(--alg-border);background:var(--alg-blue-light)}.alg-section-header-left{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--alg-text-primary)}.alg-section-dot{width:8px;height:8px;border-radius:50%;background:var(--alg-gradient);flex-shrink:0}.alg-section-chevron{color:var(--alg-text-muted)!important;transition:transform var(--alg-transition)!important}.alg-section-chevron.rotated{transform:rotate(180deg)}.alg-section-body{padding:16px;animation:alg-expandIn .18s ease}@keyframes alg-expandIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.alg-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.alg-form-row{display:flex;flex-direction:column;gap:5px}.alg-form-row label:first-child{font-size:12px;font-weight:600;color:var(--alg-text-secondary);text-transform:uppercase;letter-spacing:.04em}.alg-form-row input[type=text],.alg-form-row input[type=number],.alg-form-row select{padding:7px 10px;border:1.5px solid var(--alg-border);border-radius:var(--alg-radius-sm);font-size:13px;color:var(--alg-text-primary);background:#fff;width:100%;box-sizing:border-box;transition:border-color var(--alg-transition),box-shadow var(--alg-transition);outline:none}.alg-form-row input:focus,.alg-form-row select:focus{border-color:var(--alg-blue-mid);box-shadow:0 0 0 3px #2196f326}.alg-toggle-wrap{display:flex;align-items:center;gap:10px}.alg-toggle{position:relative;width:52px;height:26px;flex-shrink:0}.alg-toggle input{opacity:0;width:0;height:0;position:absolute}.alg-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background:#cfd8e3;cursor:pointer;transition:background var(--alg-transition);display:flex;align-items:center}.alg-toggle input:checked~.alg-toggle-track{background:var(--alg-gradient)}.alg-toggle-thumb{position:absolute;width:20px;height:20px;left:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:transform var(--alg-transition);pointer-events:none}.alg-toggle input:checked~.alg-toggle-track .alg-toggle-thumb{transform:translate(26px)}.alg-toggle-label{font-size:12.5px;font-weight:600;color:var(--alg-text-secondary);min-width:24px}.alg-sub-toggle{margin-top:8px;padding:8px 10px;background:var(--alg-bg);border-radius:var(--alg-radius-sm);border-left:3px solid var(--alg-blue-mid);display:flex;flex-direction:column;gap:5px}.alg-sub-toggle .alg-form-row label:first-child{font-size:11px;color:var(--alg-text-muted)}.alg-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;background:#fff;border-top:1px solid var(--alg-border);flex-shrink:0}.alg-btn{padding:9px 22px;border:none;border-radius:var(--alg-radius-sm);font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity var(--alg-transition),transform var(--alg-transition),box-shadow var(--alg-transition);letter-spacing:.02em}.alg-btn:active{transform:translateY(1px)}.alg-btn-save{background:var(--alg-gradient);color:#fff;box-shadow:0 3px 12px #2196f359;min-width:90px}.alg-btn-save:hover{opacity:.92;box-shadow:0 4px 16px #2196f373}.alg-btn-save:disabled{opacity:.6;cursor:not-allowed}.alg-btn-cancel{background:#f1f3f5;color:var(--alg-text-secondary);border:1.5px solid var(--alg-border)}.alg-btn-cancel:hover{background:#e8eaed}.alg-btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.alg-modal{max-height:96vh}.alg-grid-3,.alg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.alg-body{padding:14px}.alg-grid-3,.alg-grid{grid-template-columns:1fr}.alg-header h2{font-size:14px}.alg-footer{flex-direction:column}.alg-btn{width:100%;justify-content:center}}:root{--ulilg-gradient: linear-gradient(135deg, rgb(33, 150, 243) 0%, rgb(13, 71, 161) 100%);--ulilg-blue-light: #e3f2fd;--ulilg-blue-mid: #2196f3;--ulilg-blue-dark: #0d47a1;--ulilg-surface: #ffffff;--ulilg-bg: #f5f7fa;--ulilg-border: #e0e7ef;--ulilg-text-primary: #1a2744;--ulilg-text-secondary: #546e8a;--ulilg-text-muted: #90a4ae;--ulilg-success: #43a047;--ulilg-danger: #e53935;--ulilg-radius: 12px;--ulilg-radius-sm: 6px;--ulilg-shadow: 0 20px 60px rgba(13, 71, 161, .18), 0 4px 16px rgba(0,0,0,.08);--ulilg-transition: .22s cubic-bezier(.4, 0, .2, 1)}.ulilg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d23508c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:ulilg-fadeIn .2s ease}@keyframes ulilg-fadeIn{0%{opacity:0}to{opacity:1}}.ulilg-modal{background:var(--ulilg-surface);border-radius:var(--ulilg-radius);box-shadow:var(--ulilg-shadow);width:100%;max-width:860px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;animation:ulilg-slideUp .25s cubic-bezier(.34,1.56,.64,1)}@keyframes ulilg-slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ulilg-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--ulilg-gradient);color:#fff;flex-shrink:0}.ulilg-header-left{display:flex;align-items:center;gap:12px}.ulilg-header-icon{width:38px;height:38px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.ulilg-header h2{margin:0;font-size:17px;font-weight:600;letter-spacing:.01em;color:#fff}.ulilg-header h2 span{font-weight:700;background:#ffffff40;border-radius:4px;padding:1px 8px;margin-left:4px}.ulilg-close-btn{color:#ffffffd9!important;transition:color var(--ulilg-transition),background var(--ulilg-transition)!important}.ulilg-close-btn:hover{color:#fff!important;background:#ffffff26!important}.ulilg-body{flex:1;overflow-y:auto;padding:20px 24px;background:var(--ulilg-bg);scrollbar-width:thin;scrollbar-color:var(--ulilg-border) transparent}.ulilg-body::-webkit-scrollbar{width:5px}.ulilg-body::-webkit-scrollbar-thumb{background:var(--ulilg-border);border-radius:4px}.ulilg-section{background:var(--ulilg-surface);border:1px solid var(--ulilg-border);border-radius:var(--ulilg-radius-sm);margin-bottom:12px;overflow:hidden;transition:box-shadow var(--ulilg-transition)}.ulilg-section:hover{box-shadow:0 2px 12px #2196f31a}.ulilg-section-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-bottom:1px solid transparent;transition:background var(--ulilg-transition)}.ulilg-section-header:hover{background:var(--ulilg-blue-light)}.ulilg-section-header.open{border-bottom-color:var(--ulilg-border);background:var(--ulilg-blue-light)}.ulilg-section-header-left{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ulilg-text-primary)}.ulilg-section-dot{width:8px;height:8px;border-radius:50%;background:var(--ulilg-gradient);flex-shrink:0}.ulilg-section-chevron{color:var(--ulilg-text-muted)!important;transition:transform var(--ulilg-transition)!important}.ulilg-section-chevron.rotated{transform:rotate(180deg)}.ulilg-section-body{padding:16px;animation:ulilg-expandIn .18s ease}@keyframes ulilg-expandIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ulilg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.ulilg-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ulilg-form-row{display:flex;flex-direction:column;gap:5px}.ulilg-form-row label:first-child{font-size:12px;font-weight:600;color:var(--ulilg-text-secondary);text-transform:uppercase;letter-spacing:.04em}.ulilg-form-row input[type=text],.ulilg-form-row input[type=number],.ulilg-form-row select{padding:7px 10px;border:1.5px solid var(--ulilg-border);border-radius:var(--ulilg-radius-sm);font-size:13px;color:var(--ulilg-text-primary);background:#fff;width:100%;box-sizing:border-box;transition:border-color var(--ulilg-transition),box-shadow var(--ulilg-transition);outline:none}.ulilg-form-row input:focus,.ulilg-form-row select:focus{border-color:var(--ulilg-blue-mid);box-shadow:0 0 0 3px #2196f326}.ulilg-toggle-wrap{display:flex;align-items:center;gap:10px}.ulilg-toggle{position:relative;width:52px;height:26px;flex-shrink:0}.ulilg-toggle input{opacity:0;width:0;height:0;position:absolute}.ulilg-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background:#cfd8e3;cursor:pointer;transition:background var(--ulilg-transition);display:flex;align-items:center}.ulilg-toggle input:checked~.ulilg-toggle-track{background:var(--ulilg-gradient)}.ulilg-toggle-thumb{position:absolute;width:20px;height:20px;left:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:transform var(--ulilg-transition);pointer-events:none}.ulilg-toggle input:checked~.ulilg-toggle-track .ulilg-toggle-thumb{transform:translate(26px)}.ulilg-toggle-label{font-size:12.5px;font-weight:600;color:var(--ulilg-text-secondary);min-width:24px}.ulilg-sub-toggle{margin-top:8px;padding:8px 10px;background:var(--ulilg-bg);border-radius:var(--ulilg-radius-sm);border-left:3px solid var(--ulilg-blue-mid);display:flex;flex-direction:column;gap:5px}.ulilg-sub-toggle .ulilg-form-row label:first-child{font-size:11px;color:var(--ulilg-text-muted)}.ulilg-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;background:#fff;border-top:1px solid var(--ulilg-border);flex-shrink:0}.ulilg-btn{padding:9px 22px;border:none;border-radius:var(--ulilg-radius-sm);font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity var(--ulilg-transition),transform var(--ulilg-transition),box-shadow var(--ulilg-transition);letter-spacing:.02em}.ulilg-btn:active{transform:translateY(1px)}.ulilg-btn-save{background:var(--ulilg-gradient);color:#fff;box-shadow:0 3px 12px #2196f359;min-width:90px}.ulilg-btn-save:hover{opacity:.92;box-shadow:0 4px 16px #2196f373}.ulilg-btn-save:disabled{opacity:.6;cursor:not-allowed}.ulilg-btn-cancel{background:#f1f3f5;color:var(--ulilg-text-secondary);border:1.5px solid var(--ulilg-border)}.ulilg-btn-cancel:hover{background:#e8eaed}.ulilg-btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.ulilg-modal{max-height:96vh}.ulilg-grid-3,.ulilg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ulilg-body{padding:14px}.ulilg-grid-3,.ulilg-grid{grid-template-columns:1fr}.ulilg-header h2{font-size:14px}.ulilg-footer{flex-direction:column}.ulilg-btn{width:100%;justify-content:center}}:root{--las-gradient: linear-gradient(135deg,#2196F3 0%,#0d47a1 100%);--las-blue: #2196F3;--las-blue-dk: #0d47a1;--las-blue-lt: #e3f2fd;--las-green: linear-gradient(135deg,#4CAF50 0%,#2E7D32 100%);--las-red: linear-gradient(90deg,#ff711c 0%,#f74231 50%,#fd2a6d 100%);--las-surface: #fff;--las-bg: linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);--las-bgsec: #f8fafc;--las-border: #e1e8f0;--las-hover: #e3f2fd;--las-text: #212121;--las-sub: #757575;--las-muted: #9e9e9e;--las-r: 6px;--las-sh: 0 1px 3px rgba(33,150,243,.06);--las-tr: .2s ease}.las-root{width:100%;height:calc(100vh - 32px);background:var(--las-bg);padding:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;overflow:hidden;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.las-header{background:var(--las-surface);border:1px solid var(--las-border);border-radius:var(--las-r);box-shadow:var(--las-sh);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px;flex-wrap:wrap}.las-header-left{display:flex;align-items:center;gap:10px}.las-hdr-icon{width:38px;height:38px;background:var(--las-gradient);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.las-hdr-icon svg{color:#fff;font-size:20px!important}.las-hdr-title{font-size:16px;font-weight:700;color:var(--las-text);margin:0;line-height:1.2}.las-hdr-subtitle{font-size:10.5px;color:var(--las-sub);margin:2px 0 0}.las-create-bar{display:flex;align-items:center;gap:6px;background:var(--las-bgsec);border:1.5px solid var(--las-border);border-radius:4px;padding:3px 6px 3px 10px;transition:border-color var(--las-tr),box-shadow var(--las-tr)}.las-create-bar:focus-within{border-color:var(--las-blue);box-shadow:0 0 0 2px #2196f31f}.las-create-bar input{border:none;outline:none;font-size:11.5px;color:var(--las-text);background:transparent;width:200px}.las-create-bar input::placeholder{color:var(--las-muted)}.las-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border:none;border-radius:3px;font-size:10.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity var(--las-tr),transform var(--las-tr);height:26px}.las-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.las-btn:active{transform:translateY(0)!important}.las-btn:disabled{opacity:.55;cursor:not-allowed}.las-btn svg{font-size:13px!important}.las-btn.blue{background:var(--las-gradient);color:#fff;box-shadow:0 2px 5px #2196f340}.las-btn.green{background:var(--las-green);color:#fff;box-shadow:0 1px 4px #4caf5033}.las-panels{flex:1;display:grid;grid-template-columns:1fr 1.4fr;gap:8px;min-height:0;overflow:hidden}.las-card{background:var(--las-surface);border:1px solid var(--las-border);border-radius:var(--las-r);box-shadow:var(--las-sh);display:flex;flex-direction:column;height:100%;overflow:hidden}.las-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--las-bgsec);border-bottom:1px solid var(--las-border);flex-shrink:0;gap:6px;min-height:42px}.las-card-hdr-left{display:flex;align-items:center;gap:6px;overflow:hidden}.las-card-hdr svg{color:var(--las-blue);font-size:15px!important;flex-shrink:0}.las-card-title{font-size:12px;font-weight:600;color:var(--las-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.las-card-title span{color:var(--las-blue);font-weight:700;background:var(--las-blue-lt);border-radius:3px;padding:1px 6px;margin-left:4px}.las-count-pill{background:var(--las-gradient);color:#fff;padding:1px 6px;border-radius:10px;font-size:9px;font-weight:700;white-space:nowrap;flex-shrink:0}.las-tscroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--las-border) transparent}.las-tscroll::-webkit-scrollbar{width:4px}.las-tscroll::-webkit-scrollbar-thumb{background:var(--las-border);border-radius:2px}.las-table{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed}.las-table thead{position:sticky;top:0;z-index:2}.las-table th{background:var(--las-bgsec);padding:6px 10px;text-align:left;font-size:9.5px;font-weight:700;color:var(--las-sub);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--las-border);white-space:nowrap}.las-table td{padding:7px 10px;border-bottom:1px solid #f0f4f8;color:var(--las-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.las-table tbody tr:last-child td{border-bottom:none}.las-table tbody tr{transition:background var(--las-tr)}.las-table tbody tr:hover{background:var(--las-hover)}.las-table tr.editing{background:#fffde7}.las-cell-input{padding:3px 7px;border:1.5px solid var(--las-blue);border-radius:3px;font-size:11px;width:100%;box-sizing:border-box;outline:none;background:#fff}.las-id-chip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 5px;background:var(--las-blue-lt);color:var(--las-blue-dk);border-radius:3px;font-size:10px;font-weight:700}.las-actions{display:flex;align-items:center;justify-content:center;gap:1px}.las-ico{width:26px!important;height:26px!important;border-radius:4px!important;transition:background var(--las-tr)!important}.las-ico svg{font-size:13px!important}.las-ico.add{color:#43a047!important}.las-ico.add:hover{background:#43a0471a!important}.las-ico.view{color:var(--las-blue)!important}.las-ico.view:hover{background:#2196f31a!important}.las-ico.del{color:#e53935!important}.las-ico.del:hover{background:#e539351a!important}.las-ico.edit{color:#f59e0b!important}.las-ico.edit:hover{background:#f59e0b1a!important}.las-ico.save{color:#43a047!important}.las-ico.save:hover{background:#43a0471a!important}.las-ico.undo{color:#e53935!important}.las-ico.undo:hover{background:#e539351a!important}.las-state-cell{padding:24px 16px!important;text-align:center;background:#fafbfc}.las-state-cell p{margin:4px 0 0;color:var(--las-muted);font-size:11px;font-style:italic}.las-empty-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:32px 20px;background:linear-gradient(135deg,#fafcff,#f5f8ff);border-top:1px dashed #c1d9ff}.las-empty-icon-wrap{width:48px;height:48px;border-radius:10px;background:var(--las-blue-lt);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.las-empty-icon-wrap svg{color:var(--las-blue);font-size:24px!important}.las-empty-panel h4{margin:0;font-size:13px;font-weight:600;color:var(--las-text)}.las-empty-panel p{margin:0;font-size:11px;color:var(--las-muted);max-width:200px;line-height:1.5}@media (max-width:1100px){.las-panels{grid-template-columns:1fr}}@media (max-width:768px){.las-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.las-create-bar{flex-direction:column;align-items:stretch}.las-create-bar input{width:100%}.las-btn{width:100%;justify-content:center}}:root{--asa-gradient: linear-gradient(135deg,rgb(33,150,243) 0%,rgb(13,71,161) 100%);--asa-blue: #2196f3;--asa-blue-dk: #0d47a1;--asa-blue-lt: #e3f2fd;--asa-surface: #fff;--asa-bg: #f5f7fa;--asa-border: #e0e7ef;--asa-text: #1a2744;--asa-sub: #546e8a;--asa-muted: #90a4ae;--asa-r: 10px;--asa-r-sm: 5px;--asa-sh: 0 20px 60px rgba(13,71,161,.18),0 4px 16px rgba(0,0,0,.08);--asa-tr: .22s cubic-bezier(.4,0,.2,1)}.asa-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d23508c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:asa-fadeIn .2s ease}@keyframes asa-fadeIn{0%{opacity:0}to{opacity:1}}.asa-modal{background:var(--asa-surface);border-radius:var(--asa-r);box-shadow:var(--asa-sh);width:100%;max-width:460px;display:flex;flex-direction:column;overflow:hidden;animation:asa-slideUp .25s cubic-bezier(.34,1.56,.64,1)}@keyframes asa-slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.asa-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--asa-gradient);flex-shrink:0}.asa-header-left{display:flex;align-items:center;gap:10px}.asa-header-icon{width:34px;height:34px;background:#fff3;border-radius:7px;display:flex;align-items:center;justify-content:center}.asa-header-icon svg{font-size:18px!important;color:#fff}.asa-header h2{margin:0;font-size:15px;font-weight:600;color:#fff;letter-spacing:.01em}.asa-header h2 span{font-weight:700;background:#ffffff38;border-radius:4px;padding:1px 7px;margin-left:4px}.asa-close-btn{color:#ffffffd9!important;transition:color var(--asa-tr),background var(--asa-tr)!important}.asa-close-btn:hover{color:#fff!important;background:#ffffff26!important}.asa-body{padding:18px 20px;background:var(--asa-bg);display:grid;grid-template-columns:1fr 1fr;gap:12px}.asa-frow{display:flex;flex-direction:column;gap:4px}.asa-frow.full{grid-column:1/-1}.asa-frow label{font-size:9.5px;font-weight:700;color:var(--asa-sub);text-transform:uppercase;letter-spacing:.04em}.asa-frow input{padding:7px 9px;border:1.5px solid var(--asa-border);border-radius:var(--asa-r-sm);font-size:12px;color:var(--asa-text);background:#fff;width:100%;box-sizing:border-box;outline:none;transition:border-color var(--asa-tr),box-shadow var(--asa-tr)}.asa-frow input:focus{border-color:var(--asa-blue);box-shadow:0 0 0 3px #2196f321}.asa-frow input:disabled{background:#f5f7fa;opacity:.7;cursor:not-allowed}.asa-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;background:var(--asa-surface);border-top:1px solid var(--asa-border);flex-shrink:0}.asa-btn{display:flex;align-items:center;gap:4px;padding:7px 18px;border:none;border-radius:var(--asa-r-sm);font-size:12px;font-weight:600;cursor:pointer;height:32px;transition:opacity var(--asa-tr),transform var(--asa-tr)}.asa-btn:active{transform:translateY(1px)}.asa-btn:disabled{opacity:.55;cursor:not-allowed}.asa-btn.save{background:var(--asa-gradient);color:#fff;box-shadow:0 2px 10px #2196f34d;min-width:90px;justify-content:center}.asa-btn.save:hover:not(:disabled){opacity:.9}.asa-btn.cancel{background:#f1f3f5;color:var(--asa-sub);border:1.5px solid var(--asa-border)}.asa-btn.cancel:hover{background:#e8eaed}@media (max-width:480px){.asa-body{grid-template-columns:1fr}.asa-footer{flex-direction:column}.asa-btn{width:100%;justify-content:center}}:root{--usa-gradient: linear-gradient(135deg, rgb(33, 150, 243) 0%, rgb(13, 71, 161) 100%);--usa-blue: #2196f3;--usa-blue-dk: #0d47a1;--usa-blue-lt: #e3f2fd;--usa-teal: linear-gradient(135deg, #1da99c 0%, #4abb83 100%);--usa-surface: #fff;--usa-bg: #f5f7fa;--usa-border: #e0e7ef;--usa-text: #1a2744;--usa-sub: #546e8a;--usa-muted: #90a4ae;--usa-r: 10px;--usa-r-sm: 5px;--usa-sh: 0 20px 60px rgba(13, 71, 161, .18), 0 4px 16px rgba(0, 0, 0, .08);--usa-tr: .22s cubic-bezier(.4, 0, .2, 1)}.usa-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d23508c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:usa-fadeIn .2s ease}@keyframes usa-fadeIn{0%{opacity:0}to{opacity:1}}.usa-modal{background:var(--usa-surface);border-radius:var(--usa-r);box-shadow:var(--usa-sh);width:100%;max-width:480px;display:flex;flex-direction:column;overflow:hidden;animation:usa-slideUp .25s cubic-bezier(.34,1.56,.64,1)}@keyframes usa-slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.usa-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--usa-gradient);flex-shrink:0}.usa-header-left{display:flex;align-items:center;gap:10px}.usa-header-icon{width:34px;height:34px;background:#fff3;border-radius:7px;display:flex;align-items:center;justify-content:center}.usa-header-icon svg{font-size:18px!important;color:#fff}.usa-header h2{margin:0;font-size:15px;font-weight:600;color:#fff;letter-spacing:.01em}.usa-header h2 span{font-weight:700;background:#ffffff38;border-radius:4px;padding:1px 7px;margin-left:4px}.usa-close-btn{color:#ffffffd9!important;transition:color var(--usa-tr),background var(--usa-tr)!important}.usa-close-btn:hover{color:#fff!important;background:#ffffff26!important}.usa-info-banner{display:flex;align-items:center;gap:8px;margin:16px 20px 0;padding:9px 12px;background:var(--usa-blue-lt);border:1px solid #bbdefb;border-radius:var(--usa-r-sm);font-size:11.5px;color:var(--usa-blue-dk);font-weight:500}.usa-info-banner svg{font-size:17px!important;color:var(--usa-blue);flex-shrink:0}.usa-body{padding:14px 20px 18px;background:var(--usa-bg);display:grid;grid-template-columns:1fr 1fr;gap:12px}.usa-frow{display:flex;flex-direction:column;gap:4px}.usa-frow.full{grid-column:1 / -1}.usa-frow label{display:flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;color:var(--usa-sub);text-transform:uppercase;letter-spacing:.04em}.usa-frow label svg{font-size:13px!important;color:var(--usa-blue)}.usa-frow input{padding:7px 9px;border:1.5px solid var(--usa-border);border-radius:var(--usa-r-sm);font-size:12px;color:var(--usa-text);background:#fff;width:100%;box-sizing:border-box;outline:none;transition:border-color var(--usa-tr),box-shadow var(--usa-tr)}.usa-frow input:focus{border-color:var(--usa-blue);box-shadow:0 0 0 3px #2196f321}.usa-frow input:disabled{background:#f5f7fa;opacity:.7;cursor:not-allowed}.usa-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;background:var(--usa-surface);border-top:1px solid var(--usa-border);flex-shrink:0}.usa-btn{display:flex;align-items:center;gap:5px;padding:7px 18px;border:none;border-radius:var(--usa-r-sm);font-size:12px;font-weight:600;cursor:pointer;height:32px;transition:opacity var(--usa-tr),transform var(--usa-tr)}.usa-btn:active{transform:translateY(1px)}.usa-btn:disabled{opacity:.55;cursor:not-allowed}.usa-btn svg{font-size:15px!important}.usa-btn.save{background:var(--usa-teal);color:#fff;box-shadow:0 2px 10px #1da99c4d;min-width:110px;justify-content:center}.usa-btn.save:hover:not(:disabled){opacity:.9}.usa-btn.cancel{background:#f1f3f5;color:var(--usa-sub);border:1.5px solid var(--usa-border)}.usa-btn.cancel:hover{background:#e8eaed}@media (max-width: 480px){.usa-body{grid-template-columns:1fr}.usa-footer{flex-direction:column}.usa-btn{width:100%;justify-content:center}}.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}}:root{--clur-gradient: linear-gradient(135deg, rgb(33,150,243) 0%, rgb(13,71,161) 100%);--clur-blue: #2196f3;--clur-blue-dk: #0d47a1;--clur-blue-lt: #e3f2fd;--clur-surface: #fff;--clur-bg: #f5f7fa;--clur-border: #e0e7ef;--clur-text: #1a2744;--clur-sub: #546e8a;--clur-muted: #90a4ae;--clur-r: 10px;--clur-r-sm: 5px;--clur-sh: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08);--clur-tr: .22s cubic-bezier(.4,0,.2,1)}.clur-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d23508c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:clur-fadeIn .2s ease}@keyframes clur-fadeIn{0%{opacity:0}to{opacity:1}}.clur-modal{background:var(--clur-surface);border-radius:var(--clur-r);box-shadow:var(--clur-sh);width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;animation:clur-slideUp .25s cubic-bezier(.34,1.56,.64,1)}@keyframes clur-slideUp{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.clur-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--clur-gradient);flex-shrink:0}.clur-header-left{display:flex;align-items:center;gap:10px}.clur-header-icon{width:36px;height:36px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center}.clur-header-icon svg{font-size:20px!important;color:#fff}.clur-header h2{margin:0;font-size:15.5px;font-weight:600;color:#fff}.clur-close-btn{color:#ffffffd9!important;transition:color var(--clur-tr),background var(--clur-tr)!important}.clur-close-btn:hover{color:#fff!important;background:#ffffff26!important}.clur-body{flex:1;overflow-y:auto;padding:18px 20px;background:var(--clur-bg);display:flex;flex-direction:column;gap:13px;scrollbar-width:thin;scrollbar-color:var(--clur-border) transparent}.clur-body::-webkit-scrollbar{width:4px}.clur-body::-webkit-scrollbar-thumb{background:var(--clur-border);border-radius:2px}.clur-divider{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:var(--clur-muted);text-transform:uppercase;letter-spacing:.06em;margin:2px 0}.clur-divider:before,.clur-divider:after{content:"";flex:1;height:1px;background:var(--clur-border)}.clur-frow{display:flex;flex-direction:column;gap:5px}.clur-frow label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--clur-sub);text-transform:uppercase;letter-spacing:.04em}.clur-frow label svg{font-size:14px!important;color:var(--clur-blue)}.clur-frow input,.clur-frow select{padding:8px 10px;border:1.5px solid var(--clur-border);border-radius:var(--clur-r-sm);font-size:12.5px;color:var(--clur-text);background:#fff;width:100%;box-sizing:border-box;outline:none;transition:border-color var(--clur-tr),box-shadow var(--clur-tr);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.clur-frow input:focus,.clur-frow select:focus{border-color:var(--clur-blue);box-shadow:0 0 0 3px #2196f321}.clur-frow input:disabled,.clur-frow select:disabled{background:#f0f2f5;color:var(--clur-muted);cursor:not-allowed}.clur-toggle-group{display:flex;border:1.5px solid var(--clur-border);border-radius:20px;overflow:hidden;background:#eef2f7;width:fit-content}.clur-toggle-btn{display:flex;align-items:center;gap:4px;padding:5px 16px;border:none;background:transparent;font-size:11.5px;font-weight:600;color:var(--clur-sub);cursor:pointer;transition:all var(--clur-tr);border-radius:20px;white-space:nowrap}.clur-toggle-btn svg{font-size:14px!important}.clur-toggle-btn.active{background:var(--clur-gradient);color:#fff;box-shadow:0 2px 8px #2196f34d}.clur-cond-card{background:var(--clur-surface);border:1.5px solid var(--clur-blue-lt);border-radius:var(--clur-r-sm);padding:12px 14px;display:flex;flex-direction:column;gap:12px;animation:clur-expand .18s ease}@keyframes clur-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.clur-cond-card-title{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--clur-blue-dk);text-transform:uppercase;letter-spacing:.04em;padding-bottom:8px;border-bottom:1px solid var(--clur-blue-lt)}.clur-cond-card-title svg{font-size:16px!important;color:var(--clur-blue)}.clur-select .react-select__control{border:1.5px solid var(--clur-border)!important;border-radius:var(--clur-r-sm)!important;box-shadow:none!important;min-height:36px!important;font-size:12.5px;background:#fff;transition:border-color var(--clur-tr),box-shadow var(--clur-tr)!important}.clur-select .react-select__control:hover{border-color:var(--clur-blue)!important}.clur-select .react-select__control--is-focused{border-color:var(--clur-blue)!important;box-shadow:0 0 0 3px #2196f321!important}.clur-select .react-select__placeholder{color:var(--clur-muted);font-size:12px}.clur-select .react-select__single-value{color:var(--clur-text)}.clur-select .react-select__option--is-focused{background:var(--clur-blue-lt)!important}.clur-select .react-select__option--is-selected{background:var(--clur-gradient)!important;color:#fff!important}.clur-select .react-select__multi-value{background:var(--clur-blue-lt);border-radius:4px}.clur-select .react-select__multi-value__label{color:var(--clur-blue-dk);font-size:11px;font-weight:600}.clur-select .react-select__multi-value__remove:hover{background:#bbdefb;color:var(--clur-blue-dk)}.clur-select .react-select__indicator-separator{background:var(--clur-border)!important}.clur-select .react-select__dropdown-indicator svg{color:var(--clur-muted)!important}.clur-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;background:var(--clur-surface);border-top:1px solid var(--clur-border);flex-shrink:0}.clur-btn{display:flex;align-items:center;gap:5px;padding:7px 20px;border:none;border-radius:var(--clur-r-sm);font-size:12.5px;font-weight:600;cursor:pointer;height:34px;transition:opacity var(--clur-tr),transform var(--clur-tr)}.clur-btn:active{transform:translateY(1px)}.clur-btn:disabled{opacity:.55;cursor:not-allowed}.clur-btn svg{font-size:16px!important}.clur-btn.save{background:var(--clur-gradient);color:#fff;box-shadow:0 2px 10px #2196f34d;min-width:120px;justify-content:center}.clur-btn.save:hover:not(:disabled){opacity:.9}.clur-btn.cancel{background:#f1f3f5;color:var(--clur-sub);border:1.5px solid var(--clur-border)}.clur-btn.cancel:hover{background:#e8eaed}@media (max-width: 480px){.clur-modal{max-height:96vh}.clur-footer{flex-direction:column}.clur-btn{width:100%;justify-content:center}}:root{--ulur-gradient: linear-gradient(135deg, rgb(33,150,243) 0%, rgb(13,71,161) 100%);--ulur-blue: #2196f3;--ulur-blue-dk: #0d47a1;--ulur-blue-lt: #e3f2fd;--ulur-surface: #fff;--ulur-bg: #f5f7fa;--ulur-border: #e0e7ef;--ulur-text: #1a2744;--ulur-sub: #546e8a;--ulur-muted: #90a4ae;--ulur-r: 10px;--ulur-r-sm: 5px;--ulur-sh: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08);--ulur-tr: .22s cubic-bezier(.4,0,.2,1)}.ulur-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d23508c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:ulur-fadeIn .2s ease}@keyframes ulur-fadeIn{0%{opacity:0}to{opacity:1}}.ulur-modal{background:var(--ulur-surface);border-radius:var(--ulur-r);box-shadow:var(--ulur-sh);width:100%;max-width:520px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;animation:ulur-slideUp .25s cubic-bezier(.34,1.56,.64,1)}@keyframes ulur-slideUp{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ulur-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--ulur-gradient);flex-shrink:0}.ulur-header-left{display:flex;align-items:center;gap:10px}.ulur-header-icon{width:36px;height:36px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center}.ulur-header-icon svg{font-size:20px!important;color:#fff}.ulur-header-text{display:flex;flex-direction:column}.ulur-header h2{margin:0;font-size:15.5px;font-weight:600;color:#fff;line-height:1.2}.ulur-header-sub{font-size:10.5px;color:#ffffffbf;font-weight:500;margin-top:1px}.ulur-header h2 span{font-weight:700;background:#ffffff38;border-radius:4px;padding:1px 7px;margin-left:4px}.ulur-close-btn{color:#ffffffd9!important;transition:color var(--ulur-tr),background var(--ulur-tr)!important}.ulur-close-btn:hover{color:#fff!important;background:#ffffff26!important}.ulur-info-banner{display:flex;align-items:center;gap:8px;margin:14px 20px 0;padding:8px 12px;background:var(--ulur-blue-lt);border:1px solid #bbdefb;border-radius:var(--ulur-r-sm);font-size:11.5px;color:var(--ulur-blue-dk);font-weight:500}.ulur-info-banner svg{font-size:16px!important;color:var(--ulur-blue);flex-shrink:0}.ulur-info-banner strong{font-weight:700}.ulur-body{flex:1;overflow-y:auto;padding:14px 20px 18px;background:var(--ulur-bg);display:flex;flex-direction:column;gap:13px;scrollbar-width:thin;scrollbar-color:var(--ulur-border) transparent}.ulur-body::-webkit-scrollbar{width:4px}.ulur-body::-webkit-scrollbar-thumb{background:var(--ulur-border);border-radius:2px}.ulur-divider{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:var(--ulur-muted);text-transform:uppercase;letter-spacing:.06em;margin:2px 0}.ulur-divider:before,.ulur-divider:after{content:"";flex:1;height:1px;background:var(--ulur-border)}.ulur-frow{display:flex;flex-direction:column;gap:5px}.ulur-frow label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--ulur-sub);text-transform:uppercase;letter-spacing:.04em}.ulur-frow label svg{font-size:14px!important;color:var(--ulur-blue)}.ulur-frow input,.ulur-frow select{padding:8px 10px;border:1.5px solid var(--ulur-border);border-radius:var(--ulur-r-sm);font-size:12.5px;color:var(--ulur-text);background:#fff;width:100%;box-sizing:border-box;outline:none;transition:border-color var(--ulur-tr),box-shadow var(--ulur-tr);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.ulur-frow input:focus,.ulur-frow select:focus{border-color:var(--ulur-blue);box-shadow:0 0 0 3px #2196f321}.ulur-frow input:disabled,.ulur-frow select:disabled{background:#f0f2f5;color:var(--ulur-muted);cursor:not-allowed}.ulur-toggle-group{display:flex;border:1.5px solid var(--ulur-border);border-radius:20px;overflow:hidden;background:#eef2f7;width:fit-content}.ulur-toggle-btn{display:flex;align-items:center;gap:4px;padding:5px 16px;border:none;background:transparent;font-size:11.5px;font-weight:600;color:var(--ulur-sub);cursor:pointer;transition:all var(--ulur-tr);border-radius:20px;white-space:nowrap}.ulur-toggle-btn svg{font-size:14px!important}.ulur-toggle-btn.active{background:var(--ulur-gradient);color:#fff;box-shadow:0 2px 8px #2196f34d}.ulur-cond-card{background:var(--ulur-surface);border:1.5px solid var(--ulur-blue-lt);border-radius:var(--ulur-r-sm);padding:12px 14px;display:flex;flex-direction:column;gap:12px;animation:ulur-expand .18s ease}@keyframes ulur-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ulur-cond-title{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--ulur-blue-dk);text-transform:uppercase;letter-spacing:.04em;padding-bottom:8px;border-bottom:1px solid var(--ulur-blue-lt)}.ulur-cond-title svg{font-size:16px!important;color:var(--ulur-blue)}.ulur-select .react-select__control{border:1.5px solid var(--ulur-border)!important;border-radius:var(--ulur-r-sm)!important;box-shadow:none!important;min-height:36px!important;font-size:12.5px;background:#fff;transition:border-color var(--ulur-tr),box-shadow var(--ulur-tr)!important}.ulur-select .react-select__control:hover{border-color:var(--ulur-blue)!important}.ulur-select .react-select__control--is-focused{border-color:var(--ulur-blue)!important;box-shadow:0 0 0 3px #2196f321!important}.ulur-select .react-select__placeholder{color:var(--ulur-muted);font-size:12px}.ulur-select .react-select__single-value{color:var(--ulur-text)}.ulur-select .react-select__option--is-focused{background:var(--ulur-blue-lt)!important}.ulur-select .react-select__option--is-selected{background:var(--ulur-gradient)!important;color:#fff!important}.ulur-select .react-select__multi-value{background:var(--ulur-blue-lt);border-radius:4px}.ulur-select .react-select__multi-value__label{color:var(--ulur-blue-dk);font-size:11px;font-weight:600}.ulur-select .react-select__multi-value__remove:hover{background:#bbdefb;color:var(--ulur-blue-dk)}.ulur-select .react-select__indicator-separator{background:var(--ulur-border)!important}.ulur-select .react-select__dropdown-indicator svg{color:var(--ulur-muted)!important}.ulur-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;background:var(--ulur-surface);border-top:1px solid var(--ulur-border);flex-shrink:0}.ulur-btn{display:flex;align-items:center;gap:5px;padding:7px 20px;border:none;border-radius:var(--ulur-r-sm);font-size:12.5px;font-weight:600;cursor:pointer;height:34px;transition:opacity var(--ulur-tr),transform var(--ulur-tr)}.ulur-btn:active{transform:translateY(1px)}.ulur-btn:disabled{opacity:.55;cursor:not-allowed}.ulur-btn svg{font-size:16px!important}.ulur-btn.save{background:var(--ulur-gradient);color:#fff;box-shadow:0 2px 10px #2196f34d;min-width:130px;justify-content:center}.ulur-btn.save:hover:not(:disabled){opacity:.9}.ulur-btn.cancel{background:#f1f3f5;color:var(--ulur-sub);border:1.5px solid var(--ulur-border)}.ulur-btn.cancel:hover{background:#e8eaed}@media (max-width: 480px){.ulur-modal{max-height:96vh}.ulur-footer{flex-direction:column}.ulur-btn{width:100%;justify-content:center}}.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}}.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}}.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}}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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{--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}}:root{--cur-font: "DM Sans", system-ui, sans-serif;--cur-blue: #2196f3;--cur-blue-dk: #0d47a1;--cur-blue-lt: #e3f2fd;--cur-blue-mid: #bbdefb;--cur-green: #16a34a;--cur-red: #dc2626;--cur-text-1: #0d1b2a;--cur-text-2: #4a6080;--cur-text-3: #94a3b8;--cur-border: #e1ecf7;--cur-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--cur-r: 12px;--cur-r-sm: 8px;--cur-t: .2s ease;--cur-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.cur-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:curFadeIn .2s ease both}@keyframes curFadeIn{0%{opacity:0}to{opacity:1}}.cur-sheet{background:#fff;border-radius:var(--cur-r);width:100%;max-width:580px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--cur-shadow);overflow:hidden;font-family:var(--cur-font);animation:curSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes curSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cur-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--cur-grad);flex-shrink:0}.cur-header-left{display:flex;align-items:center;gap:14px}.cur-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cur-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--cur-font)}.cur-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--cur-font)}.cur-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cur-t);flex-shrink:0}.cur-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.cur-close-btn:active{transform:scale(.96)}.cur-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.cur-body::-webkit-scrollbar{width:5px}.cur-body::-webkit-scrollbar-track{background:transparent}.cur-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.cur-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.cur-form{width:100%}.cur-form-group{margin-bottom:22px;text-align:left}.cur-form-group:last-of-type{margin-bottom:0}.cur-label{display:block;margin-bottom:8px;font-weight:600;color:var(--cur-text-1);font-size:13px;font-family:var(--cur-font)}.cur-required{color:var(--cur-red);margin-left:4px}.cur-input-wrapper{position:relative;display:flex;align-items:center}.cur-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--cur-text-3);pointer-events:none;z-index:1}.cur-input,.cur-select,.cur-textarea{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--cur-text-1);border:1.5px solid var(--cur-border);border-radius:var(--cur-r-sm);background:#fff;transition:all var(--cur-t);font-family:var(--cur-font);outline:none;box-sizing:border-box}.cur-textarea{padding:10px 12px 10px 36px;resize:vertical;min-height:80px}.cur-textarea+.cur-input-icon{top:18px;transform:none}.cur-input:focus,.cur-select:focus,.cur-textarea:focus{border-color:var(--cur-blue);box-shadow:0 0 0 3px #2196f31a}.cur-input-error{border-color:var(--cur-red)!important}.cur-input-error:focus,.cur-select-error:focus,.cur-textarea-error:focus{border-color:var(--cur-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.cur-input:disabled,.cur-select:disabled,.cur-textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.cur-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:10px;cursor:pointer;padding-right:30px}.cur-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='%232196f3' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>")}.cur-toggle-wrapper{display:flex;align-items:center;gap:12px;padding:4px 0}.cur-toggle{position:relative;display:inline-block;width:52px;height:26px}.cur-toggle input{opacity:0;width:0;height:0}.cur-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:34px}.cur-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.cur-toggle input:checked+.cur-toggle-slider{background-color:var(--cur-blue)}.cur-toggle input:checked+.cur-toggle-slider:before{transform:translate(26px)}.cur-toggle input:disabled+.cur-toggle-slider{opacity:.5;cursor:not-allowed}.cur-toggle-label{font-size:13px;color:var(--cur-text-2);font-family:var(--cur-font)}.cur-hint{display:block;margin-top:6px;font-size:11px;color:var(--cur-text-3);font-family:var(--cur-font)}.cur-error-message{display:block;margin-top:6px;font-size:11px;color:var(--cur-red);font-weight:500;font-family:var(--cur-font)}.cur-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--cur-border);flex-shrink:0}.cur-btn{padding:10px 24px;border-radius:var(--cur-r-sm);font-size:13px;font-weight:600;font-family:var(--cur-font);cursor:pointer;transition:all var(--cur-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.cur-btn-primary{background:var(--cur-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.cur-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.cur-btn-secondary{background:#fff;color:var(--cur-text-2);border:1.5px solid var(--cur-border)}.cur-btn-secondary:hover:not(:disabled){border-color:var(--cur-blue);color:var(--cur-blue);background:#f8faff}.cur-btn:active:not(:disabled){transform:translateY(0)}.cur-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cur-backdrop{padding:12px}.cur-sheet{max-width:95%;max-height:calc(100vh - 24px)}.cur-header{padding:16px 20px}.cur-header-icon{width:36px;height:36px}.cur-title{font-size:16px}.cur-subtitle{font-size:11px}.cur-body{padding:20px}.cur-footer{padding:14px 20px;flex-direction:column-reverse}.cur-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.cur-backdrop{padding:8px}.cur-sheet{max-height:calc(100vh - 16px)}.cur-header{padding:14px 16px}.cur-header-left{gap:10px}.cur-header-icon{width:32px;height:32px}.cur-header-icon svg{font-size:16px!important}.cur-title{font-size:15px}.cur-subtitle{font-size:10px}.cur-body{padding:16px}.cur-label{font-size:12px;margin-bottom:6px}.cur-input,.cur-select,.cur-textarea{padding:9px 12px 9px 34px;font-size:12px}.cur-input-icon svg{font-size:14px!important}.cur-hint{font-size:10px}.cur-toggle-label{font-size:12px}.cur-footer{padding:12px 16px}.cur-btn{padding:9px 16px;font-size:12px}}:root{--uur-font: "DM Sans", system-ui, sans-serif;--uur-blue: #2196f3;--uur-blue-dk: #0d47a1;--uur-blue-lt: #e3f2fd;--uur-blue-mid: #bbdefb;--uur-green: #16a34a;--uur-red: #dc2626;--uur-text-1: #0d1b2a;--uur-text-2: #4a6080;--uur-text-3: #94a3b8;--uur-border: #e1ecf7;--uur-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--uur-r: 12px;--uur-r-sm: 8px;--uur-t: .2s ease;--uur-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.uur-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:uurFadeIn .2s ease both}@keyframes uurFadeIn{0%{opacity:0}to{opacity:1}}.uur-sheet{background:#fff;border-radius:var(--uur-r);width:100%;max-width:580px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--uur-shadow);overflow:hidden;font-family:var(--uur-font);animation:uurSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes uurSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uur-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--uur-grad);flex-shrink:0}.uur-header-left{display:flex;align-items:center;gap:14px}.uur-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uur-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--uur-font)}.uur-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--uur-font)}.uur-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.uur-current-badge svg{font-size:12px}.uur-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--uur-t);flex-shrink:0}.uur-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.uur-close-btn:active{transform:scale(.96)}.uur-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.uur-body::-webkit-scrollbar{width:5px}.uur-body::-webkit-scrollbar-track{background:transparent}.uur-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.uur-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.uur-form{width:100%}.uur-form-group{margin-bottom:22px;text-align:left}.uur-form-group:last-of-type{margin-bottom:0}.uur-label{display:block;margin-bottom:8px;font-weight:600;color:var(--uur-text-1);font-size:13px;font-family:var(--uur-font)}.uur-required{color:var(--uur-red);margin-left:4px}.uur-input-wrapper{position:relative;display:flex;align-items:center}.uur-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--uur-text-3);pointer-events:none;z-index:1}.uur-input,.uur-select,.uur-textarea{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--uur-text-1);border:1.5px solid var(--uur-border);border-radius:var(--uur-r-sm);background:#fff;transition:all var(--uur-t);font-family:var(--uur-font);outline:none;box-sizing:border-box}.uur-textarea{padding:10px 12px 10px 36px;resize:vertical;min-height:80px}.uur-textarea+.uur-input-icon{top:18px;transform:none}.uur-input:focus,.uur-select:focus,.uur-textarea:focus{border-color:var(--uur-blue);box-shadow:0 0 0 3px #2196f31a}.uur-input-error{border-color:var(--uur-red)!important}.uur-input-error:focus,.uur-select-error:focus,.uur-textarea-error:focus{border-color:var(--uur-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.uur-input:disabled,.uur-select:disabled,.uur-textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.uur-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:10px;cursor:pointer;padding-right:30px}.uur-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='%232196f3' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>")}.uur-toggle-wrapper{display:flex;align-items:center;gap:12px;padding:4px 0}.uur-toggle{position:relative;display:inline-block;width:52px;height:26px}.uur-toggle input{opacity:0;width:0;height:0}.uur-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:34px}.uur-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.uur-toggle input:checked+.uur-toggle-slider{background-color:var(--uur-blue)}.uur-toggle input:checked+.uur-toggle-slider:before{transform:translate(26px)}.uur-toggle input:disabled+.uur-toggle-slider{opacity:.5;cursor:not-allowed}.uur-toggle-label{font-size:13px;color:var(--uur-text-2);font-family:var(--uur-font)}.uur-hint{display:block;margin-top:6px;font-size:11px;color:var(--uur-text-3);font-family:var(--uur-font)}.uur-error-message{display:block;margin-top:6px;font-size:11px;color:var(--uur-red);font-weight:500;font-family:var(--uur-font)}.uur-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--uur-border);flex-shrink:0}.uur-btn{padding:10px 24px;border-radius:var(--uur-r-sm);font-size:13px;font-weight:600;font-family:var(--uur-font);cursor:pointer;transition:all var(--uur-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.uur-btn-primary{background:var(--uur-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.uur-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.uur-btn-secondary{background:#fff;color:var(--uur-text-2);border:1.5px solid var(--uur-border)}.uur-btn-secondary:hover:not(:disabled){border-color:var(--uur-blue);color:var(--uur-blue);background:#f8faff}.uur-btn:active:not(:disabled){transform:translateY(0)}.uur-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.uur-backdrop{padding:12px}.uur-sheet{max-width:95%;max-height:calc(100vh - 24px)}.uur-header{padding:16px 20px}.uur-header-icon{width:36px;height:36px}.uur-title{font-size:16px}.uur-subtitle{font-size:11px}.uur-body{padding:20px}.uur-footer{padding:14px 20px;flex-direction:column-reverse}.uur-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.uur-backdrop{padding:8px}.uur-sheet{max-height:calc(100vh - 16px)}.uur-header{padding:14px 16px}.uur-header-left{gap:10px}.uur-header-icon{width:32px;height:32px}.uur-header-icon svg{font-size:16px!important}.uur-title{font-size:15px}.uur-subtitle{font-size:10px}.uur-current-badge{font-size:10px;padding:3px 8px}.uur-body{padding:16px}.uur-label{font-size:12px;margin-bottom:6px}.uur-input,.uur-select,.uur-textarea{padding:9px 12px 9px 34px;font-size:12px}.uur-input-icon svg{font-size:14px!important}.uur-hint{font-size:10px}.uur-toggle-label{font-size:12px}.uur-footer{padding:12px 16px}.uur-btn{padding:9px 16px;font-size:12px}}.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}}: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}}:root{--cau-font: "DM Sans", system-ui, sans-serif;--cau-blue: #2196f3;--cau-blue-dk: #0d47a1;--cau-blue-lt: #e3f2fd;--cau-blue-mid: #bbdefb;--cau-green: #16a34a;--cau-red: #dc2626;--cau-orange: #f59e0b;--cau-text-1: #0d1b2a;--cau-text-2: #4a6080;--cau-text-3: #94a3b8;--cau-border: #e1ecf7;--cau-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--cau-r: 12px;--cau-r-sm: 8px;--cau-t: .2s ease;--cau-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.cau-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:cauFadeIn .2s ease both}@keyframes cauFadeIn{0%{opacity:0}to{opacity:1}}.cau-sheet{background:#fff;border-radius:var(--cau-r);width:100%;max-width:580px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--cau-shadow);overflow:hidden;font-family:var(--cau-font);animation:cauSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes cauSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cau-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--cau-grad);flex-shrink:0}.cau-header-left{display:flex;align-items:center;gap:14px}.cau-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cau-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--cau-font)}.cau-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--cau-font)}.cau-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cau-t);flex-shrink:0}.cau-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.cau-close-btn:active{transform:scale(.96)}.cau-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.cau-body::-webkit-scrollbar{width:5px}.cau-body::-webkit-scrollbar-track{background:transparent}.cau-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.cau-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.cau-alert{padding:12px 16px;border-radius:var(--cau-r-sm);margin-bottom:20px;font-size:13px;font-weight:500}.cau-alert-error{background:#fef2f2;color:var(--cau-red);border-left:3px solid var(--cau-red)}.cau-alert-warning{background:#fffbeb;color:var(--cau-orange);border-left:3px solid var(--cau-orange)}.cau-form{width:100%}.cau-form-group{margin-bottom:20px;text-align:left}.cau-label{display:block;margin-bottom:8px;font-weight:600;color:var(--cau-text-1);font-size:13px;font-family:var(--cau-font)}.cau-required{color:var(--cau-red);margin-left:4px}.cau-input-wrapper,.cau-select-wrapper{position:relative;display:flex;align-items:center}.cau-input-icon{position:absolute;left:12px;color:var(--cau-text-3);pointer-events:none;z-index:1}.cau-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--cau-text-1);border:1.5px solid var(--cau-border);border-radius:var(--cau-r-sm);background:#fff;transition:all var(--cau-t);font-family:var(--cau-font);outline:none;box-sizing:border-box}.cau-input:focus{border-color:var(--cau-blue);box-shadow:0 0 0 3px #2196f31a}.cau-input-error{border-color:var(--cau-red)!important}.cau-input-error:focus{border-color:var(--cau-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.cau-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.cau-react-select{width:100%}.cau-select__control{border-color:var(--cau-border)!important;box-shadow:none!important;min-height:42px!important}.cau-select__control--is-focused{border-color:var(--cau-blue)!important;box-shadow:0 0 0 3px #2196f31a!important}.cau-select__menu{z-index:10000!important}.cau-hint{display:block;margin-top:6px;font-size:11px;color:var(--cau-text-3);font-family:var(--cau-font)}.cau-error-message{display:block;margin-top:6px;font-size:11px;color:var(--cau-red);font-weight:500;font-family:var(--cau-font)}.cau-requirements{margin-top:20px;padding:12px 16px;background:var(--cau-blue-lt);border-radius:var(--cau-r-sm)}.cau-requirements-title{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--cau-text-1);font-family:var(--cau-font)}.cau-requirements-list{margin:0;padding-left:20px;list-style:none}.cau-requirements-list li{position:relative;margin-bottom:4px;font-size:11px;color:var(--cau-text-2);font-family:var(--cau-font);padding-left:16px}.cau-requirements-list li:before{content:"•";position:absolute;left:0;color:var(--cau-text-3)}.cau-requirement-met{color:var(--cau-green)!important}.cau-requirement-met:before{content:"✓"!important;color:var(--cau-green)!important}.cau-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--cau-border);flex-shrink:0}.cau-btn{padding:10px 24px;border-radius:var(--cau-r-sm);font-size:13px;font-weight:600;font-family:var(--cau-font);cursor:pointer;transition:all var(--cau-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.cau-btn-primary{background:var(--cau-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.cau-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.cau-btn-secondary{background:#fff;color:var(--cau-text-2);border:1.5px solid var(--cau-border)}.cau-btn-secondary:hover:not(:disabled){border-color:var(--cau-blue);color:var(--cau-blue);background:#f8faff}.cau-btn:active:not(:disabled){transform:translateY(0)}.cau-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cau-backdrop{padding:12px}.cau-sheet{max-width:95%;max-height:calc(100vh - 24px)}.cau-header{padding:16px 20px}.cau-header-icon{width:36px;height:36px}.cau-title{font-size:16px}.cau-subtitle{font-size:11px}.cau-body{padding:20px}.cau-footer{padding:14px 20px;flex-direction:column-reverse}.cau-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.cau-backdrop{padding:8px}.cau-sheet{max-height:calc(100vh - 16px)}.cau-header{padding:14px 16px}.cau-header-left{gap:10px}.cau-header-icon{width:32px;height:32px}.cau-header-icon svg{font-size:16px!important}.cau-title{font-size:15px}.cau-subtitle{font-size:10px}.cau-body{padding:16px}.cau-label{font-size:12px;margin-bottom:6px}.cau-input{padding:9px 12px 9px 34px;font-size:12px}.cau-input-icon svg{font-size:14px!important}.cau-hint{font-size:10px}.cau-requirements-title{font-size:11px}.cau-requirements-list li{font-size:10px}.cau-footer{padding:12px 16px}.cau-btn{padding:9px 16px;font-size:12px}}:root{--uau-font: "DM Sans", system-ui, sans-serif;--uau-blue: #2196f3;--uau-blue-dk: #0d47a1;--uau-blue-lt: #e3f2fd;--uau-blue-mid: #bbdefb;--uau-green: #16a34a;--uau-red: #dc2626;--uau-orange: #f59e0b;--uau-text-1: #0d1b2a;--uau-text-2: #4a6080;--uau-text-3: #94a3b8;--uau-border: #e1ecf7;--uau-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--uau-r: 12px;--uau-r-sm: 8px;--uau-t: .2s ease;--uau-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.uau-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:uauFadeIn .2s ease both}@keyframes uauFadeIn{0%{opacity:0}to{opacity:1}}.uau-sheet{background:#fff;border-radius:var(--uau-r);width:100%;max-width:580px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--uau-shadow);overflow:hidden;font-family:var(--uau-font);animation:uauSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes uauSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uau-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--uau-grad);flex-shrink:0}.uau-header-left{display:flex;align-items:center;gap:14px}.uau-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uau-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--uau-font)}.uau-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--uau-font)}.uau-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.uau-current-badge svg{font-size:12px}.uau-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--uau-t);flex-shrink:0}.uau-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.uau-close-btn:active{transform:scale(.96)}.uau-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.uau-body::-webkit-scrollbar{width:5px}.uau-body::-webkit-scrollbar-track{background:transparent}.uau-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.uau-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.uau-alert{padding:12px 16px;border-radius:var(--uau-r-sm);margin-bottom:20px;font-size:13px;font-weight:500}.uau-alert-error{background:#fef2f2;color:var(--uau-red);border-left:3px solid var(--uau-red)}.uau-alert-warning{background:#fffbeb;color:var(--uau-orange);border-left:3px solid var(--uau-orange)}.uau-summary{display:flex;gap:20px;padding:12px 16px;background:var(--uau-blue-lt);border-radius:var(--uau-r-sm);margin-bottom:20px}.uau-summary-item{display:flex;align-items:center;gap:8px;font-size:12px}.uau-summary-label{font-weight:600;color:var(--uau-text-2)}.uau-summary-value{font-weight:700;color:var(--uau-blue-dk);background:#2196f31a;padding:2px 8px;border-radius:4px}.uau-form{width:100%}.uau-form-group{margin-bottom:20px;text-align:left}.uau-label{display:block;margin-bottom:8px;font-weight:600;color:var(--uau-text-1);font-size:13px;font-family:var(--uau-font)}.uau-required{color:var(--uau-red);margin-left:4px}.uau-optional{color:var(--uau-text-3);font-size:11px;font-weight:400;margin-left:6px}.uau-input-wrapper,.uau-select-wrapper{position:relative;display:flex;align-items:center}.uau-input-icon{position:absolute;left:12px;color:var(--uau-text-3);pointer-events:none;z-index:1}.uau-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--uau-text-1);border:1.5px solid var(--uau-border);border-radius:var(--uau-r-sm);background:#fff;transition:all var(--uau-t);font-family:var(--uau-font);outline:none;box-sizing:border-box}.uau-input:focus{border-color:var(--uau-blue);box-shadow:0 0 0 3px #2196f31a}.uau-input-error{border-color:var(--uau-red)!important}.uau-input-error:focus{border-color:var(--uau-red)!important;box-shadow:0 0 0 3px #dc26261a!important}.uau-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.uau-react-select{width:100%}.uau-select__control{border-color:var(--uau-border)!important;box-shadow:none!important;min-height:42px!important}.uau-select__control--is-focused{border-color:var(--uau-blue)!important;box-shadow:0 0 0 3px #2196f31a!important}.uau-select__menu{z-index:10000!important}.uau-hint{display:block;margin-top:6px;font-size:11px;color:var(--uau-text-3);font-family:var(--uau-font)}.uau-error-message{display:block;margin-top:6px;font-size:11px;color:var(--uau-red);font-weight:500;font-family:var(--uau-font)}.uau-requirements{margin-top:20px;padding:12px 16px;background:var(--uau-blue-lt);border-radius:var(--uau-r-sm)}.uau-requirements-title{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--uau-text-1);font-family:var(--uau-font)}.uau-requirements-list{margin:0;padding-left:20px;list-style:none}.uau-requirements-list li{position:relative;margin-bottom:4px;font-size:11px;color:var(--uau-text-2);font-family:var(--uau-font);padding-left:16px}.uau-requirements-list li:before{content:"•";position:absolute;left:0;color:var(--uau-text-3)}.uau-requirement-met{color:var(--uau-green)!important}.uau-requirement-met:before{content:"✓"!important;color:var(--uau-green)!important}.uau-optional-note{color:var(--uau-orange)!important;font-style:italic}.uau-optional-note:before{content:"ℹ"!important;color:var(--uau-orange)!important}.uau-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--uau-border);flex-shrink:0}.uau-btn{padding:10px 24px;border-radius:var(--uau-r-sm);font-size:13px;font-weight:600;font-family:var(--uau-font);cursor:pointer;transition:all var(--uau-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.uau-btn-primary{background:var(--uau-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.uau-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.uau-btn-secondary{background:#fff;color:var(--uau-text-2);border:1.5px solid var(--uau-border)}.uau-btn-secondary:hover:not(:disabled){border-color:var(--uau-blue);color:var(--uau-blue);background:#f8faff}.uau-btn:active:not(:disabled){transform:translateY(0)}.uau-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.uau-backdrop{padding:12px}.uau-sheet{max-width:95%;max-height:calc(100vh - 24px)}.uau-header{padding:16px 20px}.uau-header-icon{width:36px;height:36px}.uau-title{font-size:16px}.uau-subtitle{font-size:11px}.uau-body{padding:20px}.uau-summary{flex-direction:column;gap:8px}.uau-footer{padding:14px 20px;flex-direction:column-reverse}.uau-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.uau-backdrop{padding:8px}.uau-sheet{max-height:calc(100vh - 16px)}.uau-header{padding:14px 16px}.uau-header-left{gap:10px}.uau-header-icon{width:32px;height:32px}.uau-header-icon svg{font-size:16px!important}.uau-title{font-size:15px}.uau-subtitle{font-size:10px}.uau-current-badge{font-size:10px;padding:3px 8px}.uau-body{padding:16px}.uau-label{font-size:12px;margin-bottom:6px}.uau-input{padding:9px 12px 9px 34px;font-size:12px}.uau-input-icon svg{font-size:14px!important}.uau-hint{font-size:10px}.uau-requirements-title{font-size:11px}.uau-requirements-list li{font-size:10px}.uau-footer{padding:12px 16px}.uau-btn{padding:9px 16px;font-size:12px}}.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%}}:root{--cgf-font: "DM Sans", system-ui, sans-serif;--cgf-blue: #2196f3;--cgf-blue-dk: #0d47a1;--cgf-blue-lt: #e3f2fd;--cgf-blue-mid: #bbdefb;--cgf-green: #4caf50;--cgf-red: #f44336;--cgf-text-1: #0d1b2a;--cgf-text-2: #4a6080;--cgf-text-3: #94a3b8;--cgf-border: #e1ecf7;--cgf-error-bg: #ffebee;--cgf-error-text: #c62828;--cgf-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--cgf-r: 12px;--cgf-r-sm: 8px;--cgf-t: .2s ease;--cgf-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.cgf-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:cgfFadeIn .2s ease both}@keyframes cgfFadeIn{0%{opacity:0}to{opacity:1}}.cgf-sheet{background:#fff;border-radius:var(--cgf-r);width:100%;max-width:560px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--cgf-shadow);overflow:hidden;font-family:var(--cgf-font);animation:cgfSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes cgfSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cgf-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;background:var(--cgf-grad);flex-shrink:0}.cgf-header-left{display:flex;align-items:flex-start;gap:12px}.cgf-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cgf-title{margin:0 0 4px;font-size:16px;font-weight:700;color:#fff;line-height:1.2}.cgf-subtitle{margin:0;font-size:11px;font-weight:500;color:#ffffffbf;line-height:1.3}.cgf-close-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--cgf-t),border-color var(--cgf-t);flex-shrink:0}.cgf-close-btn:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.cgf-close-btn:active:not(:disabled){transform:scale(.92)}.cgf-close-btn:disabled{opacity:.5;cursor:not-allowed}.cgf-body{flex:1;overflow-y:auto;padding:20px}.cgf-body::-webkit-scrollbar{width:5px}.cgf-body::-webkit-scrollbar-track{background:transparent}.cgf-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.cgf-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.cgf-alert{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--cgf-r-sm);margin-bottom:20px;font-size:12px;font-weight:500}.cgf-alert-error{background:var(--cgf-error-bg);border-left:3px solid var(--cgf-error-text);color:var(--cgf-error-text)}.cgf-alert-icon{font-size:16px}.cgf-form{display:flex;flex-direction:column;gap:18px}.cgf-form-group{display:flex;flex-direction:column;gap:6px}.cgf-row{display:flex;gap:16px}.cgf-half{flex:1}.cgf-label{font-size:12px;font-weight:600;color:var(--cgf-text-1);letter-spacing:.02em}.cgf-required{color:var(--cgf-red)}.cgf-input,.cgf-textarea{padding:10px 12px;border:1.5px solid var(--cgf-border);border-radius:var(--cgf-r-sm);font-size:13px;font-family:var(--cgf-font);color:var(--cgf-text-1);background:#fff;transition:border-color var(--cgf-t),box-shadow var(--cgf-t);width:100%;box-sizing:border-box}.cgf-input:focus,.cgf-textarea:focus{outline:none;border-color:var(--cgf-blue);box-shadow:0 0 0 3px #2196f31a}.cgf-input.cgf-error,.cgf-textarea.cgf-error{border-color:var(--cgf-red)}.cgf-input:disabled,.cgf-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.cgf-textarea{resize:vertical;min-height:60px}.cgf-input-with-icon{position:relative}.cgf-input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--cgf-text-3);pointer-events:none}.cgf-input-with-icon .cgf-input{padding-left:32px}.cgf-input-unit-wrapper{position:relative}.cgf-input-unit-wrapper .cgf-input{padding-right:60px}.cgf-input-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--cgf-text-3);font-weight:500}.cgf-hint{font-size:10px;color:var(--cgf-text-3);display:flex;align-items:center}.cgf-char-counter{text-align:right;font-size:10px;color:var(--cgf-text-3)}.cgf-char-warning{color:#f59e0b}.cgf-error-msg{font-size:10px;color:var(--cgf-error-text);font-weight:500}.cgf-toggle-group{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.cgf-toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.cgf-toggle-input{position:absolute;opacity:0;width:0;height:0}.cgf-toggle-slider{width:44px;height:22px;background:#ccc;border-radius:99px;transition:background var(--cgf-t);position:relative}.cgf-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform var(--cgf-t)}.cgf-toggle-input:checked+.cgf-toggle-slider{background:var(--cgf-green)}.cgf-toggle-input:checked+.cgf-toggle-slider:before{transform:translate(22px)}.cgf-toggle-input:disabled+.cgf-toggle-slider{opacity:.5;cursor:not-allowed}.cgf-toggle-text{font-size:12px;font-weight:600;color:var(--cgf-text-1)}.cgf-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px;background:var(--cgf-blue-lt);border-top:1px solid var(--cgf-border);flex-shrink:0}.cgf-btn{padding:8px 20px;border-radius:var(--cgf-r-sm);font-size:12.5px;font-weight:600;font-family:var(--cgf-font);cursor:pointer;transition:all var(--cgf-t);border:none;display:inline-flex;align-items:center;justify-content:center}.cgf-btn-create{background:var(--cgf-grad);color:#fff}.cgf-btn-create:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.cgf-btn-create:active:not(:disabled){transform:translateY(0)}.cgf-btn-cancel{background:#fff;color:var(--cgf-text-2);border:1.5px solid var(--cgf-border)}.cgf-btn-cancel:hover:not(:disabled){background:#f8f9fa;border-color:var(--cgf-blue-mid)}.cgf-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.cgf-backdrop{padding:8px}.cgf-sheet{max-height:calc(100vh - 16px);max-width:calc(100vw - 16px)}.cgf-row{flex-direction:column;gap:18px}.cgf-body{padding:16px}.cgf-footer{padding:12px 16px}.cgf-header{padding:14px 16px}}:root{--ugf-font: "DM Sans", system-ui, sans-serif;--ugf-blue: #2196f3;--ugf-blue-dk: #0d47a1;--ugf-blue-lt: #e3f2fd;--ugf-blue-mid: #bbdefb;--ugf-green: #4caf50;--ugf-red: #f44336;--ugf-text-1: #0d1b2a;--ugf-text-2: #4a6080;--ugf-text-3: #94a3b8;--ugf-border: #e1ecf7;--ugf-error-bg: #ffebee;--ugf-error-text: #c62828;--ugf-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--ugf-r: 12px;--ugf-r-sm: 8px;--ugf-t: .2s ease;--ugf-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.ugf-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:ugfFadeIn .2s ease both}@keyframes ugfFadeIn{0%{opacity:0}to{opacity:1}}.ugf-sheet{background:#fff;border-radius:var(--ugf-r);width:100%;max-width:560px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--ugf-shadow);overflow:hidden;font-family:var(--ugf-font);animation:ugfSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes ugfSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ugf-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;background:var(--ugf-grad);flex-shrink:0}.ugf-header-left{display:flex;align-items:flex-start;gap:12px}.ugf-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ugf-title{margin:0 0 4px;font-size:16px;font-weight:700;color:#fff;line-height:1.2}.ugf-subtitle{margin:0;font-size:11px;font-weight:500;color:#ffffffd9;line-height:1.3;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.ugf-id-badge{display:inline-block;padding:2px 8px;border-radius:99px;background:#fff3;font-size:9px;font-weight:600;letter-spacing:.03em}.ugf-close-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ugf-t),border-color var(--ugf-t);flex-shrink:0}.ugf-close-btn:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.ugf-close-btn:active:not(:disabled){transform:scale(.92)}.ugf-close-btn:disabled{opacity:.5;cursor:not-allowed}.ugf-body{flex:1;overflow-y:auto;padding:20px}.ugf-body::-webkit-scrollbar{width:5px}.ugf-body::-webkit-scrollbar-track{background:transparent}.ugf-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.ugf-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.ugf-alert{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--ugf-r-sm);margin-bottom:20px;font-size:12px;font-weight:500}.ugf-alert-error{background:var(--ugf-error-bg);border-left:3px solid var(--ugf-error-text);color:var(--ugf-error-text)}.ugf-alert-icon{font-size:16px}.ugf-form{display:flex;flex-direction:column;gap:18px}.ugf-form-group{display:flex;flex-direction:column;gap:6px}.ugf-row{display:flex;gap:16px}.ugf-half{flex:1}.ugf-label{font-size:12px;font-weight:600;color:var(--ugf-text-1);letter-spacing:.02em}.ugf-required{color:var(--ugf-red)}.ugf-input,.ugf-textarea{padding:10px 12px;border:1.5px solid var(--ugf-border);border-radius:var(--ugf-r-sm);font-size:13px;font-family:var(--ugf-font);color:var(--ugf-text-1);background:#fff;transition:border-color var(--ugf-t),box-shadow var(--ugf-t);width:100%;box-sizing:border-box}.ugf-input:focus,.ugf-textarea:focus{outline:none;border-color:var(--ugf-blue);box-shadow:0 0 0 3px #2196f31a}.ugf-input.ugf-error,.ugf-textarea.ugf-error{border-color:var(--ugf-red)}.ugf-input:disabled,.ugf-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.ugf-textarea{resize:vertical;min-height:60px}.ugf-input-with-icon{position:relative}.ugf-input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ugf-text-3);pointer-events:none}.ugf-input-with-icon .ugf-input{padding-left:32px}.ugf-input-unit-wrapper{position:relative}.ugf-input-unit-wrapper .ugf-input{padding-right:60px}.ugf-input-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--ugf-text-3);font-weight:500}.ugf-hint{font-size:10px;color:var(--ugf-text-3);display:flex;align-items:center}.ugf-char-counter{text-align:right;font-size:10px;color:var(--ugf-text-3)}.ugf-char-warning{color:#f59e0b}.ugf-error-msg{font-size:10px;color:var(--ugf-error-text);font-weight:500}.ugf-toggle-group{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.ugf-toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.ugf-toggle-input{position:absolute;opacity:0;width:0;height:0}.ugf-toggle-slider{width:44px;height:22px;background:#ccc;border-radius:99px;transition:background var(--ugf-t);position:relative}.ugf-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform var(--ugf-t)}.ugf-toggle-input:checked+.ugf-toggle-slider{background:var(--ugf-green)}.ugf-toggle-input:checked+.ugf-toggle-slider:before{transform:translate(22px)}.ugf-toggle-input:disabled+.ugf-toggle-slider{opacity:.5;cursor:not-allowed}.ugf-toggle-text{font-size:12px;font-weight:600;color:var(--ugf-text-1)}.ugf-info-card{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f8f9fa;border-radius:var(--ugf-r-sm);border:1px solid var(--ugf-border);font-size:11px;color:var(--ugf-text-2)}.ugf-info-label{font-weight:600;color:var(--ugf-text-1)}.ugf-info-value{font-family:monospace;font-size:11px}.ugf-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px;background:var(--ugf-blue-lt);border-top:1px solid var(--ugf-border);flex-shrink:0}.ugf-btn{padding:8px 20px;border-radius:var(--ugf-r-sm);font-size:12.5px;font-weight:600;font-family:var(--ugf-font);cursor:pointer;transition:all var(--ugf-t);border:none;display:inline-flex;align-items:center;justify-content:center}.ugf-btn-update{background:var(--ugf-grad);color:#fff}.ugf-btn-update:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.ugf-btn-update:active:not(:disabled){transform:translateY(0)}.ugf-btn-cancel{background:#fff;color:var(--ugf-text-2);border:1.5px solid var(--ugf-border)}.ugf-btn-cancel:hover:not(:disabled){background:#f8f9fa;border-color:var(--ugf-blue-mid)}.ugf-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.ugf-backdrop{padding:8px}.ugf-sheet{max-height:calc(100vh - 16px);max-width:calc(100vw - 16px)}.ugf-row{flex-direction:column;gap:18px}.ugf-body{padding:16px}.ugf-footer{padding:12px 16px}.ugf-header{padding:14px 16px}.ugf-subtitle{flex-direction:column;align-items:flex-start;gap:4px}}.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}: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}}:root{--uadm-font: "DM Sans", system-ui, sans-serif;--uadm-blue: #2196f3;--uadm-blue-dk: #0d47a1;--uadm-blue-lt: #e3f2fd;--uadm-blue-mid: #bbdefb;--uadm-green: #4caf50;--uadm-red: #f44336;--uadm-text-1: #0d1b2a;--uadm-text-2: #4a6080;--uadm-text-3: #94a3b8;--uadm-border: #e1ecf7;--uadm-error-bg: #ffebee;--uadm-error-text: #c62828;--uadm-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--uadm-r: 12px;--uadm-r-sm: 8px;--uadm-t: .2s ease;--uadm-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.uadm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:uadmFadeIn .2s ease both}@keyframes uadmFadeIn{0%{opacity:0}to{opacity:1}}.uadm-sheet{background:#fff;border-radius:var(--uadm-r);width:100%;max-width:600px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--uadm-shadow);overflow:hidden;font-family:var(--uadm-font);animation:uadmSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes uadmSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uadm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;background:var(--uadm-grad);flex-shrink:0}.uadm-header-left{display:flex;align-items:flex-start;gap:12px}.uadm-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uadm-title{margin:0 0 4px;font-size:16px;font-weight:700;color:#fff;line-height:1.2}.uadm-subtitle{margin:0;font-size:11px;font-weight:500;color:#ffffffbf;line-height:1.3}.uadm-close-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--uadm-t),border-color var(--uadm-t);flex-shrink:0}.uadm-close-btn:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.uadm-close-btn:active:not(:disabled){transform:scale(.92)}.uadm-close-btn:disabled{opacity:.5;cursor:not-allowed}.uadm-body{flex:1;overflow-y:auto;padding:20px}.uadm-body::-webkit-scrollbar{width:5px}.uadm-body::-webkit-scrollbar-track{background:transparent}.uadm-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.uadm-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.uadm-alert{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--uadm-r-sm);margin-bottom:20px;font-size:12px;font-weight:500}.uadm-alert-error{background:var(--uadm-error-bg);border-left:3px solid var(--uadm-error-text);color:var(--uadm-error-text)}.uadm-alert-icon{font-size:16px}.uadm-form{display:flex;flex-direction:column;gap:18px}.uadm-form-group{display:flex;flex-direction:column;gap:6px}.uadm-row{display:flex;gap:16px}.uadm-half{flex:1}.uadm-label{font-size:12px;font-weight:600;color:var(--uadm-text-1);letter-spacing:.02em;display:flex;align-items:center}.uadm-required{color:var(--uadm-red);margin-left:2px}.uadm-input{padding:9px 12px;border:1.5px solid var(--uadm-border);border-radius:var(--uadm-r-sm);font-size:13px;font-family:var(--uadm-font);color:var(--uadm-text-1);background:#fff;transition:border-color var(--uadm-t),box-shadow var(--uadm-t);width:100%;box-sizing:border-box}.uadm-input:focus{outline:none;border-color:var(--uadm-blue);box-shadow:0 0 0 3px #2196f31a}.uadm-input.uadm-error{border-color:var(--uadm-red)}.uadm-input-disabled{background:#f5f5f5;cursor:not-allowed;color:var(--uadm-text-2)}.uadm-input:disabled{background:#f5f5f5;cursor:not-allowed}.uadm-hint{font-size:10px;color:var(--uadm-text-3);margin-top:2px}.uadm-error-msg{font-size:10px;color:var(--uadm-error-text);font-weight:500}.uadm-select__control{min-height:38px}.uadm-select__control--is-focused{border-color:var(--uadm-blue)!important;box-shadow:0 0 0 3px #2196f31a!important}.uadm-select__option--is-selected{background-color:var(--uadm-blue)!important}.uadm-select__option--is-focused{background-color:var(--uadm-blue-lt)!important}.uadm-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px;background:var(--uadm-blue-lt);border-top:1px solid var(--uadm-border);flex-shrink:0}.uadm-btn{padding:8px 20px;border-radius:var(--uadm-r-sm);font-size:12.5px;font-weight:600;font-family:var(--uadm-font);cursor:pointer;transition:all var(--uadm-t);border:none;display:inline-flex;align-items:center;justify-content:center}.uadm-btn-update{background:var(--uadm-grad);color:#fff}.uadm-btn-update:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.uadm-btn-update:active:not(:disabled){transform:translateY(0)}.uadm-btn-cancel{background:#fff;color:var(--uadm-text-2);border:1.5px solid var(--uadm-border)}.uadm-btn-cancel:hover:not(:disabled){background:#f8f9fa;border-color:var(--uadm-blue-mid)}.uadm-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.uadm-backdrop{padding:8px}.uadm-sheet{max-height:calc(100vh - 16px);max-width:calc(100vw - 16px)}.uadm-row{flex-direction:column;gap:18px}.uadm-body{padding:16px}.uadm-footer{padding:12px 16px}.uadm-header{padding:14px 16px}}:root{--adm-font: "DM Sans", system-ui, sans-serif;--adm-blue: #2196f3;--adm-blue-dk: #0d47a1;--adm-blue-lt: #e3f2fd;--adm-blue-mid: #bbdefb;--adm-green: #4caf50;--adm-red: #f44336;--adm-text-1: #0d1b2a;--adm-text-2: #4a6080;--adm-text-3: #94a3b8;--adm-border: #e1ecf7;--adm-error-bg: #ffebee;--adm-error-text: #c62828;--adm-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--adm-r: 12px;--adm-r-sm: 8px;--adm-t: .2s ease;--adm-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.adm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:admFadeIn .2s ease both}@keyframes admFadeIn{0%{opacity:0}to{opacity:1}}.adm-sheet{background:#fff;border-radius:var(--adm-r);width:100%;max-width:680px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--adm-shadow);overflow:hidden;font-family:var(--adm-font);animation:admSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes admSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.adm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;background:var(--adm-grad);flex-shrink:0}.adm-header-left{display:flex;align-items:flex-start;gap:12px}.adm-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.adm-title{margin:0 0 4px;font-size:16px;font-weight:700;color:#fff;line-height:1.2}.adm-subtitle{margin:0;font-size:11px;font-weight:500;color:#ffffffbf;line-height:1.3}.adm-close-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--adm-t),border-color var(--adm-t);flex-shrink:0;font-size:20px;font-weight:600}.adm-close-btn:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.adm-close-btn:active:not(:disabled){transform:scale(.92)}.adm-close-btn:disabled{opacity:.5;cursor:not-allowed}.adm-body{flex:1;overflow-y:auto;padding:20px}.adm-body::-webkit-scrollbar{width:5px}.adm-body::-webkit-scrollbar-track{background:transparent}.adm-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.adm-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.adm-alert{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--adm-r-sm);margin-bottom:20px;font-size:12px;font-weight:500}.adm-alert-error{background:var(--adm-error-bg);border-left:3px solid var(--adm-error-text);color:var(--adm-error-text)}.adm-alert-icon{font-size:16px}.adm-info-card{background:#f8f9fa;border-radius:var(--adm-r-sm);border:1px solid var(--adm-border);margin-bottom:24px;overflow:hidden}.adm-info-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--adm-blue-lt);border-bottom:1px solid var(--adm-border);font-weight:600;font-size:12px;color:var(--adm-text-1)}.adm-info-title{font-weight:600}.adm-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.adm-info-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--adm-text-2)}.adm-info-label{font-weight:600;color:var(--adm-text-1)}.adm-info-value{font-family:monospace;font-size:11px}.adm-section{margin-top:8px}.adm-section-title{margin:0 0 16px;font-size:13px;font-weight:700;color:var(--adm-text-1);letter-spacing:.03em}.adm-form{display:flex;flex-direction:column;gap:20px}.adm-form-group{display:flex;flex-direction:column;gap:6px}.adm-row{display:flex;gap:16px}.adm-half{flex:1}.adm-label{font-size:12px;font-weight:600;color:var(--adm-text-1);letter-spacing:.02em;display:flex;align-items:center}.adm-required{color:var(--adm-red);margin-left:2px}.adm-input{padding:9px 12px;border:1.5px solid var(--adm-border);border-radius:var(--adm-r-sm);font-size:13px;font-family:var(--adm-font);color:var(--adm-text-1);background:#fff;transition:border-color var(--adm-t),box-shadow var(--adm-t);width:100%;box-sizing:border-box}.adm-input:focus{outline:none;border-color:var(--adm-blue);box-shadow:0 0 0 3px #2196f31a}.adm-input.adm-error{border-color:var(--adm-red)}.adm-input-disabled{background:#f5f5f5;cursor:not-allowed;color:var(--adm-text-2)}.adm-input:disabled{background:#f5f5f5;cursor:not-allowed}.adm-hint{font-size:10px;color:var(--adm-text-3);margin-top:2px}.adm-error-msg{font-size:10px;color:var(--adm-error-text);font-weight:500}.adm-select__control{min-height:38px}.adm-select__control--is-focused{border-color:var(--adm-blue)!important;box-shadow:0 0 0 3px #2196f31a!important}.adm-select__option--is-selected{background-color:var(--adm-blue)!important}.adm-select__option--is-focused{background-color:var(--adm-blue-lt)!important}.adm-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px;background:var(--adm-blue-lt);border-top:1px solid var(--adm-border);flex-shrink:0}.adm-btn{padding:8px 20px;border-radius:var(--adm-r-sm);font-size:12.5px;font-weight:600;font-family:var(--adm-font);cursor:pointer;transition:all var(--adm-t);border:none;display:inline-flex;align-items:center;justify-content:center}.adm-btn-submit{background:var(--adm-grad);color:#fff}.adm-btn-submit:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.adm-btn-submit:active:not(:disabled){transform:translateY(0)}.adm-btn-cancel{background:#fff;color:var(--adm-text-2);border:1.5px solid var(--adm-border)}.adm-btn-cancel:hover:not(:disabled){background:#f8f9fa;border-color:var(--adm-blue-mid)}.adm-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.adm-backdrop{padding:8px}.adm-sheet{max-height:calc(100vh - 16px);max-width:calc(100vw - 16px)}.adm-row{flex-direction:column;gap:18px}.adm-info-grid{grid-template-columns:1fr;gap:10px}.adm-body{padding:16px}.adm-footer{padding:12px 16px}.adm-header{padding:14px 16px}}: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}*{box-sizing:border-box;margin:0;padding:0}.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}.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{--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}.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{--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}}.ie-root{--gradient: linear-gradient(135deg, #2196F3 0%, #0d47a1 100%);--blue: #2196F3;--blue-dark: #0d47a1;--bg: #f0f2f5;--surface: #ffffff;--border: #e4e7ec;--border-lt: #f0f2f5;--text: #1a1f36;--text-2: #6b7280;--text-3: #9ca3af;--green: #16a34a;--green-bg: #f0fdf4;--green-bd: #86efac;--red: #dc2626;--red-bg: #fef2f2;--red-bd: #fca5a5;--r: 8px;--r-sm: 5px;--shadow: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 14px rgba(0,0,0,.1)}.ie-root{display:flex;flex-direction:column;min-height:100vh;background:var(--bg);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:14px 16px;gap:10px;box-sizing:border-box;position:relative}.ie-toast{position:fixed;top:16px;right:16px;z-index:9999;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:var(--r);font-size:12.5px;font-weight:500;max-width:380px;box-shadow:var(--shadow-md);animation:ie-toast-in .2s ease both}@keyframes ie-toast-in{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.ie-toast--success{background:var(--green-bg);border:1px solid var(--green-bd);color:#166534}.ie-toast--error{background:var(--red-bg);border:1px solid var(--red-bd);color:#991b1b}.ie-toast-ico{flex-shrink:0}.ie-toast-x{margin-left:auto;background:none;border:none;cursor:pointer;padding:0;color:inherit;opacity:.55;display:flex;align-items:center;flex-shrink:0;transition:opacity .15s}.ie-toast-x:hover{opacity:1}.ie-header{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;box-shadow:var(--shadow);gap:12px;flex-shrink:0}.ie-header-left{display:flex;align-items:center;gap:10px;min-width:0}.ie-header-avatar{width:36px;height:36px;border-radius:8px;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ie-header-title{font-size:14px;font-weight:700;color:var(--text);margin:0;line-height:1.2;white-space:nowrap}.ie-header-sub{font-size:11px;color:var(--text-2);margin:2px 0 0;white-space:nowrap}.ie-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.ie-icon-btn{width:33px;height:33px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .15s;flex-shrink:0}.ie-icon-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:#eef5ff}.ie-icon-btn:disabled{opacity:.45;cursor:not-allowed}.ie-icon-btn--primary{background:var(--gradient);border-color:transparent;color:#fff}.ie-icon-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#0a3d91);border-color:transparent;color:#fff}.ie-icon-btn--success{background:var(--green-bg);border-color:var(--green-bd);color:var(--green)}.ie-icon-btn--success:hover:not(:disabled){background:#dcfce7;border-color:#4ade80}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#1a1f36;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;font-family:inherit;z-index:100}[data-tip]:hover:after{opacity:1}.ie-popover-wrap{position:relative}.ie-popover{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-md);min-width:210px;z-index:300;overflow:hidden;animation:ie-pop-in .15s ease both}@keyframes ie-pop-in{0%{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ie-pop-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text);font-family:inherit;cursor:pointer;text-align:left;transition:background .12s}.ie-pop-item:hover{background:#f5f7fa}.ie-pop-item svg{color:var(--text-2);flex-shrink:0}.ie-pop-item-label{display:block;font-size:12.5px;font-weight:600;color:var(--text)}.ie-pop-item-sub{display:block;font-size:11px;color:var(--text-3);margin-top:1px}.ie-pop-divider{height:1px;background:var(--border-lt);margin:0}.ie-stats-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.ie-stats-row::-webkit-scrollbar{height:3px}.ie-stats-row::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.ie-stat{flex:1 0 100px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--sc, #2196F3);border-radius:var(--r);padding:9px 11px;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow);transition:box-shadow .2s,transform .15s;cursor:default}.ie-stat:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-1px)}.ie-stat-ico{width:28px;height:28px;border-radius:6px;background:var(--sb, #EEF5FF);color:var(--sc, #2196F3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ie-stat-body{display:flex;flex-direction:column;min-width:0}.ie-stat-num{font-size:17px;font-weight:700;color:var(--text);line-height:1}.ie-stat-lbl{font-size:9.5px;color:var(--text-2);margin-top:2px;white-space:pre-line;line-height:1.3;letter-spacing:.02em}.ie-api-error{display:flex;align-items:center;gap:8px;background:var(--red-bg);border:1px solid var(--red-bd);border-radius:var(--r);padding:7px 12px;color:#991b1b;font-size:12.5px;flex-shrink:0;animation:ie-fade-in .2s ease}.ie-api-retry{display:flex;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;background:var(--red);color:#fff;border:none;border-radius:var(--r-sm);font-size:11.5px;font-family:inherit;cursor:pointer;white-space:nowrap}.ie-api-retry:hover{background:#b91c1c}.ie-table-section{flex:1;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;min-height:0}.ie-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;background:#f8f9fb;border-bottom:1px solid var(--border);flex-shrink:0;gap:12px}.ie-toolbar-left{display:flex;align-items:center;gap:7px;min-width:0}.ie-toolbar-icon{font-size:15px!important;color:var(--blue)!important;flex-shrink:0}.ie-toolbar-title{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap}.ie-count-badge{font-size:10.5px;font-weight:600;color:var(--blue);background:#eef5ff;border:1px solid #c7dcff;padding:2px 8px;border-radius:10px;white-space:nowrap;min-width:40px}.ie-search-wrap{flex-shrink:0}.ie-search-toggle{width:29px;height:29px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .15s}.ie-search-toggle:hover,.ie-search-toggle--active{border-color:var(--blue);color:var(--blue);background:#eef5ff}.ie-dot{position:absolute;top:3px;right:3px;width:6px;height:6px;background:var(--blue);border-radius:50%;border:1.5px solid #fff}.ie-search-bar{display:flex;align-items:center;gap:5px;border:1.5px solid var(--blue);border-radius:var(--r-sm);padding:3px 8px;background:var(--surface);width:300px;animation:ie-search-open .2s ease both;box-shadow:0 0 0 3px #2196f31a}@keyframes ie-search-open{0%{width:29px;opacity:0}to{width:300px;opacity:1}}.ie-search-ico{color:var(--blue);flex-shrink:0}.ie-search-input{flex:1;border:none;outline:none;font-size:12px;font-family:inherit;color:var(--text);background:transparent;min-width:0}.ie-search-input::placeholder{color:#b0b7c3}.ie-search-clear,.ie-search-close{background:none;border:none;cursor:pointer;padding:0;color:var(--text-3);display:flex;align-items:center;flex-shrink:0;transition:color .12s;line-height:0}.ie-search-clear:hover{color:var(--red)}.ie-search-close{border-left:1px solid var(--border);padding-left:6px;margin-left:2px}.ie-search-close:hover{color:var(--text)}.ie-tbl-wrap{flex:1;overflow-y:auto;min-height:0;max-height:calc(100vh - 290px);scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.ie-tbl-wrap::-webkit-scrollbar{width:5px}.ie-tbl-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ie-tbl-wrap::-webkit-scrollbar-track{background:transparent}.ie-tbl{width:100%;border-collapse:collapse;font-size:12.5px;table-layout:fixed;min-width:800px}.ie-col-empno{width:92px}.ie-col-name{width:160px}.ie-col-org,.ie-col-dept{width:130px}.ie-col-type{width:110px}.ie-col-from,.ie-col-to{width:100px}.ie-col-remark{width:auto}.ie-col-action{width:86px}.ie-th{padding:7px 12px;text-align:left;font-size:10.5px;font-weight:700;color:var(--text-2);background:#f5f7fa;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:2;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.ie-th-center{text-align:center}.ie-row{transition:background .1s}.ie-row:hover td{background:#f5f9ff}.ie-row:last-child td{border-bottom:none}.ie-td{padding:7px 12px;border-bottom:1px solid var(--border-lt);color:var(--text);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ie-td-secondary{color:var(--text-2)}.ie-td-date{font-size:11.5px;color:var(--text-2)}.ie-td-center{text-align:center}.ie-empno-tag{display:inline-block;font-family:Courier New,Courier,monospace;font-size:11px;font-weight:700;color:var(--blue-dark);background:#eef5ff;padding:2px 6px;border-radius:4px;letter-spacing:.02em}.ie-name{font-weight:600;display:block;color:var(--text)}.ie-designation{font-size:10.5px;color:var(--text-3);display:block;margin-top:1px}.ie-dept{font-size:11.5px;background:#f3f4f6;color:var(--text-2);padding:2px 7px;border-radius:4px;display:inline-block}.ie-type-chip{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:10px;display:inline-block;text-transform:capitalize;letter-spacing:.02em;white-space:nowrap}.ie-perm{font-size:11px;color:var(--text-3);background:#f3f4f6;padding:2px 7px;border-radius:4px;display:inline-block}.ie-remark{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-2)}.ie-rejoin-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:600;font-family:inherit;border-radius:var(--r-sm);border:1px solid var(--green-bd);background:var(--green-bg);color:var(--green);cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1.4}.ie-rejoin-btn:hover:not(:disabled){background:#22c55e;border-color:#22c55e;color:#fff}.ie-rejoin-btn:disabled{opacity:.55;cursor:not-allowed}.ie-row-skel td{padding:10px 12px}.ie-skel{display:inline-block;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:ie-shimmer 1.4s infinite;border-radius:4px}@keyframes ie-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ie-skel--num{width:28px;height:17px;vertical-align:middle}.ie-skel--badge{width:48px;height:14px;vertical-align:middle;border-radius:8px}.ie-skel--cell{width:70%;height:13px;display:block}.ie-state-cell{padding:56px 20px;text-align:center}.ie-state{display:flex;flex-direction:column;align-items:center;gap:10px}.ie-state-ico{font-size:38px!important;color:#d1d5db!important}.ie-state-ico--error{color:#fca5a5!important}.ie-state-msg{font-size:13px;color:var(--text-2);margin:0}.ie-state-msg strong{color:var(--text)}.ie-state-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-family:inherit;font-weight:500;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s}.ie-state-btn:hover{background:#f3f4f6}.ie-state-btn--primary{background:var(--gradient);border-color:transparent;color:#fff}.ie-state-btn--primary:hover{background:linear-gradient(135deg,#1976d2,#0a3d91)}.ie-spin{display:inline-block;border-radius:50%;border-style:solid;animation:ie-spin-anim .7s linear infinite}@keyframes ie-spin-anim{to{transform:rotate(360deg)}}.ie-spin--sm{width:14px;height:14px;border-width:2px;border-color:#ffffff59;border-top-color:#fff}.ie-spin--xs{width:11px;height:11px;border-width:1.5px;border-color:#16a34a40;border-top-color:currentColor}@keyframes ie-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ie-td-hide-md,.ie-th-hide-md,.ie-td-hide-sm,.ie-th-hide-sm{display:table-cell}@media (max-width: 900px){.ie-td-hide-md,.ie-th-hide-md{display:none}.ie-col-org{width:0}.ie-search-bar{width:220px}@keyframes ie-search-open{0%{width:29px;opacity:0}to{width:220px;opacity:1}}}@media (max-width: 640px){.ie-root{padding:8px;gap:8px}.ie-header-sub{display:none}.ie-header-title{font-size:13px}.ie-td-hide-sm,.ie-th-hide-sm{display:none}.ie-col-to,.ie-col-remark{width:0}.ie-stat{flex:0 0 88px;padding:8px 9px}.ie-stat-num{font-size:15px}.ie-toolbar{padding:8px 10px}.ie-search-bar{width:200px}@keyframes ie-search-open{0%{width:29px;opacity:0}to{width:200px;opacity:1}}.ie-tbl-wrap{max-height:calc(100vh - 260px)}.ie-toolbar-title{font-size:11.5px}}@media (max-width: 400px){.ie-header-title{font-size:12px}.ie-icon-btn{width:30px;height:30px}.ie-stat{flex:0 0 78px}}:root{--ma-primary: #1976d2;--ma-primary-dk: #0a237a;--ma-primary-lt: #bbdefb;--ma-grad: linear-gradient(135deg, #1976d2 0%, #0a237a 100%);--ma-bg: #eef2f9;--ma-surface: #ffffff;--ma-border: #dde5f3;--ma-text: #1a2340;--ma-text-2: #546180;--ma-text-3: #94a3b8;--ma-success: #43a047;--ma-danger: #e53935;--ma-shadow-sm: 0 1px 4px rgba(10,35,122,.06);--ma-shadow-md: 0 4px 18px rgba(10,35,122,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.ma-root{display:flex;flex-direction:column;height:100vh;background:var(--ma-bg);font-family:Inter,system-ui,sans-serif;color:var(--ma-text);overflow:hidden}.ma-topbar{background:var(--ma-grad);height:52px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px;flex-shrink:0;box-shadow:0 2px 14px #0a237a33;position:sticky;top:0;z-index:200}.ma-topbar-left{display:flex;align-items:center;gap:12px}.ma-topbar-title{font-size:.92rem;font-weight:700;color:#fff;line-height:1.1}.ma-topbar-sub{font-size:.67rem;color:#ffffffa6;margin-top:2px}.ma-topbar-actions{display:flex;gap:8px}.ma-page{flex:1;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#c5d4e8 transparent}.ma-page::-webkit-scrollbar{width:5px}.ma-page::-webkit-scrollbar-thumb{background:#c5d4e8;border-radius:3px}.ma-filter-section{width:100%;background:var(--ma-surface);border-bottom:1px solid var(--ma-border);box-shadow:var(--ma-shadow-sm);flex-shrink:0}.ma-filter-inner{width:100%;padding:14px 28px 16px}.ma-filter-label{display:flex;align-items:center;gap:5px;font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:var(--ma-primary);margin-bottom:12px}.ma-filter-row1{display:flex;align-items:flex-end;gap:12px;margin-bottom:12px;flex-wrap:wrap}.ma-filter-row2{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ma-ctrl-wrap{display:flex;flex-direction:column;gap:4px}.ma-ctrl-wrap label{font-size:.61rem;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--ma-text-2);white-space:nowrap}.ma-date-input{height:34px;padding:0 10px;border:1.5px solid var(--ma-border);border-radius:7px;font-family:Inter,sans-serif;font-size:.8rem;color:var(--ma-text);background:#f8faff;outline:none;min-width:148px;transition:border-color .15s,box-shadow .15s}.ma-date-input:focus{border-color:var(--ma-primary);box-shadow:0 0 0 2.5px #1976d21f;background:#fff}.ma-error-bar{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;background:#fff0f0;color:#c62828;border-radius:7px;font-size:.78rem;font-weight:500}.ma-btn{height:34px;padding:0 16px;border:none;border-radius:7px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap}.ma-btn:disabled{opacity:.45;cursor:not-allowed}.ma-btn--primary{background:var(--ma-grad);color:#fff;box-shadow:0 2px 8px #1976d252}.ma-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #1976d26b}.ma-btn--search{height:38px;padding:0 22px;font-size:.84rem;align-self:flex-end}.ma-btn--ghost{background:#ffffff21;color:#fff;border:1px solid rgba(255,255,255,.28)}.ma-btn--ghost:hover:not(:disabled){background:#ffffff38}.ma-btn--sm{height:28px;padding:0 12px;font-size:.74rem;border-radius:6px}.ma-instruction-section{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 28px}.ma-instruction-inner{display:flex;align-items:flex-start;gap:24px;max-width:640px;background:var(--ma-surface);border:1px solid var(--ma-border);border-radius:14px;padding:28px 32px;box-shadow:var(--ma-shadow-sm)}.ma-instruction-icon{flex-shrink:0;padding-top:4px}.ma-instruction-text h3{font-size:1rem;font-weight:700;color:var(--ma-text);margin-bottom:8px}.ma-instruction-text p{font-size:.83rem;color:var(--ma-text-2);line-height:1.6}.ma-instruction-text strong{color:var(--ma-primary)}.ma-instruction-tips{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ma-border)}.ma-instruction-tips span{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--ma-text-3);font-weight:500}.ma-table-section{display:flex;flex-direction:column;flex:1;min-height:0;border-top:1px solid var(--ma-border)}.ma-table-strip{background:var(--ma-grad);padding:10px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;flex-shrink:0}.ma-strip-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#fff}.ma-strip-title{font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap}.ma-badge{font-size:.62rem;font-weight:700;padding:2px 9px;border-radius:20px;white-space:nowrap}.ma-badge--total{background:#ffffff2e;color:#fff}.ma-table-scroll{flex:1;overflow-y:auto;overflow-x:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#c5d4e8 transparent;background:var(--ma-surface)}.ma-table-scroll::-webkit-scrollbar{width:6px;height:6px}.ma-table-scroll::-webkit-scrollbar-track{background:transparent}.ma-table-scroll::-webkit-scrollbar-thumb{background:#c5d4e8;border-radius:3px}.ma-table-scroll::-webkit-scrollbar-thumb:hover{background:#8da5c8}table.ma-table{width:100%;border-collapse:collapse;font-size:.81rem;font-family:Inter,sans-serif}.ma-table thead{position:sticky;top:0;z-index:10}.ma-table thead th{padding:10px 16px;text-align:left;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ma-primary-dk);background:#eef2fc;border-bottom:2px solid var(--ma-primary-lt);white-space:nowrap}.ma-tr{border-bottom:1px solid #edf2fb;cursor:pointer;transition:background .1s}.ma-tr:hover{background:#eef4fd}.ma-tr:last-child{border-bottom:none}.ma-table tbody td{padding:10px 16px;vertical-align:middle;color:var(--ma-text)}.ma-td-code{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;color:var(--ma-primary-dk);white-space:nowrap}.ma-td-name{font-weight:600;font-size:.82rem;white-space:nowrap}.ma-td-org{font-size:.79rem;color:var(--ma-text-2);white-space:nowrap}.ma-td-date{font-family:JetBrains Mono,monospace;font-size:.74rem;color:var(--ma-text-2);white-space:nowrap}.ma-muted{color:var(--ma-text-3);font-size:.75rem}.ma-time{font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:500}.ma-time--in{color:var(--ma-success)}.ma-time--out{color:var(--ma-danger)}.ma-shift-tag{display:inline-block;background:#eff3fb;color:var(--ma-primary-dk);font-size:.67rem;font-weight:600;padding:2px 7px;border-radius:5px;font-family:JetBrains Mono,monospace}.ma-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap}.ma-punch-pill{display:inline-flex;align-items:center;gap:3px;background:#e8f0fe;color:var(--ma-primary-dk);font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:12px}.ma-table-foot{padding:8px 28px;border-top:1px solid var(--ma-border);font-size:.72rem;color:var(--ma-text-3);background:#fafbff;flex-shrink:0}.ma-table-foot strong{color:var(--ma-primary-dk)}.ma-empty{padding:72px 28px;text-align:center;color:var(--ma-text-3)}.ma-empty p{font-size:.84rem;margin-top:10px}@keyframes ma-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1100px){.ma-filter-row2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.ma-topbar,.ma-filter-inner,.ma-table-strip,.ma-table-foot{padding-left:16px;padding-right:16px}.ma-filter-row2{grid-template-columns:1fr}.ma-filter-row1{flex-direction:column;align-items:stretch}.ma-btn--search{align-self:stretch;justify-content:center}.ma-instruction-inner{flex-direction:column;gap:16px;padding:20px}}.mm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0a193c73;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px;animation:mm-fade .15s ease}@keyframes mm-fade{0%{opacity:0}to{opacity:1}}.mm-modal{background:#fff;border-radius:16px;box-shadow:0 24px 60px #0a193c33,0 4px 16px #0a193c14;width:100%;max-width:660px;max-height:90vh;display:flex;flex-direction:column;font-family:Inter,sans-serif;animation:mm-rise .22s cubic-bezier(.34,1.2,.64,1);overflow:hidden}@keyframes mm-rise{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.mm-header{background:linear-gradient(135deg,#1976d2,#0a237a);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0}.mm-header-left{display:flex;align-items:center;gap:12px;min-width:0}.mm-avatar{width:40px;height:40px;border-radius:10px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.32);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.mm-header-text{min-width:0}.mm-header-name{color:#fff;font-size:.92rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-header-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;color:#ffffffb3;font-size:.67rem;font-weight:500}.mm-header-meta span{display:inline-flex;align-items:center;gap:3px}.mm-close-btn{width:30px;height:30px;background:#ffffff1f;border:none;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.mm-close-btn:hover{background:#ffffff3d}.mm-body{padding:16px 20px;overflow-y:auto;flex:1}.mm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.mm-stat{background:#f4f7ff;border:1px solid #e4eaf8;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.mm-stat--in{border-color:#c8e6c9;background:#f0f8f0}.mm-stat--out{border-color:#ffcdd2;background:#fff5f5}.mm-stat-label{font-size:.61rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#7a8caa}.mm-stat-num{font-size:1.4rem;font-weight:700;color:#1a2340;line-height:1}.mm-section-head{display:flex;align-items:center;gap:6px;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#1976d2;margin-bottom:10px}.mm-section-note{display:inline-flex;align-items:center;gap:3px;font-size:.61rem;font-weight:500;text-transform:none;letter-spacing:0;color:#7c4dff;background:#ede7f6;padding:2px 7px;border-radius:10px;margin-left:4px}.mm-timeline{position:relative;padding-left:20px;margin-bottom:18px}.mm-timeline:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#1976d2,#bbdefb);border-radius:2px}.mm-no-punches{color:#9aaabb;font-size:.8rem;font-style:italic;padding:8px 0 14px}.mm-punch-row{position:relative;display:flex;align-items:center;gap:10px;background:#f8faff;border:1px solid #e8eef8;border-radius:8px;padding:9px 12px;margin-bottom:7px;transition:box-shadow .12s}.mm-punch-row:hover{box-shadow:0 2px 10px #1976d21a}.mm-dot{position:absolute;left:-18px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.mm-dot--in{background:#43a047;box-shadow:0 0 0 2px #43a047}.mm-dot--out{background:#e53935;box-shadow:0 0 0 2px #e53935}.mm-punch-seq{font-size:.62rem;color:#b0bec5;font-weight:600;min-width:20px}.mm-punch-stamp{display:flex;align-items:baseline;gap:5px;flex:1;min-width:0}.mm-punch-date{font-family:JetBrains Mono,monospace;font-size:.69rem;font-weight:400;color:#7a8caa;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.mm-punch-date--next{color:#6a1b9a}.mm-punch-date--prev{color:#c62828}.mm-day-tag{font-size:.58rem;font-weight:700;padding:1px 4px;border-radius:4px;line-height:1.2}.mm-day-tag--next{background:#f3e5f5;color:#6a1b9a}.mm-day-tag--prev{background:#ffebee;color:#c62828}.mm-punch-time{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:#1a2340;white-space:nowrap}.mm-punch-new{font-size:.58rem;font-weight:700;color:#1976d2;background:#dbeafe;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.mm-punch-badge{display:inline-flex;align-items:center;gap:3px;font-size:.63rem;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.mm-punch-badge--in{background:#e8f5e9;color:#2e7d32}.mm-punch-badge--out{background:#ffebee;color:#c62828}.mm-punch-actions{display:flex;gap:5px;flex-shrink:0}.mm-act-btn{width:26px;height:26px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.mm-act-btn--edit{background:#e3f2fd;color:#1565c0}.mm-act-btn--edit:hover{background:#bbdefb}.mm-act-btn--del{background:#ffebee;color:#c62828}.mm-act-btn--del:hover{background:#ffcdd2}.mm-add-card{background:#f6f8ff;border:1.5px solid #d0dbf0;border-radius:12px;overflow:hidden;margin-bottom:2px}.mm-date-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d0dbf0}.mm-date-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border:none;background:transparent;cursor:pointer;transition:background .15s;border-right:1px solid #d0dbf0;font-family:Inter,sans-serif;position:relative}.mm-date-tab:last-child{border-right:none}.mm-date-tab:hover{background:#edf0fb}.mm-date-tab--active{background:#fff!important}.mm-date-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2.5px;border-radius:2px 2px 0 0}.mm-date-tab--prev.mm-date-tab--active:after{background:#e53935}.mm-date-tab--current.mm-date-tab--active:after{background:#1976d2}.mm-date-tab--next.mm-date-tab--active:after{background:#6a1b9a}.mm-date-tab-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;border-radius:4px;padding:1px 6px;white-space:nowrap}.mm-date-tab--prev .mm-date-tab-tag{background:#ffebee;color:#c62828}.mm-date-tab--current .mm-date-tab-tag{background:#e3f2fd;color:#1565c0}.mm-date-tab--next .mm-date-tab-tag{background:#f3e5f5;color:#6a1b9a}.mm-date-tab-label{font-size:.72rem;font-weight:600;color:#1a2340;white-space:nowrap}.mm-add-row{display:flex;gap:10px;align-items:flex-end;padding:12px 14px;flex-wrap:wrap}.mm-add-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:100px}.mm-add-field--preview{flex:2;min-width:160px}.mm-add-field label{font-size:.61rem;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:#5a6a85}.mm-ctrl{height:36px;padding:0 10px;border:1.5px solid #d0daea;border-radius:7px;font-family:Inter,sans-serif;font-size:.83rem;color:#1a2340;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.mm-ctrl:focus{border-color:#1976d2;box-shadow:0 0 0 2.5px #1976d21f}.mm-preview{height:36px;display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #d0daea;border-radius:7px;padding:0 10px;font-family:Inter,sans-serif}.mm-preview-date{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#5a6a85}.mm-preview-time{font-family:JetBrains Mono,monospace;font-size:.88rem;font-weight:600;color:#1a2340}.mm-preview-empty{font-size:.74rem;color:#b0bec5;font-style:italic}.mm-btn{height:36px;padding:0 16px;border:none;border-radius:7px;font-family:Inter,sans-serif;font-size:.81rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s;white-space:nowrap}.mm-btn:disabled{opacity:.4;cursor:not-allowed}.mm-btn--add,.mm-btn--save{background:linear-gradient(135deg,#1976d2,#0a237a);color:#fff;box-shadow:0 2px 8px #1976d24d;align-self:flex-end}.mm-btn--add:hover:not(:disabled),.mm-btn--save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #1976d26b}.mm-btn--cancel{background:#fff;color:#5a6a85;border:1.5px solid #d0daea}.mm-btn--cancel:hover{background:#f4f7ff}.mm-footer{padding:12px 20px;border-top:1px solid #eaeef8;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;background:#fafbff}.mm-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.67rem;font-weight:700}.mm-chip--present{background:#e8f5e9;color:#2e7d32}.mm-chip--partial{background:#fff8e1;color:#e65100}.mm-chip--absent{background:#ffebee;color:#c62828}@media (max-width: 560px){.mm-modal{border-radius:12px}.mm-stats{grid-template-columns:1fr 1fr}.mm-date-tabs{grid-template-columns:1fr}.mm-date-tab{border-right:none;border-bottom:1px solid #d0dbf0}.mm-date-tab:last-child{border-bottom:none}}.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{--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}.EmployeeOthersPage{background-color:#8a2be2}: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{--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}.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}}.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}}.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)}}: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}}.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}}.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}.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{--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}}: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}}.amr__cell--label-eh{background:#e0f2f1!important;color:#00695c!important}.amr__summary-eh{display:flex;gap:4px;align-items:baseline;margin-top:2px;padding-top:2px;border-top:1px dashed #b2dfdb}.amr__filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:var(--amr-brand-start);color:#fff;border-radius:9px;font-size:10px;font-weight:700;line-height:1;vertical-align:middle}.amr__filter-group--employee{grid-column:span 2}@media (max-width: 768px){.amr__filter-group--employee{grid-column:span 1}}.amr__cell--label-in{background:#e8f5e9!important;color:#2e7d32!important}.amr__cell--label-out{background:#fff3e0!important;color:#e65100!important}.amr__cell--label-wh{background:#e0f2f1!important;color:#00695c!important}.amr__cell--label-shortage{background:#fff8e1!important;color:#f57f17!important}.amr__cell--label-status{background:#f3e5f5!important;color:#6a1b9a!important}.amr__cell--label-eh{background:#e8f5e9!important;color:#2e7d32!important}.amr__cell--time{font-variant-numeric:tabular-nums;letter-spacing:.02em}.amr__summary-eh{display:flex;gap:4px;align-items:baseline;margin-top:3px;padding-top:3px;border-top:1px dashed #b2dfdb}.amr__summary-label--eh{color:#00796b!important}.amr__summary-eh-value{font-weight:700;color:#00695c;font-size:10px}.amr__footer-stat--extra{background:#e0f2f1!important;border:1px solid #b2dfdb}.amr__footer-stat--extra-val{color:#00695c!important;font-weight:700}.amr__legend-sep{color:var(--amr-border2);font-size:16px;line-height:1;padding:0 4px}.amr__legend-badge--eh{background-color:#e8f5e9;color:#2e7d32}.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}.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}}.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}.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}.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{--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%)}.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__multi-value{font-size:12px!important}.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}}.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}}: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}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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}}.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__value-container{padding:0 8px!important}.select__placeholder{font-size:13px!important}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}}.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}}:root{--coo-font: "DM Sans", system-ui, sans-serif;--coo-blue: #2196f3;--coo-blue-dk: #0d47a1;--coo-blue-lt: #e3f2fd;--coo-blue-mid: #bbdefb;--coo-green: #16a34a;--coo-red: #dc2626;--coo-text-1: #0d1b2a;--coo-text-2: #4a6080;--coo-text-3: #94a3b8;--coo-border: #e1ecf7;--coo-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--coo-r: 12px;--coo-r-sm: 8px;--coo-t: .2s ease;--coo-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.coo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:cooFadeIn .2s ease both}@keyframes cooFadeIn{0%{opacity:0}to{opacity:1}}.coo-sheet{background:#fff;border-radius:var(--coo-r);width:100%;max-width:680px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--coo-shadow);overflow:hidden;font-family:var(--coo-font);animation:cooSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes cooSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.coo-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--coo-grad);flex-shrink:0}.coo-header-left{display:flex;align-items:center;gap:14px}.coo-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.coo-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--coo-font)}.coo-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--coo-font)}.coo-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--coo-t);flex-shrink:0}.coo-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.coo-close-btn:active{transform:scale(.96)}.coo-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.coo-body::-webkit-scrollbar{width:5px}.coo-body::-webkit-scrollbar-track{background:transparent}.coo-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.coo-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.coo-form{width:100%}.coo-form-row{display:flex;gap:20px;margin-bottom:20px}.coo-form-row:last-of-type{margin-bottom:0}.coo-form-group{flex:1;text-align:left}.coo-label{display:block;margin-bottom:8px;font-weight:600;color:var(--coo-text-1);font-size:13px;font-family:var(--coo-font)}.coo-required{color:var(--coo-red);margin-left:4px}.coo-optional{color:var(--coo-text-3);font-size:11px;font-weight:400;margin-left:6px}.coo-input-wrapper{position:relative;display:flex;align-items:center}.coo-input-icon{position:absolute;left:12px;color:var(--coo-text-3);pointer-events:none;z-index:1}.coo-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--coo-text-1);border:1.5px solid var(--coo-border);border-radius:var(--coo-r-sm);background:#fff;transition:all var(--coo-t);font-family:var(--coo-font);outline:none}.coo-input:focus{border-color:var(--coo-blue);box-shadow:0 0 0 3px #2196f31a}.coo-input-error{border-color:var(--coo-red)!important}.coo-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.coo-error-message{display:block;margin-top:6px;font-size:11px;color:var(--coo-red);font-weight:500;font-family:var(--coo-font)}.coo-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--coo-border);flex-shrink:0}.coo-btn{padding:10px 24px;border-radius:var(--coo-r-sm);font-size:13px;font-weight:600;font-family:var(--coo-font);cursor:pointer;transition:all var(--coo-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.coo-btn-primary{background:var(--coo-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.coo-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.coo-btn-secondary{background:#fff;color:var(--coo-text-2);border:1.5px solid var(--coo-border)}.coo-btn-secondary:hover:not(:disabled){border-color:var(--coo-blue);color:var(--coo-blue);background:#f8faff}.coo-btn:active:not(:disabled){transform:translateY(0)}.coo-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.coo-backdrop{padding:12px}.coo-sheet{max-width:95%;max-height:calc(100vh - 24px)}.coo-header{padding:16px 20px}.coo-header-icon{width:36px;height:36px}.coo-title{font-size:16px}.coo-subtitle{font-size:11px}.coo-body{padding:20px}.coo-form-row{flex-direction:column;gap:16px;margin-bottom:16px}.coo-footer{padding:14px 20px;flex-direction:column-reverse}.coo-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.coo-backdrop{padding:8px}.coo-sheet{max-height:calc(100vh - 16px)}.coo-header{padding:14px 16px}.coo-header-left{gap:10px}.coo-header-icon{width:32px;height:32px}.coo-header-icon svg{font-size:16px!important}.coo-title{font-size:15px}.coo-subtitle{font-size:10px}.coo-body{padding:16px}.coo-label{font-size:12px;margin-bottom:6px}.coo-input{padding:9px 12px 9px 34px;font-size:12px}.coo-input-icon svg{font-size:14px!important}.coo-footer{padding:12px 16px}.coo-btn{padding:9px 16px;font-size:12px}}:root{--uoo-font: "DM Sans", system-ui, sans-serif;--uoo-blue: #2196f3;--uoo-blue-dk: #0d47a1;--uoo-blue-lt: #e3f2fd;--uoo-blue-mid: #bbdefb;--uoo-green: #16a34a;--uoo-red: #dc2626;--uoo-text-1: #0d1b2a;--uoo-text-2: #4a6080;--uoo-text-3: #94a3b8;--uoo-border: #e1ecf7;--uoo-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--uoo-r: 12px;--uoo-r-sm: 8px;--uoo-t: .2s ease;--uoo-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.uoo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:uooFadeIn .2s ease both}@keyframes uooFadeIn{0%{opacity:0}to{opacity:1}}.uoo-sheet{background:#fff;border-radius:var(--uoo-r);width:100%;max-width:680px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--uoo-shadow);overflow:hidden;font-family:var(--uoo-font);animation:uooSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes uooSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uoo-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--uoo-grad);flex-shrink:0}.uoo-header-left{display:flex;align-items:center;gap:14px}.uoo-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uoo-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--uoo-font)}.uoo-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--uoo-font)}.uoo-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.uoo-current-badge svg{font-size:12px}.uoo-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--uoo-t);flex-shrink:0}.uoo-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.uoo-close-btn:active{transform:scale(.96)}.uoo-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.uoo-body::-webkit-scrollbar{width:5px}.uoo-body::-webkit-scrollbar-track{background:transparent}.uoo-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.uoo-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.uoo-form{width:100%}.uoo-form-row{display:flex;gap:20px;margin-bottom:20px}.uoo-form-row:last-of-type{margin-bottom:0}.uoo-form-group{flex:1;text-align:left}.uoo-label{display:block;margin-bottom:8px;font-weight:600;color:var(--uoo-text-1);font-size:13px;font-family:var(--uoo-font)}.uoo-required{color:var(--uoo-red);margin-left:4px}.uoo-optional{color:var(--uoo-text-3);font-size:11px;font-weight:400;margin-left:6px}.uoo-input-wrapper{position:relative;display:flex;align-items:center}.uoo-input-icon{position:absolute;left:12px;color:var(--uoo-text-3);pointer-events:none;z-index:1}.uoo-input{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--uoo-text-1);border:1.5px solid var(--uoo-border);border-radius:var(--uoo-r-sm);background:#fff;transition:all var(--uoo-t);font-family:var(--uoo-font);outline:none}.uoo-input:focus{border-color:var(--uoo-blue);box-shadow:0 0 0 3px #2196f31a}.uoo-input-error{border-color:var(--uoo-red)!important}.uoo-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.uoo-error-message{display:block;margin-top:6px;font-size:11px;color:var(--uoo-red);font-weight:500;font-family:var(--uoo-font)}.uoo-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--uoo-border);flex-shrink:0}.uoo-btn{padding:10px 24px;border-radius:var(--uoo-r-sm);font-size:13px;font-weight:600;font-family:var(--uoo-font);cursor:pointer;transition:all var(--uoo-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.uoo-btn-primary{background:var(--uoo-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.uoo-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.uoo-btn-secondary{background:#fff;color:var(--uoo-text-2);border:1.5px solid var(--uoo-border)}.uoo-btn-secondary:hover:not(:disabled){border-color:var(--uoo-blue);color:var(--uoo-blue);background:#f8faff}.uoo-btn:active:not(:disabled){transform:translateY(0)}.uoo-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.uoo-backdrop{padding:12px}.uoo-sheet{max-width:95%;max-height:calc(100vh - 24px)}.uoo-header{padding:16px 20px}.uoo-header-icon{width:36px;height:36px}.uoo-title{font-size:16px}.uoo-subtitle{font-size:11px}.uoo-body{padding:20px}.uoo-form-row{flex-direction:column;gap:16px;margin-bottom:16px}.uoo-footer{padding:14px 20px;flex-direction:column-reverse}.uoo-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.uoo-backdrop{padding:8px}.uoo-sheet{max-height:calc(100vh - 16px)}.uoo-header{padding:14px 16px}.uoo-header-left{gap:10px}.uoo-header-icon{width:32px;height:32px}.uoo-header-icon svg{font-size:16px!important}.uoo-title{font-size:15px}.uoo-subtitle{font-size:10px}.uoo-current-badge{font-size:10px;padding:3px 8px}.uoo-body{padding:16px}.uoo-label{font-size:12px;margin-bottom:6px}.uoo-input{padding:9px 12px 9px 34px;font-size:12px}.uoo-input-icon svg{font-size:14px!important}.uoo-footer{padding:12px 16px}.uoo-btn{padding:9px 16px;font-size:12px}}:root{--cot-font: "DM Sans", system-ui, sans-serif;--cot-blue: #2196f3;--cot-blue-dk: #0d47a1;--cot-blue-lt: #e3f2fd;--cot-blue-mid: #bbdefb;--cot-green: #16a34a;--cot-red: #dc2626;--cot-text-1: #0d1b2a;--cot-text-2: #4a6080;--cot-text-3: #94a3b8;--cot-border: #e1ecf7;--cot-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--cot-r: 12px;--cot-r-sm: 8px;--cot-t: .2s ease;--cot-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.cot-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:cotFadeIn .2s ease both}@keyframes cotFadeIn{0%{opacity:0}to{opacity:1}}.cot-sheet{background:#fff;border-radius:var(--cot-r);width:100%;max-width:580px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--cot-shadow);overflow:hidden;font-family:var(--cot-font);animation:cotSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes cotSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cot-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--cot-grad);flex-shrink:0}.cot-header-left{display:flex;align-items:center;gap:14px}.cot-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cot-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--cot-font)}.cot-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--cot-font)}.cot-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--cot-t);flex-shrink:0}.cot-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.cot-close-btn:active{transform:scale(.96)}.cot-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.cot-body::-webkit-scrollbar{width:5px}.cot-body::-webkit-scrollbar-track{background:transparent}.cot-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.cot-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.cot-form{width:100%}.cot-form-group{margin-bottom:24px;text-align:left}.cot-form-group:last-of-type{margin-bottom:0}.cot-label{display:block;margin-bottom:8px;font-weight:600;color:var(--cot-text-1);font-size:13px;font-family:var(--cot-font)}.cot-required{color:var(--cot-red);margin-left:4px}.cot-optional{color:var(--cot-text-3);font-size:11px;font-weight:400;margin-left:6px}.cot-input-wrapper{position:relative;display:flex;align-items:center}.cot-input-icon{position:absolute;left:12px;color:var(--cot-text-3);pointer-events:none;z-index:1}.cot-input,.cot-select{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--cot-text-1);border:1.5px solid var(--cot-border);border-radius:var(--cot-r-sm);background:#fff;transition:all var(--cot-t);font-family:var(--cot-font);outline:none}.cot-input:focus,.cot-select:focus{border-color:var(--cot-blue);box-shadow:0 0 0 3px #2196f31a}.cot-input-error{border-color:var(--cot-red)!important}.cot-input:disabled,.cot-select:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.cot-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:10px;cursor:pointer}.cot-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='%232196f3' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>")}.cot-select-loading{position:absolute;right:12px;display:flex;align-items:center;pointer-events:none}.cot-hint-text{display:block;margin-top:6px;font-size:11px;color:var(--cot-text-3);font-family:var(--cot-font)}.cot-error-message{display:block;margin-top:6px;font-size:11px;color:var(--cot-red);font-weight:500;font-family:var(--cot-font)}.cot-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--cot-border);flex-shrink:0}.cot-btn{padding:10px 24px;border-radius:var(--cot-r-sm);font-size:13px;font-weight:600;font-family:var(--cot-font);cursor:pointer;transition:all var(--cot-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.cot-btn-primary{background:var(--cot-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.cot-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.cot-btn-secondary{background:#fff;color:var(--cot-text-2);border:1.5px solid var(--cot-border)}.cot-btn-secondary:hover:not(:disabled){border-color:var(--cot-blue);color:var(--cot-blue);background:#f8faff}.cot-btn:active:not(:disabled){transform:translateY(0)}.cot-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.cot-backdrop{padding:12px}.cot-sheet{max-width:95%;max-height:calc(100vh - 24px)}.cot-header{padding:16px 20px}.cot-header-icon{width:36px;height:36px}.cot-title{font-size:16px}.cot-subtitle{font-size:11px}.cot-body{padding:20px}.cot-form-group{margin-bottom:20px}.cot-footer{padding:14px 20px;flex-direction:column-reverse}.cot-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.cot-backdrop{padding:8px}.cot-sheet{max-height:calc(100vh - 16px)}.cot-header{padding:14px 16px}.cot-header-left{gap:10px}.cot-header-icon{width:32px;height:32px}.cot-header-icon svg{font-size:16px!important}.cot-title{font-size:15px}.cot-subtitle{font-size:10px}.cot-body{padding:16px}.cot-label{font-size:12px;margin-bottom:6px}.cot-input,.cot-select{padding:9px 12px 9px 34px;font-size:12px}.cot-input-icon svg{font-size:14px!important}.cot-footer{padding:12px 16px}.cot-btn{padding:9px 16px;font-size:12px}}:root{--uot-font: "DM Sans", system-ui, sans-serif;--uot-blue: #2196f3;--uot-blue-dk: #0d47a1;--uot-blue-lt: #e3f2fd;--uot-blue-mid: #bbdefb;--uot-green: #16a34a;--uot-red: #dc2626;--uot-text-1: #0d1b2a;--uot-text-2: #4a6080;--uot-text-3: #94a3b8;--uot-border: #e1ecf7;--uot-grad: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);--uot-r: 12px;--uot-r-sm: 8px;--uot-t: .2s ease;--uot-shadow: 0 20px 60px rgba(13,71,161,.18), 0 4px 16px rgba(0,0,0,.08)}.uot-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05143273;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box;animation:uotFadeIn .2s ease both}@keyframes uotFadeIn{0%{opacity:0}to{opacity:1}}.uot-sheet{background:#fff;border-radius:var(--uot-r);width:100%;max-width:580px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--uot-shadow);overflow:hidden;font-family:var(--uot-font);animation:uotSlideUp .22s cubic-bezier(.34,1.3,.64,1) both}@keyframes uotSlideUp{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uot-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--uot-grad);flex-shrink:0}.uot-header-left{display:flex;align-items:center;gap:14px}.uot-header-icon{width:40px;height:40px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.uot-title{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2;font-family:var(--uot-font)}.uot-subtitle{margin:4px 0 0;font-size:12px;color:#ffffffd9;font-family:var(--uot-font)}.uot-current-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#fff3;border-radius:20px;font-size:11px;color:#fffffff2}.uot-current-badge svg{font-size:12px}.uot-close-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--uot-t);flex-shrink:0}.uot-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.02)}.uot-close-btn:active{transform:scale(.96)}.uot-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.uot-body::-webkit-scrollbar{width:5px}.uot-body::-webkit-scrollbar-track{background:transparent}.uot-body::-webkit-scrollbar-thumb{background:#2196f340;border-radius:99px}.uot-body::-webkit-scrollbar-thumb:hover{background:#2196f380}.uot-form{width:100%}.uot-form-group{margin-bottom:24px;text-align:left}.uot-form-group:last-of-type{margin-bottom:0}.uot-label{display:block;margin-bottom:8px;font-weight:600;color:var(--uot-text-1);font-size:13px;font-family:var(--uot-font)}.uot-required{color:var(--uot-red);margin-left:4px}.uot-optional{color:var(--uot-text-3);font-size:11px;font-weight:400;margin-left:6px}.uot-input-wrapper{position:relative;display:flex;align-items:center}.uot-input-icon{position:absolute;left:12px;color:var(--uot-text-3);pointer-events:none;z-index:1}.uot-input,.uot-select{width:100%;padding:10px 12px 10px 36px;font-size:13px;color:var(--uot-text-1);border:1.5px solid var(--uot-border);border-radius:var(--uot-r-sm);background:#fff;transition:all var(--uot-t);font-family:var(--uot-font);outline:none}.uot-input:focus,.uot-select:focus{border-color:var(--uot-blue);box-shadow:0 0 0 3px #2196f31a}.uot-input-error{border-color:var(--uot-red)!important}.uot-input:disabled,.uot-select:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.uot-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:10px;cursor:pointer}.uot-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='%232196f3' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>")}.uot-select-loading{position:absolute;right:12px;display:flex;align-items:center;pointer-events:none}.uot-hint-text{display:block;margin-top:6px;font-size:11px;color:var(--uot-text-3);font-family:var(--uot-font)}.uot-hint-warning{color:var(--uot-orange, #f59e0b)}.uot-error-message{display:block;margin-top:6px;font-size:11px;color:var(--uot-red);font-weight:500;font-family:var(--uot-font)}.uot-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--uot-border);flex-shrink:0}.uot-btn{padding:10px 24px;border-radius:var(--uot-r-sm);font-size:13px;font-weight:600;font-family:var(--uot-font);cursor:pointer;transition:all var(--uot-t);border:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}.uot-btn-primary{background:var(--uot-grad);color:#fff;box-shadow:0 2px 8px #2196f34d}.uot-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.uot-btn-secondary{background:#fff;color:var(--uot-text-2);border:1.5px solid var(--uot-border)}.uot-btn-secondary:hover:not(:disabled){border-color:var(--uot-blue);color:var(--uot-blue);background:#f8faff}.uot-btn:active:not(:disabled){transform:translateY(0)}.uot-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.uot-backdrop{padding:12px}.uot-sheet{max-width:95%;max-height:calc(100vh - 24px)}.uot-header{padding:16px 20px}.uot-header-icon{width:36px;height:36px}.uot-title{font-size:16px}.uot-subtitle{font-size:11px}.uot-body{padding:20px}.uot-form-group{margin-bottom:20px}.uot-footer{padding:14px 20px;flex-direction:column-reverse}.uot-btn{width:100%;padding:10px 20px}}@media (max-width: 480px){.uot-backdrop{padding:8px}.uot-sheet{max-height:calc(100vh - 16px)}.uot-header{padding:14px 16px}.uot-header-left{gap:10px}.uot-header-icon{width:32px;height:32px}.uot-header-icon svg{font-size:16px!important}.uot-title{font-size:15px}.uot-subtitle{font-size:10px}.uot-current-badge{font-size:10px;padding:3px 8px}.uot-body{padding:16px}.uot-label{font-size:12px;margin-bottom:6px}.uot-input,.uot-select{padding:9px 12px 9px 34px;font-size:12px}.uot-input-icon svg{font-size:14px!important}.uot-footer{padding:12px 16px}.uot-btn{padding:9px 16px;font-size:12px}}