@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--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 #0000001a;--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));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.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);align-items:center;left:50%;transform:translate(-50%)}.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);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;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;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (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%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.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:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.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:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.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;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.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{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}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:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}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:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,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:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}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:translateY(2000px)}}.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%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}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) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}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:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.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-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body .modal-overlay{padding:clamp(12px,4vw,24px);padding-top:max(clamp(12px, 4vw, 24px), env(safe-area-inset-top));padding-bottom:max(clamp(12px, 4vw, 24px), env(safe-area-inset-bottom));z-index:1050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;animation:.18s cubic-bezier(.22,.61,.36,1) ghModalFade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes ghModalFade{0%{opacity:0}to{opacity:1}}body .modal-content{color:#0f172a;background:#fff;border:1px solid #e7e9ee;border-radius:18px;flex-direction:column;width:100%;max-width:540px;max-height:min(92vh,92dvh);margin:auto;padding:0;font-family:Inter,system-ui,sans-serif;animation:.22s cubic-bezier(.22,.61,.36,1) ghModalPop;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 56px #0f172a2e,0 8px 16px #0f172a14}@keyframes ghModalPop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}body .modal-sm{max-width:400px}body .modal-md{max-width:540px}body .modal-lg{max-width:680px}body .modal-xl{max-width:920px}body .modal-header{border-bottom:1px solid #eef0f4;flex:none;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:18px 22px;display:flex}body .modal-header h2,body .modal-header h3,body .modal-header h4,body .modal-title{letter-spacing:-.01em;color:#0f172a;margin:0;font-size:17px;font-weight:700}body .modal-subtitle{color:#64748b;margin:2px 0 0;font-size:13px;font-weight:400}body .btn-close,body .modal-close,body .close-button,body .modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:22px;line-height:1;transition:background .14s,color .14s;display:inline-flex}body .btn-close:hover,body .modal-close:hover,body .close-button:hover,body .modal-close-btn:hover{color:#0f172a;background:#f1f5f9}body .btn-close svg,body .modal-close svg,body .close-button svg,body .modal-close-btn svg{width:18px;height:18px}body .modal-body{color:#334155;flex:auto;padding:20px 22px;font-size:14px;line-height:1.6;overflow-y:auto}body .modal-form{flex-direction:column;gap:16px;display:flex}body .modal-content>.modal-form{color:#334155;flex:auto;padding:20px 22px;font-size:14px;line-height:1.6;overflow-y:auto}body .modal-buttons,body .modal-footer,body .modal-actions{border-top:1px solid #eef0f4;flex:none;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding-top:16px;display:flex}body .modal-content>.modal-buttons,body .modal-content>.modal-footer,body .modal-content>.modal-actions{background:#fbfbfd;margin-top:0;padding:14px 22px}body .modal-overlay .btn-cancel,body .modal-overlay .btn-create,body .modal-overlay .btn-save{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}body .modal-overlay .btn-cancel{color:#475569;background:#fff;border-color:#e2e8f0}body .modal-overlay .btn-cancel:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}body .modal-overlay .btn-create,body .modal-overlay .btn-save{background:var(--color-primary,#0188a0);color:#fff;box-shadow:0 2px 4px #0188a033}body .modal-overlay .btn-create:hover,body .modal-overlay .btn-save:hover{background:#017087;transform:translateY(-1px);box-shadow:0 4px 10px #0188a04d}body .modal-overlay .btn-cancel:disabled,body .modal-overlay .btn-create:disabled,body .modal-overlay .btn-save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=640px){body .modal-overlay{padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom))}body .modal-content,body .modal-sm,body .modal-md,body .modal-lg,body .modal-xl{max-width:100%;max-height:min(94vh,94dvh)}body .modal-header,body .modal-body,body .modal-form{padding:16px}body .modal-content>.modal-buttons,body .modal-content>.modal-footer,body .modal-content>.modal-actions{padding:12px 16px}body .modal-buttons,body .modal-footer,body .modal-actions{flex-direction:column-reverse;align-items:stretch}body .modal-overlay .btn-cancel,body .modal-overlay .btn-create,body .modal-overlay .btn-save{width:100%}}[data-theme=dark] body .modal-content,body[data-theme=dark] .modal-content{color:#e5e7eb;background:#1f2937;border-color:#374151}[data-theme=dark] body .modal-header,[data-theme=dark] body .modal-buttons,[data-theme=dark] body .modal-footer,[data-theme=dark] body .modal-actions{border-color:#374151}[data-theme=dark] body .modal-header h2,[data-theme=dark] body .modal-header h3,[data-theme=dark] body .modal-header h4,[data-theme=dark] body .modal-title{color:#f3f4f6}[data-theme=dark] body .modal-content>.modal-buttons,[data-theme=dark] body .modal-content>.modal-footer,[data-theme=dark] body .modal-content>.modal-actions{background:#111827}[data-theme=dark] body .modal-overlay .btn-cancel{color:#d1d5db;background:#1f2937;border-color:#374151}[data-theme=dark] body .modal-overlay .btn-cancel:hover{color:#f9fafb;background:#374151}._wrapper_14l3p_4,.input-wrapper{gap:var(--spacing-1,6px);flex-direction:column;width:100%;display:flex}._wrapperFullWidth_14l3p_12,.input-wrapper-full-width{width:100%}._label_14l3p_18,.input-label{font-size:var(--font-size-sm,13px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#0f172a);margin-bottom:var(--spacing-1,2px);font-family:var(--font-primary,inherit);line-height:var(--line-height-normal,1.5);width:inherit;display:block}._required_14l3p_30,.input-required{color:var(--color-danger-500,#ef4444);margin-left:var(--spacing-1,2px)}._container_14l3p_37,.input-container{align-items:center;width:100%;display:flex;position:relative}._input_14l3p_5,.input{border:1.5px solid var(--border-light);border-radius:var(--radius-base,8px);width:100%;font-size:var(--font-size-base,14px);font-family:var(--font-primary,inherit);color:var(--text-dark);box-sizing:border-box;transition:all var(--transition-base,.2s);background-color:var(--color-bg-primary);font-weight:var(--font-weight-normal,400);line-height:var(--line-height-normal,1.5);outline:none}._sm_14l3p_63,.input-sm{min-height:32px;padding:6px 12px}._md_14l3p_64,.input-md{min-height:40px;padding:8px 14px}._lg_14l3p_65,.input-lg{min-height:48px;padding:10px 16px}._outlined_14l3p_68,.input-outlined{border:1.5px solid var(--border-light);background-color:#fff}._outlined_14l3p_68:focus,.input-outlined:focus{border-color:var(--color-primary,#0188a0);box-shadow:0 0 0 3px #0188a01a}._filled_14l3p_77,.input-filled{border:none;border-bottom:2px solid var(--border-light);background-color:#f8fafc;border-radius:0;padding-bottom:6px}._filled_14l3p_77:focus,.input-filled:focus{border-bottom-color:var(--color-primary,#0188a0);box-shadow:none;background-color:#fff}._underlined_14l3p_90,.input-underlined{border:none;border-bottom:1.5px solid var(--border-light);background-color:#0000;border-radius:0;padding-left:0;padding-right:0}._underlined_14l3p_90:focus,.input-underlined:focus{border-bottom-color:var(--color-primary,#0188a0);box-shadow:none}._icon_14l3p_104,.input-icon{width:36px;height:100%;color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}._iconLeft_14l3p_116,.input-icon-left{padding-left:10px;left:0}._iconRight_14l3p_117,.input-icon-right{padding-right:20px;right:0}._withClear_14l3p_119,.input-with-clear{padding-right:40px}._iconRight_14l3p_117._withClear_14l3p_119,.input-icon-right._withClear_14l3p_119{padding-right:72px}._clear_14l3p_129,.input-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:8px}._clear_14l3p_129:hover,.input-clear:hover{color:var(--text-dark)}._disabled_14l3p_149,._input_14l3p_5:disabled,.input-disabled,.input:disabled{color:var(--text-muted);cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}._disabled_14l3p_149:focus,._input_14l3p_5:disabled:focus,.input-disabled:focus,.input:disabled:focus{box-shadow:none;border-color:#e2e8f0}._error_14l3p_166,.input-error{border-color:#ef4444}._error_14l3p_166:focus,.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}._fullWidth_14l3p_172,.input-full-width{width:100%}._input_14l3p_5::placeholder,.input::placeholder{color:var(--text-muted);font-family:Inter,system-ui,sans-serif;font-size:14px}._disabled_14l3p_149::placeholder,._input_14l3p_5:disabled::placeholder{color:#cbd5e1}._errorText_14l3p_187,.input-error-text{color:#ef4444;width:inherit;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500}._helperText_14l3p_196,.input-helper-text{color:var(--text-muted);font-family:Inter,system-ui,sans-serif;font-size:12px}._btn_dmvz6_3,.btn{justify-content:center;align-items:center;gap:var(--spacing-2,8px);font-weight:var(--font-weight-semibold,600);border-radius:var(--radius-base,8px);cursor:pointer;transition:all var(--transition-base,.2s) ease;font-family:var(--font-primary,inherit);white-space:nowrap;font-size:var(--font-size-base,14px);line-height:var(--line-height-normal,1.5);border:none;outline:none;display:inline-flex;position:relative}._xs_dmvz6_26,.btn-xs{min-height:28px;padding:4px 8px;font-size:11px}._sm_dmvz6_33,.btn-sm{font-size:var(--font-size-sm,13px);min-height:32px;padding:6px 12px}._md_dmvz6_40,.btn-md{font-size:var(--font-size-base,14px);min-height:40px;padding:8px 16px}._lg_dmvz6_47,.btn-lg{font-size:var(--font-size-lg,16px);min-height:48px;padding:12px 24px}._xl_dmvz6_54,.btn-xl{min-height:56px;padding:14px 32px;font-size:18px}._primary_dmvz6_62,.btn-primary{background-color:var(--color-primary,#0188a0);color:#fff;box-shadow:0 2px 4px #0188a033}._primary_dmvz6_62:hover:not(:disabled),.btn-primary:hover:not(:disabled){background-color:#1a232f;transform:translateY(-1px);box-shadow:0 4px 8px #0188a04d}._primary_dmvz6_62:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0188a033}._secondary_dmvz6_81,.btn-secondary{color:#fff;background-color:#6b7280;box-shadow:0 2px 4px #6b728033}._secondary_dmvz6_81:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 8px #6b72804d}._secondary_dmvz6_81:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #6b728033}._danger_dmvz6_100,.btn-danger{color:#fff;background-color:#ef4444;box-shadow:0 2px 4px #ef444433}._danger_dmvz6_100:hover:not(:disabled),.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}._danger_dmvz6_100:active:not(:disabled),.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #ef444433}._success_dmvz6_119,.btn-success{color:#fff;background-color:#10b981;box-shadow:0 2px 4px #10b98133}._success_dmvz6_119:hover:not(:disabled),.btn-success:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}._success_dmvz6_119:active:not(:disabled),.btn-success:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #10b98133}._warning_dmvz6_138,.btn-warning{color:#fff;background-color:#f59e0b;box-shadow:0 2px 4px #f59e0b33}._warning_dmvz6_138:hover:not(:disabled),.btn-warning:hover:not(:disabled){background-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}._warning_dmvz6_138:active:not(:disabled),.btn-warning:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #f59e0b33}._info_dmvz6_157,.btn-info{color:#fff;background-color:#0ea5e9;box-shadow:0 2px 4px #0ea5e933}._info_dmvz6_157:hover:not(:disabled),.btn-info:hover:not(:disabled){background-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 8px #0ea5e94d}._info_dmvz6_157:active:not(:disabled),.btn-info:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0ea5e933}._outline_dmvz6_176,.btn-outline{color:var(--color-primary,#0188a0);border:1.5px solid var(--color-primary,#0188a0);background-color:#0000}._outline_dmvz6_176:hover:not(:disabled),.btn-outline:hover:not(:disabled){background-color:#0188a00d}._outline_dmvz6_176:active:not(:disabled),.btn-outline:active:not(:disabled){background-color:#0188a01a}._ghost_dmvz6_192,.btn-ghost{color:var(--text-dark,#1a1a2e);background-color:#0000;border:none}._ghost_dmvz6_192:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background-color:#0000000d}._ghost_dmvz6_192:active:not(:disabled),.btn-ghost:active:not(:disabled){background-color:#0000001a}._disabled_dmvz6_208,._btn_dmvz6_3:disabled,.btn-disabled,.btn:disabled{opacity:.6;cursor:not-allowed;background-color:#d1d5db}._active_dmvz6_217,.btn-active{transform:scale(.98)}._fullWidth_dmvz6_222,.btn-full-width{width:100%}._rounded_dmvz6_227,.btn-rounded{border-radius:50px}._loading_dmvz6_232,.btn-loading{color:#0000}._text_dmvz6_238,.btn-text{display:inline-block}._icon_dmvz6_243,.btn-icon{justify-content:center;align-items:center;font-size:1em;display:inline-flex}._iconLeft_dmvz6_251,.btn-icon-left{margin-right:2px}._iconRight_dmvz6_256,.btn-icon-right{margin-left:2px}._spinnerWrap_dmvz6_262,.btn-spinner{animation:1s linear infinite _spin_dmvz6_262;position:absolute;left:50%;transform:translate(-50%)}._spinnerSvg_dmvz6_270,.btn .spinner{stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}@keyframes _spin_dmvz6_262{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){._sm_dmvz6_33,.btn-sm{min-height:36px}}._card_hgj1s_2{background:var(--color-bg-primary);border-radius:var(--radius-lg,12px);box-sizing:border-box;transition:all var(--transition-base,.3s ease);font-family:var(--font-primary,inherit);flex-direction:column;display:flex}._shadowSm_hgj1s_13{box-shadow:var(--shadow-sm)}._shadowMd_hgj1s_14{box-shadow:var(--shadow-md)}._shadowLg_hgj1s_15{box-shadow:var(--shadow-lg)}._shadowXl_hgj1s_16{box-shadow:var(--shadow-xl)}._paddingSm_hgj1s_19{padding:var(--spacing-3,12px)}._paddingMd_hgj1s_20{padding:var(--spacing-4,16px)}._paddingLg_hgj1s_21{padding:var(--spacing-6,24px)}._paddingXl_hgj1s_22{padding:var(--spacing-8,32px)}._border_hgj1s_25{border:1px solid}._borderDefault_hgj1s_26{border-color:var(--color-border-light)}._borderPrimary_hgj1s_27{border-color:var(--color-primary-500)}._borderSuccess_hgj1s_28{border-color:var(--color-success-600)}._borderDanger_hgj1s_29{border-color:var(--color-danger-500)}._borderWarning_hgj1s_30{border-color:var(--color-warning-500)}._borderInfo_hgj1s_31{border-color:var(--color-info-600)}._hover_hgj1s_34{cursor:pointer}._hover_hgj1s_34:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000026}._raised_hgj1s_41{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}._clickable_hgj1s_46{cursor:pointer;-webkit-user-select:none;user-select:none}._clickable_hgj1s_46:hover,._clickable_hgj1s_46:focus{outline:2px solid var(--color-primary,#0188a0);outline-offset:-2px}._badge_16ulg_4,.badge{align-items:center;gap:var(--spacing-1,6px);font-weight:var(--font-weight-semibold,600);border-radius:var(--radius-sm,6px);box-sizing:border-box;font-family:var(--font-primary,inherit);white-space:nowrap;line-height:var(--line-height-normal,1.5);display:inline-flex}._xs_16ulg_18,.badge-xs{font-size:var(--font-size-xs,12px);height:20px;padding:2px 8px}._sm_16ulg_19,.badge-sm{font-size:var(--font-size-xs,12px);height:24px;padding:4px 10px}._md_16ulg_20,.badge-md{font-size:var(--font-size-sm,13px);height:28px;padding:6px 12px}._lg_16ulg_21,.badge-lg{font-size:var(--font-size-base,14px);height:32px;padding:8px 14px}._primary_16ulg_24,.badge-primary{background-color:var(--color-primary,#0188a0);color:#fff}._secondary_16ulg_25,.badge-secondary{color:#fff;background-color:#6b7280}._danger_16ulg_26,.badge-danger{background-color:var(--danger,#ef4444);color:#fff}._success_16ulg_27,.badge-success{background-color:var(--success,#10b981);color:#fff}._warning_16ulg_28,.badge-warning{background-color:var(--warning,#f59e0b);color:#fff}._info_16ulg_29,.badge-info{background-color:var(--color-info,#0ea5e9);color:#fff}._default_16ulg_30,.badge-default{color:var(--text-dark,#1a1a2e);background-color:#e5e7eb}._primary_16ulg_24._outlined_16ulg_33{color:var(--color-primary,#0188a0);border:1px solid var(--color-primary,#0188a0);background-color:#0188a01a}._secondary_16ulg_25._outlined_16ulg_33{color:#6b7280;background-color:#6b72801a;border:1px solid #6b7280}._danger_16ulg_26._outlined_16ulg_33{color:var(--danger,#ef4444);border:1px solid var(--danger,#ef4444);background-color:#ef44441a}._success_16ulg_27._outlined_16ulg_33{color:var(--success,#10b981);border:1px solid var(--success,#10b981);background-color:#10b9811a}._warning_16ulg_28._outlined_16ulg_33{color:var(--warning,#f59e0b);border:1px solid var(--warning,#f59e0b);background-color:#f59e0b1a}._info_16ulg_29._outlined_16ulg_33{color:var(--color-info,#0ea5e9);border:1px solid var(--color-info,#0ea5e9);background-color:#0ea5e91a}._default_16ulg_30._outlined_16ulg_33{color:var(--text-dark,#1a1a2e);background-color:#0000;border:1px solid #d1d5db}._rounded_16ulg_70,.badge-rounded{border-radius:50px}._icon_16ulg_75{justify-content:center;align-items:center;width:1em;height:1em;display:flex}._overlay_zg9wq_5{padding:24px;padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));padding-bottom:max(24px, env(safe-area-inset-bottom));padding-top:max(24px, env(safe-area-inset-top));z-index:1050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;animation:.18s cubic-bezier(.22,.61,.36,1) _ghModalFade_zg9wq_1;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes _ghModalFade_zg9wq_1{0%{opacity:0}to{opacity:1}}._centered_zg9wq_35{justify-content:center;align-items:center}._alignTop_zg9wq_40{padding-top:max(40px, env(safe-area-inset-top));justify-content:center;align-items:flex-start}._content_zg9wq_47{color:#0f172a;background:#fff;border:1px solid #e7e9ee;border-radius:18px;flex-direction:column;flex-shrink:0;width:100%;max-width:540px;max-height:min(92vh,92dvh);margin:auto;font-family:Inter,system-ui,sans-serif;animation:.22s cubic-bezier(.22,.61,.36,1) _ghModalPop_zg9wq_1;display:flex;overflow:hidden;box-shadow:0 24px 56px #0f172a2e,0 8px 16px #0f172a14}@keyframes _ghModalPop_zg9wq_1{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}._sm_zg9wq_78{max-width:400px}._md_zg9wq_82{max-width:540px}._lg_zg9wq_86{max-width:680px}._xl_zg9wq_90{max-width:920px}._header_zg9wq_95{border-bottom:1px solid #eef0f4;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}._title_zg9wq_105{letter-spacing:-.01em;color:#0f172a;margin:0;font-size:17px;font-weight:700}._close_zg9wq_114{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .14s,color .14s;display:inline-flex}._close_zg9wq_114:hover{color:#0f172a;background:#f1f5f9}._close_zg9wq_114 svg{width:18px;height:18px}._body_zg9wq_140{color:#334155;flex:auto;padding:20px 24px;font-size:14px;line-height:1.6;overflow-y:auto}._footer_zg9wq_150{background:#fbfbfd;border-top:1px solid #eef0f4;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}@media (width<=640px){._content_zg9wq_47{width:100%;max-width:calc(100vw - 24px);max-height:min(90vh,90dvh)}._sm_zg9wq_78,._md_zg9wq_82,._lg_zg9wq_86,._xl_zg9wq_90{max-width:calc(100vw - 24px)}._overlay_zg9wq_5{padding:14px}}[data-theme=dark] ._content_zg9wq_47{color:#e5e7eb;background:#1f2937;border-color:#374151}[data-theme=dark] ._header_zg9wq_95,[data-theme=dark] ._footer_zg9wq_150{border-color:#374151}[data-theme=dark] ._title_zg9wq_105{color:#f3f4f6}[data-theme=dark] ._footer_zg9wq_150{background:#111827}._alert_mut5o_2,.alert{justify-content:space-between;align-items:center;gap:var(--spacing-3,12px);padding:var(--spacing-3,12px) var(--spacing-4,16px);border-radius:var(--radius-base,8px);font-family:var(--font-primary,inherit);font-size:var(--font-size-base,14px);border-left:4px solid;animation:.3s _alertSlideInDown_mut5o_1;display:flex}@keyframes _alertSlideInDown_mut5o_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._content_mut5o_29{align-items:flex-start;gap:var(--spacing-3,12px);flex:1;display:flex}._message_mut5o_36{gap:var(--spacing-1,4px);flex-direction:column;display:flex}._title_mut5o_42{font-size:var(--font-size-base,14px);font-weight:var(--font-weight-semibold,600);line-height:var(--line-height-normal,1.5);font-family:var(--font-heading,inherit);margin:0}._text_mut5o_50{font-size:var(--font-size-sm,13px);line-height:var(--line-height-normal,1.5);font-family:var(--font-primary,inherit);color:var(--color-text-secondary,#64748b);margin:0}._icon_mut5o_58{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}._icon_mut5o_58 svg{width:100%;height:100%}._close_mut5o_73{padding:var(--spacing-1,4px);cursor:pointer;border-radius:var(--radius-sm,4px);transition:all var(--transition-base,.2s ease);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}._close_mut5o_73:hover{background-color:#0000001a}._success_mut5o_91,.alert-success{border-left-color:var(--success,#10b981);color:#065f46;background-color:#ecfdf5}._success_mut5o_91 ._title_mut5o_42{color:#047857}._success_mut5o_91 ._text_mut5o_50{color:#065f46}._success_mut5o_91 ._icon_mut5o_58{color:var(--success,#10b981)}._success_mut5o_91 ._close_mut5o_73{color:#065f46}._error_mut5o_114,.alert-error{border-left-color:var(--danger,#ef4444);color:#7f1d1d;background-color:#fef2f2}._error_mut5o_114 ._title_mut5o_42{color:#991b1b}._error_mut5o_114 ._text_mut5o_50{color:#7f1d1d}._error_mut5o_114 ._icon_mut5o_58{color:var(--danger,#ef4444)}._error_mut5o_114 ._close_mut5o_73{color:#7f1d1d}._warning_mut5o_137,.alert-warning{border-left-color:var(--warning,#f59e0b);color:#78350f;background-color:#fffbeb}._warning_mut5o_137 ._title_mut5o_42{color:#92400e}._warning_mut5o_137 ._text_mut5o_50{color:#78350f}._warning_mut5o_137 ._icon_mut5o_58{color:var(--warning,#f59e0b)}._warning_mut5o_137 ._close_mut5o_73{color:#78350f}._info_mut5o_160,.alert-info{border-left-color:var(--color-info,#0ea5e9);color:#0c2d6b;background-color:#f0f9ff;margin-bottom:2vh}._info_mut5o_160 ._title_mut5o_42{color:#0369a1}._info_mut5o_160 ._text_mut5o_50{color:#0c2d6b}._info_mut5o_160 ._icon_mut5o_58{color:var(--color-info,#0ea5e9)}._info_mut5o_160 ._close_mut5o_73{color:#0c2d6b}.confirm-dialog-actions{align-items:flex-end;gap:16px;display:flex}._wrapper_1hedp_2{border-radius:var(--radius-base,8px);border:1px solid var(--color-border-light);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}._table_1hedp_10{border-collapse:collapse;background-color:var(--color-bg-primary);width:100%;font-size:var(--font-size-base,14px);font-family:var(--font-primary,inherit)}._head_1hedp_19{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border-light)}._head_1hedp_19 th{padding:var(--spacing-3,12px) var(--spacing-4,16px);text-align:left;font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#0f172a);-webkit-user-select:none;user-select:none;font-family:var(--font-heading,inherit);line-height:var(--line-height-normal,1.5)}._head_1hedp_19 th._sortable_1hedp_34{cursor:pointer;transition:background-color var(--transition-base,.2s ease)}._head_1hedp_19 th._sortable_1hedp_34:hover{background-color:var(--color-bg-tertiary)}._headerContent_1hedp_43{align-items:center;gap:var(--spacing-1,6px);display:flex}._sortIcon_1hedp_49{font-size:var(--font-size-xs,12px);opacity:.5}._body_1hedp_55 td{padding:var(--spacing-3,12px) var(--spacing-4,16px);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary,#64748b);font-family:var(--font-primary,inherit);font-size:var(--font-size-base,14px);line-height:var(--line-height-normal,1.5)}._striped_1hedp_65 tbody tr:nth-child(odd){background-color:var(--color-bg-tertiary)}._hover_1hedp_70 tbody tr:hover{background-color:var(--color-bg-secondary)}._hover_1hedp_70 tbody tr._clickable_1hedp_74{cursor:pointer;transition:background-color var(--transition-base,.2s ease)}._hover_1hedp_70 tbody tr._clickable_1hedp_74:hover{background-color:var(--color-bg-tertiary)}._bordered_1hedp_84,._bordered_1hedp_84 th,._bordered_1hedp_84 td{border:1px solid var(--color-border-light)}._compact_1hedp_94 th,._compact_1hedp_94 td{padding:var(--spacing-2,8px) var(--spacing-3,12px);font-size:var(--font-size-sm,13px)}._loading_1hedp_101{padding:var(--spacing-10,40px);text-align:center;color:var(--color-text-muted,#94a3b8);font-family:var(--font-primary,inherit)}._empty_1hedp_108{text-align:center;color:var(--text-muted,#94a3b8);padding:40px}[data-theme=dark] ._wrapper_1hedp_2{background-color:#1f2937;border-color:#374151}[data-theme=dark] ._table_1hedp_10{color:#e5e7eb;background-color:#1f2937}[data-theme=dark] ._head_1hedp_19{background-color:#111827;border-bottom-color:#374151}[data-theme=dark] ._head_1hedp_19 th{color:#f3f4f6}[data-theme=dark] ._body_1hedp_55 td{color:#d1d5db;border-bottom-color:#374151}[data-theme=dark] ._striped_1hedp_65 tbody tr:nth-child(odd),[data-theme=dark] ._hover_1hedp_70 tbody tr:hover{background-color:#374151}._pagination_1xbzo_1,.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:16px 0;display:flex}._btn_1xbzo_12{cursor:pointer;color:var(--text-dark,#1a1a2e);background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}._btn_1xbzo_12:hover:not(:disabled){background-color:var(--color-primary,#0188a0);color:#fff;border-color:var(--color-primary,#0188a0)}._btn_1xbzo_12:disabled{opacity:.5;cursor:not-allowed}._pages_1xbzo_38{align-items:center;gap:4px;display:flex}._page_1xbzo_38{cursor:pointer;width:36px;height:36px;color:var(--text-dark,#1a1a2e);background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}._page_1xbzo_38:hover:not(:disabled){border-color:var(--color-primary,#0188a0);background-color:#f3f4f6}._page_1xbzo_38._active_1xbzo_65{background-color:var(--color-primary,#0188a0);color:#fff;border-color:var(--color-primary,#0188a0)}._page_1xbzo_38:disabled{cursor:default;background-color:#f3f4f6}._ellipsis_1xbzo_76{color:#6b7280;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:inline-flex}@media (width<=640px){._pagination_1xbzo_1{gap:4px}._btn_1xbzo_12{padding:6px 10px;font-size:12px}._page_1xbzo_38{width:32px;height:32px;font-size:12px}}[data-theme=dark] ._btn_1xbzo_12,[data-theme=dark] ._page_1xbzo_38{color:#e5e7eb;background-color:#1f2937;border-color:#374151}[data-theme=dark] ._btn_1xbzo_12:hover:not(:disabled),[data-theme=dark] ._page_1xbzo_38:hover:not(:disabled){background-color:var(--color-primary,#0188a0);border-color:var(--color-primary,#0188a0);color:#fff}[data-theme=dark] ._page_1xbzo_38._active_1xbzo_65{background-color:var(--color-primary,#0188a0);color:#fff}[data-theme=dark] ._ellipsis_1xbzo_76{color:#9ca3af}._breadcrumb_frdqe_2{font-family:var(--font-primary,"Inter", system-ui, sans-serif);font-size:.8125rem;line-height:1.35;font-weight:var(--font-weight-normal,400);color:var(--color-text-secondary,#64748b);flex-wrap:wrap;align-items:center;gap:.125rem .25rem;margin:0;display:flex}._prefix_frdqe_15{color:var(--color-text-muted,#94a3b8);flex-shrink:0;align-items:center;margin-right:.125rem;display:inline-flex}._prefix_frdqe_15 svg{display:block}._list_frdqe_27{flex-wrap:wrap;align-items:center;gap:.125rem .25rem;margin:0;padding:0;list-style:none;display:flex}._item_frdqe_37{align-items:center;gap:.25rem;min-height:1.75rem;display:inline-flex}._separator_frdqe_44,._separatorWrap_frdqe_45{color:var(--color-text-muted,#94a3b8);-webkit-user-select:none;user-select:none;font-weight:var(--font-weight-normal,400);opacity:.85;flex-shrink:0;align-items:center;display:inline-flex}._separatorIcon_frdqe_55{color:var(--color-text-muted,#94a3b8);opacity:.9;flex-shrink:0}._link_frdqe_61{color:var(--color-text-secondary,#475569);font-weight:var(--font-weight-medium,500);border-radius:var(--radius-md,6px);cursor:pointer;line-height:inherit;margin:0 -.125rem;padding:.3125rem .5rem;text-decoration:none;transition:color .15s,background-color .15s,box-shadow .15s}._link_frdqe_61:hover{color:var(--color-primary-600,#2563eb);background-color:var(--color-bg-hover,#2563eb0f);text-decoration:none}._link_frdqe_61:focus{outline:none}._link_frdqe_61:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary,#fff), 0 0 0 4px var(--color-primary-500,#3b82f6);outline:none}._button_frdqe_88{color:var(--color-text-secondary,#475569);font-weight:var(--font-weight-medium,500);cursor:pointer;border-radius:var(--radius-md,6px);font-size:inherit;font-family:inherit;line-height:inherit;background:0 0;border:none;margin:0 -.125rem;padding:.3125rem .5rem;transition:color .15s,background-color .15s,box-shadow .15s}._button_frdqe_88:hover{color:var(--color-primary-600,#2563eb);background-color:var(--color-bg-hover,#2563eb0f);text-decoration:none}._button_frdqe_88:focus{outline:none}._button_frdqe_88:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary,#fff), 0 0 0 4px var(--color-primary-500,#3b82f6)}._button_frdqe_88:active,._link_frdqe_61:active{transform:translateY(.5px)}._current_frdqe_122{color:var(--color-text-primary,#0f172a);font-weight:var(--font-weight-semibold,600);line-height:inherit;cursor:default;padding:.3125rem .5rem}[data-theme=dark] ._breadcrumb_frdqe_2{color:var(--color-text-secondary,#94a3b8)}[data-theme=dark] ._link_frdqe_61,[data-theme=dark] ._button_frdqe_88{color:#cbd5e1}[data-theme=dark] ._link_frdqe_61:hover,[data-theme=dark] ._button_frdqe_88:hover{color:#93c5fd;background-color:#60a5fa1f}[data-theme=dark] ._current_frdqe_122{color:#f1f5f9}[data-theme=dark] ._separator_frdqe_44,[data-theme=dark] ._separatorWrap_frdqe_45,[data-theme=dark] ._separatorIcon_frdqe_55,[data-theme=dark] ._prefix_frdqe_15{color:#64748b}[data-theme=dark] ._link_frdqe_61:focus-visible,[data-theme=dark] ._button_frdqe_88:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary,#1e293b), 0 0 0 4px #60a5fa}._switch_zmyku_2{vertical-align:middle;align-items:center;display:inline-flex}._disabled_zmyku_8{opacity:.55;pointer-events:none}._label_zmyku_13{cursor:pointer;color:var(--color-text,#0f172a);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:500;display:inline-flex}._labelText_zmyku_25{line-height:1.3}._input_zmyku_29{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._track_zmyku_42{background-color:var(--color-border-strong,#d1d5db);border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background-color .2s,box-shadow .2s;display:inline-block;position:relative}._thumb_zmyku_53{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}._input_zmyku_29:checked+._track_zmyku_42{background-color:var(--color-success,#10b981)}._input_zmyku_29:checked+._track_zmyku_42 ._thumb_zmyku_53{transform:translate(20px)}._input_zmyku_29:focus-visible+._track_zmyku_42{box-shadow:0 0 0 2px var(--color-bg-primary,#fff), 0 0 0 4px var(--color-accent,#01ccff);outline:none}._label_zmyku_13:has(._input_zmyku_29:disabled){cursor:not-allowed;opacity:.65}._label_zmyku_13:has(._input_zmyku_29:disabled) ._track_zmyku_42{opacity:.85}[data-theme=dark] ._track_zmyku_42{background-color:#4b5563}[data-theme=dark] ._input_zmyku_29:checked+._track_zmyku_42{background-color:#059669}[data-theme=dark] ._thumb_zmyku_53{background-color:#f9fafb}._tabs_1tb05_1,.tabs{width:100%}._header_1tb05_7{border-bottom:2px solid var(--color-border-light);display:flex}._default_1tb05_13 ._button_1tb05_13{padding:var(--spacing-3,12px) var(--spacing-4,16px);cursor:pointer;font-size:var(--font-size-base,14px);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#64748b);transition:all var(--transition-base,.2s ease);font-family:var(--font-primary,inherit);line-height:var(--line-height-normal,1.5);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;position:relative}._default_1tb05_13 ._button_1tb05_13:hover:not(:disabled){color:var(--color-primary-500,#0188a0)}._default_1tb05_13 ._button_1tb05_13._active_1tb05_29{color:var(--color-primary-500,#0188a0);border-bottom-color:var(--color-primary-500,#0188a0);font-weight:var(--font-weight-semibold,600)}._default_1tb05_13 ._button_1tb05_13:disabled{opacity:.5;cursor:not-allowed}._pills_1tb05_37 ._header_1tb05_7{gap:var(--spacing-2,8px);border-bottom:none;flex-wrap:wrap}._pills_1tb05_37 ._button_1tb05_13{padding:var(--spacing-2,8px) var(--spacing-4,16px);background-color:var(--color-bg-tertiary);cursor:pointer;font-size:var(--font-size-base,14px);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#64748b);transition:all var(--transition-base,.2s ease);font-family:var(--font-primary,inherit);line-height:var(--line-height-normal,1.5);border:none;border-radius:20px}._pills_1tb05_37 ._button_1tb05_13:hover:not(:disabled){background-color:var(--color-border-light)}._pills_1tb05_37 ._button_1tb05_13._active_1tb05_29{background-color:var(--color-primary-500,#0188a0);color:#fff}._pills_1tb05_37 ._button_1tb05_13:disabled{opacity:.5;cursor:not-allowed}._underline_1tb05_56 ._header_1tb05_7{border-bottom:1px solid var(--color-border-light)}._underline_1tb05_56 ._button_1tb05_13{padding:var(--spacing-3,12px) var(--spacing-4,16px);cursor:pointer;font-size:var(--font-size-base,14px);font-weight:var(--font-weight-medium,500);color:var(--color-text-secondary,#64748b);transition:all var(--transition-base,.2s ease);font-family:var(--font-primary,inherit);line-height:var(--line-height-normal,1.5);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}._underline_1tb05_56 ._button_1tb05_13:hover:not(:disabled){color:var(--color-primary-500,#0188a0)}._underline_1tb05_56 ._button_1tb05_13._active_1tb05_29{color:var(--color-primary-500,#0188a0);border-bottom-color:var(--color-primary,#0188a0)}._sm_1tb05_78 ._button_1tb05_13{padding:8px 12px;font-size:12px}._lg_1tb05_79 ._button_1tb05_13{padding:16px 20px;font-size:16px}._icon_1tb05_82{justify-content:center;align-items:center;margin-right:6px;display:inline-flex}._content_1tb05_90{padding-top:16px}._panel_1tb05_92{display:none}._panel_1tb05_92._active_1tb05_29{animation:.2s _tabsFadeIn_1tb05_1;display:block}@keyframes _tabsFadeIn_1tb05_1{0%{opacity:0}to{opacity:1}}[data-theme=dark] ._header_1tb05_7{border-bottom-color:#374151}[data-theme=dark] ._button_1tb05_13{color:#d1d5db}[data-theme=dark] ._button_1tb05_13:hover:not(:disabled),[data-theme=dark] ._button_1tb05_13._active_1tb05_29{color:#60a5fa}[data-theme=dark] ._pills_1tb05_37 ._button_1tb05_13{color:#d1d5db;background-color:#374151}[data-theme=dark] ._pills_1tb05_37 ._button_1tb05_13:hover:not(:disabled){background-color:#4b5563}[data-theme=dark] ._pills_1tb05_37 ._button_1tb05_13._active_1tb05_29{background-color:var(--color-primary,#0188a0);color:#fff}._wrapper_11msc_2{flex-direction:column;gap:6px;width:100%;display:flex}._wrapperFullWidth_11msc_9{width:100%}._label_11msc_11{color:#475569;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;display:block}._required_11msc_19{color:#ef4444;margin-left:2px}._container_11msc_21{width:100%;position:relative}._trigger_11msc_23{cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;font-family:Inter,system-ui,sans-serif;transition:all .2s;display:flex;position:relative}._sm_11msc_41{min-height:32px;padding:6px 12px;font-size:12px}._md_11msc_42{min-height:40px;padding:8px 14px;font-size:14px}._lg_11msc_43{min-height:48px;padding:10px 16px;font-size:14px}._outlined_11msc_46{border:1px solid #ddd;border-radius:4px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .3s}._outlined_11msc_46:hover:not(:disabled){border-color:var(--color-primary,#0188a0)}._outlined_11msc_46:focus,._outlined_11msc_46._open_11msc_56{border-color:var(--color-primary,#0188a0);box-shadow:0 0 0 3px #0188a01a}._filled_11msc_61{border:none;border-bottom:2px solid var(--border-light);background-color:#f8fafc;border-radius:0}._filled_11msc_61:hover:not(:disabled){background-color:#fff}._filled_11msc_61:focus,._filled_11msc_61._open_11msc_56{border-bottom-color:var(--color-primary,#0188a0);background-color:#fff}._underlined_11msc_74{border:none;border-bottom:1.5px solid var(--border-light);background-color:#0000;border-radius:0;padding-left:0;padding-right:0}._underlined_11msc_74:focus,._underlined_11msc_74._open_11msc_56{border-bottom-color:var(--color-primary,#0188a0)}._disabled_11msc_86{color:var(--text-muted);cursor:not-allowed;opacity:.6;background-color:#f8fafc;border-color:#e2e8f0}._error_11msc_93{border-color:#ef4444}._error_11msc_93:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}._value_11msc_100{color:var(--text-dark);align-items:center;gap:6px;font-weight:500;display:flex}._placeholder_11msc_107{color:var(--text-muted)}._clear_11msc_110{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}._clear_11msc_110:hover{color:var(--text-dark)}._arrow_11msc_124{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}._open_11msc_56 ._arrow_11msc_124{transform:rotate(180deg)}._backdrop_11msc_135{z-index:10;position:fixed;inset:0}._menu_11msc_137{border:1px solid var(--border-light);z-index:20;background-color:#fff;border-radius:8px;max-height:320px;margin-top:4px;animation:.2s _selectSlideDown_11msc_1;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}@keyframes _selectSlideDown_11msc_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._search_11msc_158{border:none;border-bottom:1px solid var(--border-light);background-color:#fff;outline:none;width:100%;padding:8px 12px;font-family:Inter,system-ui,sans-serif;font-size:14px;position:sticky;top:0}._search_11msc_158:focus{background-color:#f9fafb}._options_11msc_172{flex-direction:column;max-height:280px;display:flex;overflow-y:auto}._option_11msc_172{width:100%;color:var(--text-dark);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:all .15s;display:flex}._option_11msc_172:hover:not(._disabled_11msc_86){background-color:#f9fafb}._option_11msc_172._active_11msc_195{color:var(--color-primary,#0188a0);background-color:#0188a01a;font-weight:600}._option_11msc_172._disabled_11msc_86{color:var(--text-muted);cursor:not-allowed;opacity:.6}._optionIcon_11msc_206{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}._noOptions_11msc_215{text-align:center;color:var(--text-muted);padding:20px;font-size:14px}._errorText_11msc_223{color:#ef4444;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500}._helperText_11msc_229{color:var(--text-muted);font-family:Inter,system-ui,sans-serif;font-size:12px}._menu_11msc_137::-webkit-scrollbar{width:6px}._menu_11msc_137::-webkit-scrollbar-track{background:0 0}._menu_11msc_137::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}._menu_11msc_137::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}._root_ooq8c_2{width:100%}._row_ooq8c_6{gap:1rem;width:100%;display:flex}._group_ooq8c_12{flex-direction:column;flex:1;display:flex}@media (width<=768px){._row_ooq8c_6{flex-direction:column;gap:.75rem}}._checkboxWrapper_wv23m_4,.checkbox-wrapper{align-items:center;gap:var(--spacing-2,8px);cursor:pointer;display:flex}._checkbox_wv23m_4{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary-500,#0188a0)}._checkbox_wv23m_4:disabled{opacity:.6;cursor:not-allowed}._checkboxError_wv23m_25{accent-color:var(--color-danger-500,#ef4444)}._checkboxLabel_wv23m_30,.checkbox-label{font-size:var(--font-size-base,14px);color:var(--color-text-primary,#0f172a);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-primary,inherit);font-weight:var(--font-weight-normal,400);line-height:var(--line-height-normal,1.5)}._checkboxErrorText_wv23m_42{font-size:var(--font-size-xs,12px);color:var(--color-danger-500,#ef4444);margin-top:var(--spacing-1,6px);font-weight:var(--font-weight-medium,500);font-family:var(--font-primary,inherit);display:block}[data-theme=dark] ._checkboxLabel_wv23m_30,[data-theme=dark] .checkbox-label{color:#e5e7eb}._spinner_3e83l_1,.spinner{justify-content:center;align-items:center;display:inline-flex}._circle_3e83l_9,.spinner-circle{border:3px solid #0188a01a;border-top-color:var(--color-primary,#0188a0);border-radius:50%;animation:1s linear infinite _spin_3e83l_1}._sm_3e83l_18 ._circle_3e83l_9,.spinner-sm .spinner-circle{border-width:2px;width:20px;height:20px}._md_3e83l_25 ._circle_3e83l_9,.spinner-md .spinner-circle{border-width:3px;width:32px;height:32px}._lg_3e83l_32 ._circle_3e83l_9,.spinner-lg .spinner-circle{border-width:4px;width:48px;height:48px}._primary_3e83l_40 ._circle_3e83l_9,.spinner-primary .spinner-circle{border-top-color:var(--color-primary,#0188a0)}._success_3e83l_45 ._circle_3e83l_9,.spinner-success .spinner-circle{border-top-color:#10b981}._danger_3e83l_50 ._circle_3e83l_9,.spinner-danger .spinner-circle{border-top-color:#ef4444}._warning_3e83l_55 ._circle_3e83l_9,.spinner-warning .spinner-circle{border-top-color:#f59e0b}@keyframes _spin_3e83l_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._root_16a99_2{--ciu-blue:#1a7fd4;--ciu-navy:#0d1526;--ciu-ring:#fff;max-width:320px}._banner_16a99_9{height:10px}._body_16a99_14{text-align:center;padding:0 1rem 1.15rem}._avatarWrap_16a99_19{width:132px;height:132px;margin:-66px auto .65rem;position:relative}._ring_16a99_26{border:4px solid var(--ciu-ring);background:linear-gradient(145deg,#3d4f6a,#2a3548);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #0000002e}._img_16a99_40{object-fit:cover;width:100%;height:100%}._placeholder_16a99_46{color:#ffffffeb;letter-spacing:.04em;font-size:1.65rem;font-weight:800}._loading_16a99_53{color:#fff;background:#0f16268c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._spin_16a99_63{animation:.85s linear infinite _ciuSpin_16a99_1}@keyframes _ciuSpin_16a99_1{to{transform:rotate(360deg)}}._camera_16a99_71{background:var(--ciu-blue);color:#fff;border:3px solid var(--ciu-ring);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:absolute;bottom:2px;right:2px;box-shadow:0 6px 16px #1a7fd473}._camera_16a99_71:hover:not(._isDisabled_16a99_89){background:#1590ef;transform:scale(1.06)}._camera_16a99_71._isDisabled_16a99_89{opacity:.55;cursor:not-allowed}._input_16a99_99{opacity:0;pointer-events:none;width:0;height:0;position:absolute}._name_16a99_107{color:#1a2744;margin:0;font-size:1.05rem;font-weight:700}._hint_16a99_114{color:#6b7a90;margin:.25rem 0 0;font-size:.8rem}._remove_16a99_120{color:#c0392b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:.35rem;margin-top:.65rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:background .15s;display:inline-flex}._remove_16a99_120:hover:not(:disabled){background:#fff5f5}._remove_16a99_120:disabled{opacity:.5;cursor:not-allowed}:root{--primary:#0cf;--sidebar-width:260px;--sidebar-collapsed-width:80px;--topbar-height:64px;--font-family:"Poppins", system-ui, -apple-system, sans-serif;--font-heading:"Poppins", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--color-bg-primary:#fff;--color-bg-secondary:#f0f9fc;--color-bg-tertiary:#f8fcfe;--color-text:#1a1a2e;--color-text-secondary:#4a5568;--color-text-tertiary:#89a;--color-border:#ddf5fc;--color-primary:#0cf;--color-primary-dark:#0097b8;--color-primary-light:#e8f8fc;--color-accent:#00b4d8;--color-accent-hover:#0097b8;--color-success:#10b981;--color-green-light:#d1fae5;--border-light:#ddd;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00b4d81a;--shadow-cyan:0 4px 12px #00b4d840;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--radius:.5rem}[data-theme=dark]{--color-bg-primary:#1a2332;--color-bg-secondary:#0f1419;--color-bg-tertiary:#2d3f54;--color-text:#e2e8f0;--color-text-secondary:#cbd5e0;--color-text-tertiary:#94a3b8;--color-border:#2d3f54;--color-primary-light:#1a3a45}.dashboard-layout{background-color:var(--gh-bg,#f7f8fb);height:100vh;transition:var(--transition);display:flex;font-family:var(--font-family)!important}.sidebar{width:var(--sidebar-width);background-color:var(--color-bg-primary);border-right:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:100;font-family:var(--font-family);flex-direction:column;transition:width .3s;display:flex;position:relative;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed.hover-expanded{width:var(--sidebar-width);box-shadow:8px 0 20px #0000001f}.sidebar-header{height:var(--topbar-height);justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.logo{flex:1;justify-content:center;align-items:center;gap:12px;display:flex;overflow:hidden}.logo-text{color:var(--color-text);white-space:nowrap;transition:var(--transition);font-size:15px;font-weight:700;font-family:var(--font-heading)}.sidebar.collapsed .logo-text{display:none}.sidebar.collapsed.hover-expanded .logo-text{display:inline-flex}.sidebar-toggle{color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);border-radius:calc(var(--radius) - 2px);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;font-size:24px;display:flex}.sidebar-toggle:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.sidebar-menu{flex:1;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.menu-item{color:var(--color-text-secondary);transition:var(--transition);cursor:pointer;white-space:nowrap;border-radius:8px;flex:1;align-items:center;gap:12px;margin:4px 8px;padding:12px 22px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.menu-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.menu-item.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-cyan);font-weight:700}.menu-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;display:flex}.menu-label{transition:var(--transition);text-overflow:ellipsis;letter-spacing:inherit;flex:1;overflow:hidden}.sidebar.collapsed .menu-label{display:none}.sidebar.collapsed.hover-expanded .menu-label{display:inline}.submenu{background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-primary-light) 100%);border-left:2px solid var(--color-primary);border-radius:6px;margin:4px 8px;overflow:hidden}.submenu-item{color:var(--color-text-secondary);transition:var(--transition);align-items:center;gap:10px;padding:10px 16px 10px 28px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.submenu-item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.submenu-item:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.submenu-item:hover{color:var(--color-primary);background-color:#00b4d81a;font-weight:600}.submenu-dot{background-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.submenu-toggle{color:var(--color-text-secondary);cursor:pointer;width:20px;height:20px;transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-right:-20px;padding:0;font-size:16px;display:flex}.submenu-toggle.expanded{color:var(--color-white);transform:rotate(180deg)}.help-badge{color:#fff;background:#ef4444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;margin-left:auto;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #ef44444d}.sidebar-bottom-menu{padding:8px 0}.sidebar-footer{justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.theme-toggle-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:center;white-space:nowrap;width:100%;transition:var(--transition);background:#fff;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.theme-toggle-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.theme-label{transition:var(--transition)}.sidebar.collapsed .theme-toggle-btn{justify-content:center;padding:8px}.sidebar.collapsed .theme-label{display:none}.topbar{height:var(--topbar-height);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-family:var(--font-family);justify-content:space-between;align-items:center;gap:24px;padding:0 24px;display:flex}.topbar-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.mobile-menu-toggle{color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;display:none}.topbar-nav{align-items:center;gap:24px;display:flex}.topbar-nav-item{color:var(--color-text-secondary);transition:var(--transition);border-bottom:2px solid #0000;padding-bottom:4px;font-size:14px;font-weight:500;text-decoration:none}.topbar-nav-item:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.topbar-right{align-items:center;gap:20px;display:flex}.topbar-icon-btn{cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;padding:4px;font-size:20px;display:flex}.topbar-icon-btn:hover{opacity:.8;transform:scale(1.1)}.notifications{position:relative}.notification-bell{cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px;font-size:20px}.notification-bell:hover{opacity:.8;transform:scale(1.1)}.notification-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notifications-popup{border:1px solid var(--color-border);background:var(--color-bg-primary);z-index:260;border-radius:12px;width:360px;max-width:min(360px,100vw - 32px);animation:.2s profilePopupIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 32px #0f172a2e}.notifications-popup-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.notifications-popup-title{flex-direction:column;gap:2px;display:flex}.notifications-popup-title strong{color:var(--color-text);font-size:14px;line-height:1.2}.notifications-popup-title small{color:var(--color-text-tertiary);font-size:12px}.notifications-popup-actions{align-items:center;gap:8px;display:flex}.notifications-popup-btn{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;transition:var(--transition);border-radius:10px;padding:8px 10px;font-size:12px;font-weight:600}.notifications-popup-btn:hover{border-color:var(--color-accent);transform:translateY(-1px)}.notifications-popup-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.notifications-popup-list{max-height:360px;overflow:auto}.notifications-empty{color:var(--color-text-secondary);align-items:center;gap:10px;padding:16px 12px;font-size:13px;display:flex}.notifications-empty-icon{background:var(--color-primary-light);width:28px;height:28px;color:var(--color-primary-dark);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.notification-item{border-bottom:1px solid var(--color-border);grid-template-columns:20px 1fr 28px;align-items:flex-start;gap:10px;padding:12px;display:grid}.notification-item-icon{margin-top:2px}.notification-item-content{min-width:0}.notification-item-message{color:var(--color-text);word-break:break-word;margin:0;font-size:13px;line-height:1.35}.notification-item-close{color:var(--color-text-tertiary);cursor:pointer;width:28px;height:28px;transition:var(--transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.notification-item-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.notification-success .notification-item-icon{color:var(--color-success)}.notification-error .notification-item-icon{color:#ef4444}.notification-warning .notification-item-icon{color:#f59e0b}.notification-info .notification-item-icon{color:var(--color-accent)}.notification-item{cursor:pointer}.notification-item-title{color:var(--color-text);word-break:break-word;margin:0 0 2px;font-size:13px;line-height:1.3}.notification-item-icon{color:var(--color-accent)}.notification-unread{background:var(--color-bg-secondary)}.notification-unread .notification-item-title strong{font-weight:700}.notification-read{opacity:.78}.notifications-popup-footer{border-top:1px solid var(--color-border);text-align:center;padding:8px 12px}.notifications-popup-footer .notifications-popup-btn{width:100%}.user-menu{position:relative}.user-menu-trigger{cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:4px;display:flex}.user-menu-trigger:hover{background-color:var(--color-bg-secondary)}.user-avatar{color:#fff;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-dropdown-arrow{color:var(--color-text-secondary);transition:var(--transition);font-size:12px}.user-menu-trigger:hover .user-dropdown-arrow{color:var(--color-accent)}.user-dropdown-arrow.open{transform:rotate(180deg)}.profile-popup{border:1px solid var(--color-border);background:var(--color-bg-primary);z-index:250;border-radius:12px;width:260px;padding:8px;animation:.2s profilePopupIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #0f172a2e}@keyframes profilePopupIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-popup-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:flex-start;gap:12px;width:100%;padding:10px 8px;transition:background-color .2s;display:flex}.profile-popup-item:hover{background:var(--color-bg-secondary)}.profile-popup-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;display:inline-flex}.profile-popup-content{flex-direction:column;gap:2px;display:flex}.profile-popup-content strong{color:var(--color-text);font-size:14px;line-height:1.2}.profile-popup-content small{color:var(--color-text-tertiary);font-size:12px;line-height:1.25}.settings-icon{color:#2563eb;background:#bfdbfe}.event-icon{color:#db2777;background:#fbcfe8}.profile-icon{color:#7c3aed;background:#ddd6fe}.main-content{transition:var(--transition);flex-direction:column;flex:1;display:flex;overflow:hidden}.page-content{flex:1;overflow:hidden auto}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:0 0}.page-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.page-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.mobile-menu-overlay,.sidebar-mobile-overlay{z-index:100;background:#00000080;display:none;position:fixed;inset:0}.mobile-menu{flex-direction:column;gap:0;display:flex}.mobile-menu-item{color:var(--color-text);border-bottom:1px solid var(--color-border);transition:var(--transition);background-color:var(--color-bg-primary);align-items:center;gap:12px;padding:16px;font-size:14px;text-decoration:none;display:flex}.mobile-menu-item:hover,.mobile-menu-item.active{background-color:var(--color-green-light);color:var(--color-success)}.mobile-logout-btn{color:var(--color-text);cursor:pointer;text-align:left;transition:var(--transition);border:none;border-top:1px solid var(--color-border);background:0 0;background-color:var(--color-bg-primary);width:100%;padding:16px;font-size:14px;font-weight:500}.mobile-logout-btn:hover{color:#ef4444;background-color:#ef44441a}@media (width<=1200px){.topbar-nav{gap:16px}.search-container{max-width:300px}}@media (width<=992px){:root{--sidebar-width:260px}.topbar-nav{display:none}.search-container{max-width:250px}}@media (width<=768px){:root{--topbar-height:56px}.dashboard-layout{position:relative}.sidebar{z-index:150;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 12px #00000026}.sidebar.open,.sidebar.mobile-open{transform:translate(0)}.sidebar-mobile-overlay{display:block!important}.mobile-menu-toggle{display:flex}.mobile-menu-overlay,.mobile-menu-overlay.show{display:block}.topbar{gap:12px;padding:0 16px}.search-container{max-width:200px}.search-shortcut,.topbar-nav{display:none}.topbar-right{gap:12px}}@media (width<=480px){:root{--sidebar-width:240px;--topbar-height:56px}.topbar{gap:8px;padding:0 12px}.topbar-left{gap:8px}.search-container{max-width:150px}.search-input{padding:8px 12px 8px 32px;font-size:13px}.search-icon{font-size:14px}.topbar-icon-btn,.notification-bell,.user-menu-trigger{padding:2px;font-size:18px}.user-avatar{width:32px;height:32px;font-size:12px}.topbar-right{gap:8px}}[data-theme=dark] .sidebar{background-color:var(--color-bg-primary);border-right-color:var(--color-border)}[data-theme=dark] .sidebar-header{border-bottom-color:var(--color-border)}[data-theme=dark] .sidebar-bottom-menu,[data-theme=dark] .sidebar-footer{border-color:var(--color-border)}[data-theme=dark] .menu-item.active{background-color:#10b98126}[data-theme=dark] .topbar{background-color:var(--color-bg-primary);border-bottom-color:var(--color-border)}[data-theme=dark] .search-input{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .search-shortcut{background:var(--color-bg-tertiary)}[data-theme=dark] .page-content::-webkit-scrollbar-thumb{background:var(--color-border)}.menu-item-wrapper{align-items:center;gap:0;width:100%;display:flex}.menu-item-wrapper .menu-item{border-radius:0;flex:1;margin:0;padding-left:26px}.menu-item-wrapper .menu-item.active{border-left-color:var(--color-primary);border-radius:10px;margin:0 5px}.submenu-toggle{color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:48px;padding:12px 10px;font-size:16px;display:flex}.submenu-toggle svg{transition:transform .3s}.submenu-toggle.expanded svg{transform:rotate(180deg)}.submenu{border-left:2px solid var(--color-primary);background-color:#00000005;padding:4px 0;animation:.3s ease-out slideDown}[data-theme=dark] .submenu{background-color:#10b9810d}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.submenu-item{color:var(--color-text-secondary);transition:var(--transition);cursor:pointer;white-space:nowrap;align-items:center;gap:12px;padding:10px 16px 10px 36px;font-size:13px;text-decoration:none;display:flex;position:relative}.submenu-item:hover{color:var(--color-primary);background-color:#10b9811a;padding-left:36px}.submenu-item.active{color:var(--color-primary);background-color:#10b9811a;font-weight:600}.submenu-dot{background-color:var(--color-text-secondary);width:4px;height:4px;transition:var(--transition);border-radius:50%;flex-shrink:0;display:inline-block}.submenu-item:hover .submenu-dot,.submenu-item.active .submenu-dot{background-color:var(--color-primary);transform:scale(1.5)}.sidebar.collapsed .submenu{display:none}.sidebar.collapsed.hover-expanded .submenu{display:block}.sidebar.collapsed .submenu-toggle{display:none}.sidebar.collapsed.hover-expanded .submenu-toggle{display:flex}@media (width<=768px){.sidebar.collapsed.hover-expanded{width:var(--sidebar-collapsed-width);box-shadow:4px 0 12px #00000026}.sidebar.collapsed.hover-expanded .logo-text,.sidebar.collapsed.hover-expanded .menu-label,.sidebar.collapsed.hover-expanded .submenu,.sidebar.collapsed.hover-expanded .submenu-toggle{display:none}.submenu-item{padding:10px 16px 10px 32px;font-size:12px}.submenu-item:hover{padding-left:32px}}@media (width<=480px){.submenu-item{padding:10px 12px 10px 28px;font-size:11px}.submenu-item:hover{padding-left:28px}.submenu-toggle{width:44px;padding:10px 12px}}.auth-layout{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.auth-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.auth-content{z-index:10;width:100%;padding:var(--spacing-lg);position:relative}.auth-decoration{z-index:1;position:absolute;inset:0;overflow:hidden}.decoration-blob{filter:blur(40px);opacity:.3;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}.blob-1{background:#ffffff80;width:300px;height:300px;animation-delay:0s;top:-150px;right:-150px}.blob-2{background:#ffc8644d;width:400px;height:400px;animation-delay:2s;bottom:-200px;left:-200px}.blob-3{background:#64c8ff4d;width:250px;height:250px;animation-delay:4s;top:50%;left:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (width<=768px){.auth-content{max-width:100%;padding:var(--spacing-md)}.decoration-blob{filter:blur(60px);opacity:.2}}:root{--primary:#0cf;--primary-color:#00b6ee;--primary-dark:#0cf;--secondary-color:#764ba2;--error-color:#ff6b6b;--success-color:#0c6;--bg-dark:#0f172a;--bg-card:#1a232f;--bg-light:#e8f4f8;--text-primary:#000;--text-secondary:#6b7280;--text-tertiary:#8b95a5;--text-white:#fff;--border-color:#d3d7df;--border-light:#ddd;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 32px #0003;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.login-container{justify-content:center;align-items:center;width:100%;height:100vh;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.login-background{pointer-events:none;position:absolute;inset:0}.login-wrapper{z-index:10;grid-template-columns:1fr 1fr;width:100%;max-width:100%;height:100%;display:grid;position:relative}.login-left{justify-content:center;align-items:center;padding:40px;display:flex}.login-content{width:100%;max-width:420px}.login-header{margin-bottom:40px;animation:.6s ease-out slideInDown}.login-logo{background:linear-gradient(135deg,#00a8ff,#08c);border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;display:inline-flex;box-shadow:0 8px 24px #00a8ff4d}.logo-icon{color:#fff;height:7vh;font-size:28px;font-weight:700}.login-title{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.login-subtitle{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.error-banner{border-radius:var(--radius-md);color:#f88;background:#ff6b6b1a;border:1px solid #ff6b6b4d;align-items:baseline;gap:12px;margin-bottom:24px;padding:14px 16px;font-size:13px;animation:.3s ease-out slideInDown;display:flex}.error-banner span{flex-shrink:0;margin-top:1px;font-size:18px}.error-banner p{margin:0;line-height:1.4}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;animation:.5s ease-out slideInUp;display:flex}.form-label{color:var(--text-primary);letter-spacing:.5px;font-size:13px;font-weight:600}.password-header{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:var(--primary-color);transition:var(--transition);font-size:12px;font-weight:600;text-decoration:none}.forgot-link:hover{color:#00d4ff;text-decoration:underline}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition);background:#ffffff0d;padding:12px 40px 12px 16px;font-family:inherit;font-size:14px}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--primary-color);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #00a8ff1a}.form-input:disabled{opacity:.6;cursor:not-allowed}.input-icon{pointer-events:none;color:var(--text-tertiary);font-size:18px;position:absolute;right:12px}.input-icon-btn{cursor:pointer;color:var(--text-tertiary);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:18px;display:flex;position:absolute;top:6px;right:12px}.input-icon-btn:hover{color:var(--primary-color)}.form-options{justify-content:flex-start;align-items:center;font-size:13px;display:flex}.checkbox-label{cursor:pointer;color:var(--text-secondary);transition:var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.checkbox-label:hover{color:var(--text-primary)}.checkbox-label input[type=checkbox]{cursor:pointer;appearance:none;border:1.5px solid var(--border-color);width:18px;height:18px;transition:var(--transition);background:#ffffff0d;border-radius:6px}.checkbox-label input[type=checkbox]:hover{border-color:var(--primary-color);background:#00a8ff0d}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));border-color:var(--primary-color);position:relative}.checkbox-label input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-login{background:linear-gradient(89.95deg, var(--primary-color)0.04%, var(--primary-dark) 99.96%);color:#fff;border-radius:4px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);letter-spacing:.5px;border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;display:flex;top:calc(50% + 89px);box-shadow:0 6px 20px #00a8ff4d}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #00a8ff66}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-arrow{font-size:16px;font-weight:700;transition:transform .3s}.btn-login:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-divider{text-align:center;margin:24px 0;position:relative}.form-divider:before{content:"";height:1px;position:absolute;top:50%;left:0;right:0}.form-divider span{color:var(--text-secondary);letter-spacing:.5px;padding:0 16px;font-size:12px;font-weight:600;display:inline-block;position:relative}.signup-section{text-align:center}.signup-text{color:var(--text-secondary);margin:0;font-size:14px}.signup-link{color:var(--primary-color);transition:var(--transition);font-weight:600;text-decoration:none}.signup-link:hover{color:#00d4ff;text-decoration:underline}.login-right{background:linear-gradient(135deg,#00a8ff0d,#764ba20d);justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.login-right:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#00a8ff33 0%,#0000 40%),radial-gradient(circle at 70% 70%,#764ba233 0%,#0000 40%);position:absolute;inset:0}.illustration-wrapper{z-index:1;box-sizing:border-box;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#dddddd40;border:1px solid #f8f9fa;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:60px;display:flex;position:relative}.illustration-content{text-align:center;animation:6s ease-in-out infinite float}.illustration-icon{margin-bottom:20px;font-size:80px;animation:3s ease-in-out infinite pulse;display:block}.illustration-title{color:var(--text-primary);margin:10px 0 12px;font-size:20px;font-weight:500;line-height:1.5}.illustration-subtitle{color:var(--text-secondary);margin:0;font-size:16px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.illustration-dots{gap:8px;display:flex;position:absolute;bottom:50px}.illustration-dots span{background:var(--border-color);width:6px;height:6px;transition:var(--transition);border-radius:50%}.illustration-dots span:first-child{background:var(--primary-color);box-shadow:0 0 12px #00a8ff99}.illustration-dots span:nth-child(2){animation:2s ease-in-out .2s infinite dot-pulse}.illustration-dots span:nth-child(3){animation:2s ease-in-out .4s infinite dot-pulse}@keyframes dot-pulse{0%,to{background:var(--border-color);box-shadow:none}50%{background:var(--primary-color);box-shadow:0 0 12px #00a8ff99}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.login-wrapper{grid-template-columns:1fr}.login-right{display:none}.login-left{padding:30px 20px}.login-content{max-width:380px}.login-title,.illustration-title{font-size:24px}}@media (width<=640px){.login-container{height:auto;min-height:100vh;padding:20px}.login-wrapper{grid-template-columns:1fr;height:auto}.login-left{padding:20px 0}.login-content{max-width:100%}.login-header{margin-bottom:30px}.login-logo{width:50px;height:50px}.logo-icon{font-size:24px}.login-title{font-size:20px}.login-subtitle{font-size:13px}.form-label{font-size:12px}.form-input{padding:10px 12px;font-size:13px}.btn-login{padding:10px 20px;font-size:13px}.form-divider span{padding:0 12px;font-size:11px}}@media (prefers-color-scheme:dark){.login-container{background:linear-gradient(135deg,#0a0e1a 0%,#141a29 50%,#0a0e1a 100%)}.login-background{background:radial-gradient(circle at 20%,#00a8ff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#764ba214 0%,#0000 50%)}.form-input{background:#ffffff08}.form-input:focus{background:#ffffff0f}.error-banner{background:#ff6b6b14;border-color:#ff6b6b33}.login-right{background:linear-gradient(135deg,#00a8ff08,#764ba208)}}.auth-back-link{color:var(--text-secondary);transition:var(--transition);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.auth-back-link:hover{color:var(--primary-color)}.forgot-success-panel{text-align:center;padding:8px 0 0;animation:.45s ease-out slideInUp}.forgot-success-icon{color:var(--primary-color);justify-content:center;margin-bottom:16px;display:flex}.forgot-success-title{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:700}.forgot-success-text{color:var(--text-secondary);margin:0 0 10px;font-size:14px;line-height:1.55}.forgot-success-text strong{color:var(--text-primary);word-break:break-all}.forgot-success-hint{color:var(--text-tertiary);margin:0 0 24px;font-size:12px;line-height:1.5}a.btn-login.forgot-success-cta{box-sizing:border-box;width:100%;text-decoration:none}.register-login-content{max-width:460px}.register-form{gap:16px}.register-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.register-form-row .form-group{margin:0}@media (width<=640px){.register-form-row{grid-template-columns:1fr}.register-login-content{max-width:100%}}@media (width<=1024px) and (height>=600px){.login-left:has(.register-form){align-items:flex-start;padding-top:24px;padding-bottom:32px}}.auth-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;animation:.5s ease-out slideInUp}.auth-header{text-align:center;margin-bottom:40px}.auth-title{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.auth-subtitle{color:var(--text-secondary);font-size:14px}.success-message{border-radius:var(--radius-md);text-align:center;background:#00cc661a;border:1px solid #00cc664d;padding:20px;animation:.3s ease-out slideInDown}.success-icon{margin-bottom:12px;font-size:48px;display:block}.success-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.success-text{color:var(--text-secondary);margin:8px 0;font-size:13px;line-height:1.5}.auth-footer{text-align:center;color:var(--text-secondary);font-size:13px}.auth-footer p{margin:0}.auth-link{color:var(--primary-color);transition:var(--transition);font-weight:600;text-decoration:none}.auth-link:hover{color:#00d4ff;text-decoration:underline}.demo-credentials{border-top:1px solid var(--border-color);border-radius:var(--radius-md);background:#00a8ff0d;margin-top:20px;padding:16px;font-size:12px}.demo-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.demo-item{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:4px;display:flex}.demo-label{min-width:80px;font-weight:500}.demo-item code{color:var(--primary-color);cursor:pointer;transition:var(--transition);background:#ffffff1a;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-weight:500}.demo-item code:hover{background:var(--primary-color);color:#fff}:scope{--font-family:"Poppins", -apple-system, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border:#e5e7eb;--color-border-secondary:#d1d5db;--color-accent:var(--primary);--color-accent-hover:#4338ca;--color-danger:#ef4444;--color-warning:#f59e0b;--color-success:#10b981;--color-info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition:all .3s ease}.dashboard-page[data-theme=dark]{--color-bg-primary:#1f2937;--color-bg-secondary:#111827;--color-bg-tertiary:#374151;--color-text:#f9fafb;--color-text-secondary:#d1d5db;--color-text-tertiary:#9ca3af;--color-border:#4b5563;--color-border-secondary:#374151}.dashboard-page{background-color:var(--color-bg-secondary);min-height:calc(100vh - 80px);padding:24px}.dashboard-header{margin-bottom:32px}.dashboard-title{color:var(--color-text);font-size:28px;font-weight:700;font-family:var(--font-family);margin-bottom:8px}.dashboard-subtitle{color:var(--color-text-secondary);font-size:14px;font-family:var(--font-family)}.stat-card{border-radius:var(--radius-md);transition:var(--transition);font-family:var(--font-family);background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:1px solid #4f46e51a;align-items:center;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.stat-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#4f46e51a 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.stat-card:hover{border-color:#4f46e533;transform:translateY(-4px);box-shadow:0 8px 24px #4f46e51f}.stat-card:hover:before{opacity:1}.stat-card.loading{padding:16px}.stat-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#4f46e51a 0%,#4f46e50d 100%);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;transition:all .3s;display:flex;transform:scale(1)}.stat-card:hover .stat-icon{background:linear-gradient(135deg,#4f46e533 0%,#4f46e51a 100%);transform:scale(1.1)rotate(5deg)}.stat-content{flex:1}.stat-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;font-family:var(--font-family);margin-bottom:8px}.stat-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.stat-value{color:var(--color-text);font-size:24px;font-weight:700;font-family:var(--font-family);margin:0}.stat-trend{border-radius:var(--radius-sm);white-space:nowrap;font-size:12px;font-weight:700;font-family:var(--font-family);align-items:center;gap:4px;padding:6px 12px;transition:all .3s;display:inline-flex}.stat-trend.up{color:var(--color-success);background:linear-gradient(135deg,#10b98126 0%,#10b9810d 100%);border:1px solid #10b9814d}.stat-trend.up:hover{background:linear-gradient(135deg,#10b98140 0%,#10b9811a 100%);box-shadow:0 0 12px #10b98133}.stat-trend.down{color:var(--color-danger);background:linear-gradient(135deg,#ef444426 0%,#ef44440d 100%);border:1px solid #ef44444d}.stat-trend.down:hover{background:linear-gradient(135deg,#ef444440 0%,#ef44441a 100%);box-shadow:0 0 12px #ef444433}.dashboard-content{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}.team-performance{border-radius:var(--radius-md);font-family:var(--font-family);background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:1px solid #4f46e51a;padding:24px;transition:all .3s;box-shadow:0 2px 8px #0000000f}.team-performance:hover{border-color:#4f46e533;transform:translateY(-2px);box-shadow:0 8px 24px #4f46e51f}.team-performance.loading{min-height:400px;padding:24px}.performance-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.performance-header h3{color:var(--color-text);font-size:18px;font-weight:700;font-family:var(--font-family);margin:0}.time-filter-btn{background:linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family);padding:8px 12px;transition:all .3s}.time-filter-btn:hover{background:linear-gradient(135deg, var(--color-accent) 0%, #4f46e5e6 100%);color:#fff;border-color:var(--color-accent);box-shadow:0 4px 12px #4f46e54d}.performance-legend{flex-wrap:wrap;gap:24px;margin-bottom:24px;display:flex}.legend-item{font-family:var(--font-family);color:var(--color-text);align-items:center;gap:8px;font-size:14px;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.performance-chart{width:100%;height:300px;overflow-x:auto}.doughnut-chart{border-radius:var(--radius-md);font-family:var(--font-family);background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:1px solid #4f46e51a;padding:24px;transition:all .3s;box-shadow:0 2px 8px #0000000f}.doughnut-chart:hover{border-color:#4f46e533;transform:translateY(-2px);box-shadow:0 8px 24px #4f46e51f}.doughnut-chart.loading{min-height:400px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-header h3{color:var(--color-text);font-size:18px;font-weight:700;font-family:var(--font-family);margin:0}.chart-container{justify-content:center;margin-bottom:24px;display:flex}.chart-legend{flex-direction:column;gap:12px;display:flex}.chart-legend .legend-item{align-items:center;gap:12px;font-size:14px;display:flex}.legend-info{flex:1;justify-content:space-between;margin:0;display:flex}.legend-label{color:var(--color-text);font-weight:500;font-family:var(--font-family);margin:0}.legend-value{color:var(--color-text);font-weight:700;font-family:var(--font-family);margin:0}.employees-list{border-radius:var(--radius-md);font-family:var(--font-family);background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:1px solid #4f46e51a;grid-column:1/-1;padding:24px;transition:all .3s;box-shadow:0 2px 8px #0000000f}.employees-list:hover{border-color:#4f46e533;box-shadow:0 8px 24px #4f46e51f}.employees-list.loading{min-height:300px}.employees-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.employees-header h3{color:var(--color-text);font-size:18px;font-weight:700;font-family:var(--font-family);margin:0}.employees-search{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);min-width:250px;color:var(--color-text);font-size:14px;font-family:var(--font-family);transition:var(--transition);flex:1;padding:10px 16px}.employees-search::placeholder{color:var(--color-text-tertiary)}.employees-search:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #4f46e51a}.employees-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.employees-table{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;overflow:hidden}.table-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;font-family:var(--font-family);letter-spacing:.5px;grid-template-columns:40px 1fr 150px 150px 150px 150px;align-items:center;gap:16px;padding:16px;display:grid}.table-row{border-bottom:1px solid var(--color-border);transition:var(--transition);align-items:center;padding:16px}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--color-bg-secondary)}.col-checkbox{justify-content:center;display:flex}.col-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.col-name,.col-title,.col-manager,.col-dept,.col-office{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.col-name{font-weight:500}.employee-cell{align-items:center;gap:12px;display:flex}.employee-avatar{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.employee-info{flex:1;min-width:0}.employee-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;font-family:var(--font-family);margin:0;overflow:hidden}.employee-email{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-family:var(--font-family);margin:4px 0 0;overflow:hidden}.employees-footer{border-top:1px solid var(--color-border);justify-content:center;margin-top:24px;padding-top:24px;display:flex}.view-more-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:14px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition);border:none;padding:10px 20px}.view-more-btn:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md)}.section-title{margin-top:40px;margin-bottom:24px;padding-bottom:16px}.section-title h2{color:var(--color-text);font-size:24px;font-weight:700;font-family:var(--font-family);margin:0 0 8px}.section-title p{color:var(--color-text-secondary);font-size:14px;font-family:var(--font-family);margin:0}.progress-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.dashboard-grid{grid-template-columns:280px 1fr 320px;gap:24px;margin-bottom:40px;display:grid}.filter-column,.charts-column,.activity-column{flex-direction:column;gap:24px;display:flex}@media (width<=1200px){.dashboard-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-grid{grid-template-columns:1fr}.progress-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=768px){.dashboard-page{padding:16px}.dashboard-title{font-size:24px}.stats-grid{grid-template-columns:1fr;gap:12px}.progress-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:16px}.employees-header{flex-direction:column;align-items:stretch}.employees-search{min-width:100%}.employees-filters{flex-direction:column}.filter-select{width:100%}.table-header,.table-row{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.col-checkbox{grid-column:1/-1}.performance-header{flex-direction:column;align-items:flex-start}.time-filter-btn{align-self:flex-start}.performance-legend{gap:16px}}@media (width<=480px){.dashboard-page{padding:12px}.dashboard-title{font-size:20px}.stat-card{text-align:center;flex-direction:column}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.col-checkbox{display:none}.employee-cell{text-align:center;flex-direction:column}.employee-info{min-width:auto}}.loading{pointer-events:none;opacity:.7}.admin-dashboard-page{background:linear-gradient(#f8fcff 0%,#f5f8fb 100%)}.admin-dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.admin-dashboard-breadcrumb.gratify-breadcrumb{margin:0;font-family:Poppins,sans-serif}.admin-dashboard-title{color:#0f172a;margin:2px 0 6px;font-size:28px;font-weight:700}.admin-dashboard-subtitle{color:#64748b;margin:0;font-size:13px}.admin-header-actions{gap:10px;display:flex}.admin-primary-btn,.admin-secondary-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.admin-primary-btn{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%)}.admin-secondary-btn{color:#0f172a;background:#e2e8f0}.admin-welcome-banner{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;margin-bottom:16px;padding:14px;display:flex}.admin-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.admin-welcome-banner h2{color:#0f172a;margin:0;font-size:16px}.admin-welcome-banner p{color:#64748b;margin:4px 0 0;font-size:12px}.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.admin-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex}.admin-kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.admin-kpi-icon{color:#0284c7;background:#e0f2fe;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.admin-kpi-content{flex:1}.admin-kpi-content p{color:#64748b;margin:0;font-size:11px}.admin-kpi-content h3{color:#0f172a;margin:4px 0 0;font-size:20px}.admin-kpi-trend{border-radius:999px;padding:4px 7px;font-size:11px;font-weight:700}.admin-kpi-trend.positive{color:#166534;background:#dcfce7}.admin-kpi-trend.negative{color:#991b1b;background:#fee2e2}.admin-main-grid{grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.admin-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.admin-card-header h3{color:#0f172a;margin:0;font-size:15px}.admin-chip{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:5px 8px;font-size:10px}.admin-department-list{gap:10px;display:grid}.admin-department-label-row{color:#334155;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.admin-progress-track{background:#e2e8f0;border-radius:99px;width:100%;height:8px}.admin-progress-fill{background:linear-gradient(90deg,#f97316 0%,#ea580c 100%);border-radius:99px;height:100%}.admin-toggle-group{background:#f1f5f9;border-radius:8px;padding:3px;display:inline-flex}.admin-toggle-btn{text-transform:capitalize;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:11px}.admin-toggle-btn.active{color:#0f172a;background:#fff}.admin-donut-wrap{justify-items:center;gap:12px;display:grid}.admin-donut{background:conic-gradient(#0284c7 calc(var(--attendance-value) * 1%), #facc15 0 92%, #ef4444 0 100%);border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.admin-donut>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:108px;height:108px;display:flex}.admin-donut strong{color:#0f172a;font-size:23px}.admin-donut span{color:#64748b;font-size:11px}.admin-legend-list{width:100%;margin:0;padding:0;list-style:none}.admin-legend-list li{color:#475569;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.admin-legend-list li span{border-radius:50%;width:8px;height:8px}.present-dot{background:#0284c7}.late-dot{background:#facc15}.leave-dot{background:#ef4444}.admin-link-btn{color:#0369a1;font-size:11px;text-decoration:none}.admin-checkin-list,.admin-simple-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-checkin-list li{align-items:center;gap:10px;display:flex}.admin-user-badge{color:#0f172a;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:inline-flex}.admin-user-meta{flex:1}.admin-user-meta p{color:#1e293b;margin:0;font-size:12px}.admin-user-meta small{color:#64748b;font-size:11px}.admin-status-pill{border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.admin-status-pill.on-time{color:#166534;background:#dcfce7}.admin-status-pill.late{color:#92400e;background:#fef3c7}.admin-projects-card{margin-bottom:16px}.admin-filter-row{gap:8px;display:flex}.admin-search-input,.admin-select-input{color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;height:34px;padding:0 10px;font-size:12px}.admin-search-input{min-width:220px}.admin-project-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.admin-project-table-head,.admin-project-row{grid-template-columns:.8fr 1.7fr 1fr 1fr .9fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.admin-project-table-head{text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:11px;font-weight:700}.admin-project-row{border-bottom:1px solid #f1f5f9;font-size:12px}.admin-project-row:last-child{border-bottom:none}.admin-project-row strong{color:#0f172a}.admin-status-tag{border-radius:999px;justify-self:start;padding:4px 8px;font-size:10px;font-weight:700}.admin-status-tag.on-track{color:#166534;background:#dcfce7}.admin-status-tag.at-risk{color:#991b1b;background:#fee2e2}.admin-status-tag.completed{color:#1e40af;background:#dbeafe}.admin-bottom-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-simple-list li{color:#334155;border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:8px;padding:8px 0;font-size:12px;display:flex}.admin-simple-list li:last-child{border-bottom:none}.admin-simple-list small{color:#64748b}.admin-action-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-action-grid button{color:#1e3a8a;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:inline-flex}@media (width<=1200px){.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main-grid{grid-template-columns:1fr}}@media (width<=768px){.admin-header-actions{width:100%}.admin-header-actions button{flex:1;justify-content:center}.admin-kpi-grid{grid-template-columns:1fr}.admin-filter-row{flex-direction:column}.admin-search-input{min-width:unset;width:100%}.admin-project-table-head,.admin-project-row{grid-template-columns:1fr 1fr}.admin-bottom-grid{grid-template-columns:1fr}}.camera-capture{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.camera-stage{background:#111827;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.camera-video,.camera-photo{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-loading{color:#e5e7eb;background:#11182799;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:13px;display:flex;position:absolute;inset:0}.camera-error{text-align:center;color:#fca5a5;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-family:Poppins,sans-serif;display:flex}.camera-error p{color:#d1d5db;max-width:280px;margin:0;font-size:13px}.camera-actions{justify-content:center;display:flex}.employee-dashboard-page{background:#f5f7fb;gap:14px;min-height:calc(100vh - 80px);padding:22px;font-family:Poppins,sans-serif;display:grid}.employee-dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;font-family:Poppins,sans-serif;display:flex}.employee-dashboard-breadcrumb.gratify-breadcrumb{margin:0;font-family:Poppins,sans-serif}.employee-dashboard-header h1{color:#1e293b;margin:6px 0 0;font-family:Poppins,sans-serif;font-size:34px}.employee-header-actions{gap:8px;font-family:Poppins,sans-serif;display:flex}.employee-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;display:inline-flex}.employee-alert-banner{color:#075985;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-family:Poppins,sans-serif;font-size:12px;display:flex}.employee-alert-banner p{margin:0}.employee-top-grid{grid-template-columns:1fr 1.3fr .85fr;gap:12px;display:grid}.employee-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-family:Poppins,sans-serif}.employee-top-grid .employee-card{border-right:1px solid #e2e8f0;border-radius:8px}.employee-top-grid .employee-card:last-child{border-right:none}.card-title-muted{text-align:center;color:#64748b;margin:0;font-size:12px}.attendance-time{text-align:center;color:#1e293b;margin:4px 0 10px;font-size:31px;font-weight:600}.attendance-donut{background:conic-gradient(#22c55e 0 72%, #e2e8f0 72% 100%);border-radius:50%;place-items:center;width:122px;height:122px;margin:0 auto;padding:12px;display:grid}.attendance-donut>div{text-align:center;background:#fff;border:3px solid #f1f5f9;border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.attendance-donut p{color:#64748b;margin:0;font-size:10px}.attendance-donut strong{color:#1e293b;margin-top:3px;font-size:15px;display:block}.attendance-chip{color:#fff;background:#111827;border-radius:4px;margin:10px auto 8px;padding:3px 8px;font-size:11px;display:table}.attendance-punch{color:#475569;justify-content:center;align-items:center;gap:5px;margin:0 0 10px;font-size:12px;display:flex}.punchout-btn{color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;height:34px;font-size:12px;font-weight:600}.card-head-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.card-head-row h3{color:#1e293b;margin:0;font-size:20px;font-weight:600}.card-head-row span,.card-head-row a{color:#64748b;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:inline-flex}.leave-overview-body{grid-template-columns:1fr 190px;align-items:center;gap:10px;display:grid}.leave-stat-list{gap:11px;margin:0;padding:0;list-style:none;display:grid}.leave-stat-list li{color:#0f172a;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.leave-stat-list small{color:#64748b;font-weight:400}.dot{border-radius:50%;width:7px;height:7px}.dot.dark{background:#0f4f67}.dot.green{background:#22c55e}.dot.orange{background:#f97316}.dot.red{background:#ef4444}.dot.yellow{background:#eab308}.ring-chart{background:conic-gradient(#0f4f67 0 58%, #f97316 58% 74%, #eab308 74% 81%, #ef4444 81% 84%, #22c55e 84% 94%, #f1f5f9 94% 100%);border-radius:50%;width:186px;height:186px;position:relative}.ring-chart:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:26px}.comparison-text{color:#64748b;align-items:center;gap:6px;margin:10px 0 0;font-size:12px;display:inline-flex}.comparison-text svg{color:#f97316}.leave-balance-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.leave-balance-grid p{color:#64748b;margin:0;font-size:11px}.leave-balance-grid strong{color:#0f172a;margin-top:3px;font-size:28px;line-height:1;display:block}.apply-leave-btn{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:4px;width:100%;height:32px;margin-top:10px;font-size:11px}.employee-content-grid{grid-template-columns:1fr 1.3fr .85fr;gap:12px;display:grid}.skills-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.skills-list li{border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.skill-meta h4{color:#0f172a;margin:0;font-size:12px}.skill-meta p{color:#64748b;margin:2px 0 0;font-size:11px}.skill-progress{background:conic-gradient(var(--skill-color) 0 70%, #e2e8f0 70% 100%);color:#334155;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid;position:relative}.skill-progress:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:4px}.skill-progress span{z-index:1;position:relative}.skill-progress.orange{--skill-color:#f97316}.skill-progress.green{--skill-color:#22c55e}.skill-progress.purple{--skill-color:#a855f7}.skill-progress.blue{--skill-color:#3b82f6}.skill-progress.slate{--skill-color:#64748b}.birthday-group+.birthday-group{margin-top:12px}.birthday-group h4{color:#0f172a;margin:0 0 8px;font-size:13px}.birthday-row{border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.birthday-row+.birthday-row{margin-top:8px}.person-left{align-items:center;gap:8px;display:flex}.person-left p{color:#0f172a;margin:0;font-size:12px}.person-left small{color:#64748b;font-size:11px}.avatar-pink,.avatar-violet,.avatar-brown,.avatar-yellow{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:inline-flex}.avatar-pink{background:#ec4899}.avatar-violet{background:#8b5cf6}.avatar-brown{background:#92400e}.avatar-yellow{background:#f59e0b}.birthday-row button{color:#fff;cursor:pointer;background:#0f5f75;border:none;border-radius:4px;align-items:center;gap:4px;height:24px;padding:0 9px;font-size:10px;display:inline-flex}.right-stack-cards{gap:10px;display:grid}.team-birthday-card{color:#fff;text-align:center;background:radial-gradient(circle at 100% 0,#1f3b5a 0%,#0b1731 70%)!important}.team-birthday-card h3{margin:0;font-size:22px}.team-avatar{color:#334155;background:#f1f5f9;border-radius:50%;place-items:center;width:66px;height:66px;margin:12px auto 6px;font-size:24px;font-weight:700;display:grid}.team-birthday-card h4{margin:0;font-size:16px}.team-birthday-card p{color:#cbd5e1;margin:4px 0 10px;font-size:12px}.team-birthday-card button{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:4px;height:26px;padding:0 10px;font-size:10px}.policy-card,.holiday-card{justify-content:space-between;align-items:center;gap:8px;display:flex}.policy-card{color:#fff;background:#0f5f75!important}.holiday-card{color:#111827;background:#facc15}.policy-card h3,.holiday-card h3{margin:0;font-size:15px}.policy-card p,.holiday-card p{margin:2px 0 0;font-size:12px}.holiday-card.holiday-card{color:#0f172a;background:#fff;flex-direction:column;align-items:stretch;gap:0}.dash-holiday-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.holiday-card .dash-holiday-head button{color:#4f46e5;background:#f1f5f9}.dash-holiday-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.dash-holiday-item{background:#f0fdf4;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.dash-holiday-date{text-align:center;min-width:42px}.dash-holiday-date strong{color:#16a34a;font-size:16px;line-height:1;display:block}.dash-holiday-date span{color:#166534;font-size:10px}.dash-holiday-info{min-width:0}.dash-holiday-info p{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.dash-holiday-info span{color:#64748b;font-size:11px}.dash-holiday-empty{color:#64748b;margin:10px 0 0;font-size:12px}.policy-card button,.holiday-card button{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:4px;height:28px;padding:0 10px;font-size:11px}.quick-actions-card h3{color:#0f172a;margin:0 0 10px;font-size:12px;font-weight:500}.quick-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.quick-actions-grid button{color:#111827;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:52px;font-size:11px;display:inline-flex}@media (width<=1280px){.employee-top-grid{grid-template-columns:1fr}.employee-top-grid .employee-card{border-bottom:1px solid #e2e8f0;border-right:none}.employee-top-grid .employee-card:last-child{border-bottom:none}.employee-content-grid{grid-template-columns:1fr}}@media (width<=768px){.employee-dashboard-page{padding:14px}.employee-header-actions{width:100%}.employee-btn{flex:1;justify-content:center}.leave-overview-body{grid-template-columns:1fr;justify-items:center}.quick-actions-grid{grid-template-columns:1fr 1fr}}.modal-info{text-align:center;background:#f3f4f6;border-radius:8px;margin-bottom:20px;padding:16px}.modal-textarea{resize:vertical;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:80px;margin-bottom:20px;padding:12px;font-family:inherit;font-size:13px}@media (width<=480px){.modal-content{width:95%;padding:20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.employee-dashboard-page .apply-leave-form{text-align:left;flex-direction:column;gap:14px;margin:6px 0 4px;display:flex}.employee-dashboard-page .al-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.employee-dashboard-page .al-field{flex-direction:column;gap:6px;display:flex}.employee-dashboard-page .al-field>span{color:#334155;font-size:12.5px;font-weight:600}.employee-dashboard-page .al-field select,.employee-dashboard-page .al-field input,.employee-dashboard-page .al-field textarea{color:#0f172a;background:#fff;border:1px solid #e2e5ea;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border-color .14s,box-shadow .14s}.employee-dashboard-page .al-field select:focus,.employee-dashboard-page .al-field input:focus,.employee-dashboard-page .al-field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e52e}.employee-dashboard-page .al-field textarea{resize:vertical;min-height:72px}.employee-dashboard-page .al-check{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}.employee-dashboard-page .al-check input{cursor:pointer;width:16px;height:16px}.edit-employee-form{background:#fff;border-radius:12px;max-width:900px;margin:0 auto;padding:32px;box-shadow:0 2px 8px #00000014}.form-header{border-bottom:2px solid var(--color-primary,#ff6b3d);margin-bottom:32px;padding-bottom:16px}.form-header h2{color:var(--color-text-primary,#000);margin:0;font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.edit-employee-form .alert{margin-bottom:20px}.form-error-message{color:#c62828;background:#ffcdd2;border-left:4px solid #c62828;border-radius:6px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-family:Poppins,sans-serif;font-size:14px;display:flex}.form-section{border-left:4px solid var(--color-primary,#ff6b3d);background:#f8f8f8;border-radius:8px;margin-bottom:32px;padding:20px}.form-section h3{color:var(--color-text-primary,#000);border-bottom:1px solid var(--color-border,#e0e0e0);align-items:center;gap:10px;margin:0 0 20px;padding-bottom:12px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;display:flex}.form-section h3 svg{color:var(--color-primary,#ff6b3d)}.form-group{flex-direction:column;display:flex;position:relative}.form-group label{color:var(--color-text-primary,#000);letter-spacing:.5px;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.form-group label .required{color:#c62828;margin-left:2px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border,#e0e0e0);color:var(--color-text-primary,#000);background:#fff;border-radius:8px;padding:12px 14px;font-family:Poppins,sans-serif;font-size:14px;transition:all .2s}.form-group input::placeholder,.form-group select::placeholder{color:var(--color-text-secondary,#999)}.form-group input.input-disabled{background-color:#f5f5f5}.form-group input.input-error,.form-group select.input-error,.form-group textarea.input-error{background-color:#c6282805;border-color:#c62828}.form-group input.input-error:focus,.form-group select.input-error:focus,.form-group textarea.input-error:focus{box-shadow:0 0 0 3px #c628281a}.field-error{color:#c62828;align-items:center;gap:5px;margin-top:6px;font-family:Poppins,sans-serif;font-size:12px;display:flex}.field-error svg{flex-shrink:0}.btn-cancel,.btn-save{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-save{background:var(--color-primary,#ff6b3d);color:#fff}.btn-save:hover:not(:disabled){background:var(--color-primary-dark,#e85a2d);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3d4d}.btn-cancel:hover:not(:disabled){background:var(--color-border-dark,#d0d0d0)}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.edit-employee-form{padding:20px}.form-section{padding:16px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;justify-content:stretch}.btn-save,.btn-cancel{width:100%}.form-header h2{font-size:20px}.form-section h3{font-size:15px}}@media (prefers-color-scheme:dark){.edit-employee-form{background:var(--dark-bg,#1e1e1e)}.form-section{background:#2d2d2d}.form-group input,.form-group select,.form-group textarea{background:var(--dark-input-bg,#2d2d2d);border-color:var(--dark-border,#404040);color:var(--dark-text,#e0e0e0)}.form-group input::placeholder,.form-group select::placeholder{color:var(--dark-text-secondary,#999)}.form-group input:disabled,.form-group select:disabled{opacity:.5;background-color:#1a1a1a}}.form-group input.valid,.form-group select.valid{background:#f1f8f4;border-color:#2e7d32}.form-group input.valid:focus,.form-group select.valid:focus{box-shadow:0 0 0 3px #2e7d321a}.employee-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.employee-modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-in-out slideIn;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{cursor:pointer;color:var(--color-text-secondary,#999);z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background:var(--color-border,#e0e0e0);color:var(--color-text-primary,#000)}.modal-header{border-bottom:1px solid var(--color-border,#e0e0e0);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 20px;display:flex}.modal-title{flex:1;gap:16px;display:flex}.profile-avatar-large{background:linear-gradient(135deg, var(--color-primary,#ff6b3d) 0%, var(--color-secondary,#f96) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;display:flex}.title-info{flex:1}.title-info h2{color:var(--color-text-primary,#000);margin:0 0 4px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.title-info p{color:var(--color-text-secondary,#666);margin:0 0 8px;font-family:Poppins,sans-serif;font-size:13px}.btn-edit-modal{background:var(--color-primary,#ff6b3d);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;padding:8px 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.btn-edit-modal:hover{background:var(--color-primary-dark,#e85a2d);transform:translateY(-2px)}.modal-body{max-height:calc(90vh - 200px);padding:24px;overflow-y:auto}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-section h3{color:var(--color-text-primary,#000);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-primary,#ff6b3d);margin:0 0 16px;padding-bottom:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.info-rows{gap:12px;display:grid}.info-row{border-bottom:1px solid var(--color-border,#e0e0e0);grid-template-columns:140px 1fr;gap:12px;padding:8px 0;display:grid}.info-row:last-child{border-bottom:none}.info-row label{color:var(--color-text-secondary,#999);text-transform:uppercase;letter-spacing:.5px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.info-row p{color:var(--color-text-primary,#000);margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:500}.modal-footer{border-top:1px solid var(--color-border,#e0e0e0);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-footer .btn-secondary,.modal-footer .btn-primary{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.modal-footer .btn-secondary{background:var(--color-border,#e0e0e0);color:var(--color-text-primary,#000)}.modal-footer .btn-secondary:hover{background:var(--color-border-dark,#d0d0d0)}.modal-footer .btn-primary{background:var(--color-primary,#ff6b3d);color:#fff}.modal-footer .btn-primary:hover{background:var(--color-primary-dark,#e85a2d);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3d4d}.employee-modal-content::-webkit-scrollbar{width:8px}.employee-modal-content::-webkit-scrollbar-track{background:0 0}.employee-modal-content::-webkit-scrollbar-thumb{background:var(--color-border,#e0e0e0);border-radius:4px}.employee-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark,#d0d0d0)}@media (width<=768px){.employee-modal-overlay{padding:12px}.employee-modal-content{max-height:95vh}.modal-header{flex-direction:column;align-items:flex-start}.modal-title{width:100%}.btn-edit-modal{align-self:flex-start}.modal-body{max-height:calc(95vh - 200px)}.info-row{grid-template-columns:100px 1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media (width<=480px){.modal-title{text-align:center;flex-direction:column;align-items:center}.info-row{grid-template-rows:auto auto;grid-template-columns:1fr;gap:4px}.info-row label,.info-row p{justify-self:flex-start}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text,.skeleton-circle,.skeleton-bar{font-family:var(--font-family);background:linear-gradient(90deg,#c8c8c833 25%,#c8c8c866 50%,#c8c8c833 75%) 0 0/1000px 100%;border-radius:4px;animation:2s infinite shimmer}.skeleton-circle{border-radius:50%}.card-skeleton{background:var(--color-bg-secondary,#fff);font-family:var(--font-family);border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #0000001a}.skeleton-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.skeleton-text-group{flex:1}.skeleton-content{width:100%;padding-top:8px}.table-skeleton{background:var(--color-bg-secondary,#fff);width:100%;font-family:var(--font-family);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.skeleton-table-header{border-bottom:1px solid var(--color-border,#e0e0e0);background:var(--color-bg-tertiary,#f9f9f9);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;padding:16px;display:grid}.skeleton-table-row{border-bottom:1px solid var(--color-border,#e0e0e0);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:center;gap:16px;padding:16px;display:grid}.skeleton-table-row:last-child{border-bottom:none}.chart-skeleton{background:var(--color-bg-secondary,#fff);font-family:var(--font-family);border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.skeleton-chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.skeleton-chart-area{justify-content:space-around;align-items:flex-end;gap:8px;padding:20px 0;display:flex}.skeleton-bars{justify-content:space-around;align-items:flex-end;gap:8px;width:100%;height:100%;display:flex}.skeleton-bar{background:linear-gradient(90deg,#c8c8c833 25%,#c8c8c866 50%,#c8c8c833 75%) 0 0/1000px 100%;flex:1;animation:2s infinite shimmer}.text-skeleton{width:100%;font-family:var(--font-family)}.avatar-skeleton{font-family:var(--font-family);align-items:center;gap:10px;display:flex}[data-theme=dark] .skeleton-text,[data-theme=dark] .skeleton-circle,[data-theme=dark] .skeleton-bar{background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%) 0 0/1000px 100%}@media (width<=768px){.skeleton-table-header,.skeleton-table-row{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px}.card-skeleton{margin-bottom:12px;padding:12px}}.employees-page{background:var(--color-background,#f5f5f5);min-height:100vh;padding:24px;position:relative}.toast-success{color:#fff;z-index:1000;background:#10b981;border-radius:8px;align-items:center;gap:12px;padding:16px 20px;font-family:Poppins,sans-serif;font-weight:600;animation:.3s ease-in-out slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 12px #10b9814d}@keyframes slideInRight{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.confirm-dialog-overlay{z-index:1001;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#fff;border-radius:12px;max-width:400px;padding:32px;animation:.3s ease-in-out slideInUp;box-shadow:0 10px 40px #0003}.confirm-dialog svg{color:#ef4444;margin-bottom:16px}.confirm-dialog h2{color:var(--color-text-primary,#000);margin:0 0 12px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.confirm-dialog p{color:var(--color-text-secondary,#666);margin:0 0 24px;font-family:Poppins,sans-serif;font-size:14px}.dialog-actions{justify-content:center;gap:12px;display:flex}.btn-cancel,.btn-delete{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.btn-cancel{background:var(--color-border,#e0e0e0);color:var(--color-text-primary,#000)}.btn-delete{color:#fff;background:#ef4444}.btn-delete:hover{background:#dc2626;transform:translateY(-2px)}.emp-hero{color:#fff;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #4f46e540}.emp-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26,#0000 70%);width:280px;height:280px;position:absolute;inset:-20% -10% auto auto}.emp-hero-text{z-index:1}.emp-hero h1{align-items:center;gap:10px;margin:0 0 6px;font-size:26px;font-weight:700;display:flex}.emp-hero-description{opacity:.92;margin:0;font-size:14px}.emp-hero-cta{z-index:1;flex-wrap:wrap;gap:10px;display:flex}.emp-btn--primary{color:#4338ca;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;box-shadow:0 6px 18px #0000001f}.emp-btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #00000029}.emp-btn--ghost{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff59;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .12s;display:inline-flex}.emp-btn--ghost:hover{background:#ffffff40}.header-title h1{color:var(--color-text-primary,#000);margin:0 0 4px;font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.employee-count{color:var(--color-text-secondary,#666);margin:0;font-family:Poppins,sans-serif;font-size:14px}.btn-add-employee{background:var(--color-primary,#ff6b3d);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-add-employee:hover{background:var(--color-primary-dark,#e85a2d);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3d4d}.emp-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px;display:grid}.emp-stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 4px 18px #0f172a0f}.emp-stat:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f172a1a}.emp-stat-icon{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.emp-stat--green .emp-stat-icon{background:linear-gradient(135deg,#10b981,#16a34a)}.emp-stat--amber .emp-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.emp-stat--red .emp-stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.emp-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:12px}.emp-stat-value{color:#0f172a;font-size:24px;font-weight:700;line-height:1.1}.emp-stat-sub{color:#64748b;margin-top:2px;font-size:12px}.toolbar{background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 2px 8px #00000014}.filters-section{gap:16px;display:flex}.view-toggle{border-right:1px solid var(--color-border,#e0e0e0);gap:8px;padding-right:16px;display:flex}.view-btn{border:2px solid var(--color-border,#e0e0e0);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary,#666);background:#fff;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-btn:hover{border-color:var(--color-primary,#ff6b3d);color:var(--color-primary,#ff6b3d)}.view-btn.active{background:var(--color-primary,#ff6b3d);color:#fff;border-color:var(--color-primary,#ff6b3d)}.bulk-actions{border-right:1px solid var(--color-border,#e0e0e0);align-items:center;gap:12px;padding:0 16px;display:flex}.selected-count{color:var(--color-text-primary,#000);font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.btn-small{background:var(--color-background,#f5f5f5);border:1px solid var(--color-border,#e0e0e0);cursor:pointer;color:var(--color-text-primary,#000);border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-small:hover{background:var(--color-border,#e0e0e0)}.btn-small.btn-danger{color:#ef4444;background:#fff5f5;border-color:#fed7d7}.btn-small.btn-danger:hover{background:#fed7d7}.filter-controls{align-items:center;gap:16px;display:flex}.filter-select{border:1px solid var(--color-border,#e0e0e0);cursor:pointer;color:var(--color-text-primary,#000);background:#fff;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;transition:all .2s}.filter-select:focus{border-color:var(--color-primary,#ff6b3d);outline:none;box-shadow:0 0 0 3px #ff6b3d1a}.btn-clear-filters{color:#c62828;cursor:pointer;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-clear-filters:hover{color:#fff;background:#ef5350;border-color:#ef5350}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:64px 24px;box-shadow:0 2px 8px #00000014}.empty-state h2{color:var(--color-text-primary,#000);margin:0 0 8px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.empty-state p{color:var(--color-text-secondary,#666);margin:0 0 24px;font-family:Poppins,sans-serif;font-size:14px}.btn-secondary{background:var(--color-border,#e0e0e0);cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.loading-container{flex-direction:column;gap:12px;display:flex}.loading-row{background:#fff;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid;box-shadow:0 2px 8px #00000014}.skeleton-cell{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:20px;animation:2s infinite shimmer}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.employees-table{border-collapse:collapse;width:100%}.employees-table thead{background:var(--color-background,#f5f5f5);border-bottom:2px solid var(--color-border,#e0e0e0)}.employees-table th{text-align:left;text-transform:uppercase;color:var(--color-text-secondary,#666);letter-spacing:.5px;cursor:default;padding:16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:700}.employees-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;transition:color .2s}.employees-table th.sortable:hover{color:var(--color-primary,#ff6b3d)}.checkbox-col{text-align:center;width:50px}.employees-table tbody tr{border-bottom:1px solid var(--color-border,#e0e0e0);transition:background-color .2s}.employees-table tbody tr:hover{background:var(--table-hover-bg,#f9f9f9)}.employees-table tbody tr:last-child{border-bottom:none}.employees-table td{color:var(--color-text-primary,#000);padding:16px;font-family:Poppins,sans-serif;font-size:14px}.employees-table input[type=checkbox]{cursor:pointer;width:18px;height:18px}.code-cell{color:var(--color-text-secondary,#666);font-size:13px;font-weight:600}.name-cell{min-width:280px}.employee-name-info{align-items:center;gap:12px;display:flex}.avatar-small{background:linear-gradient(135deg, var(--color-primary,#ff6b3d) 0%, var(--color-secondary,#f96) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;display:flex}.employee-name-info .name{color:var(--color-text-primary,#000);margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.employee-name-info .phone{color:var(--color-text-secondary,#999);margin:2px 0 0;font-family:Poppins,sans-serif;font-size:12px}.email-cell{color:var(--color-text-secondary,#666);font-size:13px}.status-cell{min-width:140px}.status-badge{text-transform:capitalize;border-radius:6px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;display:inline-block}.actions-cell{flex-wrap:wrap;gap:8px;min-width:180px;display:flex}.action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:flex}.view-btn{color:#1976d2;background:#e3f2fd}.view-btn:hover{background:#bbdefb;transform:translateY(-2px)}.edit-btn{color:#f57c00;background:#fff3e0}.edit-btn:hover{background:#ffe0b2;transform:translateY(-2px)}.delete-btn{color:#c62828;background:#ffebee;padding:8px 10px;font-size:13px}.delete-btn:hover{color:#fff;background:#ef5350;transform:translateY(-2px)}.grid-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:24px;display:grid}.employee-card{background:#fff;border-radius:12px;transition:all .3s;animation:.4s ease-in-out fadeInUp;overflow:hidden;box-shadow:0 2px 8px #00000014}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.employee-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card-header{background:linear-gradient(135deg, var(--color-primary,#ff6b3d) 0%, var(--color-secondary,#f96) 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:140px;padding:24px;display:flex;position:relative}.avatar-large{color:#fff;background:#fff3;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;display:flex}.card-header .status-badge{padding:4px 8px;font-size:11px;position:absolute;top:12px;right:12px}.card-content{padding:20px}.card-content h3{color:var(--color-text-primary,#000);margin:0 0 4px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.card-code{color:var(--color-text-secondary,#999);text-transform:uppercase;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.card-designation{color:var(--color-text-secondary,#666);margin:0 0 16px;font-family:Poppins,sans-serif;font-size:13px}.card-info{border-bottom:1px solid var(--color-border,#e0e0e0);flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.info-row{color:var(--color-text-secondary,#666);align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:13px;display:flex}.info-row svg{color:var(--color-primary,#ff6b3d);flex-shrink:0}.card-actions{justify-content:space-between;gap:8px;display:flex}.card-btn{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:flex}.card-btn.view-btn{color:#1976d2;background:#e3f2fd}.card-btn.view-btn:hover{background:#bbdefb}.card-btn.edit-btn{color:#f57c00;background:#fff3e0}.card-btn.edit-btn:hover{background:#ffe0b2}.card-btn.delete-btn{color:#c62828;background:#ffebee;padding:10px 8px}.card-btn.delete-btn:hover{color:#fff;background:#ef5350}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.page-btn{border:1px solid var(--color-border,#e0e0e0);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:36px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.page-btn:hover:not(:disabled),.page-btn.active{background:var(--color-primary,#ff6b3d);color:#fff;border-color:var(--color-primary,#ff6b3d)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-ellipsis{color:var(--color-text-secondary,#666);padding:0 4px;font-family:Poppins,sans-serif}.stats-bar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px;display:grid}@media (width<=1024px){.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-actions button{flex:1}.toolbar{flex-direction:column;justify-content:stretch;align-items:stretch}.view-toggle,.bulk-actions{border-right:none;border-bottom:1px solid var(--color-border,#e0e0e0);padding-bottom:16px;padding-right:0}.filter-controls{grid-template-columns:repeat(2,1fr)}.grid-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width<=768px){.employees-page{padding:16px}.page-header h1{font-size:24px}.stats-bar,.filter-controls{grid-template-columns:1fr}.designation-cell,.department-cell,.employees-table th:nth-child(4),.employees-table th:nth-child(5),.employees-table td:nth-child(4),.employees-table td:nth-child(5){display:none}.actions-cell{min-width:auto}.action-btn{padding:6px 8px;font-size:11px}.grid-container{grid-template-columns:1fr}.employee-card{flex-direction:row;display:flex}.card-header{min-width:150px;min-height:auto}.card-content{flex:1}}@media (width<=480px){.employees-page{padding:12px}.page-header{flex-direction:column}.page-header h1{font-size:20px}.btn-add-employee{justify-content:center;width:100%}.email-cell,.employees-table th:nth-child(3),.employees-table td:nth-child(3),.employee-name-info .phone{display:none}.actions-cell{flex-direction:column}.action-btn{justify-content:center;width:100%}.pagination{gap:4px}.page-btn{min-width:32px;height:32px;font-size:12px}.filters-section{gap:12px;padding:16px}.filter-select{width:100%}}.back-button{cursor:pointer;color:var(--color-text-secondary,#666);background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;transition:color .2s}.details-header h1{color:var(--color-text-primary,#000);margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.btn-edit,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-edit{background:var(--color-primary,#ff6b3d);color:#fff}.btn-edit:hover{background:var(--color-primary-dark,#e85a2d);transform:translateY(-2px)}.btn-secondary{background:var(--color-border,#e0e0e0);color:var(--color-text-primary,#000)}.profile-card,.info-card{background:#fff;border-radius:12px;padding:24px;transition:box-shadow .2s;box-shadow:0 2px 8px #00000014}.profile-card:hover,.info-card:hover{box-shadow:0 4px 12px #0000001f}.profile-header{border-bottom:1px solid var(--color-border,#e0e0e0);gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--color-primary,#ff6b3d) 0%, var(--color-secondary,#f96) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;display:flex}.profile-info{flex:1}.profile-info h2{color:var(--color-text-primary,#000);margin:0 0 4px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.profile-info p{color:var(--color-text-secondary,#666);margin:0 0 8px;font-family:Poppins,sans-serif;font-size:14px}.status-badge{border-radius:6px;padding:4px 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;display:inline-block}.status-badge.onleave{color:#e65100;background:#fff3e0}.profile-details{gap:16px;display:grid}.detail-row{border-bottom:1px solid var(--color-border,#e0e0e0);padding-bottom:16px}.detail-row label{text-transform:uppercase;color:var(--color-text-secondary,#999);letter-spacing:.5px;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;display:block}.detail-row p{color:var(--color-text-primary,#000);margin:0;font-family:Poppins,sans-serif;font-size:14px}.info-card h3{color:var(--color-text-primary,#000);border-bottom:2px solid var(--color-primary,#ff6b3d);margin:0 0 16px;padding-bottom:12px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.info-item{flex-direction:column;display:flex}.info-item label{text-transform:uppercase;color:var(--color-text-secondary,#999);letter-spacing:.5px;margin-bottom:6px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.info-item p{color:var(--color-text-primary,#000);margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:500}.experience-list{gap:16px;display:grid}.experience-item{background:var(--color-background,#f5f5f5);border-left:4px solid var(--color-primary,#ff6b3d);border-radius:8px}.experience-header{justify-content:space-between;align-items:center;display:flex}.experience-header h4{color:var(--color-text-primary,#000);margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.experience-header span{color:var(--color-text-secondary,#666);font-family:Poppins,sans-serif;font-size:12px}.experience-role{color:var(--color-text-secondary,#666);margin:0;font-family:Poppins,sans-serif;font-size:13px}.error-message p{margin:0 0 16px;font-family:Poppins,sans-serif;font-size:16px}.error-message button{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:6px;padding:10px 20px;font-family:Poppins,sans-serif;font-weight:600}.error-message button:hover{background:#b71c1c}@media (width<=768px){.employee-details-page{padding:16px}.details-header{flex-direction:column;align-items:flex-start}.details-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}.details-header h1{font-size:14px}.header-actions{width:100%}.header-actions button{flex:1}}@media (width<=480px){.profile-header{text-align:center;flex-direction:column;align-items:center}.profile-info h2{font-size:18px}.info-grid{grid-template-columns:1fr}}.employee-onboarding-page{--eo-accent:#0d7bdc;--eo-accent-soft:#0d7bdc24;--eo-violet:#6c47ff;--eo-card:#fffffff0;--eo-border:#141e3214;min-height:100vh;padding:1.25rem 1.5rem 2rem;position:relative;overflow-x:hidden}.eo-bg-layer{z-index:-2;background:radial-gradient(900px 500px at 10% -10%,#6c47ff59,#0000 55%),radial-gradient(800px 480px at 95% 15%,#0d7bdc47,#0000 52%),radial-gradient(600px 400px at 50% 100%,#0db4a033,#0000 48%),linear-gradient(145deg,#0c1425 0%,#151f38 42%,#0f284a 100%);animation:16s ease-in-out infinite alternate eo-bg-shift;position:fixed;inset:0}@keyframes eo-bg-shift{0%{filter:hue-rotate()brightness()}to{filter:hue-rotate(22deg)brightness(1.04)}}.eo-bg-grid{z-index:-1;opacity:.07;background-image:linear-gradient(#0000 31px,#ffffffa6 32px),linear-gradient(90deg,#0000 31px,#ffffffa6 32px);background-size:32px 32px;animation:40s linear infinite eo-grid-drift;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 20%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 20%,#000 30%,#0000 75%)}@keyframes eo-grid-drift{0%{transform:translate(0)}to{transform:translate(-32px,-32px)}}.eo-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.eo-back{color:#000;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1rem;font-size:.95rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.eo-back:hover{background:#ffffff29;border-color:#ffffff6b;transform:translate(-2px)}.eo-header-meta{align-items:center;gap:.75rem;display:flex}.eo-badge{letter-spacing:.02em;color:#eaf4ff;background:linear-gradient(120deg,#6c47ff8c,#0d7bdc73);border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.82rem;font-weight:700;animation:3s ease-in-out infinite alternate eo-badge-glow;display:inline-flex;box-shadow:0 10px 32px #0d3c7859}@keyframes eo-badge-glow{0%{box-shadow:0 10px 28px #0d3c7847}to{box-shadow:0 14px 42px #6c47ff61}}.eo-step-counter{color:#ebf2ffd1;font-size:.92rem;font-weight:600}.eo-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}@media (width<=1024px){.eo-layout{grid-template-columns:1fr}}.eo-rail{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09102073;border:1px solid #ffffff38;border-radius:22px;padding:1.35rem 1.25rem;position:relative;box-shadow:0 24px 60px #00000040}.eo-rail-intro h1{color:#f8fbff;margin:0;font-size:1.35rem}.eo-rail-intro p{color:#e8f0ffb8;margin:.45rem 0 1.25rem;font-size:.92rem;line-height:1.45}.eo-rail-steps{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.eo-rail-node{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:flex-start;gap:.85rem;padding:.75rem .65rem;transition:background .25s,border-color .25s,transform .2s;display:flex}.eo-rail-node:disabled{cursor:default;opacity:.45}.eo-rail-node:not(:disabled):hover{background:#ffffff12}.eo-rail-node.eo-current{background:#ffffff1c;border-color:#ffffff52;transform:translate(4px)}.eo-rail-node.eo-done:not(:disabled){opacity:1}.eo-rail-icon-wrap{color:#dbeaff;background:#ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .25s,transform .35s cubic-bezier(.34,1.56,.64,1);display:flex}.eo-rail-node.eo-current .eo-rail-icon-wrap{background:linear-gradient(145deg, var(--eo-violet), var(--eo-accent));color:#fff;animation:2s ease-in-out infinite eo-dot-pulse;transform:scale(1.06);box-shadow:0 12px 28px #0d7bdc73}.eo-rail-node.eo-done .eo-rail-icon-wrap{color:#baffdc;background:#38c88c59}.eo-rail-check{animation:.45s cubic-bezier(.34,1.56,.64,1) eo-pop}@keyframes eo-dot-pulse{0%,to{box-shadow:0 12px 28px #0d7bdc73}50%{box-shadow:0 14px 38px #6c47ff8c}}@keyframes eo-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.eo-rail-text{flex-direction:column;gap:.15rem;display:flex}.eo-rail-title{color:#f2f7ff;font-size:.95rem;font-weight:700}.eo-rail-hint{color:#dce8ffa6;font-size:.8rem}.eo-main{min-width:0}.eo-progress-track{background:#ffffff24;border-radius:999px;height:6px;margin-bottom:1rem;position:relative;overflow:hidden}.eo-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--eo-violet), var(--eo-accent), #2ee6c1);height:100%;transition:width .55s cubic-bezier(.65,0,.35,1)}.eo-progress-shimmer{mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff8c 48%,#0000 96%);width:40%;animation:2.4s ease-in-out infinite eo-shimmer;position:absolute;inset:0}@keyframes eo-shimmer{0%{transform:translate(-120%)}to{transform:translate(320%)}}.eo-card{border:1px solid var(--eo-border);background:var(--eo-card);border-radius:22px;padding:1.35rem 1.5rem 1.25rem;box-shadow:0 28px 70px #0f1a2e2e}.eo-card-head{margin-bottom:1rem}.eo-card-title-block{align-items:flex-start;gap:1rem;display:flex}.eo-card-icon{background:var(--eo-accent-soft);width:52px;height:52px;color:var(--eo-accent);border-radius:16px;justify-content:center;align-items:center;display:flex}.eo-card-head h2{color:#142341;margin:0;font-size:1.35rem}.eo-card-head p{color:#5a6578;margin:.35rem 0 0;font-size:.95rem}.eo-alert{color:#a92234;background:#ffecec;border-radius:12px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.93rem;animation:.35s ease-out eo-alert-in}@keyframes eo-alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.eo-panel-animated{animation:.45s cubic-bezier(.22,1,.36,1) eo-panel-in}@keyframes eo-panel-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.eo-actions{border-top:1px solid #14233714;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.35rem;padding-top:1.1rem;display:flex}.eo-actions-right{gap:.65rem;display:flex}.eo-spin{margin-right:.35rem;animation:.85s linear infinite eo-spin}@keyframes eo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eo-loading-state{color:#ebf2ffe6;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;font-weight:600;display:flex}.step-content-form,.step-content-block{flex-direction:column;gap:1.5rem;display:flex}.form-group input,.form-group select,.form-group textarea{color:#142341;background:#fff;border:1px solid #141e322e;border-radius:10px;width:auto;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .25s,box-shadow .25s}.form-group input:disabled,.form-group input:read-only{color:#9ca3af;cursor:not-allowed;background:#f5f7fa}.address-tabs-section h3{color:#142341;margin:0 0 1rem;font-size:1.1rem}.address-tabs{gap:.75rem;margin-bottom:1rem;display:flex}.tab-button{color:#5a6578;cursor:pointer;background:#fff9;border:1px solid #141e3226;border-radius:10px;padding:.6rem 1rem;font-size:.93rem;font-weight:600;transition:all .25s}.tab-button:hover{background:#fffc;border-color:#141e3240}.tab-button.active{background:var(--eo-accent);color:#fff;border-color:var(--eo-accent)}.experience-card,.family-card{background:#f5f7facc;border:1px solid #141e321f;border-radius:14px;padding:1.15rem;transition:all .25s}.experience-card:hover,.family-card:hover{background:#f5f7fa;border-color:#0d7bdc40;box-shadow:0 4px 12px #0d7bdc14}.experience-card-header,.family-card-header{border-bottom:1px solid #141e3214;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.experience-card-header h4,.family-card-header h4{color:#142341;flex:1;margin:0;font-size:1rem;font-weight:700}.btn-remove{color:#a92234;cursor:pointer;white-space:nowrap;background:#fff3f4;border:1px solid #d1686e;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-remove:hover{background:#ffecec;border-color:#c85566;transform:translateY(-1px);box-shadow:0 4px 12px #a9223426}.btn-remove:active{transform:translateY(0)}@media (width<=1024px){.eo-rail{order:2}.eo-main{order:1}}.stepper-modal-overlay{z-index:2000;background:#14171c99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.stepper-modal{background:#fff;border-radius:18px;flex-direction:column;gap:1rem;width:min(1024px,100%);max-height:92vh;padding:1.5rem;display:flex;overflow-y:auto;box-shadow:0 22px 70px #00000024}.stepper-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.stepper-modal-header h2{margin:0;font-size:1.35rem}.stepper-modal-header p{color:#555;margin:.35rem 0 0}.close-button{color:#333;cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1}.stepper-nav{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.stepper-step{opacity:.7;background:#f4f6fb;border-radius:14px;align-items:center;gap:.75rem;padding:.9rem 1rem;transition:opacity .2s,transform .2s;display:flex}.stepper-step.active{opacity:1;background:#eef5ff;transform:translateY(-1px)}.step-number{color:#fff;background:#0078d4;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:inline-flex}.step-label{font-size:.92rem;font-weight:600}.stepper-error{color:#b02a37;background:#ffe6e6;border-radius:12px;padding:.9rem 1rem;font-size:.95rem}.stepper-content{flex-direction:column;gap:1rem;padding:1rem 0;display:flex}.stepper-content h3{margin:0;font-size:1.15rem}.step-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.step-content-grid.full-width{grid-column:1/-1}.step-content-block{flex-direction:column;gap:1rem;display:flex}.form-group label{font-size:.92rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d7dde8;border-radius:10px;outline:none;padding:.85rem .95rem;font-size:.95rem}.experience-card,.family-card{background:#fafbff;border:1px solid #e3e9f2;border-radius:14px;padding:1rem}.experience-card-header,.family-card h4{margin:0 0 .75rem;font-size:1rem;font-weight:700}.stepper-actions{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}@media (width<=900px){.step-content-grid{grid-template-columns:1fr}}.attendance-page{padding:var(--spacing-6,24px);background:var(--gh-bg,#f7f8fb);min-height:100vh}.attendance-page .input-wrapper{width:auto}.attendance-page h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2,8px) 0;color:var(--color-text-primary);font-family:var(--font-heading);line-height:var(--line-height-tight)}.attendance-page h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4,16px) 0;color:var(--color-text-primary);font-family:var(--font-heading);line-height:var(--line-height-tight)}.attendance-page .subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);font-family:var(--font-primary);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin:0}.page-header{margin-bottom:var(--spacing-8,32px)}.summary-cards{gap:var(--spacing-4,16px);margin-bottom:var(--spacing-8,32px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.summary-card{background:var(--color-bg-primary);border-radius:var(--radius-md,12px);padding:var(--spacing-5,20px);align-items:center;gap:var(--spacing-4,16px);box-shadow:var(--shadow-sm);font-family:var(--font-primary);border-left:4px solid #ccc;display:flex}.summary-card.present{border-left-color:var(--color-success-600,#10b981)}.summary-card.present svg{color:var(--color-success-600,#10b981)}.summary-card.absent{border-left-color:var(--color-danger-500,#ef4444)}.summary-card.absent svg{color:var(--color-danger-500,#ef4444)}.summary-card.half-day{border-left-color:var(--color-warning-500,#f59e0b)}.summary-card.half-day svg{color:var(--color-warning-500,#f59e0b)}.summary-card .label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.summary-card .value{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin:var(--spacing-1,4px) 0 0 0;color:var(--color-text-primary);line-height:var(--line-height-tight)}.table-wrapper{background:var(--color-bg-primary);border-radius:var(--radius-md,12px);box-shadow:var(--shadow-sm);margin-bottom:32px;overflow:auto hidden}.attendance-table{border-collapse:collapse;width:100%;font-family:Poppins,sans-serif}.attendance-table th{text-align:left;text-transform:uppercase;color:var(--color-text-secondary,#666);letter-spacing:.5px;padding:16px;font-size:12px;font-weight:700}.attendance-table tbody tr{border-bottom:1px solid var(--color-border,#e0e0e0);transition:all .2s}.attendance-table tbody tr:last-child{border-bottom:none}.attendance-table td{color:var(--color-text-primary,#000);padding:16px;font-size:14px}.employee-name{font-weight:500}.time{color:var(--color-text-secondary,#666);font-family:Courier New,monospace;font-weight:500}.hours{color:var(--color-text-secondary,#666);font-weight:500}.status-badge{text-transform:capitalize;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.present{color:#065f46;background:#d1fae5}.status-badge.absent{color:#7f1d1d;background:#fee2e2}.status-badge.late,.status-badge.half-day{color:#78350f;background:#fef3c7}.calendar-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.month-selector{margin-bottom:20px}.month-selector input{border:1px solid var(--color-border,#e0e0e0);cursor:pointer;border-radius:8px;padding:10px 12px;font-family:Poppins,sans-serif;font-size:14px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-header{background:var(--color-background,#f5f5f5);text-align:center;text-transform:uppercase;color:var(--color-text-secondary,#666);border-radius:6px;padding:12px;font-size:12px;font-weight:600}.calendar-day{aspect-ratio:1;border:1px solid var(--color-border,#e0e0e0);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-family:Poppins,sans-serif;transition:all .2s;display:flex}.calendar-day .day-number{color:var(--color-text-secondary,#666);font-size:12px;font-weight:600}.calendar-day.empty{border:1px dashed var(--color-border,#e0e0e0);background:0 0}.calendar-day.present{color:#065f46;background:#d1fae5;border-color:#10b981}.calendar-day.absent{color:#7f1d1d;background:#fee2e2;border-color:#ef4444}.calendar-day.late{color:#78350f;background:#fef3c7;border-color:#f59e0b}.calendar-day.half-day{color:#1e40af;background:#dbeafe;border-color:#3b82f6}.calendar-day:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001f}@media (width<=768px){.attendance-page{padding:16px}.attendance-page h1{font-size:24px}.summary-cards{grid-template-columns:repeat(2,1fr)}.attendance-table th,.attendance-table td{padding:12px 8px;font-size:12px}.calendar-grid{gap:6px}.calendar-day{padding:6px}}@media (width<=480px){.attendance-page{padding:12px}.attendance-page h1{font-size:20px}.summary-cards{grid-template-columns:1fr}.attendance-table th,.attendance-table td{padding:10px 6px;font-size:11px}.calendar-grid{gap:4px}.calendar-day{padding:4px;font-size:10px}.calendar-day svg{display:none}}.attendance-calendar-modern{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000000f}.calendar-header-modern{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.month-year{color:#1f2937;min-width:200px;margin:0;font-size:24px;font-weight:700}.nav-btn{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex}.nav-btn:hover{background:#f3f4f6}.today-btn{border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.calendar-legend-modern{background:#f9fafb;border-radius:12px;flex-wrap:wrap;gap:20px;margin-bottom:28px;padding:16px;display:flex}.legend-item{color:#6b7280;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.legend-dot{border-radius:4px;flex-shrink:0;width:14px;height:14px}.legend-dot.present{background:#10b981}.legend-dot.late{background:#f59e0b}.legend-dot.absent{background:#ef4444}.legend-dot.in-progress{background:#3b82f6}.legend-dot.no-record{background:#d1d5db}.calendar-wrapper-modern{margin-bottom:28px}.weekdays-header{border-bottom:2px solid #f0f0f0;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:8px;display:grid}.weekday{text-align:center;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:12px;font-size:13px;font-weight:600}.calendar-grid-modern{background:#e5e7eb;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendar-day-modern{background:#fff;flex-direction:column;min-height:160px;padding:12px;transition:all .2s;display:flex;position:relative}.calendar-day-modern:has(.attendance-event){cursor:pointer}.calendar-day-modern:hover{background:#f9fafb;box-shadow:inset 0 0 0 1px #e5e7eb}.calendar-day-modern:has(.attendance-event):hover{background:#f0f4ff;transform:scale(1.02);box-shadow:inset 0 0 0 2px #3b82f6}.calendar-day-modern:has(.attendance-event):hover .attendance-event{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.calendar-day-modern.other-month{cursor:default;background:#f9fafb}.calendar-day-modern.other-month:hover{box-shadow:none;background:#f9fafb;transform:scale(1)}.calendar-day-modern.today{background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 100%);border:2px solid #3b82f6;padding:11px}.calendar-day-modern.today .day-number{color:#3b82f6;font-weight:700}.day-header{justify-content:space-between;align-items:center;min-height:24px;margin-bottom:8px;display:flex}.day-number{color:#1f2937;font-size:16px;font-weight:700}.today-indicator{color:#3b82f6;text-transform:uppercase;letter-spacing:.3px;background:#dbeafe;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.day-content{flex-direction:column;flex:1;gap:6px;display:flex;position:relative}.event-badge{text-align:left;color:#fff;word-break:break-word;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.3;position:relative;overflow:hidden}.attendance-event{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #059669;box-shadow:0 2px 4px #10b98133}.attendance-event .event-time{align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.attendance-event .time-value{margin:0 2px;font-family:Courier New,monospace;font-weight:700}.attendance-event .work-hours{margin-left:2px;font-weight:700}.attendance-event .event-status{opacity:.95;margin-top:2px;font-size:10px}.attendance-times{flex-wrap:wrap;align-items:center;gap:6px;width:100%;font-size:11px;font-weight:600;display:flex}.time-block{flex-direction:column;gap:2px;display:flex}.time-label{opacity:.85;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.time-value{font-family:Courier New,monospace;font-size:12px;font-weight:700}.time-separator{opacity:.6;font-weight:400}.work-hours-display{text-align:center;background:#fff3;border-radius:3px;width:100%;margin-top:4px;padding:2px 6px;font-size:11px;font-weight:700}.absent-badge{text-align:center;letter-spacing:.3px;background:#fff3;border-radius:3px;padding:4px 6px;font-size:12px;font-weight:700}.click-indicator{opacity:.7;text-align:center;letter-spacing:.3px;margin-top:3px;font-size:9px;font-weight:700;animation:2s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.event-badge.status-absent{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #dc2626;box-shadow:0 2px 4px #ef444433}.event-badge.status-late{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #d97706;box-shadow:0 2px 4px #f59e0b33}.event-badge.status-in-progress{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #2563eb;box-shadow:0 2px 4px #3b82f633}.weekly-off{color:#fff;text-align:center;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:1px solid #16a34a;font-weight:700;box-shadow:0 2px 4px #22c55e33}.no-record-event{color:#6b7280;text-align:center;background:#e5e7eb;border:1px dashed #d1d5db;font-weight:500}.status-indicator{border-radius:50%;width:8px;height:8px;display:none;position:absolute;top:4px;right:4px}.status-indicator.status-present{background:#10b981;display:block}.status-indicator.status-late{background:#f59e0b;display:block}.status-indicator.status-absent{background:#ef4444;display:block}.status-indicator.status-in-progress{background:#3b82f6;display:block}.status-present{color:#065f46;background:#d1fae5}.status-late{color:#92400e;background:#fef3c7}.status-absent{color:#7f1d1d;background:#fee2e2}.status-in-progress{color:#1e40af;background:#dbeafe}.status-no-record{color:#4b5563;background:#e5e7eb}.calendar-stats-modern{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:16px;transition:all .2s}.stat-card:hover{border-color:#e5e7eb;box-shadow:0 2px 6px #0000000d}.stat-card.present-stat{border-left:4px solid #10b981}.stat-card.late-stat{border-left:4px solid #f59e0b}.stat-card.absent-stat{border-left:4px solid #ef4444}.stat-value{color:#1f2937;margin-bottom:6px;font-size:24px;font-weight:700}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}@media (width<=1200px){.attendance-calendar-modern{padding:24px}.calendar-day-modern{min-height:140px;padding:10px;font-size:13px}.day-number{font-size:14px}.status-badge,.time-row{font-size:10px}}@media (width<=768px){.attendance-calendar-modern{padding:16px}.calendar-header-modern{flex-direction:column;align-items:stretch;margin-bottom:20px}.header-left{justify-content:space-between}.month-year{text-align:center;min-width:auto}.today-btn{width:100%}.calendar-legend-modern{gap:12px;margin-bottom:20px;padding:12px}.calendar-day-modern{min-height:130px;padding:8px}.event-badge{padding:5px 8px;font-size:11px}.day-number{font-size:13px}.status-badge{padding:3px 6px;font-size:9px}.time-row{font-size:9px}.calendar-stats-modern{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.stat-card{padding:12px}.stat-value{font-size:20px}.stat-label{font-size:11px}}@media (width<=480px){.attendance-calendar-modern{padding:12px}.calendar-header-modern{gap:8px}.month-year{font-size:18px}.weekday{padding:8px 4px;font-size:11px}.calendar-day-modern{gap:3px;min-height:100px;padding:6px}.event-badge{padding:3px 6px;font-size:9px}.day-header{margin-bottom:6px}.day-number{font-size:12px}.today-indicator{padding:1px 4px;font-size:8px}.day-content{gap:4px}.status-badge{padding:2px 4px;font-size:8px}.time-row{flex-direction:column;align-items:flex-start;font-size:8px}.time-row .label{min-width:auto}.calendar-stats-modern{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:10px}.stat-value{font-size:18px}.stat-label{font-size:10px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.attendance-calendar-modern{animation:.3s slideUp}.attendance-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.attendance-modal-content-modern{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px -15px #0000004d}.modal-header-modern{color:#fff;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);flex-shrink:0;padding:28px}.modal-header-modern .header-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.modal-header-modern .header-info{flex:1}.modal-header-modern .modal-title{letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.modal-header-modern .header-subtitle{opacity:.9;margin:6px 0 0;font-size:14px;font-weight:400}.close-btn-modern{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:6px;transition:all .2s;display:flex}.close-btn-modern:hover{background:#ffffff4d;transform:scale(1.05)}.modal-header-modern .header-status{margin-top:12px}.status-badge-modern{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.status-badge-modern.present{color:#065f46;background:#d1fae5}.status-badge-modern.absent{color:#7f1d1d;background:#fee2e2}.status-badge-modern.late{color:#831843;background:#fce7f3}.modal-body-modern{flex-direction:column;flex:1;gap:24px;padding:28px;display:flex;overflow-y:auto}.modal-body-modern::-webkit-scrollbar{width:6px}.modal-body-modern::-webkit-scrollbar-track{background:0 0}.modal-body-modern::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.modal-body-modern::-webkit-scrollbar-thumb:hover{background:#9ca3af}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.metric-card{background:linear-gradient(135deg,#f8f9fb 0%,#f0f4f8 100%);border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.metric-card:hover{border-color:#667eea;transform:translateY(-2px)}.metric-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.metric-icon.duration{color:#fff;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%)}.metric-icon.date{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.metric-content{flex:1}.metric-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:11px;font-weight:700}.metric-value{color:#1f2937;margin:4px 0 0;font-family:Courier New,monospace;font-size:18px;font-weight:700}.timeline-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s}.timeline-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.timeline-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.timeline-badge{color:#fff;letter-spacing:.5px;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:800;display:flex}.timeline-badge.in{background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%)}.timeline-badge.out{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.timeline-title{color:#1f2937;margin:0;font-size:16px;font-weight:700}.timeline-content{flex-direction:column;gap:12px;display:flex}.timeline-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.timeline-row:last-child{border-bottom:none}.timeline-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.timeline-value{color:#667eea;font-family:Courier New,monospace;font-size:16px;font-weight:700}.timeline-photo-section{margin-top:8px}.photo-info{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.timeline-photo{object-fit:cover;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;width:100%;height:auto;max-height:280px}.timeline-location{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:12px}.location-info{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.coordinates-text{color:#1f2937;margin:4px 0 0;font-family:Courier New,monospace;font-size:13px;font-weight:700}.location-name{color:#374151;margin:4px 0 0;font-size:12px}.timeline-divider{background:linear-gradient(#667eea,#0000);width:2px;height:20px;margin:16px auto}.remarks-card{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fcd34d;border-radius:12px;padding:16px}.remarks-title{color:#92400e;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px;font-weight:700}.remarks-content{color:#78350f;margin:0;font-size:14px;line-height:1.6}.modal-footer-modern{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}.footer-btn{min-width:100px}@media (width<=768px){.attendance-modal-content-modern{max-width:100%;max-height:85vh}.modal-header-modern{padding:20px}.modal-header-modern .modal-title{font-size:20px}.modal-body-modern{gap:20px;padding:20px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:14px}.timeline-photo{max-height:220px}.modal-footer-modern{padding:16px 20px}}@media (width<=480px){.attendance-modal-overlay{padding:12px}.attendance-modal-content-modern{border-radius:12px;max-height:80vh}.modal-header-modern{padding:16px}.modal-header-modern .modal-title{font-size:18px}.modal-header-modern .header-top{margin-bottom:12px}.modal-body-modern{gap:16px;padding:16px}.metrics-grid{grid-template-columns:1fr;gap:10px}.metric-card{padding:12px}.metric-icon{width:40px;height:40px}.metric-value{font-size:16px}.timeline-card{padding:16px}.timeline-badge{width:36px;height:36px;font-size:10px}.timeline-title{font-size:14px}.timeline-photo{max-height:180px}.modal-footer-modern{gap:8px;padding:12px 16px}.footer-btn{flex:1}}.miss-punch-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.miss-punch-modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.miss-punch-modal-header{color:#fff;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:24px;display:flex}.miss-punch-modal-header h2{margin:0;font-size:20px;font-weight:700}.miss-punch-modal-content .close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.close-btn:hover{background:#fff3}.miss-punch-form{padding:24px}.form-alert,.form-group{margin-bottom:20px}.form-label{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-label .required{color:#ef4444;margin-left:2px}.form-textarea{color:#1f2937;resize:vertical;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.char-count{color:#9ca3af;text-align:right;margin-top:4px;font-size:12px}.upload-area{margin-top:8px;position:relative}.file-input{display:none}.upload-label{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;transition:all .2s;display:flex}.upload-label:hover{background:#f0f5ff;border-color:#667eea}.upload-label span{color:#1f2937;font-size:14px;font-weight:600}.upload-label small{color:#6b7280;font-size:12px}.uploaded-files{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:12px}.uploaded-files h4{color:#1f2937;margin:0 0 8px;font-size:13px;font-weight:600}.uploaded-files ul{margin:0;padding:0;list-style:none}.uploaded-files li{background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px;display:flex}.uploaded-files li:last-child{margin-bottom:0}.uploaded-files span{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.remove-file-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;font-weight:700;transition:all .2s;display:flex}.remove-file-btn:hover{background:#fecaca}.form-actions button{cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.form-actions button:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.miss-punch-modal-content{width:95%;max-height:95vh}.miss-punch-modal-header{padding:16px}.miss-punch-modal-header h2{font-size:18px}.miss-punch-form{padding:16px}.form-group{margin-bottom:16px}.upload-label{padding:24px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.attendance-page{color:#0f172a;margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}.attendance-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.attendance-header h1{letter-spacing:-.02em;color:#0f172a;margin:0;font-family:Poppins,sans-serif;font-size:23px;font-weight:700}.attendance-header .subtitle{color:#64748b;margin:4px 0 0;font-family:Poppins,sans-serif;font-size:13.5px}.info-alert{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;font-family:Poppins,sans-serif;font-size:12.5px;display:flex}.filters-container{box-shadow:none;background:#fff;border:1px solid #e7eaf0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px;padding:14px 18px;display:flex}.date-range-filter{align-items:center;gap:12px;display:flex}.dropdown-filters{flex:360px;justify-content:flex-end;align-items:center;gap:12px;display:flex}.filter-select{flex:180px;min-width:180px}.date-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:180px;min-width:160px;transition:border-color .18s,box-shadow .18s}.attendance-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px;display:grid}.stat-item{box-shadow:none;background:#fff;border:1px solid #e7eaf0;border-radius:14px;align-items:center;gap:12px;padding:16px 18px;transition:box-shadow .18s,transform .18s;display:flex}.stat-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a14}.stat-icon{color:#4f46e5;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-label{color:#64748b;text-transform:none;letter-spacing:0;margin:0;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.stat-value{color:#0f172a;margin:4px 0 0;font-family:Poppins,sans-serif;font-size:21px;font-weight:800;line-height:1.1}.stat-unit{color:#94a3b8;font-size:13px;font-weight:600}.clock-section{color:#0f172a;box-shadow:none;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);border:1px solid #e7eaf0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:28px 32px;font-family:Poppins,sans-serif;display:flex}.clock-display{text-align:left}.time-display{letter-spacing:1px;color:#fff;font-variant-numeric:tabular-nums;margin:0 0 6px;font-size:48px;font-weight:800}.date-display{color:#fff;margin:0;font-size:14px}.clock-status{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.clock-status.is-in{color:#15803d;background:#dcfce7}.clock-status.is-out{color:#64748b;background:#f1f5f9}.clock-status .status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.clock-status.is-in .status-dot{background:#16a34a;animation:1.8s infinite pulse-dot}.clock-status.is-out .status-dot{background:#94a3b8}@keyframes pulse-dot{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}.btn-check-in,.btn-check-out{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;padding:14px 28px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;transition:background .18s,transform .18s,box-shadow .18s;display:flex}.btn-check-in{color:#fff;background:#16a34a}.btn-check-in:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 8px 20px #16a34a40}.btn-check-out{color:#fff;background:#dc2626}.btn-check-out:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 8px 20px #dc262640}.records-section{box-shadow:none;background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:20px 22px}.records-section h2{color:#334155;margin:0 0 4px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.records-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.records-header>div:first-child{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.records-header h2{flex-shrink:0;margin:0}.miss-punch-btn{white-space:nowrap;color:#4f46e5;border-color:#c7d2fe;padding:8px 14px;font-size:13px;font-weight:600}.miss-punch-btn:hover{background:#eef2ff}.view-switcher{background:#f1f5f9;border-radius:10px;flex-shrink:0;gap:3px;padding:3px;display:inline-flex}.view-btn{white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .18s,color .18s;display:flex}.view-btn:hover{color:#4f46e5}.calendar-container{margin-top:18px}.table-container{margin:18px 0;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;font-family:Poppins,sans-serif;font-size:13.5px}.attendance-table thead{background:#f8fafc;border-bottom:1px solid #eef2f7}.attendance-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;padding:13px 16px;font-size:11px;font-weight:700}.attendance-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.attendance-table tbody tr:hover{background:#f8faff}.time-cell{color:#1f2937;font-weight:600}.location-cell{color:#64748b;align-items:center;gap:6px;display:flex}.paid-time-cell{cursor:pointer;color:#4f46e5;font-weight:600;transition:color .18s}.paid-time-cell:hover{color:#4338ca;text-decoration:underline}.deficit-cell{color:#d97706;font-weight:600}.action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;transition:background .18s,color .18s,border-color .18s}.text-right{text-align:right}.attendance-table td .badge,.attendance-table td span[class*=badge]{white-space:nowrap}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:56px 24px;font-family:Poppins,sans-serif;display:flex}.empty-state-icon{color:#cbd5e1;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:14px;display:flex}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:56px 24px;font-family:Poppins,sans-serif;display:flex}.loading-state p{color:#94a3b8;margin:0;font-size:13px}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-family:Poppins,sans-serif;display:flex}.prev-btn,.next-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;transition:background .18s,color .18s,border-color .18s}.prev-btn:hover,.next-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.page-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;transition:background .18s,color .18s,border-color .18s}.page-btn:hover{color:#4f46e5;border-color:#c7d2fe}.page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.page-ellipsis{color:#94a3b8;align-items:center;padding:6px 4px;font-size:13px;font-weight:600;display:inline-flex}.page-info{color:#64748b;font-size:12px}.geo-status{border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;display:flex}.geo-status.geo-capturing{color:#2563eb;background:#eff6ff}.geo-status.geo-success{color:#059669;background:#ecfdf5}.geo-status.geo-denied{color:#d97706;background:#fffbeb}.geo-status.geo-idle{color:#64748b;background:#f1f5f9}.modal-info{text-align:center;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;margin-bottom:18px;padding:16px}.modal-info p{color:#64748b;margin:0 0 8px;font-size:13px}.working-time{color:#4f46e5;font-size:24px;font-weight:800;margin:0!important}.modal-textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:10px;min-height:80px;margin-bottom:18px;padding:12px;font-family:inherit;font-size:13px}.modal-textarea:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51f}.edit-form{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.form-group input{border:1px solid #e2e8f0;border-radius:8px;padding:10px;font-family:inherit;font-size:13px}.form-group input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51f}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.btn-cancel,.btn-confirm{cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:background .18s,transform .18s}.btn-cancel{color:#475569;background:#fff;border:1px solid #e2e8f0}.btn-confirm{color:#fff;background:#4f46e5}.btn-confirm:hover{background:#4338ca;transform:translateY(-2px)}@media (width<=768px){.attendance-page{padding:16px}.attendance-stats{grid-template-columns:repeat(2,1fr)}.clock-section{text-align:center;flex-direction:column;align-items:stretch;gap:20px;padding:24px}.clock-display{text-align:center}.time-display{font-size:38px}.filters-container{flex-direction:column;align-items:stretch}.dropdown-filters{flex-direction:column;width:100%}.filter-dropdown{width:100%}.pagination{flex-direction:column;align-items:stretch}.edit-form{grid-template-columns:1fr}.records-header{flex-direction:column;align-items:flex-start}.view-switcher{justify-content:flex-start;width:100%}}@media (width<=480px){.attendance-stats{grid-template-columns:1fr}.clock-section{padding:20px 16px}.time-display{font-size:32px}.records-section{padding:16px}.records-header{flex-direction:column;align-items:stretch}.view-switcher{width:100%}.view-btn{flex:1;justify-content:center}.table-container{font-size:12px}.attendance-table th,.attendance-table td{padding:10px 8px}.modal-actions{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.team-attendance-table-loading{justify-content:center;align-items:center;min-height:300px;padding:60px 20px;display:flex}.spinner{color:#6b7280;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.table-row-hover:hover{background:linear-gradient(135deg,#f0f4ff 0%,#f3f1ff 100%);box-shadow:0 2px 4px #667eea1a}.team-attendance-table td{color:#4b5563;vertical-align:middle;padding:14px}.work-hours{color:#0369a1;white-space:nowrap;background:linear-gradient(135deg,#e0f4ff 0%,#e6f1ff 100%);border-radius:4px;padding:4px 8px;font-weight:700;display:inline-block}.status-cell,.action-cell{text-align:center}.action-cell button{min-width:auto}.table-summary{color:#6b7280;text-align:center;background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 20px;font-size:13px}.empty-icon{margin-bottom:16px;font-size:48px;display:block}.empty-state h3{color:#374151;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}@media (width<=1024px){.table-filters{grid-template-columns:repeat(2,1fr);gap:12px}.team-attendance-table{font-size:13px}.team-attendance-table th,.team-attendance-table td{padding:10px}}@media (width<=768px){.table-filters{grid-template-columns:1fr;gap:12px;padding:16px}.table-wrapper{padding:12px;overflow-x:auto}.team-attendance-table{min-width:600px;font-size:12px}.team-attendance-table th,.team-attendance-table td{padding:8px}.pagination{padding:16px;font-size:12px}.page-numbers{gap:2px}.table-summary{padding:8px 12px;font-size:12px}}@media (width<=480px){.table-filters{grid-template-columns:1fr;padding:12px}.table-wrapper{-webkit-overflow-scrolling:touch;padding:0;overflow-x:auto}.team-attendance-table{min-width:500px;font-size:12px}.team-attendance-table th,.team-attendance-table td{padding:6px}.emp-id{font-size:10px}.time-cell{min-width:70px;font-size:11px}.work-hours{padding:2px 6px;font-size:11px}.pagination{flex-direction:column;gap:8px;padding:12px}.pagination button{width:100%}.page-numbers{justify-content:center;width:100%}.table-summary{padding:8px;font-size:11px}.table-wrapper:after{content:"";pointer-events:none;background:linear-gradient(270deg,#0000001a,#0000);width:20px;display:block;position:sticky;right:0}}.team-attendance-table-view{animation:.3s fadeIn}@media print{.table-filters,.pagination,.action-cell{display:none}.team-attendance-table{page-break-inside:auto}.table-row-hover{background:#fff}.team-attendance-table tr{page-break-inside:avoid}}.team-attendance-modern-page{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);min-height:100vh;padding:24px}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-item.present-stat{background:#10b98126;border-color:#10b9814d}.stat-item.late-stat{background:#f59e0b26;border-color:#f59e0b4d}.stat-item.absent-stat{background:#ef444426;border-color:#ef44444d}.stat-item.progress-stat{background:#3b82f626;border-color:#3b82f64d}.modern-filters-section{margin-bottom:32px}.filters-container{background:#fff;border:1px solid #0000000d;border-radius:14px;grid-template-columns:1fr auto;align-items:flex-end;gap:40px;padding:28px 32px;display:grid;box-shadow:0 2px 8px #0000000d}.date-range-group,.preset-buttons-group{flex-direction:column;gap:12px;display:flex}.filter-label{color:#1e293b;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.date-inputs-wrapper{align-items:center;gap:12px;display:flex}.date-input-field{flex-direction:column;gap:6px;display:flex}.field-label{color:#64748b;font-size:12px;font-weight:600}.date-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.date-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea14}.date-separator{color:#cbd5e1;padding-bottom:4px;font-weight:600}.preset-buttons{flex-wrap:wrap;gap:10px;display:flex}.preset-btn{transition:all .2s}.preset-btn:hover{transform:translateY(-2px)}.team-attendance-table-view{padding:0}.table-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:20px 24px;display:grid}.filter-input{border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.filter-select{width:100%}.table-wrapper{padding:24px;overflow-x:auto}.team-attendance-table{border-collapse:collapse;width:100%;font-size:14px}.team-attendance-table thead{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.team-attendance-table th{text-align:left;color:#1e293b;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #e2e8f0;padding:14px 16px;font-size:12px;font-weight:700}.team-attendance-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.table-row-hover:hover{background:linear-gradient(135deg,#f0f4ff 0%,#f5f3ff 100%)}.team-attendance-table td{color:#475569;padding:14px 16px;font-weight:500}.emp-id{color:#667eea;letter-spacing:.3px;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:700}.date-cell{color:#1e293b;min-width:100px;font-weight:600}.time-cell{color:#0f172a;min-width:80px;font-family:Monaco,Courier New,monospace;font-weight:600}.work-hours{color:#0369a1;white-space:nowrap;background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 2px 4px #0369a11a}.status-cell,.action-cell{text-align:center}.pagination{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:20px 24px;display:flex}.table-summary{color:#64748b;text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;padding:14px 24px;font-size:13px;font-weight:500}.empty-state p{color:#64748b;margin:0;font-size:14px}@media (width<=1024px){.hero-stats{grid-template-columns:repeat(2,1fr)}.filters-container{grid-template-columns:1fr;gap:24px}.team-attendance-table{font-size:13px}.team-attendance-table th,.team-attendance-table td{padding:12px}}@media (width<=768px){.team-attendance-modern-page{padding:16px}.modern-hero-header{margin-bottom:24px;padding:32px 24px}.hero-title{font-size:28px}.hero-subtitle{font-size:14px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{padding:16px}.stat-icon{width:48px;height:48px}.stat-number{font-size:24px}.filters-container{grid-template-columns:1fr;gap:20px;padding:20px 24px}.preset-buttons{width:100%}.team-attendance-table{font-size:12px}.team-attendance-table th,.team-attendance-table td{padding:10px}.table-wrapper{padding:16px}.pagination{flex-wrap:wrap;padding:16px;font-size:12px}.page-numbers{justify-content:center;width:100%}}@media (width<=480px){.team-attendance-modern-page{padding:12px}.modern-hero-header{border-radius:12px;margin-bottom:20px;padding:24px 16px}.hero-title{font-size:24px}.hero-subtitle{font-size:13px}.hero-stats{grid-template-columns:1fr;gap:10px}.stat-item{gap:12px;padding:12px}.stat-icon{width:44px;height:44px}.stat-label{font-size:11px}.stat-number{font-size:20px}.filters-container{gap:16px;padding:16px}.date-inputs-wrapper{flex-direction:column;gap:10px}.date-separator{display:none}.date-input-field,.preset-buttons{width:100%}.preset-btn{flex:1;min-width:80px}.table-wrapper{padding:12px}.team-attendance-table{min-width:500px;font-size:11px}.team-attendance-table th,.team-attendance-table td{padding:8px}.pagination{flex-direction:column;gap:8px;padding:12px}.pagination button{width:100%}.table-summary{padding:12px;font-size:12px}}.gratify-page-header.page-header{margin-bottom:1rem}.gratify-page-header .page-header-breadcrumbs{margin-bottom:.625rem}.gratify-page-header .page-header-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.gratify-page-header .page-header-content{flex:1;min-width:0}.gratify-page-header .page-header-title{color:var(--color-text-primary,#0f172a);align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25;display:inline-flex}.gratify-page-header .page-header-icon{color:var(--color-primary,#2563eb);flex-shrink:0}.gratify-page-header .page-header-subtitle{color:var(--color-text-secondary,#64748b);margin:.375rem 0 0;font-size:.9375rem;line-height:1.45}.gratify-page-header .page-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}[data-theme=dark] .gratify-page-header .page-header-title{color:#f1f5f9}[data-theme=dark] .gratify-page-header .page-header-subtitle{color:#94a3b8}.attendance-form-container{max-width:600px;margin:0 auto;padding:20px}.attendance-header{background:#fff;border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 2px 8px #0000001a}.attendance-header h2{margin:0 0 16px;font-size:20px;font-weight:600}.tabs{border-bottom:2px solid #eee;gap:8px;display:flex}.tab{cursor:pointer;color:#666;font-size:14px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 16px;transition:all .3s}.tab.active{color:#007bff;border-bottom-color:#007bff}.tab:hover{color:#007bff}.attendance-form{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.checkin-form{text-align:center;background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.checkin-status{background:#f5f7fa;border-radius:8px;margin-bottom:24px;padding:24px}.checkin-status p{color:#333;margin:0;font-size:18px;font-weight:600}.btn-danger{color:#fff;background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333}.leave-form-container{max-width:600px;margin:0 auto;padding:20px}.leave-form{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.leave-form h2{color:#333;margin:0 0 24px;font-size:24px;font-weight:600}.form-group textarea{resize:vertical;min-height:120px}.leave-days-info{background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;margin-bottom:16px;padding:12px 16px}.leave-days-info p{color:#004085;margin:0;font-size:14px;font-weight:500}.alert{border-radius:4px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500}.alert-error{color:#721c24;background:#fee;border-left:4px solid #dc3545}.alert-success{color:#155724;background:#d4edda;border-left:4px solid #28a745}.btn{cursor:pointer;border:none;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.form-row{grid-template-columns:1fr}.leave-form{padding:16px}.form-actions{flex-direction:column}.btn{width:100%}}.regularization-page{background:#f8f9fa;min-height:100vh;padding:24px;font-family:Poppins,sans-serif}.regularization-page .page-content{margin-top:8px}.reg-card{margin-bottom:24px;padding:24px}.reg-card-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 16px;font-size:17px;font-weight:700;display:flex}.reg-subtitle{color:#6b7280;margin:-8px 0 16px;font-size:13px}.reg-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px;display:grid}.reg-form-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.reg-table-wrap{overflow-x:auto}.reg-table{border-collapse:collapse;width:100%}.reg-table thead{background:#f3f4f6;border-bottom:2px solid #e5e7eb}.reg-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:600}.reg-table td{color:#1f2937;vertical-align:middle;border-bottom:1px solid #eef0f3;padding:12px 14px;font-size:13px}.reg-table tbody tr:hover{background:#f9fafb}.reg-emp{font-weight:600}.reg-reason{white-space:normal;color:#4b5563;max-width:260px}.reg-muted{color:#9ca3af}.reg-right{text-align:right}.reg-actions{justify-content:flex-end;gap:8px;display:inline-flex}.reg-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 16px;display:flex}.reg-empty p{margin:0;font-size:13px}.reg-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite reg-spin}@keyframes reg-spin{to{transform:rotate(360deg)}}.reg-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reg-modal{background:#fff;border-radius:12px;width:92%;max-width:460px;padding:28px;box-shadow:0 20px 60px #0000004d}.reg-modal h3{color:#1f2937;margin:0 0 6px;font-size:18px;font-weight:700}.reg-modal-info{color:#6b7280;margin:0 0 16px;font-size:13px}.reg-textarea{resize:vertical;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:90px;margin-bottom:18px;padding:12px;font-family:inherit;font-size:13px}.reg-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.reg-modal-actions{justify-content:flex-end;gap:12px;display:flex}.reg-alert{z-index:1100;position:fixed;top:16px;right:16px}@media (width<=640px){.regularization-page{padding:16px}.reg-form-grid{grid-template-columns:1fr}}.recruitment-page{background:var(--color-background,#f5f5f5);min-height:100vh;padding:24px}.recruitment-page h1{color:var(--color-text-primary,#000);margin:0 0 4px;font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.recruitment-page .subtitle{color:var(--color-text-secondary,#666);margin:0;font-family:Poppins,sans-serif;font-size:14px}.btn-new-opening{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:Poppins,sans-serif;font-weight:600;transition:all .2s;display:flex}.btn-new-opening:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.recruitment-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-box{text-align:center;cursor:pointer;background:#fff;border-top:4px solid #10b981;border-radius:12px;padding:24px;font-family:Poppins,sans-serif;transition:all .3s;box-shadow:0 2px 8px #00000014}.stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-icon{color:#10b981;margin-bottom:12px;font-size:32px}.openings-section{margin-bottom:32px}.section-title{color:var(--color-text-primary,#000);margin:0 0 20px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.job-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;font-family:Poppins,sans-serif;overflow:hidden;box-shadow:0 2px 8px #00000014}.job-table thead{background:var(--color-background,#f5f5f5);border-bottom:2px solid var(--color-border,#e0e0e0)}.job-table th{text-align:left;color:var(--color-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:13px;font-weight:700}.job-table td{border-bottom:1px solid var(--color-border,#e0e0e0);color:var(--color-text-primary,#000);padding:16px;font-size:14px}.job-table tbody tr:hover{background:var(--color-background,#f5f5f5)}.job-title{color:var(--color-text-primary,#000);font-weight:600}.department{color:var(--color-text-secondary,#666);font-size:13px}.status-badge{white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.status-open{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.status-closed{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.status-hold{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d}.applicants-count{text-align:center;color:var(--color-text-primary,#000);font-weight:700}.deadline{color:var(--color-text-secondary,#666);font-size:13px}.actions{gap:8px;display:flex}.action-btn{border:1px solid var(--color-border,#e0e0e0);cursor:pointer;color:var(--color-text-primary,#000);background:#fff;border-radius:6px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-label{color:var(--color-text-primary,#000);margin-bottom:8px;font-size:14px;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border,#e0e0e0);color:var(--color-text-primary,#000);background:#fff;border-radius:8px;padding:12px;font-family:Poppins,sans-serif;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-cancel{color:var(--color-text-primary,#000);border:1px solid var(--color-border,#e0e0e0);cursor:pointer;background:#fff;border-radius:8px;padding:12px 24px;font-family:Poppins,sans-serif;font-weight:600;transition:all .2s}.btn-cancel:hover{background:var(--color-background,#f5f5f5)}.btn-submit{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:12px 24px;font-family:Poppins,sans-serif;font-weight:600;transition:all .2s}.btn-submit:hover{background:#059669;transform:translateY(-2px)}@media (width<=768px){.recruitment-page{padding:16px}.recruitment-page h1{font-size:24px}.page-header{flex-direction:column;align-items:flex-start}.btn-new-opening{justify-content:center;width:100%}.recruitment-stats{grid-template-columns:repeat(2,1fr)}.job-table{font-size:13px}.job-table th,.job-table td{padding:12px}.modal-content{padding:24px}.modal-header{flex-direction:column;align-items:flex-start}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}@media (width<=480px){.recruitment-page{padding:12px}.recruitment-page h1{font-size:20px}.recruitment-stats{grid-template-columns:1fr}.stat-box{padding:16px}.stat-icon{margin-bottom:8px;font-size:24px}.stat-value{font-size:24px}.job-table{font-size:12px}.job-table th,.job-table td{padding:8px}.actions{flex-direction:column}.action-btn{width:100%}.modal-content{width:95%;padding:16px}.modal-header h4{font-size:18px}.form-input,.form-select,.form-textarea,.btn-cancel,.btn-submit{padding:10px;font-size:14px}}._page_1a8pt_1{color:#0f172a;background:#f7f8fb;min-height:100vh;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_1a8pt_9{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}._header_1a8pt_9 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}._header_1a8pt_9 p{color:#64748b;margin:4px 0 0;font-size:13.5px}._kpis_1a8pt_34{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px;display:grid}._kpi_1a8pt_34{background:#fff;border:1px solid #e7e9ee;border-radius:14px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}._kpi_1a8pt_34:before{content:"";background:var(--accent,#4f46e5);width:4px;position:absolute;top:0;bottom:0;left:0}._kpiLabel_1a8pt_61{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}._kpiValue_1a8pt_69{letter-spacing:-.02em;margin-top:6px;font-size:22px;font-weight:700}._kpiMeta_1a8pt_76{color:#94a3b8;margin-top:2px;font-size:12px}._tabs_1a8pt_82{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:10px 10px 0 8px;display:flex}._tab_1a8pt_82{font-family:var(--font-family);color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 16px;font-size:13.5px;font-weight:600;display:inline-flex}._tab_1a8pt_82:hover{color:#0f172a}._tabActive_1a8pt_114{color:var(--color-primary);border-bottom-color:var(--color-primary)}._toolbar_1a8pt_119{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}._spacer_1a8pt_127{flex:1}._surface_1a8pt_131{background:#fff;border:1px solid #e7e9ee;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}._tableWrap_1a8pt_139{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}._table_1a8pt_139{border-collapse:collapse;width:100%;font-size:13.5px}._table_1a8pt_139 thead{background:#fbfbfd}._table_1a8pt_139 th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #eef0f4;padding:12px 16px;font-size:11.5px;font-weight:700}._table_1a8pt_139 td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f3f7;padding:12px 16px}._table_1a8pt_139 tbody tr:last-child td{border-bottom:none}._table_1a8pt_139 tbody tr:hover{background:#fafbff}._muted_1a8pt_182{color:#94a3b8}._codeCell_1a8pt_186{color:#0f172a;font-weight:600}._subText_1a8pt_191{color:#94a3b8;font-size:12px}._rowActions_1a8pt_196{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}._badge_1a8pt_203{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}._bDraft_1a8pt_214{color:#374151;background:#e5e7eb}._bSubmitted_1a8pt_219{color:#92400e;background:#fef3c7}._bApproved_1a8pt_224{color:#1e40af;background:#dbeafe}._bRejected_1a8pt_229{color:#991b1b;background:#fee2e2}._bConverted_1a8pt_234{color:#166534;background:#dcfce7}._score_1a8pt_240{align-items:center;gap:6px;display:inline-flex}._scoreBar_1a8pt_246{background:#eef2ff;border-radius:999px;width:64px;height:8px;overflow:hidden}._scoreFill_1a8pt_254{border-radius:999px;height:100%}._scoreVal_1a8pt_259{min-width:30px;font-size:12.5px;font-weight:700}._rec_1a8pt_265{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}._recStrong_1a8pt_272{color:#166534;background:#dcfce7}._recPotential_1a8pt_277{color:#92400e;background:#fef3c7}._recWeak_1a8pt_282{color:#991b1b;background:#fee2e2}._skillTag_1a8pt_287{color:#4338ca;background:#eef2ff;border-radius:6px;margin:2px 3px 0 0;padding:1px 7px;font-size:11px;display:inline-block}._empty_1a8pt_297{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;display:flex}._dist_1a8pt_307{grid-template-columns:1fr 1fr;gap:16px;display:grid}._distCard_1a8pt_313{background:#fff;border:1px solid #e7e9ee;border-radius:14px;padding:18px}._distCard_1a8pt_313 h3{margin:0 0 12px;font-size:14px;font-weight:700}._distRow_1a8pt_326{align-items:center;gap:10px;margin-bottom:10px;display:flex}._distName_1a8pt_333{color:#475569;flex-shrink:0;width:110px;font-size:13px}._distTrack_1a8pt_340{background:#eef2ff;border-radius:999px;flex:1;height:8px;overflow:hidden}._distFill_1a8pt_348{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:999px;height:100%}._distVal_1a8pt_354{text-align:right;flex-shrink:0;width:70px;font-size:12.5px;font-weight:700}._formGrid_1a8pt_362{grid-template-columns:1fr 1fr;gap:14px;display:grid}._formFull_1a8pt_368{grid-column:1/-1}@media (width<=720px){._page_1a8pt_1{padding:16px 14px 40px}._dist_1a8pt_307,._formGrid_1a8pt_362{grid-template-columns:1fr}}.performance-page{background:var(--color-background,#f5f5f5);min-height:100vh;padding:24px}.performance-page h1{color:var(--color-text-primary,#000);margin:0 0 4px;font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.performance-page .subtitle{color:var(--color-text-secondary,#666);margin:0;font-family:Poppins,sans-serif;font-size:14px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.btn-review{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:Poppins,sans-serif;font-weight:600;transition:all .2s;display:flex}.btn-review:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.performance-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-box{background:#fff;border-left:4px solid #f59e0b;border-radius:12px;align-items:center;gap:16px;padding:20px;font-family:Poppins,sans-serif;display:flex;box-shadow:0 2px 8px #00000014}.stat-box svg{color:#f59e0b}.stat-label{color:var(--color-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px}.performance-cards{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.perf-card{border:2px solid var(--color-border,#e0e0e0);background:#fff;border-radius:12px;padding:24px;font-family:Poppins,sans-serif;transition:all .3s;box-shadow:0 2px 8px #00000014}.perf-card:hover{border-color:#f59e0b;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.card-header h3{color:var(--color-text-primary,#000);margin:0 0 4px;font-size:16px;font-weight:600}.quarter{color:var(--color-text-secondary,#666);margin:0;font-size:12px}.rating-badge{background:#f59e0b1a;border:2px solid;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;display:flex}.rating-badge span{font-size:16px;font-weight:700}.metrics-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px;display:grid}.metric{flex-direction:column;gap:6px;display:flex}.metric-header{justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.metric-name{color:var(--color-text-secondary,#666)}.metric-score{color:var(--color-text-primary,#000);font-weight:700}.metric-bar{background:var(--color-background,#f5f5f5);border-radius:4px;width:100%;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:all .3s}.bar-fill:hover{filter:brightness(.9)}.feedback{background:var(--color-background,#f5f5f5);border-radius:8px;margin-bottom:16px;padding:12px}.feedback-label{color:var(--color-text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:12px;font-weight:600}.feedback-text{color:var(--color-text-primary,#000);margin:0;font-size:13px;line-height:1.5}.card-actions{gap:8px;display:flex}.action-btn:hover{color:#fff;background:#f59e0b;border-color:#f59e0b}.action-btn.secondary{color:var(--color-text-primary,#000);background:#fff}.action-btn.secondary:hover{background:var(--color-background,#f5f5f5);border-color:var(--color-text-secondary,#666)}@media (width<=768px){.performance-page{padding:16px}.performance-page h1{font-size:24px}.page-header{flex-direction:column;align-items:flex-start}.btn-review{justify-content:center;width:100%}.performance-stats{grid-template-columns:repeat(2,1fr)}.performance-cards{grid-template-columns:1fr}.card-actions{flex-direction:column}}@media (width<=480px){.performance-page{padding:12px}.performance-page h1{font-size:20px}.performance-stats{grid-template-columns:1fr}.perf-card{padding:16px}.card-header{flex-direction:column;align-items:flex-start}.metrics-grid{gap:12px}.action-btn{padding:8px 10px;font-size:12px}}._page_1rfia_1{color:#0f172a;background:#f7f8fb;min-height:100vh;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_1rfia_9 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}._header_1rfia_9 p{color:#64748b;margin:4px 0 18px;font-size:13.5px}._kpis_1rfia_25{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}._kpi_1rfia_25{background:#fff;border:1px solid #e7e9ee;border-radius:14px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}._kpi_1rfia_25:before{content:"";background:var(--accent,#4f46e5);width:4px;position:absolute;top:0;bottom:0;left:0}._kpiLabel_1rfia_52{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}._kpiValue_1rfia_60{letter-spacing:-.02em;margin-top:6px;font-size:22px;font-weight:700}._kpiMeta_1rfia_67{color:#94a3b8;margin-top:2px;font-size:12px}._tabs_1rfia_73{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:10px 10px 0 8px;display:flex}._tab_1rfia_73{font-family:var(--font-family);color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 16px;font-size:13.5px;font-weight:600;display:inline-flex}._tab_1rfia_73:hover{color:#0f172a}._tabActive_1rfia_105{color:var(--color-primary);border-bottom-color:var(--color-primary)}._toolbar_1rfia_110{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}._spacer_1rfia_118{flex:1}._surface_1rfia_122{background:#fff;border:1px solid #e7e9ee;border-radius:14px;box-shadow:0 1px 2px #0f172a0a}._muted_1rfia_129{color:#94a3b8}._subText_1rfia_133{color:#94a3b8;font-size:12px}._empty_1rfia_138{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}._cols_1rfia_149{grid-template-columns:1.4fr 1fr;align-items:start;gap:16px;display:grid}._card_1rfia_156{background:#fff;border:1px solid #e7e9ee;border-radius:14px;padding:18px}._card_1rfia_156 h3{margin:0 0 14px;font-size:14px;font-weight:700}._ninebox_1rfia_170{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}._cell_1rfia_176{border:1px solid #eef0f4;border-radius:10px;flex-direction:column;gap:4px;min-height:92px;padding:8px;display:flex}._cellLabel_1rfia_186{text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;font-size:10px;font-weight:700}._chip_1rfia_194{color:#4338ca;background:#eef2ff;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}._c11_1rfia_204{background:#fef2f2}._c12_1rfia_208,._c21_1rfia_209{background:#fffbeb}._c13_1rfia_213,._c31_1rfia_214,._c22_1rfia_215{background:#f0f9ff}._c23_1rfia_219,._c32_1rfia_220{background:#ecfdf5}._c33_1rfia_224{background:#dcfce7}._axis_1rfia_228{color:#64748b;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}._distRow_1rfia_237{align-items:center;gap:10px;margin-bottom:10px;display:flex}._distName_1rfia_244{color:#475569;width:70px;font-size:13px}._distTrack_1rfia_250{background:#eef2ff;border-radius:999px;flex:1;height:10px;overflow:hidden}._distFill_1rfia_258{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:999px;height:100%}._distVal_1rfia_264{text-align:right;width:36px;font-size:12.5px;font-weight:700}._kudo_1rfia_272{border-top:1px solid #f1f3f7;gap:12px;padding:12px 0;display:flex}._kudoBadge_1rfia_279{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}._kudoBadgeLabel_1rfia_291{color:#b45309;background:#fef3c7;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}._row_1rfia_301{border-top:1px solid #f1f3f7;align-items:center;gap:12px;padding:10px 16px;display:flex}._rowMain_1rfia_309{flex:1}._rowTitle_1rfia_313{font-size:13.5px;font-weight:600}._catTag_1rfia_318{color:#4338ca;background:#eef2ff;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700}._sugg_1rfia_328{background:#fbfbfd;border:1px solid #eef0f4;border-radius:12px;margin-bottom:10px;padding:14px}._sugg_1rfia_328 h4{margin:0 0 4px;font-size:14px;font-weight:700}._sugg_1rfia_328 p{color:#475569;margin:0;font-size:13px}._metric_1rfia_348{color:#166534;background:#dcfce7;border-radius:999px;margin-top:6px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}._formGrid_1rfia_359{grid-template-columns:1fr 1fr;gap:14px;display:grid}._formFull_1rfia_365{grid-column:1/-1}@media (width<=860px){._page_1rfia_1{padding:16px 14px 40px}._cols_1rfia_149,._formGrid_1rfia_359{grid-template-columns:1fr}}._page_60tz9_1{margin:0 auto;padding:20px}._header_60tz9_6{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}._header_60tz9_6 h1{color:#1e293b;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}._sub_60tz9_24{color:#64748b;margin-top:2px;font-size:13px}._tabs_60tz9_30{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:10px 10px 0 8px;display:flex}._tab_60tz9_30{color:#64748b;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:9px 14px;display:flex}._tab_60tz9_30:hover{color:var(--color-primary)}._tabActive_60tz9_62{color:var(--color-primary);border-bottom-color:var(--color-primary)}._grid_60tz9_67{gap:14px;display:grid}._cards_60tz9_72{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:16px;display:grid}._card_60tz9_72{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}._card_60tz9_72 h3{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:6px;font-size:12px}._bigNum_60tz9_94{color:#1e293b;font-size:26px;font-weight:700}._cardSub_60tz9_100{color:#94a3b8;margin-top:4px;font-size:12px}._panel_60tz9_106{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:18px}._panelTitle_60tz9_114{color:#1e293b;align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}._row_60tz9_124{flex-wrap:wrap;align-items:center;gap:12px;display:flex}._spread_60tz9_131{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}._muted_60tz9_139{color:#64748b;font-size:13px}._btnRow_60tz9_144{flex-wrap:wrap;gap:8px;display:flex}._badge_60tz9_150{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}._billable_60tz9_160{color:#166534;background:#dcfce7}._nonbillable_60tz9_165{color:#475569;background:#f1f5f9}._pill_60tz9_170{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}._statusDraft_60tz9_180{color:#475569;background:#f1f5f9}._statusSubmitted_60tz9_185{color:#1d4ed8;background:#dbeafe}._statusApproved_60tz9_190{color:#166534;background:#dcfce7}._statusRejected_60tz9_195{color:#b91c1c;background:#fee2e2}._table_60tz9_200{border-collapse:collapse;width:100%;font-size:13px}._table_60tz9_200 th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-size:12px;font-weight:600}._table_60tz9_200 td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 10px}._table_60tz9_200 tr:hover td{background:#fafbff}._weekGrid_60tz9_229{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}._dayCol_60tz9_235{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-height:120px;padding:10px}._dayHead_60tz9_243{color:#1e293b;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}._dayHours_60tz9_253{color:#4f46e5;font-size:11px;font-weight:700}._today_60tz9_259{border-color:#4f46e5;box-shadow:inset 0 0 0 1px #4f46e5}._entryChip_60tz9_264{cursor:pointer;background:#f8fafc;border:1px solid #eef2f7;border-radius:7px;margin-bottom:5px;padding:5px 7px;font-size:11px}._entryChip_60tz9_264:hover{background:#eef2ff}._entryChip_60tz9_264 ._ehours_60tz9_278{color:#1e293b;font-weight:700}._weekend_60tz9_283{background:#fcfcfd}._bar_60tz9_287{background:#eef2f7;border-radius:999px;height:8px;overflow:hidden}._barFill_60tz9_294{border-radius:999px;height:100%}._scoreRing_60tz9_299{color:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;font-size:22px;font-weight:800;display:flex}._suggestCard_60tz9_311{border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}._confBar_60tz9_320{background:#eef2f7;border-radius:999px;height:6px;overflow:hidden}._heatGrid_60tz9_327{grid-template-columns:40px repeat(24,1fr);gap:2px;font-size:9px;display:grid}._heatCell_60tz9_334{aspect-ratio:1;background:#eef2f7;border-radius:3px}._heatLabel_60tz9_340{color:#94a3b8;align-items:center;font-size:10px;display:flex}._chatWrap_60tz9_347{flex-direction:column;height:460px;display:flex}._chatLog_60tz9_353{flex-direction:column;flex:1;gap:10px;padding:6px;display:flex;overflow-y:auto}._msgUser_60tz9_362{color:#fff;background:#4f46e5;border-radius:12px 12px 2px;align-self:flex-end;max-width:75%;padding:8px 12px;font-size:13px}._msgBot_60tz9_372{color:#1e293b;background:#f1f5f9;border-radius:12px 12px 12px 2px;align-self:flex-start;max-width:75%;padding:8px 12px;font-size:13px}._msgMeta_60tz9_382{color:#94a3b8;margin-top:3px;font-size:10px}._chatInput_60tz9_388{gap:8px;margin-top:10px;display:flex}._chatInput_60tz9_388 input{border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:9px 12px;font-size:13px}._riskLow_60tz9_402{color:#166534}._riskMedium_60tz9_406{color:#b45309}._riskHigh_60tz9_410{color:#b91c1c}._sevHigh_60tz9_414{color:#b91c1c;background:#fee2e2}._sevMedium_60tz9_419{color:#b45309;background:#fef3c7}._sevLow_60tz9_424{color:#0369a1;background:#e0f2fe}._empty_60tz9_429{text-align:center;color:#94a3b8;padding:30px;font-size:13px}._colorDot_60tz9_436{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}._recBlock_60tz9_444{background:#f8fafc;border-left:3px solid #4f46e5;border-radius:0 8px 8px 0;margin-bottom:8px;padding:8px 12px}._listenBtn_60tz9_452{align-items:center;gap:6px;display:inline-flex}._listening_60tz9_458{color:#dc2626;animation:1.2s infinite _pulse_60tz9_1}@keyframes _pulse_60tz9_1{0%,to{opacity:1}50%{opacity:.4}}.payroll-page{--pr-border:#e7eaf0;--pr-muted:#64748b;--pr-ink:#0f172a;--pr-accent:#4f46e5;max-width:1280px;color:var(--pr-ink);margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,-apple-system,sans-serif}.pr-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.pr-header-text h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.pr-header-text h1 svg{color:var(--pr-accent)}.pr-header-text p{color:var(--pr-muted);margin:6px 0 0;font-size:14px}.pr-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pr-field{align-items:center;display:inline-flex;position:relative}.pr-field svg{color:var(--pr-muted);pointer-events:none;position:absolute;left:10px}.pr-field select{appearance:none;border:1px solid var(--pr-border);color:var(--pr-ink);cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") right 10px center no-repeat;border-radius:10px;padding:9px 32px 9px 34px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.pr-field select:hover{border-color:#cbd2dd}.pr-field select:focus{border-color:var(--pr-accent);outline:none;box-shadow:0 0 0 3px #4f46e51f}.pr-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.pr-stat{border:1px solid var(--pr-border);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;transition:box-shadow .18s,transform .18s;display:flex;box-shadow:0 1px 2px #0f172a0a}.pr-stat:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0f172a14}.pr-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pr-stat-body{flex-direction:column;gap:4px;min-width:0;display:flex}.pr-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--pr-muted);font-size:12px;font-weight:600}.pr-stat-value{letter-spacing:-.02em;color:var(--pr-ink);font-size:22px;font-weight:800}.pr-stat--blue .pr-stat-icon{color:#2563eb;background:#eff4ff}.pr-stat--red .pr-stat-icon{color:#dc2626;background:#fef2f2}.pr-stat--amber .pr-stat-icon{color:#d97706;background:#fffbeb}.pr-stat--green .pr-stat-icon{color:#059669;background:#ecfdf5}.pr-stat--blue{border-left:3px solid #2563eb}.pr-stat--red{border-left:3px solid #dc2626}.pr-stat--amber{border-left:3px solid #d97706}.pr-stat--green{border-left:3px solid #059669}.pr-card{border:1px solid var(--pr-border);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.pr-card-head{border-bottom:1px solid var(--pr-border);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.pr-card-head h2{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.pr-card-head h2 svg{color:var(--pr-accent)}.pr-count{color:var(--pr-muted);background:#f1f5f9;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.pr-table-wrap{overflow-x:auto}.pr-table{border-collapse:collapse;width:100%;min-width:880px;font-size:14px}.pr-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--pr-muted);border-bottom:1px solid var(--pr-border);white-space:nowrap;background:#f8fafc;padding:13px 18px;font-size:11px;font-weight:700}.pr-table th.num,.pr-table td.num{text-align:right;font-variant-numeric:tabular-nums}.pr-table th.ta-right,.pr-table td.ta-right{text-align:right}.pr-table tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.pr-table tbody tr:last-child td{border-bottom:none}.pr-table tbody tr{transition:background .15s}.pr-table tbody tr:hover{background:#fafbff}.pr-table td.neg{color:#dc2626;font-weight:600}.pr-table td.net{color:var(--pr-ink);font-weight:800}.pr-emp{align-items:center;gap:12px;display:flex}.pr-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.pr-emp-meta{flex-direction:column;min-width:0;line-height:1.3;display:flex}.pr-emp-name{color:var(--pr-ink);font-weight:600}.pr-emp-code{color:var(--pr-muted);font-size:12px}.pr-status{border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.pr-status--paid{color:#166534;background:#dcfce7}.pr-status--processed{color:#1d4ed8;background:#dbeafe}.pr-status--pending{color:#92400e;background:#fef3c7}.pr-actions{justify-content:flex-end;gap:8px;display:inline-flex}.pr-state{color:var(--pr-muted);justify-content:center;align-items:center;gap:10px;padding:36px 16px;font-size:14px;display:flex}.pr-empty{flex-direction:column;gap:6px}.pr-empty svg{color:#cbd5e1}.pr-empty p{color:#475569;margin:6px 0 0;font-weight:600}.pr-empty span{font-size:13px}.pr-spinner{border:2px solid #e2e8f0;border-top-color:var(--pr-accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite pr-spin}@keyframes pr-spin{to{transform:rotate(360deg)}}@media (width<=768px){.payroll-page{padding:16px 14px 40px}.pr-header{align-items:flex-start}.pr-toolbar{width:100%}.pr-field{flex:1}.pr-field select{width:100%}.pr-summary{grid-template-columns:repeat(2,1fr)}.pr-stat-value{font-size:19px}}@media (width<=480px){.pr-summary{grid-template-columns:1fr}}._slip_1tfxi_1{--accent:#6366f1;color:#0f172a;background:#fff;border:1px solid #e9ecf3;border-radius:14px;width:100%;max-width:760px;margin:0 auto;padding:26px 28px;font-size:13px;box-shadow:0 10px 34px #0f172a14}._header_1tfxi_16{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}._brand_1tfxi_24{align-items:center;gap:12px;display:flex}._logo_1tfxi_25{object-fit:contain;border-radius:10px;width:48px;height:48px}._logoFallback_1tfxi_26{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:800;display:flex}._company_1tfxi_30{letter-spacing:-.2px;font-size:17px;font-weight:800}._address_1tfxi_31{color:#64748b;max-width:280px;font-size:11.5px}._slipMeta_1tfxi_32{text-align:right}._slipTitle_1tfxi_33{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700}._period_1tfxi_34{font-size:14px;font-weight:700}._empGrid_1tfxi_37{border-bottom:1px solid #eef1f6;grid-template-columns:repeat(3,1fr);gap:12px 18px;padding:16px 0;display:grid}._empGrid_1tfxi_37>div{flex-direction:column;gap:2px;display:flex}._lbl_1tfxi_45{text-transform:uppercase;letter-spacing:.4px;color:#94a3b8;font-size:10.5px;font-weight:600}._val_1tfxi_46{color:#1e293b;font-size:13px;font-weight:600}._tables_1tfxi_49{grid-template-columns:1fr 1fr;gap:18px;padding:18px 0;display:grid}._table_1tfxi_49{border-collapse:collapse;width:100%}._table_1tfxi_49 thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--accent);padding:8px 10px;font-size:11px}._table_1tfxi_49 thead th:last-child{text-align:right;border-radius:0 6px 0 0}._table_1tfxi_49 thead th:first-child{border-radius:6px 0 0}._table_1tfxi_49 tbody td{border-bottom:1px solid #f1f4f9;padding:7px 10px;font-size:12.5px}._table_1tfxi_49 tfoot td{background:#f8fafc;border-top:2px solid #e2e8f0;padding:9px 10px;font-weight:800}._amt_1tfxi_59{text-align:right;font-variant-numeric:tabular-nums}._muted_1tfxi_60{color:#94a3b8;font-style:italic}._netBlock_1tfxi_63{background:color-mix(in srgb, var(--accent) 10%, #fff);border:1px solid color-mix(in srgb, var(--accent) 35%, #fff);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding:14px 18px;display:flex}._netLabel_1tfxi_69{text-transform:uppercase;letter-spacing:1px;color:#475569;font-size:11px;font-weight:700}._netWords_1tfxi_70{color:#475569;max-width:440px;font-size:12px;font-style:italic}._netAmount_1tfxi_71{color:var(--accent);font-variant-numeric:tabular-nums;font-size:26px;font-weight:900}._sectionTitle_1tfxi_74,._ytd_1tfxi_74 ._sectionTitle_1tfxi_74{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;margin:14px 0 8px;font-size:11px;font-weight:700}._ytdGrid_1tfxi_75{grid-template-columns:repeat(3,1fr);gap:12px;padding:4px 0;display:grid}._ytdGrid_1tfxi_75>div{flex-direction:column;gap:2px;display:flex}._bank_1tfxi_77{border-top:1px dashed #e2e8f0;flex-direction:column;gap:2px;margin-top:14px;padding-top:12px;display:flex}._footer_1tfxi_80{color:#94a3b8;border-top:1px solid #eef1f6;align-items:center;gap:14px;margin-top:18px;padding-top:12px;font-size:11px;display:flex}._qr_1tfxi_85{border:1px solid #eef1f6;border-radius:8px;width:64px;height:64px}._layout_modern_1tfxi_90{border:none;box-shadow:0 16px 44px #0f172a1f}._layout_modern_1tfxi_90 ._header_1tfxi_16{background:linear-gradient(120deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #000));border-bottom:none;border-radius:14px 14px 0 0;margin:-26px -28px 0;padding:22px 28px}._layout_modern_1tfxi_90 ._company_1tfxi_30,._layout_modern_1tfxi_90 ._slipTitle_1tfxi_33,._layout_modern_1tfxi_90 ._period_1tfxi_34{color:#fff}._layout_modern_1tfxi_90 ._address_1tfxi_31{color:#ffffffd9}._layout_modern_1tfxi_90 ._logoFallback_1tfxi_26{background:#fff3}._layout_modern_1tfxi_90 ._table_1tfxi_49 thead th{background:color-mix(in srgb, var(--accent) 14%, #fff);color:var(--accent)}._layout_compact_1tfxi_101{padding:18px 20px;font-size:12px}._layout_compact_1tfxi_101 ._empGrid_1tfxi_37{grid-template-columns:repeat(2,1fr);gap:8px 14px;padding:10px 0}._layout_compact_1tfxi_101 ._tables_1tfxi_49{gap:12px;padding:12px 0}._layout_compact_1tfxi_101 ._table_1tfxi_49 thead th{color:#334155;background:#f1f5f9}._layout_compact_1tfxi_101 ._netAmount_1tfxi_71{font-size:21px}._layout_compact_1tfxi_101 ._company_1tfxi_30{font-size:15px}._layout_detailed_1tfxi_109 ._empGrid_1tfxi_37{background:#f8fafc;border-bottom:none;border-radius:10px;padding:16px}._layout_detailed_1tfxi_109 ._tables_1tfxi_49{padding-top:18px}._layout_detailed_1tfxi_109 ._table_1tfxi_49{border:1px solid #e7ecf3;border-radius:8px;overflow:hidden}._layout_detailed_1tfxi_109 ._table_1tfxi_49 tbody td{padding:8px 12px}._layout_minimal_1tfxi_115{box-shadow:none;border-color:#e2e8f0}._layout_minimal_1tfxi_115 ._header_1tfxi_16{border-bottom:1px solid #0f172a}._layout_minimal_1tfxi_115 ._slipTitle_1tfxi_33,._layout_minimal_1tfxi_115 ._period_1tfxi_34{color:#0f172a}._layout_minimal_1tfxi_115 ._table_1tfxi_49 thead th{color:#0f172a;background:0 0;border-bottom:2px solid #0f172a}._layout_minimal_1tfxi_115 ._table_1tfxi_49 tfoot td{background:0 0}._layout_minimal_1tfxi_115 ._netBlock_1tfxi_63{background:0 0;border:1px dashed #0f172a}._layout_minimal_1tfxi_115 ._netAmount_1tfxi_71{color:#0f172a}@media print{._slip_1tfxi_1{box-shadow:none;border:none;max-width:100%}}._page_lqgyg_1{margin:0 auto;padding:22px 26px 60px}._header_lqgyg_6 h1{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}._header_lqgyg_6 p{color:#64748b;margin:4px 0 0;font-size:13.5px}._kpis_lqgyg_23{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 18px;display:grid}._kpi_lqgyg_23{--accent:#6366f1;background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 4px 18px #0f172a0a}._kpi_lqgyg_23:before{content:"";background:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}._kpiLabel_lqgyg_51{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:11.5px;font-weight:600}._kpiValue_lqgyg_59{color:#0f172a;margin-top:4px;font-size:26px;font-weight:800}._kpiMeta_lqgyg_66{color:#94a3b8;margin-top:2px;font-size:12px}._tabs_lqgyg_73{background:#fff;border:1px solid #eef1f6;border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex;overflow:hidden;box-shadow:0 4px 18px #0f172a0a}._tab_lqgyg_73{font-family:var(--font-family);color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}._tab_lqgyg_73:hover{color:var(--color-primary)}._tabActive_lqgyg_107{color:var(--color-primary);border-bottom-color:var(--color-primary)}._cols_lqgyg_113{grid-template-columns:1fr 1fr;gap:16px;display:grid}._card_lqgyg_119{background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:18px;box-shadow:0 4px 18px #0f172a0a}._card_lqgyg_119 h3{color:#0f172a;margin:0 0 14px;font-size:14.5px;font-weight:700}._muted_lqgyg_134{color:#94a3b8;font-size:13px}._subText_lqgyg_139{color:#94a3b8;font-size:12px}._strong_lqgyg_144{color:#1e293b;font-weight:700}._sectionTitle_lqgyg_149{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:8px;font-size:11px;font-weight:700}._bars_lqgyg_159{align-items:flex-end;gap:14px;height:180px;padding-top:8px;display:flex}._barCol_lqgyg_167{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}._barTrack_lqgyg_176{flex:1;justify-content:center;align-items:flex-end;gap:4px;width:100%;display:flex}._barFill_lqgyg_185{border-radius:5px 5px 0 0;width:38%;min-height:3px;transition:height .3s}._barLabel_lqgyg_192{color:#94a3b8;font-size:11px}._legend_lqgyg_197{color:#64748b;gap:16px;margin-top:12px;font-size:12px;display:flex}._legend_lqgyg_197 span{align-items:center;gap:6px;display:flex}._legend_lqgyg_197 i{border-radius:3px;width:11px;height:11px;display:inline-block}._distRow_lqgyg_219{align-items:center;gap:10px;margin:7px 0;display:flex}._distName_lqgyg_226{color:#475569;flex-shrink:0;width:130px;font-size:12.5px}._distTrack_lqgyg_233{background:#f1f4f9;border-radius:6px;flex:1;height:9px;overflow:hidden}._distFill_lqgyg_241{background:#6366f1;border-radius:6px;height:100%;display:block}._distVal_lqgyg_248{text-align:right;color:#1e293b;font-variant-numeric:tabular-nums;width:90px;font-size:12.5px;font-weight:600}._toolbar_lqgyg_258{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}._spacer_lqgyg_266{flex:1}._surface_lqgyg_271{background:#fff;border:1px solid #eef1f6;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #0f172a0a}._table_lqgyg_279{border-collapse:collapse;width:100%}._table_lqgyg_279 thead th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#94a3b8;background:#fbfbfd;border-bottom:1px solid #eef1f6;padding:12px 16px;font-size:11px;font-weight:700}._table_lqgyg_279 tbody td{color:#334155;border-bottom:1px solid #f4f6fa;padding:12px 16px;font-size:13px}._table_lqgyg_279 tbody tr:last-child td{border-bottom:none}._rowActions_lqgyg_307{justify-content:flex-end;gap:6px;display:flex}._linkBtn_lqgyg_313{cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}._pill_lqgyg_322{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}._empty_lqgyg_331{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;display:flex}._empty_lqgyg_331 p{max-width:460px;margin:0;font-size:13.5px}._aiBanner_lqgyg_348{color:#4338ca;background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px;display:flex}._aiBanner_lqgyg_348 strong{font-size:13px}._aiBanner_lqgyg_348 p{color:#475569;margin:4px 0 0;font-size:13px}._insightGrid_lqgyg_371{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}._insight_lqgyg_371{--accent:#6366f1;border:1px solid #eef1f6;border-left:4px solid var(--accent);background:#fff;border-radius:12px;gap:14px;padding:16px 18px;display:flex;box-shadow:0 4px 18px #0f172a0a}._insightIcon_lqgyg_389{background:color-mix(in srgb, var(--accent) 14%, #fff);width:40px;height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}._insight_lqgyg_371 h4{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:700}._insight_lqgyg_371 p{color:#64748b;margin:0;font-size:13px}._anomaly_lqgyg_415{--accent:#6366f1;border:1px solid #eef1f6;border-left:4px solid var(--accent);border-radius:10px;margin-bottom:10px;padding:12px 14px}._anomalyHead_lqgyg_424{justify-content:space-between;align-items:center;gap:10px;display:flex}._anomaly_lqgyg_415 p{color:#475569;margin:6px 0 0;font-size:13px}._formGrid_lqgyg_438{grid-template-columns:1fr 1fr;gap:14px;display:grid}._slipScroll_lqgyg_445{background:#f1f5f9;border-radius:10px;max-height:70vh;padding:4px;overflow:auto}@media (width<=900px){._kpis_lqgyg_23{grid-template-columns:repeat(2,1fr)}._cols_lqgyg_113,._insightGrid_lqgyg_371,._formGrid_lqgyg_438{grid-template-columns:1fr}}.hra-page{--hra-radius:14px;--hra-radius-sm:10px;--hra-shadow-card:0 4px 18px #0f172a0f;--hra-shadow-hover:0 12px 30px #0f172a1a;--hra-border:1px solid #e5e7eb;--hra-surface:#fff;--hra-bg:#f8fafc;--hra-text:#0f172a;--hra-muted:#64748b;--hra-primary:var(--primary);--hra-primary-soft:#eef2ff;--font-primary:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--font-heading:var(--font-heading,"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--font-size-base:var(--font-size-base,14px);--line-height-normal:var(--line-height-normal,1.5);--font-weight-normal:var(--font-weight-normal,400);--font-weight-semibold:var(--font-weight-semibold,600);--font-weight-bold:var(--font-weight-bold,700);background:var(--hra-bg);color:var(--hra-text);min-height:100%;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:var(--font-size-base,14px);line-height:var(--line-height-normal,1.5);font-weight:var(--font-weight-normal,400);flex-direction:column;gap:20px;padding:24px;display:flex}.hra-hero{border-radius:var(--hra-radius);color:#fff;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #4f46e540}.hra-hero:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffff1f,#0000);width:280px;height:280px;position:absolute;inset:-20% -10% auto auto}.hra-hero-text h1{font-size:26px;font-weight:700;font-family:var(--font-heading,"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);letter-spacing:-.01em;margin:6px 0 4px}.hra-hero-text p{opacity:.85;font-size:14px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);margin:0}.hra-hero-eyebrow{font-size:11px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:999px;padding:4px 10px;display:inline-block}.hra-hero-cta{z-index:1;gap:8px;display:flex}.hra-btn{border-radius:var(--hra-radius-sm);font-size:13px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);cursor:pointer;border:0;align-items:center;gap:6px;padding:9px 14px;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.hra-btn:hover{transform:translateY(-1px)}.hra-btn--primary{color:var(--primary);background:#fff;box-shadow:0 4px 12px #00000026}.hra-btn--ghost{color:#fff;background:#ffffff29;border:1px solid #ffffff4d}.hra-btn--ghost:hover{background:#ffffff3d}.hra-alert{border-radius:var(--hra-radius-sm);font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);align-items:center;gap:10px;padding:10px 14px;animation:.25s ease-out hra-slide-in;display:flex}@keyframes hra-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hra-alert--success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.hra-alert--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.hra-alert--info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.hra-alert-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;margin-left:auto}.hra-alert-close:hover{opacity:1}.hra-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.hra-stat{background:var(--hra-surface);border-radius:var(--hra-radius);box-shadow:var(--hra-shadow-card);border:var(--hra-border);font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);align-items:center;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.hra-stat:hover{box-shadow:var(--hra-shadow-hover);transform:translateY(-2px)}.hra-stat:before{content:"";opacity:.7;background:currentColor;width:6px;position:absolute;inset:0}.hra-stat--blue{color:#2563eb}.hra-stat--amber{color:#d97706}.hra-stat--green{color:#15803d}.hra-stat--red{color:#dc2626}.hra-stat-icon{background:color-mix(in srgb, currentColor 14%, #fff);color:currentColor;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.hra-stat-label{font-size:12px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);text-transform:uppercase;letter-spacing:.04em}.hra-stat-value{font-size:26px;font-weight:700;font-family:var(--font-heading,"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-text);margin-top:2px;line-height:1.1}.hra-stat-sub{font-size:11px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);margin-top:4px}.hra-tabs{background:var(--hra-surface);border:var(--hra-border);box-shadow:var(--hra-shadow-card);border-radius:14px;gap:6px;padding:6px;display:flex;overflow-x:auto}.hra-tab{cursor:pointer;color:var(--hra-muted);font-size:13px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;transition:background .15s,color .15s;display:inline-flex}.hra-tab:hover{color:var(--hra-text);background:#f1f5f9}.hra-tab--active{background:var(--hra-primary);color:#fff;box-shadow:0 4px 14px #4f46e540}.hra-tab-badge{font-size:11px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:#fff3;border:1px solid #ffffff4d;border-radius:999px;padding:1px 8px}.hra-tab:not(.hra-tab--active) .hra-tab-badge{color:#92400e;background:#fef3c7;border-color:#fde68a}.hra-panel{flex-direction:column;gap:16px;display:flex}.hra-card{background:var(--hra-surface);border-radius:var(--hra-radius);border:var(--hra-border);box-shadow:var(--hra-shadow-card);font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);padding:18px 20px}.hra-card-head{margin-bottom:14px}.hra-card-head h3{font-size:16px;font-weight:700;font-family:var(--font-heading,"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);margin:0}.hra-card-head p{font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);margin:2px 0 0}.hra-section-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}@media (width<=960px){.hra-section-grid{grid-template-columns:1fr}}.hra-tile-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.hra-tile{color:#fff;cursor:pointer;text-align:left;min-height:110px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);border:0;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.hra-tile:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 10px 24px #0000002e}.hra-tile-label{font-size:14px;font-weight:700;font-family:var(--font-heading,"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.hra-tile-count{font-size:22px;font-weight:800;font-family:var(--font-heading,"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:999px;align-self:flex-end;padding:2px 10px}.hra-breakdown{font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);margin:0;padding:0;list-style:none}.hra-breakdown li{border-bottom:1px dashed #e5e7eb;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.hra-breakdown li:last-child{border-bottom:0}.hra-breakdown strong{background:var(--hra-primary-soft);color:var(--hra-primary);font-size:12px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);border-radius:999px;padding:2px 10px}.hra-filter-bar{z-index:2;background:var(--hra-surface);border-radius:var(--hra-radius);border:var(--hra-border);box-shadow:var(--hra-shadow-card);font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);align-items:center;gap:8px;padding:10px;display:flex;position:sticky;top:0}.hra-filter-search{font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:240px;align-items:center;gap:6px;padding:6px 10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.hra-filter-search:focus-within{border-color:var(--hra-primary);background:#fff;box-shadow:0 0 0 3px #4f46e526}.hra-filter-search input{font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:0 0;border:0;outline:0;flex:1;padding:4px 0}.hra-filter-clear{color:var(--hra-muted);cursor:pointer;background:0 0;border:0}.hra-filter-bar select{font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;transition:border-color .15s}.hra-filter-bar select:focus{border-color:var(--hra-primary);background:#fff;outline:none}.hra-list{font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hra-row{cursor:pointer;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.hra-row:hover{border-color:var(--hra-primary);transform:translateY(-1px);box-shadow:0 6px 18px #0f172a0f}.hra-row-icon{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 12px #0000001f}.hra-row-main{min-width:0}.hra-row-title{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.hra-row-title strong{font-size:14px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.hra-row-employee{font-size:12px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);background:#f1f5f9;border-radius:999px;padding:1px 8px}.hra-row-desc{font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;display:-webkit-box;overflow:hidden}.hra-row-meta{font-size:11px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);gap:12px;display:flex}.hra-row-meta span{align-items:center;gap:4px;display:inline-flex}.hra-row-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.hra-row-actions{gap:4px;display:flex}.hra-icon-btn{width:28px;height:28px;color:var(--hra-muted);cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;place-items:center;transition:background .15s,color .15s,transform .15s;display:grid}.hra-icon-btn:hover{color:var(--hra-text);background:#e2e8f0;transform:translateY(-1px)}.hra-icon-btn--ok{color:#166534;background:#dcfce7}.hra-icon-btn--ok:hover{background:#bbf7d0}.hra-icon-btn--bad{color:#991b1b;background:#fee2e2}.hra-icon-btn--bad:hover{background:#fecaca}.hra-icon-btn--ghost{background:0 0}.hra-pill{font-size:11px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);text-transform:capitalize;border-radius:999px;padding:2px 10px;display:inline-block}.hra-priority{font-size:11px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);align-items:center;gap:6px;display:inline-flex}.hra-priority-dot{border-radius:999px;width:8px;height:8px;display:inline-block}.hra-type-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.hra-type-card{color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-heading,"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);border:0;border-radius:14px;align-items:center;gap:12px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 18px #0000001a}.hra-type-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000002e}.hra-detail{font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);flex-direction:column;gap:14px;display:flex}.hra-detail-head{color:#fff;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 6px 16px #0000001a}.hra-detail-head strong{font-size:16px;font-weight:600;font-family:var(--font-heading,"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);display:block}.hra-detail-head span{font-size:12px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);opacity:.9;display:block}.hra-detail-head .hra-pill{margin-left:auto}.hra-detail-grid{font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);grid-template-columns:1fr 1fr;gap:10px 16px;margin:0;display:grid}.hra-detail-grid>div{flex-direction:column;gap:2px;display:flex}.hra-detail-grid dt{font-size:11px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);text-transform:uppercase;letter-spacing:.04em}.hra-detail-grid dd{font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);margin:0}.hra-detail-meta{grid-column:1/-1}.hra-detail-meta ul{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}.hra-detail-meta li{font-size:12px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;padding:6px 10px;display:flex}.hra-detail-actions{font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);border-top:1px solid #e5e7eb;flex-direction:column;gap:8px;padding-top:10px;display:flex}.hra-detail-actions label{font-size:12px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted)}.hra-detail-actions textarea{font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);resize:vertical;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px}.hra-detail-buttons{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.hra-create{font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);flex-direction:column;gap:14px;display:flex}.hra-create-types{flex-wrap:wrap;gap:6px;display:flex}.hra-chip{font-size:12px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);cursor:pointer;color:var(--hra-text);background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;transition:background .15s,color .15s,transform .15s;display:inline-flex}.hra-chip:hover{transform:translateY(-1px)}.hra-chip--active{box-shadow:0 4px 10px #00000026}.hra-form-grid{font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.hra-form-full{grid-column:1/-1}.hra-form-grid label{font-size:12px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);flex-direction:column;gap:4px;display:flex}.hra-form-grid input,.hra-form-grid select,.hra-form-grid textarea{font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-text);background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;transition:border-color .15s,box-shadow .15s}.hra-form-grid input:focus,.hra-form-grid select:focus,.hra-form-grid textarea:focus{border-color:var(--hra-primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.hra-search-select{width:100%;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);position:relative}.hra-search-select-toggle{width:100%;color:var(--hra-text);font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:9px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.hra-search-select-toggle:hover{border-color:#cbd5e1}.hra-search-select-toggle:focus,.hra-search-select.is-open .hra-search-select-toggle{border-color:var(--hra-primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.hra-search-select-toggle.has-value{color:var(--hra-text)}.hra-search-select-toggle:disabled{opacity:.6;cursor:not-allowed}.hra-search-select-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);flex:1;align-items:baseline;gap:8px;display:inline-flex;overflow:hidden}.hra-search-select-label strong{color:var(--hra-text);font-size:13px;font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.hra-search-select-label em{font-size:11px;font-style:normal;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);background:#f1f5f9;border-radius:999px;padding:1px 6px}.hra-search-select-clear{color:var(--hra-muted);cursor:pointer;background:0 0;border:0;padding:0;transition:color .15s;display:inline-flex}.hra-search-select-clear:hover{color:#ef4444}.hra-search-select-menu{z-index:30;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:#fff;border:1px solid #e5e7eb;border-radius:12px;animation:.15s ease-out hra-slide-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 18px 40px #0f172a1f}.hra-search-select-search{color:var(--hra-muted);font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;padding:10px 12px;display:flex}.hra-search-select-search input{font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-text);background:0 0;border:0;outline:0;flex:1}.hra-search-select-options{max-height:280px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);margin:0;padding:4px;list-style:none;overflow-y:auto}.hra-search-select-options li{cursor:pointer;font-size:13px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:background .1s;display:flex}.hra-search-select-options li:hover{background:#f1f5f9}.hra-search-select-options li.is-selected{background:var(--hra-primary-soft);color:var(--hra-primary)}.hra-search-select-options li>div{flex-direction:column;gap:2px;min-width:0;display:flex}.hra-search-select-options li strong{font-weight:600;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hra-search-select-options li span{font-size:11px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted)}.hra-search-select-options li.is-selected span{color:var(--hra-primary);opacity:.85}.hra-search-select-empty{text-align:center;font-size:12px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);padding:18px}.hra-form-hint{font-size:11px;font-weight:400;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--hra-muted);align-items:center;gap:4px;margin-left:4px;display:inline-flex}.hra-form-hint svg{animation:1s linear infinite hra-spin}.hra-loading,.hra-empty{color:var(--hra-muted);font-size:14px;font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.hra-loading svg{animation:1s linear infinite hra-spin}@keyframes hra-spin{to{transform:rotate(360deg)}}@media print{.hra-hero,.hra-filter-bar,.hra-tabs,.hra-row-actions{display:none!important}}@media (width<=640px){.hra-page{font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);padding:16px}.hra-hero{padding:20px 22px}.hra-hero-text h1{font-size:22px;font-family:var(--font-heading,"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.hra-detail-grid,.hra-form-grid{grid-template-columns:1fr}.hra-row{grid-template-columns:auto 1fr}.hra-row-side{flex-direction:row;grid-column:1/-1;justify-content:space-between}}.hr-action-page{font-family:var(--font-primary,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);margin:0 auto;padding:1.5rem}.hra-doc-types{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:22px;display:grid}.hra-doc-type{text-align:left;background:var(--hra-surface);border-radius:var(--hra-radius-sm);cursor:pointer;border:1px solid #e5e7eb;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:flex;position:relative}.hra-doc-type:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 10px 24px #4f66f11f}.hra-doc-type--active{border-color:var(--hra-primary,#4f46e5);background:var(--hra-primary-soft,#eef2ff);box-shadow:0 0 0 1px var(--hra-primary,#4f46e5) inset}.hra-doc-type-icon{width:42px;height:42px;color:var(--hra-primary,#4f46e5);background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hra-doc-type-body{flex-direction:column;gap:3px;min-width:0;padding-right:22px;display:flex}.hra-doc-type-body strong{color:var(--hra-text);font-size:14px}.hra-doc-type-body em{color:var(--hra-muted);font-size:12px;font-style:normal;line-height:1.45}.hra-doc-type-tag{text-transform:uppercase;letter-spacing:.04em;color:#166534;background:#dcfce7;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:700;position:absolute;top:12px;right:34px}.hra-doc-type-check{color:var(--hra-primary,#4f46e5);position:absolute;top:12px;right:12px}.hra-doc-form{border-top:1px solid #eef2f7;flex-direction:column;gap:16px;padding-top:18px;display:flex}.hra-doc-form .hra-form-full{flex-direction:column;gap:6px;display:flex}.hra-doc-form .hra-form-full>span{color:#475569;font-size:12px;font-weight:600}.hra-doc-actions{flex-wrap:wrap;gap:10px;display:flex}.hra-doc-hint{color:var(--hra-muted);align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.hra-doc-hint svg{color:#94a3b8;flex-shrink:0}@media (width<=640px){.hra-doc-types{grid-template-columns:1fr}.hra-doc-actions{flex-direction:column}.hra-doc-actions button{width:100%}}.hra-sign-upload{flex-direction:column;gap:8px;display:flex}.hra-sign-label{color:#475569;font-size:12px;font-weight:600}.hra-sign-label em{color:#94a3b8;font-style:normal;font-weight:400}.hra-sign-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hra-sign-drop{border-radius:var(--hra-radius-sm);width:220px;height:84px;color:var(--hra-muted);cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:600;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.hra-sign-drop:hover{border-color:var(--hra-primary,#4f46e5);color:var(--hra-primary,#4f46e5);background:#eef2ff}.hra-sign-preview{border-radius:var(--hra-radius-sm);background:linear-gradient(45deg, #f1f5f9 25%, transparent 25%) -8px 0 / 16px 16px, linear-gradient(-45deg, #f1f5f9 25%, transparent 25%) -8px 0 / 16px 16px, linear-gradient(45deg, transparent 75%, #f1f5f9 75%) / 16px 16px, linear-gradient(-45deg, transparent 75%, #f1f5f9 75%) / 16px 16px, #fff;border:1px solid #e5e7eb;justify-content:center;align-items:center;width:220px;height:84px;padding:8px;display:flex;position:relative}.hra-sign-preview img{object-fit:contain;max-width:100%;max-height:100%}.hra-sign-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #0003}.hra-sign-remove:hover{background:#dc2626}@media (width<=640px){.hra-sign-drop,.hra-sign-preview{width:100%}}.hra-graphic-drop,.hra-graphic-preview{width:260px;height:150px}.hra-graphic-preview img{max-height:100%}.hra-row-source{text-transform:uppercase;letter-spacing:.04em;color:#4338ca;background:#eef2ff;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:700}.hra-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.hra-pager-info{color:#64748b;font-size:12.5px;font-weight:600}.hra-pager-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.hra-pager-btn:hover:not(:disabled){color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.hra-pager-btn:disabled{opacity:.5;cursor:not-allowed}.hra-row--skeleton{pointer-events:none}.hra-skel{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;animation:1.3s infinite hra-shimmer}.hra-skel-icon{border-radius:12px;flex-shrink:0;width:44px;height:44px}.hra-skel-line{border-radius:6px;height:12px;margin:6px 0}.hra-skel-pill{border-radius:999px;flex-shrink:0;width:72px;height:22px}@keyframes hra-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}._page_1e8nb_1{color:#0f172a;margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_1e8nb_3{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}._header_1e8nb_3 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}._header_1e8nb_3 h1 svg{color:#4f46e5}._header_1e8nb_3 p{color:#64748b;max-width:640px;margin:6px 0 0;font-size:14px}._stats_1e8nb_8{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:22px;display:grid}._stat_1e8nb_8{background:#fff;border:1px solid #e7eaf0;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 1px 2px #0f172a0a}._statIcon_1e8nb_10{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}._statVal_1e8nb_11{letter-spacing:-.02em;font-size:22px;font-weight:800}._statLbl_1e8nb_12{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}._card_1e8nb_14{background:#fff;border:1px solid #e7eaf0;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}._cardHead_1e8nb_15{border-bottom:1px solid #e7eaf0;padding:16px 20px}._cardHead_1e8nb_15 h2{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}._cardHead_1e8nb_15 h2 svg{color:#4f46e5}._tableWrap_1e8nb_19{overflow-x:auto}._table_1e8nb_19{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}._table_1e8nb_19 thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e7eaf0;padding:12px 18px;font-size:11px;font-weight:700}._table_1e8nb_19 tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 18px}._table_1e8nb_19 tbody tr:last-child td{border-bottom:none}._table_1e8nb_19 tbody tr:hover{background:#fafbff}._right_1e8nb_25{text-align:right}._docCell_1e8nb_27{align-items:center;gap:12px;display:flex}._docIcon_1e8nb_28{color:#4f46e5;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}._docTitle_1e8nb_29{color:#0f172a;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}._docMeta_1e8nb_30{color:#94a3b8;align-items:center;gap:4px;font-size:12px;display:inline-flex}._mandatory_1e8nb_31{text-transform:uppercase;color:#b45309;background:#fef3c7;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}._pill_1e8nb_33{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}._stPublished_1e8nb_34{color:#166534;background:#dcfce7}._stDraft_1e8nb_35{color:#475569;background:#f1f5f9}._stArchived_1e8nb_36{color:#b91c1c;background:#fee2e2}._ackCell_1e8nb_38{align-items:center;gap:8px;display:flex}._bar_1e8nb_39{background:#eef2f7;border-radius:999px;flex-shrink:0;width:90px;height:8px;overflow:hidden}._barFill_1e8nb_40{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:999px;height:100%}._actions_1e8nb_42{justify-content:flex-end;gap:4px;display:inline-flex}._iconBtn_1e8nb_43{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}._iconBtn_1e8nb_43:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}._iconBtn_1e8nb_43._danger_1e8nb_45:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}._state_1e8nb_47{text-align:center;color:#94a3b8;padding:40px 16px}._state_1e8nb_47 p{color:#475569;margin:8px 0 2px;font-weight:600}._state_1e8nb_47 span{font-size:13px}._spinner_1e8nb_50{vertical-align:middle;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.7s linear infinite _spin_1e8nb_50;display:inline-block}@keyframes _spin_1e8nb_50{to{transform:rotate(360deg)}}._btnRow_1e8nb_53{justify-content:flex-end;gap:8px;display:flex}._form_1e8nb_54{flex-direction:column;gap:14px;display:flex}._formGrid_1e8nb_55{grid-template-columns:1fr 1fr;gap:14px;display:grid}._fileField_1e8nb_56{color:#475569;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}._fileField_1e8nb_56 input[type=file]{font-weight:400}._fileName_1e8nb_58{color:#16a34a;align-items:center;gap:4px;font-weight:600;display:inline-flex}._trackHead_1e8nb_60{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}._trackStats_1e8nb_61{align-items:center;gap:14px;font-size:13px;font-weight:600;display:flex}._trackOk_1e8nb_62{color:#16a34a}._trackPending_1e8nb_63{color:#b45309}@media (width<=720px){._formGrid_1e8nb_55{grid-template-columns:1fr}}._page_a1xn5_1{color:#0f172a;margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_a1xn5_3{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}._header_a1xn5_3 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:23px;font-weight:700;display:flex}._header_a1xn5_3 h1 svg{color:#4f46e5}._header_a1xn5_3 p{color:#64748b;margin:6px 0 0;font-size:14px}._pendingBanner_a1xn5_7{color:#92400e;background:#fef3c7;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}._section_a1xn5_9{margin-bottom:26px}._sectionTitle_a1xn5_10{color:#475569;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:700;display:flex}._sectionTitle_a1xn5_10 svg{color:#4f46e5}._grid_a1xn5_13{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}._docCard_a1xn5_15{cursor:pointer;background:#fff;border:1px solid #e7eaf0;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .18s,border-color .18s,transform .18s;display:flex}._docCard_a1xn5_15:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 12px 28px #4f66f11f}._docCard_a1xn5_15._ackd_a1xn5_17{background:#fafdfb}._docIcon_a1xn5_19{color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}._docBody_a1xn5_20{flex:1;min-width:0}._docTitle_a1xn5_21{color:#0f172a;font-size:14.5px;font-weight:700}._docDesc_a1xn5_22{color:#64748b;margin-top:3px;font-size:12.5px;line-height:1.45}._docTags_a1xn5_23{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}._tag_a1xn5_24{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}._tagMandatory_a1xn5_25{color:#b45309;background:#fef3c7}._tagOverdue_a1xn5_26{color:#b91c1c;background:#fee2e2}._docStatus_a1xn5_28{flex-shrink:0}._ackBadge_a1xn5_29{color:#16a34a;align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}._reviewBadge_a1xn5_30{color:#4f46e5;font-size:13px;font-weight:700}._state_a1xn5_32{text-align:center;color:#94a3b8;padding:60px 16px}._state_a1xn5_32 p{color:#475569;margin:10px 0 2px;font-size:15px;font-weight:600}._state_a1xn5_32 span{font-size:13px}._spinner_a1xn5_35{vertical-align:middle;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.7s linear infinite _spin_a1xn5_35;display:inline-block}@keyframes _spin_a1xn5_35{to{transform:rotate(360deg)}}._reader_a1xn5_39{flex-direction:column;gap:14px;display:flex}._readerMeta_a1xn5_40{flex-wrap:wrap;gap:6px;display:flex}._readerDesc_a1xn5_41{color:#334155;margin:0;font-size:14px;font-weight:500}._readerContent_a1xn5_42{color:#1f2937;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;max-height:46vh;padding:18px 20px;font-size:14px;line-height:1.75;overflow-y:auto}._readerContent_a1xn5_42 p{margin:0 0 12px}._readerContent_a1xn5_42 p:last-child{margin-bottom:0}._noContent_a1xn5_45{color:#94a3b8;font-size:13px;font-style:italic}._speakingHint_a1xn5_47{color:#4338ca;background:#eef2ff;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}._fileRow_a1xn5_49{color:#334155;background:#fff;border:1px solid #e7eaf0;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}._fileRow_a1xn5_49>span{flex:1;min-width:0}._fileRow_a1xn5_49 svg{color:#dc2626;flex-shrink:0}._signBox_a1xn5_53{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}._signBox_a1xn5_53 label{color:#92400e;font-size:12.5px;font-weight:600;line-height:1.5}._readerFooter_a1xn5_56{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}._speaker_a1xn5_57{gap:8px;display:flex}@media (width<=640px){._grid_a1xn5_13{grid-template-columns:1fr}._readerFooter_a1xn5_56{flex-direction:column-reverse;align-items:stretch}}._page_g3qqn_1{color:#0f172a;margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_g3qqn_8{margin-bottom:20px}._header_g3qqn_8 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:23px;font-weight:700;display:flex}._header_g3qqn_8 h1 svg{color:#4f46e5}._header_g3qqn_8 p{color:#64748b;margin:6px 0 0;font-size:14px}._statsRow_g3qqn_33{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}._statCard_g3qqn_40{background:#fff;border:1px solid #e7eaf0;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}._statIcon_g3qqn_50{color:#4f46e5;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}._statValue_g3qqn_62{font-size:20px;font-weight:800;line-height:1}._statLabel_g3qqn_68{color:#64748b;margin-top:3px;font-size:11.5px}._toneBlue_g3qqn_74 ._statIcon_g3qqn_50{color:#4338ca;background:#e0e7ff}._toneGreen_g3qqn_79 ._statIcon_g3qqn_50{color:#15803d;background:#dcfce7}._toneRed_g3qqn_84 ._statIcon_g3qqn_50{color:#b91c1c;background:#fee2e2}._toolbar_g3qqn_90{background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:10px;display:flex}._searchBox_g3qqn_104{flex:1;min-width:220px;max-width:360px}._state_g3qqn_110{text-align:center;color:#94a3b8;padding:60px 16px}._state_g3qqn_110 p{color:#475569;margin:10px 0 2px;font-size:15px;font-weight:600}._spinner_g3qqn_123{vertical-align:middle;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.7s linear infinite _spin_g3qqn_123;display:inline-block}@keyframes _spin_g3qqn_123{to{transform:rotate(360deg)}}._tableWrap_g3qqn_142{background:#fff;border:1px solid #e7eaf0;border-radius:16px;overflow:hidden}._table_g3qqn_142{border-collapse:collapse;width:100%;font-size:13.5px}._table_g3qqn_142 thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;background:#f8fafc;border-bottom:1px solid #eef2f7;padding:13px 16px;font-size:11px;font-weight:700}._table_g3qqn_142 tbody tr{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .14s}._table_g3qqn_142 tbody tr:hover{background:#f8faff}._table_g3qqn_142 tbody tr:last-child{border-bottom:none}._table_g3qqn_142 td{vertical-align:middle;color:#334155;padding:12px 16px}._empCell_g3qqn_187{align-items:center;gap:10px;display:flex}._avatar_g3qqn_193{color:#fff;background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}._empName_g3qqn_207{color:#0f172a;font-weight:700}._empSub_g3qqn_212{color:#94a3b8;font-size:11.5px}._stagePill_g3qqn_217{color:#4338ca;background:#eef2ff;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}._progBar_g3qqn_227{vertical-align:middle;background:#eef2f7;border-radius:999px;width:90px;height:6px;display:inline-block;overflow:hidden}._progBar_g3qqn_227 span{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:999px;height:100%;display:block}._progTxt_g3qqn_244{color:#64748b;margin-left:8px;font-size:11px}._chev_g3qqn_250{color:#cbd5e1}._badge_g3qqn_255{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}._badgeBlue_g3qqn_263{color:#3730a3;background:#e0e7ff}._badgeGreen_g3qqn_268{color:#15803d;background:#dcfce7}._badgeRed_g3qqn_273{color:#b91c1c;background:#fee2e2}._badgeGray_g3qqn_278{color:#475569;background:#f1f5f9}._detailGrid_g3qqn_284{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}._detailHead_g3qqn_290{align-items:center;gap:12px;margin-bottom:14px;display:flex}._detailStage_g3qqn_297{color:#4338ca;font-size:14px;font-weight:700}._metaGrid_g3qqn_303{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px 18px;padding:16px 18px;display:grid}._metaGrid_g3qqn_303 label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:2px;font-size:10.5px;font-weight:700;display:block}._metaGrid_g3qqn_303 span{color:#1f2937;font-size:13.5px;font-weight:600}._detailNotes_g3qqn_329{color:#334155;background:#f8fafc;border-radius:10px;margin:14px 0 0;padding:12px 14px;font-size:13px;line-height:1.6}._rejectBox_g3qqn_339{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:6px;margin:14px 0 0;padding:10px 14px;font-size:13px;display:flex}._lettersDone_g3qqn_352{color:#15803d;background:#f0fdf4;border-radius:8px;align-items:center;gap:6px;margin:14px 0 0;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}._tlTitle_g3qqn_365{color:#475569;text-transform:uppercase;letter-spacing:.03em;margin:18px 0 12px;font-size:12.5px;font-weight:700}._timeline_g3qqn_375{flex-direction:column;display:flex}._tlRow_g3qqn_380{gap:12px;padding-bottom:16px;display:flex;position:relative}._tlRow_g3qqn_380:not(:last-child) ._tlIcon_g3qqn_387:after{content:"";background:#e2e8f0;width:2px;position:absolute;top:24px;bottom:0;left:9px}._tlIcon_g3qqn_387{flex-shrink:0;align-items:flex-start;display:flex;position:relative}._tlBody_g3qqn_404{flex:1;min-width:0}._tlHead_g3qqn_409{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._tlName_g3qqn_416{color:#0f172a;font-size:13.5px;font-weight:700}._tlStatus_g3qqn_422{color:#64748b;text-transform:uppercase;background:#f1f5f9;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}._tlActive_g3qqn_432{color:#4338ca;background:#e0e7ff}._tlMeta_g3qqn_437{color:#64748b;flex-wrap:wrap;gap:6px;margin-top:2px;font-size:11.5px;display:flex}._tlMuted_g3qqn_446{color:#94a3b8;font-style:italic}._tlComment_g3qqn_451{color:#475569;background:#f8fafc;border-left:3px solid #c7d2fe;border-radius:0 8px 8px 0;margin-top:5px;padding:5px 10px;font-size:12px}._detailRight_g3qqn_462{border-left:1px solid #eef2f7;padding-left:22px}._panel_g3qqn_467{flex-direction:column;gap:14px;display:flex;position:sticky;top:0}._panel_g3qqn_467 h4{color:#0f172a;margin:0;font-size:15px;font-weight:700}._panelHint_g3qqn_482{color:#64748b;margin:0;font-size:12.5px;line-height:1.55}._panelActions_g3qqn_489{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}._row2_g3qqn_496{grid-template-columns:1fr 1fr;gap:12px;display:grid}._terminalNote_g3qqn_502{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:16px;font-size:13px;display:inline-block}@media (width<=880px){._detailGrid_g3qqn_284{grid-template-columns:1fr}._detailRight_g3qqn_462{border-top:1px solid #eef2f7;border-left:none;padding-top:18px;padding-left:0}._metaGrid_g3qqn_303{grid-template-columns:1fr}}._page_nf79t_1{color:#0f172a;margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_nf79t_3{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}._header_nf79t_3 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:23px;font-weight:700;display:flex}._header_nf79t_3 h1 svg{color:#4f46e5}._header_nf79t_3 p{color:#64748b;max-width:560px;margin:6px 0 0;font-size:14px}._state_nf79t_8{text-align:center;color:#94a3b8;padding:64px 16px}._state_nf79t_8 svg{color:#cbd5e1}._state_nf79t_8 p{color:#475569;margin:12px 0 2px;font-size:15px;font-weight:600}._state_nf79t_8 span{font-size:13px}._spinner_nf79t_12{vertical-align:middle;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.7s linear infinite _spin_nf79t_12;display:inline-block}@keyframes _spin_nf79t_12{to{transform:rotate(360deg)}}._badge_nf79t_16{letter-spacing:.02em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}._badgeBlue_nf79t_17{color:#3730a3;background:#e0e7ff}._badgeGreen_nf79t_18{color:#15803d;background:#dcfce7}._badgeRed_nf79t_19{color:#b91c1c;background:#fee2e2}._badgeGray_nf79t_20{color:#475569;background:#f1f5f9}._activeCard_nf79t_23{background:#fff;border:1px solid #e7eaf0;border-radius:18px;margin-bottom:28px;padding:24px 26px;box-shadow:0 10px 30px #0f172a0d}._activeTop_nf79t_24{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}._activeTop_nf79t_24 h2{margin:10px 0 4px;font-size:19px;font-weight:700}._activeSub_nf79t_26{color:#64748b;margin:0;font-size:13px}._progressWrap_nf79t_28{color:#64748b;text-align:right;align-items:center;gap:12px;font-size:12px;display:flex}._progressWrap_nf79t_28 b{color:#0f172a;font-size:13px}._progressRing_nf79t_30{color:#4f46e5;background:conic-gradient(#4f46e5 var(--p,0%), #eef2ff 0);border:1px solid #eef2ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:16px;font-weight:800;display:flex;box-shadow:inset 0 0 0 8px #fff}._metaGrid_nf79t_32{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px 20px;margin:22px 0;padding:18px 20px;display:grid}._metaGrid_nf79t_32 label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:3px;font-size:11px;font-weight:700;display:block}._metaGrid_nf79t_32 span{color:#1f2937;font-size:14px;font-weight:600}._activeActions_nf79t_36{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}._tlTitle_nf79t_39{color:#475569;text-transform:uppercase;letter-spacing:.03em;margin:6px 0 14px;font-size:13px;font-weight:700}._timeline_nf79t_40{flex-direction:column;display:flex}._tlRow_nf79t_41{gap:14px;padding-bottom:18px;display:flex;position:relative}._tlRow_nf79t_41:not(:last-child) ._tlIcon_nf79t_42:after{content:"";background:#e2e8f0;width:2px;position:absolute;top:26px;bottom:0;left:11px}._tlIcon_nf79t_42{flex-shrink:0;align-items:flex-start;display:flex;position:relative}._tlBody_nf79t_44{flex:1;min-width:0;padding-top:1px}._tlHead_nf79t_45{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._tlName_nf79t_46{color:#0f172a;font-size:14px;font-weight:700}._tlStatus_nf79t_47{color:#64748b;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:700}._tlActive_nf79t_48{color:#4338ca;background:#e0e7ff}._tlMeta_nf79t_49{color:#64748b;flex-wrap:wrap;gap:6px;margin-top:3px;font-size:12px;display:flex}._tlMuted_nf79t_50{color:#94a3b8;font-style:italic}._tlComment_nf79t_51{color:#475569;background:#f8fafc;border-left:3px solid #c7d2fe;border-radius:0 8px 8px 0;margin-top:6px;padding:6px 12px;font-size:12.5px}._section_nf79t_54{margin-bottom:26px}._sectionTitle_nf79t_55{color:#475569;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:700;display:flex}._sectionTitle_nf79t_55 svg{color:#4f46e5}._grid_nf79t_57{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}._histCard_nf79t_58{cursor:pointer;background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:16px 18px;transition:box-shadow .18s,border-color .18s,transform .18s}._histCard_nf79t_58:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 12px 28px #4f66f11f}._histTop_nf79t_60{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}._histDate_nf79t_61{color:#94a3b8;font-size:12px}._histReason_nf79t_62{color:#0f172a;font-size:14.5px;font-weight:700}._histMeta_nf79t_63{color:#64748b;margin-top:4px;font-size:12.5px}._histReject_nf79t_64{color:#b91c1c;background:#fef2f2;border-radius:8px;margin-top:8px;padding:6px 10px;font-size:12px}._formGrid_nf79t_67{flex-direction:column;gap:16px;display:flex}._row2_nf79t_68{grid-template-columns:1fr 1fr;gap:14px;display:grid}._notice_nf79t_69{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}._notice_nf79t_69 svg{flex-shrink:0;margin-top:1px}._hint_nf79t_71{color:#64748b;font-size:12.5px}._modalFooter_nf79t_72{justify-content:flex-end;gap:10px;width:100%;display:flex}._detail_nf79t_75{flex-direction:column;gap:6px;display:flex}._detailHead_nf79t_76{align-items:center;gap:12px;display:flex}._detailStage_nf79t_77{color:#4338ca;font-size:14px;font-weight:700}._detailNotes_nf79t_78{color:#334155;background:#f8fafc;border-radius:10px;margin:4px 0;padding:12px 14px;font-size:13.5px;line-height:1.6}._rejectBox_nf79t_79{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:6px;margin:4px 0;padding:10px 14px;font-size:13px;display:flex}@media (width<=640px){._grid_nf79t_57,._row2_nf79t_68{grid-template-columns:1fr}._activeActions_nf79t_36{flex-direction:column}}.paid-time-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.paid-time-modal-content{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.paid-time-modal-content .modal-header{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-bottom:1px solid #e5e7eb;border-left:5px solid;justify-content:space-between;align-items:flex-start;padding:28px 24px;display:flex}.paid-time-modal-content .modal-header h2{color:#1f2937;margin:0 0 4px;font-size:24px;font-weight:700}.paid-time-modal-content .modal-header .subtitle{color:#9ca3af;margin:0;font-size:13px}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.close-btn:hover{color:#1f2937;background:#0000000d}.paid-time-modal-content .modal-body{padding:28px}.paid-time-modal-content .status-alert{margin-bottom:24px}.paid-time-modal-content .section{border-bottom:1px solid #e5e7eb;margin-bottom:28px;padding-bottom:24px}.paid-time-modal-content .section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.paid-time-modal-content .section-title{color:#1f2937;align-items:center;gap:10px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.paid-time-modal-content .section-title svg{color:#667eea}.paid-time-modal-content .info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.paid-time-modal-content .info-item{flex-direction:column;display:flex}.paid-time-modal-content .info-item.full-width{grid-column:1/-1}.paid-time-modal-content .info-item label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.paid-time-modal-content .info-item p{color:#1f2937;margin:0;font-size:14px;font-weight:500}.paid-time-modal-content .value-highlight{color:#667eea;font-size:18px;font-weight:700}.paid-time-modal-content .request-id{color:#9ca3af;font-family:Courier New,monospace;font-size:12px}.paid-time-modal-content .remarks-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;font-size:13px;line-height:1.6}.paid-time-modal-content .reason-box{color:#1f2937;background:#f0f5ff;border-left:3px solid #667eea;border-radius:6px;padding:14px;font-size:14px;line-height:1.6}.paid-time-modal-content .approval-remarks{color:#1f2937;resize:vertical;border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-bottom:16px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.paid-time-modal-content .approval-remarks:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.paid-time-modal-content .action-buttons{gap:12px;display:flex}.paid-time-modal-content .action-buttons button{cursor:pointer;border-radius:8px;flex:1;padding:12px 16px;font-weight:600;transition:all .2s}.paid-time-modal-content .action-buttons button:disabled{opacity:.6;cursor:not-allowed}.paid-time-modal-content .approval-section{background:#f0f5ff;border:1px solid #dbeafe;border-bottom:none;border-radius:8px;margin-bottom:0;padding:20px}.paid-time-modal-content .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.paid-time-modal-content .modal-footer button{cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}@media (width<=768px){.paid-time-modal-content{width:95%;max-width:100%}.paid-time-modal-content .modal-header,.paid-time-modal-content .modal-body{padding:20px 16px}.paid-time-modal-content .info-grid{grid-template-columns:1fr}.paid-time-modal-content .section{margin-bottom:20px;padding-bottom:20px}.paid-time-modal-content .action-buttons{flex-direction:column}}@media (width<=480px){.paid-time-modal-content{border-radius:8px;width:98%}.paid-time-modal-content .modal-header h2{font-size:20px}.paid-time-modal-content .section-title{font-size:14px}.paid-time-modal-content .info-item label{font-size:11px}.paid-time-modal-content .info-item p{font-size:13px}.paid-time-modal-content .value-highlight{font-size:16px}}.timeoff-page{background:var(--color-background,#f5f5f5);min-height:100vh;padding:24px}.timeoff-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.timeoff-page h1{color:var(--color-text-primary,#000);margin:0 0 4px;font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.timeoff-page .subtitle{color:var(--color-text-secondary,#666);margin:0;font-family:Poppins,sans-serif;font-size:14px}.btn-request{color:#fff;cursor:pointer;background:#06b6d4;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:Poppins,sans-serif;font-weight:600;transition:all .2s;display:flex}.btn-request:hover{background:#0891b2;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.available-days{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.day-card{background:#fff;border-left:4px solid #ccc;border-radius:12px;align-items:center;gap:16px;padding:20px;font-family:Poppins,sans-serif;display:flex;box-shadow:0 2px 8px #00000014}.day-card.vacation{border-left-color:#f59e0b}.day-card.vacation svg{color:#f59e0b}.day-card.sick{border-left-color:#ef4444}.day-card.sick svg{color:#ef4444}.day-card.personal{border-left-color:#3b82f6}.day-card.personal svg{color:#3b82f6}.day-card .days{color:var(--color-text-primary,#000);margin:0;font-size:28px;font-weight:700}.day-card .type{color:var(--color-text-secondary,#666);margin:4px 0 0;font-size:12px}.filter-section{margin-bottom:24px}.filter-section select{border:1px solid var(--color-border,#e0e0e0);cursor:pointer;background:#fff;border-radius:8px;padding:10px 12px;font-family:Poppins,sans-serif;font-size:14px}.requests-timeline{padding-left:30px;position:relative}.requests-timeline:before{content:"";background:linear-gradient(#06b6d4,#0891b2);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{cursor:pointer;background:#fff;border-radius:12px;margin-bottom:24px;padding:20px;transition:all .2s;position:relative;box-shadow:0 2px 8px #00000014}.timeline-item:hover{background:#f9fafb;transform:translate(4px);box-shadow:0 4px 12px #0000001f}.timeline-item:focus{outline-offset:2px;outline:2px solid #667eea}.timeline-item.approved{border-left:4px solid #10b981}.timeline-item.pending{border-left:4px solid #f59e0b}.timeline-item.rejected{border-left:4px solid #ef4444}.timeline-dot{border:2px solid var(--color-border,#e0e0e0);width:32px;height:32px;color:var(--color-text-secondary,#666);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;left:-40px}.timeline-item.approved .timeline-dot{color:#fff;background:#10b981;border-color:#10b981}.timeline-item.pending .timeline-dot{color:#fff;background:#f59e0b;border-color:#f59e0b}.timeline-item.rejected .timeline-dot{color:#fff;background:#ef4444;border-color:#ef4444}.request-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.timeline-content h3{color:var(--color-text-primary,#000);margin:0;font-size:16px;font-weight:600}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.status-badge.approved{color:#065f46;background:#d1fae5}.status-badge.rejected{color:#7f1d1d;background:#fee2e2}.request-details{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.type-tag,.days-tag{background:var(--color-background,#f5f5f5);color:var(--color-text-secondary,#666);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:12px;display:inline-flex}.reason{color:var(--color-text-secondary,#666);margin:0 0 12px;font-family:Poppins,sans-serif;font-size:14px}.dates{color:var(--color-text-secondary,#999);border-top:1px solid var(--color-border,#e0e0e0);align-items:center;gap:8px;padding-top:12px;font-size:12px;display:flex}.filter-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.view-mode-switcher{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:8px;padding:4px;display:flex}.view-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.view-btn:hover{color:#4b5563;background:#f3f4f6}.view-btn.active{color:#fff;background:#667eea}.view-btn svg{width:18px;height:18px}.requests-table-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.requests-table{border-collapse:collapse;width:100%;font-family:Poppins,sans-serif}.requests-table thead{background:linear-gradient(135deg,#f8f9fa 0%,#f3f4f6 100%);border-bottom:2px solid #e5e7eb}.requests-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:700}.requests-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s}.requests-table tbody tr:hover{background:#f9fafb}.requests-table tbody tr.row-approved{border-left:4px solid #10b981}.requests-table tbody tr.row-pending{border-left:4px solid #f59e0b}.requests-table tbody tr.row-rejected{border-left:4px solid #ef4444}.requests-table td{color:#4b5563;padding:14px 16px;font-size:13px}.requests-table .cell-content{align-items:center;gap:8px;display:flex}.requests-table .employee-name{color:#1f2937;margin:0;font-weight:600}.requests-table .days-count{color:#667eea;margin:0;font-size:16px;font-weight:700}.requests-table .reason-text{text-overflow:ellipsis;white-space:nowrap;color:#6b7280;max-width:200px;margin:0;overflow:hidden}.requests-table p{margin:0}.view-btn-action{color:#667eea;cursor:pointer;background:#fff;border:1px solid #667eea;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .2s;display:inline-flex}.view-btn-action:hover{color:#fff;background:#667eea}.view-btn-action svg{width:16px;height:16px}@media (width<=1024px){.requests-table th,.requests-table td{padding:12px 10px;font-size:12px}.requests-table .reason-text{max-width:150px}}@media (width<=768px){.timeoff-page{padding:16px}.timeoff-page h1{font-size:24px}.available-days{grid-template-columns:repeat(2,1fr)}.day-card{padding:16px}.page-header{flex-direction:column}.btn-request{justify-content:center;width:100%}.filter-section{flex-direction:column;align-items:stretch}.filter-section select,.view-mode-switcher{width:100%}.view-btn{flex:1;justify-content:center}.requests-table{font-size:12px}.requests-table th,.requests-table td{padding:10px 8px}.requests-table th{font-size:11px}.requests-table .reason-text{max-width:100px}}@media (width<=480px){.timeoff-page{padding:12px}.timeoff-page h1{font-size:20px}.available-days{grid-template-columns:1fr}.timeline-item{padding:16px}.timeline-dot{left:-32px}.requests-timeline{padding-left:20px}.request-header{flex-direction:column;align-items:flex-start}.requests-table-section{overflow-x:auto}.requests-table{min-width:500px}.requests-table th,.requests-table td{padding:8px 6px;font-size:11px}.requests-table th{font-size:10px}.requests-table .reason-text{max-width:80px}.requests-table th:nth-child(n+7),.requests-table td:nth-child(n+7){display:none}.view-btn-action{padding:6px 10px;font-size:11px}.view-btn-action svg{width:14px;height:14px}}._loading_26hlb_1{color:#94a3b8;flex-direction:column;align-items:center;gap:10px;padding:60px;display:flex}._spin_26hlb_2{animation:1s linear infinite _spin_26hlb_2}@keyframes _spin_26hlb_2{to{transform:rotate(360deg)}}._section_26hlb_5{background:#fff;border:1px solid #eef1f6;border-radius:12px;margin-bottom:16px;padding:18px 20px}._sectionTitle_26hlb_6{text-transform:uppercase;letter-spacing:.5px;color:#6366f1;margin-bottom:14px;font-size:12px;font-weight:700}._sectionTitleRow_26hlb_7{justify-content:space-between;align-items:center;gap:12px;display:flex}._sectionActions_26hlb_8{gap:8px;display:flex}._hint_26hlb_9{color:#94a3b8;margin:0 0 14px;font-size:12.5px}._grid_26hlb_11{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}._toggleGrid_26hlb_13{flex-direction:column;display:flex}._toggleRow_26hlb_14{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}._toggleRow_26hlb_14:first-child{padding-top:4px}._toggleRow_26hlb_14:last-child{border-bottom:none;padding-bottom:4px}._rowLabel_26hlb_17{min-width:0}._toggleRow_26hlb_14 strong{color:#1e293b;font-size:13.5px;font-weight:600;display:block}._toggleRow_26hlb_14 span{color:#94a3b8;font-size:12px}._toggleRight_26hlb_23{flex-shrink:0;align-items:center;gap:16px;display:flex}._numSlot_26hlb_24{justify-content:flex-end;width:132px;display:flex}._switchSlot_26hlb_25{justify-content:flex-end;align-items:center;width:46px;display:flex}._numWrap_26hlb_28{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;width:132px;height:38px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}._numWrap_26hlb_28:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}._numWrap_26hlb_28 ._unit_26hlb_41{color:#94a3b8;order:1;margin-right:6px;font-size:12.5px;font-weight:600}._numWrap_26hlb_28 ._num_26hlb_24{color:#1e293b;text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;order:2;width:100%;min-width:0;height:100%;padding:0;font-size:14px;font-weight:600}._numWrap_26hlb_28 ._num_26hlb_24::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._numWrap_26hlb_28 ._num_26hlb_24::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._colorField_26hlb_61{flex-direction:column;gap:6px;display:flex}._colorField_26hlb_61 label{color:#475569;font-size:12.5px;font-weight:600}._colorField_26hlb_61 input[type=color]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:40px;padding:3px}._checkGrid_26hlb_65{grid-template-columns:repeat(2,1fr);gap:8px 16px;margin:16px 0;display:grid}._checkGrid_26hlb_65 label{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}._emptyTemplates_26hlb_69{text-align:center;color:#94a3b8;background:#fbfbfd;border:1px dashed #e2e8f0;border-radius:10px;padding:32px;font-size:13.5px}._templateGrid_26hlb_70{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}._templateCard_26hlb_71{--accent:#6366f1;background:#fff;border:1px solid #eef1f6;border-radius:12px;transition:box-shadow .2s,border-color .2s;overflow:hidden}._templateCard_26hlb_71:hover{box-shadow:0 8px 24px #0f172a14}._templateDefault_26hlb_73{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, #fff)}._templatePreview_26hlb_75{background:#f8fafc;border-bottom:1px solid #eef1f6;height:110px;padding:14px;position:relative}._tpBar_26hlb_76{background:var(--accent);border-radius:4px;width:60%;height:14px}._tpRows_26hlb_77{flex-direction:column;gap:6px;margin-top:12px;display:flex}._tpRows_26hlb_77 span{background:#e2e8f0;border-radius:3px;height:6px}._tpRows_26hlb_77 span:first-child{width:90%}._tpRows_26hlb_77 span:nth-child(2){width:75%}._tpRows_26hlb_77 span:nth-child(3){width:82%}._tpNet_26hlb_80{background:color-mix(in srgb, var(--accent) 35%, #fff);border-radius:4px;width:45%;height:12px;margin-top:12px}._tpBadge_26hlb_81{text-transform:uppercase;letter-spacing:.4px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, #fff);background:#fff;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}._templateBody_26hlb_83{padding:12px 14px}._templateName_26hlb_84{color:#0f172a;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}._defaultTag_26hlb_85{color:#b45309;background:#fef3c7;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}._inactiveTag_26hlb_86{color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700}._templateMeta_26hlb_87{color:#94a3b8;margin:4px 0 10px;font-size:12px}._templateActions_26hlb_88{gap:6px;display:flex}._tBtn_26hlb_89{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:4px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}._tBtn_26hlb_89:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}._tDanger_26hlb_91:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}@media (width<=720px){._grid_26hlb_11,._checkGrid_26hlb_65{grid-template-columns:1fr}._toggleRow_26hlb_14{flex-wrap:wrap}._numSlot_26hlb_24,._numWrap_26hlb_28{width:120px}}@media (width<=480px){._toggleRight_26hlb_23{justify-content:space-between;width:100%}._numSlot_26hlb_24{flex:1;justify-content:flex-start}._numWrap_26hlb_28{width:100%;max-width:160px}}._wrap_sx0by_5{--dt-border:#e7eaf0;--dt-muted:#64748b;--dt-ink:#0f172a;--dt-accent:#4f46e5;color:var(--dt-ink);padding:4px 2px;font-family:Poppins,system-ui,-apple-system,sans-serif}._head_sx0by_16{border-bottom:1px solid var(--dt-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}._head_sx0by_16 h2{color:var(--dt-ink);letter-spacing:-.01em;align-items:center;gap:9px;margin:0;font-size:19px;font-weight:700;display:flex}._head_sx0by_16 h2 svg{color:var(--primary)}._sub_sx0by_40{color:var(--dt-muted);max-width:640px;margin:6px 0 0;font-size:13px;line-height:1.55}._grid_sx0by_49{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}._card_sx0by_55{border:1px solid var(--dt-border);cursor:pointer;background:#fff;border-radius:14px;align-items:flex-start;gap:14px;padding:18px;transition:box-shadow .18s,border-color .18s,transform .18s;display:flex;position:relative}._card_sx0by_55:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 12px 28px #4f66f11f}._cardIcon_sx0by_74{width:46px;height:46px;color:var(--primary);background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}._cardBody_sx0by_86{flex:1;min-width:0;padding-right:56px}._cardTitle_sx0by_87{color:var(--dt-ink);font-size:14.5px;font-weight:700}._cardDesc_sx0by_88{color:var(--dt-muted);margin-top:4px;font-size:12.5px;line-height:1.5}._tag_sx0by_90{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}._tagBuiltin_sx0by_102{color:#64748b;background:#f1f5f9}._tagCustom_sx0by_103{color:#166534;background:#dcfce7}._empty_sx0by_105{text-align:center;color:#94a3b8;grid-column:1/-1;padding:48px;font-size:14px}._editor_sx0by_114{border:1px solid var(--dt-border);background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 2px #0f172a0a}._editorBar_sx0by_122{border-bottom:1px solid var(--dt-border);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}._editorBar_sx0by_122 strong{color:var(--dt-ink);font-size:15px}._editorActions_sx0by_133{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}._fields_sx0by_135{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}._field_sx0by_135{flex-direction:column;gap:6px;display:flex}._field_sx0by_135>span{color:#475569;font-size:12px;font-weight:600}._field_sx0by_135 input,._field_sx0by_135 textarea{color:var(--dt-ink);border:1px solid #d8dde6;border-radius:9px;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}._field_sx0by_135 input:focus,._field_sx0by_135 textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51f}._field_sx0by_135 input[type=color]{cursor:pointer;width:56px;height:40px;padding:3px}._sourcePill_sx0by_170{color:#4338ca;background:#eef2ff;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:700}._tokens_sx0by_180{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;margin-top:16px;padding:14px 16px}._tokensLabel_sx0by_188{color:#475569;font-size:12px;font-weight:600}._tokenList_sx0by_190{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}._token_sx0by_180{color:#4338ca;cursor:pointer;background:#fff;border:1px solid #dbe3ec;border-radius:7px;padding:4px 9px;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px;transition:background .15s,border-color .15s,transform .1s}._token_sx0by_180:hover{background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px)}._bodyField_sx0by_206{flex-direction:column;gap:6px;margin-top:16px;display:flex}._bodyField_sx0by_206>span{color:#475569;font-size:12px;font-weight:600}._code_sx0by_215{width:100%;color:var(--dt-ink);resize:vertical;background:#fcfcfd;border:1px solid #d8dde6;border-radius:9px;min-height:280px;padding:12px;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:12.5px;line-height:1.65;transition:border-color .15s,box-shadow .15s}._code_sx0by_215:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51f}._primaryBtn_sx0by_237,._ghostBtn_sx0by_237,._dangerBtn_sx0by_237{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}._primaryBtn_sx0by_237{background:var(--primary);color:#fff}._primaryBtn_sx0by_237:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e540}._primaryBtn_sx0by_237:disabled{opacity:.6;cursor:default;box-shadow:none}._ghostBtn_sx0by_237{color:#374151;background:#fff;border-color:#d8dde6}._ghostBtn_sx0by_237:hover{background:#f8fafc;border-color:#c7cfda}._dangerBtn_sx0by_237{color:#b91c1c;background:#fff;border-color:#fecaca}._dangerBtn_sx0by_237:hover{background:#fef2f2;border-color:#fca5a5}@media (width<=640px){._grid_sx0by_49{grid-template-columns:1fr}._editorActions_sx0by_133{width:100%;margin-left:0}._fields_sx0by_135{gap:14px}._field_sx0by_135{flex:100%}}._cardTags_sx0by_270{gap:6px;display:flex;position:absolute;top:12px;right:12px}._cardTags_sx0by_270 ._tag_sx0by_90{position:static;top:auto;right:auto}._tagCard_sx0by_272{color:#be185d;background:#fce7f3}._graphicPanel_sx0by_274{background:linear-gradient(#fdf4ff,#f8fafc);border:1px solid #eef2f7;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:18px;margin-top:16px;padding:16px;display:flex}._graphicInfo_sx0by_285{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}._graphicLabel_sx0by_286{color:#1e293b;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}._graphicHint_sx0by_287{color:#64748b;max-width:360px;font-size:12px;line-height:1.5}._graphicDrop_sx0by_289{flex-direction:column;align-items:flex-start;gap:10px;display:flex}._graphicEmpty_sx0by_291{color:#9333ea;cursor:pointer;background:#fff;border:1.5px dashed #d8b4fe;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:240px;height:130px;font-size:13px;font-weight:600;transition:border-color .18s,background .18s,color .18s;display:flex}._graphicEmpty_sx0by_291:hover{background:#faf5ff;border-color:#9333ea}._graphicPreview_sx0by_301{background:linear-gradient(45deg, #f1f5f9 25%, transparent 25%) -8px 0/16px 16px, linear-gradient(-45deg, #f1f5f9 25%, transparent 25%) -8px 0/16px 16px, linear-gradient(45deg, transparent 75%, #f1f5f9 75%)/16px 16px, linear-gradient(-45deg, transparent 75%, #f1f5f9 75%)/16px 16px, #fff;border:1px solid #e9d5ff;border-radius:12px;justify-content:center;align-items:center;width:240px;min-height:130px;padding:8px;display:flex;position:relative;overflow:hidden}._graphicPreview_sx0by_301 img{object-fit:contain;border-radius:6px;max-width:100%;max-height:220px}._graphicRemove_sx0by_312{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #0003}._graphicRemove_sx0by_312:hover{background:#dc2626}._graphicActions_sx0by_318{flex-wrap:wrap;gap:8px;display:flex}@media (width<=640px){._graphicEmpty_sx0by_291,._graphicPreview_sx0by_301{width:100%}}.company-logo-section{flex-direction:column;align-items:center;padding-bottom:.5rem;display:flex}.company-logo-section h4{align-self:flex-start;width:100%}.settings-page{flex-direction:column;height:100%;font-family:Poppins,sans-serif;display:flex}.settings-header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:10px;display:flex}.settings-header h1{color:var(--color-text);margin:0;font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.settings-container{flex:1;min-height:0;display:flex;overflow:hidden}.settings-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff38;border-right:1px solid var(--color-border);background-color:var(--color-bg-primary);border-radius:22px;flex-direction:column;gap:4px;width:240px;padding:16px 0;display:flex;position:relative;overflow-y:auto}.settings-menu-item{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:all .3s;display:flex}.settings-menu-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.settings-menu-item.active{color:#000;background-color:#09cdfe29;border-left-color:#01ccff;font-weight:600}.settings-menu-item .menu-icon{flex-shrink:0;align-items:center;width:20px;display:flex}.settings-menu-item .menu-label{text-align:left;flex:1;font-family:poppins,sans-serif}.settings-content{background-color:#fff;border-radius:20px;flex:1;min-width:0;height:80vh;min-height:0;margin:0 20px 25px 0;padding:10px 32px 32px 30px;overflow-y:auto}.setting-screen{width:100%;padding-top:24px!important}.setting-screen h2{color:var(--color-text);margin:0 0 8px;font-size:24px;font-weight:700}.screen-subtitle{color:var(--color-text-secondary);margin:0 0 24px;font-size:14px}.screen-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:20px;display:flex}.screen-header h3{color:#111827;letter-spacing:-.5px;flex:0;margin:0;font-size:26px;font-weight:700}.form-group label{color:#111827;cursor:pointer;text-transform:capitalize;letter-spacing:.3px;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.form-group label input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;border-radius:6px;width:20px;height:20px;transition:all .2s}.form-group label input[type=checkbox]:hover{box-shadow:0 0 0 3px #3b82f61a}.form-group label span{flex:1}.form-group input,.form-group select{width:100%;color:var(--color-text);background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s}.form-group input:hover,.form-group select:hover{background-color:#fafbfc;border-color:#d1d5db}.form-group input:focus,.form-group select:focus{background-color:#f0f9ff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:18px;padding-right:36px}.form-input,.form-textarea,.form-select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:10px 16px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-accent);background-color:var(--color-bg-secondary);outline:none}.phone-input-group{gap:8px;display:flex}.country-select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;flex:0 0 120px;padding:10px 12px;font-size:13px}.phone-input-group input{flex:1}.btn-save,.btn-create,.btn-add-new,.btn-upgrade,.btn-subscribe{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d}.btn-save:hover,.btn-create:hover,.btn-add-new:hover,.btn-upgrade:hover,.btn-subscribe:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3b82f666}.btn-save:active,.btn-create:active,.btn-add-new:active,.btn-upgrade:active,.btn-subscribe:active{transform:translateY(-1px)}.btn-cancel{color:#374151;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background-color:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s}.btn-cancel:hover{color:#1f2937;background-color:#e5e7eb;border-color:#d1d5db}.btn-cancel:active{transform:translateY(-1px)}.btn-edit,.btn-delete,.btn-menu{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .2s}.btn-edit:hover{background-color:#3b82f61a}.btn-delete:hover{background-color:#ef44441a}.offices-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:32px;display:grid}.office-card{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.office-card:before{content:"";background:linear-gradient(90deg,#3b82f6 0%,#06b6d4 100%);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.office-card:hover{border-color:#d1d5db;transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.office-card:hover:before{transform:scaleX(1)}.card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.card-header h4{color:#111827;letter-spacing:-.5px;margin:0;font-size:18px;font-weight:700}.card-header>div{flex-direction:column;flex:1;gap:8px;display:flex}.card-actions{flex-shrink:0;gap:6px;display:flex}.detail-row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.detail-row .label{color:#6b7280;font-size:13px;font-weight:500}.detail-row .value{color:#111827;text-align:right;text-overflow:ellipsis;max-width:50%;font-weight:600;overflow:hidden}.status-badge{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.btn-set-hq{color:#3b82f6;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f614 0%,#06b6d414 100%);border:1.5px solid #3b82f666;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .2s}.btn-set-hq:hover{color:#1d4ed8;background:linear-gradient(135deg,#3b82f626 0%,#06b6d426 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.btn-set-hq:active{transform:translateY(0)}.card-footer{border-top:1px solid var(--color-border);justify-content:flex-end;padding-top:16px;display:flex}.org-chart{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;padding:32px}.org-level{flex-direction:column;gap:24px;display:flex}.org-node{white-space:nowrap;background-color:#d1fae5;border-radius:8px;justify-content:center;align-items:center;padding:5px 20px;font-size:14px;font-weight:600;display:inline-flex}.org-node-root{width:100%;max-width:200px;margin-bottom:24px}.org-sublevels{flex-wrap:wrap;gap:16px;display:flex}.org-node-sub{flex:0 calc(20% - 13px);min-width:120px}.settings-table{border-collapse:collapse;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;width:100%;overflow:hidden}.schedules-list{flex-direction:column;gap:16px;display:flex}.schedule-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;padding:20px;transition:all .3s}.schedule-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00000014}.schedule-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.schedule-header h3{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.badge{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.badge-active,.badge-paid{color:var(--color-success);background-color:#10b9811a}.badge-unpaid{color:#ef4444;background-color:#ef44441a}.badge-inactive{color:var(--color-text-secondary);background-color:#9ca3af1a}.badge.active{color:var(--color-success);background-color:#10b9811a}.badge.inactive{color:var(--color-text-secondary);background-color:#9ca3af1a}.badge.headquarters{color:#2563eb;background:linear-gradient(135deg,#3b82f61f 0%,#2563eb1f 100%);border:1px solid #3b82f64d;font-weight:700;box-shadow:0 2px 8px #3b82f626}.schedule-details{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.detail-item,.detail{flex-direction:column;gap:4px;display:flex}.detail-item .label,.detail .label{color:var(--color-text-secondary);font-size:12px}.detail-item .value,.detail .value{color:var(--color-text);font-size:14px;font-weight:500}.schedule-footer{border-top:1px solid var(--color-border);justify-content:flex-end;padding-top:16px;display:flex}.permission-tabs,.subscription-tabs{border-bottom:2px solid var(--color-border);gap:24px;margin:24px 0;display:flex}.tab-button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 0;font-size:14px;font-weight:500;transition:all .3s;position:relative;bottom:-2px}.tab-button.active{color:var(--color-success);border-bottom-color:var(--color-success)}.tab-button:hover{color:var(--color-text)}.permission-content{flex-direction:column;gap:24px;display:flex}.permission-section{flex-direction:column;gap:12px;display:flex}.permission-section h3{color:var(--color-text);margin:0;font-size:14px;font-weight:600}.permission-section select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:10px 16px;font-size:14px}.permission-grid{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;display:grid}.permission-item{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.permission-item .label{color:var(--color-text);font-size:14px;font-weight:500}.link-button{color:var(--color-accent);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:underline}.link-button:hover{color:var(--color-accent-hover)}.member-content{flex-direction:column;gap:16px;display:flex}.member-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.member-header h3{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.member-header input{flex:1;max-width:300px}.integrations-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.integration-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;padding:20px;transition:all .3s}.integration-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00000014}.integration-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.integration-header h3{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.integration-description{color:var(--color-text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.integration-card .integration-card-switch{float:right;display:flex}.plan-content{flex-direction:column;gap:16px;display:flex}.plan-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;padding:24px}.plan-card h3{color:var(--color-text);margin:0 0 12px;font-size:18px;font-weight:700}.plan-details{border-top:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);gap:20px;padding-top:16px;display:grid}.plan-details .detail{flex-direction:column;gap:8px;display:flex}.plan-details .detail .label{color:var(--color-text-secondary);font-size:12px}.plan-details .detail .value{color:var(--color-text);font-size:16px;font-weight:600}.password-form,.payment-form{flex-direction:column;gap:18px;display:flex}.password-input-group,.permission-actions{align-items:center;gap:12px;display:flex}.password-input-group input{flex:1}.btn-show-password{cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px}.notifications-list{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:0;margin-bottom:24px;display:flex;overflow:hidden}.notification-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--color-bg-secondary)}.notif-content h3{color:var(--color-text);margin:0 0 4px;font-size:14px;font-weight:600}.notif-content p{color:var(--color-text-secondary);margin:0;font-size:13px}@media (width<=1024px){.settings-container{flex-direction:column}.settings-sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;gap:0;width:100%;padding:8px 16px;overflow:auto hidden}.settings-menu-item{border-bottom:3px solid #0000;border-left:none;flex:none;padding:8px 16px}.settings-menu-item.active{border-bottom-color:#01ccff;border-left:none}.settings-content{padding:24px}.form-row-2col,.schedule-details,.permission-grid,.plan-details,.offices-grid{grid-template-columns:1fr}.org-node-sub{flex:0 calc(33.333% - 11px)}.permission-grid{grid-template-columns:1fr}}@media (width<=768px){.settings-header{flex-direction:column;align-items:flex-start;padding:20px 16px}.settings-content{padding:16px}.settings-table{font-size:12px}.settings-table th,.settings-table td{padding:8px 12px}.screen-header{flex-direction:column;align-items:stretch}.screen-header .search-input{max-width:100%}.modal-content{padding:20px}.form-row-2col{grid-template-columns:1fr}.phone-input-group{flex-direction:column}.phone-input-group select{flex:1}.org-node-sub{flex:0 calc(50% - 8px)}.integrations-grid,.offices-grid{grid-template-columns:1fr;gap:16px}.office-card{padding:18px}.card-header{gap:8px;margin-bottom:14px}.schedule-details,.permission-grid{grid-template-columns:1fr}}@media (width<=480px){.settings-header h1{font-size:20px}.settings-sidebar{gap:2px;padding:4px 8px}.settings-menu-item{padding:8px 12px;font-size:12px}.settings-menu-item .menu-label{display:none}.settings-content{padding:12px}.setting-screen h2{font-size:18px}.btn-save,.btn-create,.btn-add-new{width:100%}.settings-table{font-size:11px}.settings-table th,.settings-table td{padding:6px 8px}.notification-item{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.org-node-sub{flex:100%}.modal-content{width:95%;padding:16px}}[data-theme=dark] .office-card,[data-theme=dark] .schedule-card,[data-theme=dark] .integration-card,[data-theme=dark] .plan-card,[data-theme=dark] .settings-table,[data-theme=dark] .org-chart,[data-theme=dark] .notifications-list,[data-theme=dark] .modal-content,[data-theme=dark] .permission-grid{background-color:var(--color-bg-primary);border-color:var(--color-border)}[data-theme=dark] .badge{background-color:var(--color-bg-secondary)}.loading-state{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:80px 20px;display:flex}.loading-state p{font-size:16px;font-weight:500}.loading-state .spinner{color:#3b82f6;width:48px;height:48px;animation:1s linear infinite spin}.empty-state{color:#9ca3af;background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:2px dashed #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:80px 40px;display:flex}.empty-state svg{color:#d1d5db;opacity:.8}.empty-state p{color:#6b7280;margin:0;font-size:16px;font-weight:500}.states-list{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;margin-top:8px;padding:16px}.states-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.states-header h5{color:var(--color-text);margin:0;font-size:14px;font-weight:600}.states-table{border-collapse:collapse;width:100%;font-size:13px}.states-table thead{background-color:var(--color-bg-secondary)}.states-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);padding:10px 12px;font-size:12px;font-weight:600}.states-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:10px 12px}.state-row:hover{background-color:var(--color-bg-secondary)}.state-row:last-child td{border-bottom:none}.no-data-state{color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.no-data-state p{margin:0;font-size:13px}.expanded-row{background-color:#0000}.expanded-row td{border-bottom:none!important;padding:0!important}.btn-action{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.btn-action.edit{color:#3b82f6}.btn-action.edit:hover{color:#2563eb;background-color:#3b82f61a;transform:scale(1.1)}.btn-action.delete{color:#ef4444}.btn-action.delete:hover{color:#dc2626;background-color:#ef44441a;transform:scale(1.1)}.badge{white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.badge.active{color:#059669;background:linear-gradient(135deg,#10b9811f 0%,#0596691f 100%);border:1px solid #10b9814d}.badge.inactive{color:#6b7280;background:linear-gradient(135deg,#9ca3af1a 0%,#6b72801a 100%);border:1px solid #9ca3af33}.expand-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:500;transition:all .2s;display:flex}.expand-btn:hover{color:var(--color-accent)}.expand-btn .chevron{transition:transform .3s}.expand-btn .chevron.expanded{transform:rotate(180deg)}.data-table{border-collapse:collapse;background-color:#fff;width:100%}.data-table thead{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border)}.data-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:12px 16px;font-size:14px}.data-table tbody tr:hover{background-color:var(--color-bg-secondary);transition:background-color .2s}.form-container{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:1.5px solid #e5e7eb;border-radius:16px;margin-top:24px;padding:32px;box-shadow:0 1px 3px #0000000d}.form-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;display:flex}.form-header h4{color:#111827;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700}.btn-close{border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-close:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-text)}.btn-close:disabled{opacity:.5;cursor:not-allowed}.form-container h4{color:var(--color-text);margin:0 0 20px;font-size:16px;font-weight:600}.office-form{flex-direction:column;gap:4px;display:flex}.office-form .form-row-2col{margin-bottom:4px}.settings-form{flex-direction:column;gap:16px;display:flex}.toggle-item{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.toggle-item input[type=checkbox]{cursor:pointer;width:18px;height:18px}@media (width<=768px){.form-row-2col{grid-template-columns:1fr}.modal-content{width:95%;max-width:100%}.states-header{flex-direction:column;align-items:flex-start;gap:12px}}.alert{border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;font-size:14px;font-weight:500;animation:.3s ease-out slideInDown;display:flex}.alert-error{color:#dc2626;background:linear-gradient(135deg,#ef444414 0%,#f43f5e14 100%);border:1.5px solid #ef44444d}.alert-success{color:#059669;background:linear-gradient(135deg,#10b98114 0%,#05966914 100%);border:1.5px solid #10b9814d}.alert-warning{color:#d97706;background:linear-gradient(135deg,#f59e0b14 0%,#d9770614 100%);border:1.5px solid #f59e0b4d}.settings-table{border-collapse:collapse;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;width:100%;margin-bottom:24px;overflow:hidden}.settings-table thead{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.settings-table th{text-align:left;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:13px;font-weight:600}.settings-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:12px 16px;font-size:14px}.settings-table tbody tr:hover{background-color:var(--color-bg-secondary)}.settings-table tbody tr:last-child td{border-bottom:none}.font-medium{font-weight:500}.text-sm{font-size:13px}.text-gray-600{color:var(--color-text-secondary)}.btn-edit,.btn-delete{cursor:pointer;height:32px;color:var(--color-text-secondary);background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:14px;transition:all .2s;display:inline-flex}.btn-edit:hover{color:#3b82f6;background-color:#3b82f61a}.btn-delete:hover{color:#ef4444;background-color:#ef44441a}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.modal-header h4{color:var(--color-text);margin:0;font-size:20px;font-weight:700}.btn-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;transition:all .2s;display:flex}.btn-close:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.modal-form{flex-direction:column;gap:0;display:flex}.modal-lg{max-width:600px}.checkbox-group{padding-top:4px}.checkbox-label{cursor:pointer;color:var(--color-text);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-accent)}.status-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-block}.status-badge.status-active{color:#166534;background:#dcfce7}.status-badge.status-pending{color:#92400e;background:#fef3c7}.status-badge.status-inactive{color:#374151;background:#e5e7eb}.form-section-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:18px 0 8px;font-size:12px;font-weight:700}:root{--primary:#0cf;--gh-bg:#f7f8fb;--gh-surface:#fff;--gh-surface-2:#fbfbfd;--gh-border:#e7e9ee;--gh-border-soft:#eef0f4;--gh-text:#0f172a;--gh-text-muted:#64748b;--gh-text-faint:#94a3b8;--gh-primary:#0cf;--gh-primary-hover:#0f172a;--gh-primary-soft:#eef2ff;--gh-primary-ring:#4f46e52e;--gh-danger:#dc2626;--gh-danger-soft:#fee2e2;--gh-success:#16a34a;--gh-success-soft:#dcfce7;--gh-warning:#d97706;--gh-warning-soft:#fef3c7;--gh-radius-sm:8px;--gh-radius:12px;--gh-radius-lg:16px;--gh-shadow-sm:0 1px 2px #0f172a0a;--gh-shadow:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--gh-shadow-md:0 4px 12px #0f172a0f, 0 2px 4px #0f172a0a;--gh-shadow-lg:0 12px 32px #0f172a1a, 0 4px 8px #0f172a0a;--gh-ease:cubic-bezier(.22, .61, .36, 1)}.settings-page{background:var(--gh-bg);min-height:100vh;color:var(--gh-text);padding:24px 28px 48px}.settings-header{border-bottom:1px solid var(--gh-border-soft);align-items:center;gap:12px;margin-bottom:22px;padding:0 0 18px;display:flex}.settings-header svg{color:var(--gh-primary)}.settings-header h1,.settings-header h3{letter-spacing:-.01em;color:var(--gh-text);margin:0;font-size:22px;font-weight:700}.settings-header p{color:var(--gh-text-muted);margin:0;font-size:13px}.settings-container{grid-template-columns:248px 1fr;align-items:start;gap:22px;display:grid}.settings-sidebar{background:var(--gh-surface);border:1px solid var(--gh-border);border-radius:var(--gh-radius);box-shadow:var(--gh-shadow-sm);max-height:calc(100vh - 48px);padding:8px;position:sticky;top:24px;overflow-y:auto}.settings-menu-item{border-radius:var(--gh-radius-sm);width:100%;color:var(--gh-text-muted);text-align:left;cursor:pointer;transition:background .16s var(--gh-ease), color .16s var(--gh-ease);background:0 0;border:0;align-items:center;gap:10px;margin:1px 0;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex}.settings-menu-item:hover{background:var(--gh-surface-2);color:var(--gh-text)}.settings-menu-item.active{background:var(--gh-primary-soft);color:var(--gh-primary);font-weight:600}.settings-menu-item.active .menu-icon{color:var(--gh-primary)}.settings-menu-item .menu-icon{width:18px;height:18px;color:var(--gh-text-faint);justify-content:center;align-items:center;display:inline-flex}.setting-screen{padding:0}.setting-screen h2,.setting-screen h3{letter-spacing:-.01em;color:var(--gh-text);margin:0;font-size:18px;font-weight:700}.screen-subtitle{color:var(--gh-text-muted);margin-top:4px;font-size:13px}.screen-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.screen-header>h3{flex:none}.btn-add-new,.btn-save,.btn-create,.btn-upgrade,.btn-subscribe{background:var(--gh-primary);color:#fff;border-radius:var(--gh-radius-sm);cursor:pointer;height:38px;box-shadow:var(--gh-shadow-sm);transition:background .16s var(--gh-ease), transform .12s var(--gh-ease), box-shadow .16s var(--gh-ease);border:0;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn-add-new:hover,.btn-save:hover,.btn-create:hover,.btn-upgrade:hover,.btn-subscribe:hover{background:var(--gh-primary-hover);box-shadow:var(--gh-shadow)}.btn-add-new:active,.btn-save:active,.btn-create:active{transform:translateY(1px)}.btn-cancel{background:var(--gh-surface);height:38px;color:var(--gh-text);border:1px solid var(--gh-border);border-radius:var(--gh-radius-sm);cursor:pointer;transition:background .16s var(--gh-ease), border-color .16s var(--gh-ease);align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:500;display:inline-flex}.btn-cancel:hover{background:var(--gh-surface-2);border-color:var(--gh-text-faint)}.settings-table,.states-table{border-collapse:separate;border-spacing:0;background:var(--gh-surface);border:1px solid var(--gh-border);border-radius:var(--gh-radius);width:100%;font-size:13.5px;overflow:hidden}.settings-table thead th,.states-table thead th{background:var(--gh-surface-2);color:var(--gh-text-muted);letter-spacing:.04em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--gh-border);padding:12px 16px;font-size:11.5px;font-weight:600}.settings-table tbody td,.states-table tbody td{border-top:1px solid var(--gh-border-soft);color:var(--gh-text);vertical-align:middle;padding:14px 16px}.settings-table tbody tr:first-child td,.states-table tbody tr:first-child td{border-top:0}.settings-table tbody tr,.states-table tbody tr{transition:background .14s var(--gh-ease)}.settings-table tbody tr:hover,.states-table tbody tr:hover{background:var(--gh-surface-2)}.settings-table td.font-medium{color:var(--gh-text);font-weight:600}.settings-table td.text-sm{font-size:13px}.settings-table td.text-gray-600{color:var(--gh-text-muted)}.action-buttons{align-items:center;gap:4px;display:inline-flex}.btn-edit,.btn-delete,.btn-menu,.btn-action,.btn-action.edit,.btn-action.delete{width:32px;height:32px;color:var(--gh-text-faint);cursor:pointer;transition:background .14s var(--gh-ease), color .14s var(--gh-ease);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-edit:hover,.btn-action.edit:hover{background:var(--gh-primary-soft);color:var(--gh-primary)}.btn-delete:hover,.btn-action.delete:hover{background:var(--gh-danger-soft);color:var(--gh-danger)}.badge,.status-badge{background:var(--gh-surface-2);height:16px;color:var(--gh-text-muted);border:1px solid var(--gh-border-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.active,.badge.badge-active,.status-badge.status-active{background:var(--gh-success-soft);color:#166534;border-color:#0000}.badge.inactive,.badge.badge-inactive,.status-badge.status-inactive{color:#475569;background:#f1f5f9;border-color:#0000}.status-badge.status-pending{background:var(--gh-warning-soft);color:#92400e;border-color:#0000}.empty-state,.loading-state{background:var(--gh-surface-2);border:1px dashed var(--gh-border);border-radius:var(--gh-radius);color:var(--gh-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 24px;font-size:14px;display:flex}.empty-state p{margin:0}.loading-state .spinner{color:var(--gh-primary);animation:1s linear infinite gh-spin}@keyframes gh-spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--gh-radius-sm);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:13.5px;display:flex}.alert-error,.alert.alert-error{background:var(--gh-danger-soft);color:#991b1b;border-color:#fecaca}.alert-success,.alert.alert-success{background:var(--gh-success-soft);color:#166534;border-color:#bbf7d0}.form-row-2col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{margin-bottom:14px}.form-group label{color:var(--gh-text);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea,.form-input,.form-textarea,.form-select{border:1px solid var(--gh-border);border-radius:var(--gh-radius-sm);background:var(--gh-surface);height:38px;color:var(--gh-text);transition:border-color .16s var(--gh-ease), box-shadow .16s var(--gh-ease);padding:0 12px;font-size:13.5px}.form-group textarea,.form-textarea{width:auto;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}.form-group input:hover,.form-group select:hover,.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--gh-text-faint)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--gh-primary);box-shadow:0 0 0 3px var(--gh-primary-ring);outline:none}.form-group input:disabled,.form-group select:disabled{background:var(--gh-surface-2);color:var(--gh-text-faint);cursor:not-allowed}.form-group label input[type=checkbox]{appearance:none;border:1.5px solid var(--gh-border);background:var(--gh-surface);cursor:pointer;width:16px;height:16px;transition:background .14s var(--gh-ease), border-color .14s var(--gh-ease);border-radius:4px;place-content:center;margin-right:8px;display:inline-grid}.form-group label input[type=checkbox]:checked{background:var(--gh-primary);border-color:var(--gh-primary)}.form-group label input[type=checkbox]:checked:after{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background:#fff;width:8px;height:8px}.offices-grid,.schedules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.office-card,.schedule-card{background:var(--gh-surface);border:1px solid var(--gh-border);border-radius:var(--gh-radius);box-shadow:var(--gh-shadow-sm);transition:border-color .16s var(--gh-ease), box-shadow .2s var(--gh-ease), transform .16s var(--gh-ease);padding:18px}.office-card:hover,.schedule-card:hover{box-shadow:var(--gh-shadow-md);border-color:#d8dbe2}.office-card:before{display:none}.card-header,.schedule-card>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-header h4,.schedule-card h3{color:var(--gh-text);margin:0;font-size:15px;font-weight:600}.detail-row{justify-content:space-between;padding:4px 0;display:flex}.detail-row .label{color:var(--gh-text-faint);font-size:12.5px}.detail-row .value{color:var(--gh-text);font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:gh-fade .16s var(--gh-ease);background:#0f172a6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content,.modal{background:var(--gh-surface);border-radius:var(--gh-radius-lg);box-shadow:var(--gh-shadow-lg);width:100%;max-width:560px;max-height:calc(100vh - 48px);animation:gh-pop .2s var(--gh-ease);overflow:auto}.modal-header,.modal>h3:first-child{border-bottom:1px solid var(--gh-border-soft);justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.modal-header h3,.modal>h3:first-child{color:var(--gh-text);margin:0;font-size:16px;font-weight:700}.modal-body,.settings-form{padding:18px 22px}.modal-footer,.form-actions{border-top:1px solid var(--gh-border-soft);justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}@keyframes gh-fade{0%{opacity:0}to{opacity:1}}@keyframes gh-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pagination,.pagination-controls{justify-content:center;align-items:center;gap:6px;margin-top:18px;display:flex}.pagination button,.pagination-controls button{background:var(--gh-surface);border:1px solid var(--gh-border);min-width:34px;height:34px;color:var(--gh-text-muted);cursor:pointer;transition:background .14s var(--gh-ease), color .14s var(--gh-ease), border-color .14s var(--gh-ease);border-radius:8px;padding:0 10px;font-size:13px;font-weight:500}.pagination button:hover:not(:disabled),.pagination-controls button:hover:not(:disabled){background:var(--gh-surface-2);color:var(--gh-text);border-color:var(--gh-text-faint)}.pagination button.active,.pagination-controls button.active{background:var(--gh-primary);color:#fff;border-color:var(--gh-primary)}.pagination button:disabled,.pagination-controls button:disabled{opacity:.45;cursor:not-allowed}@media (width<=960px){.settings-container{grid-template-columns:1fr}.settings-sidebar{max-height:none;position:static}.settings-content{padding:18px}.form-row-2col{grid-template-columns:1fr}.screen-header{flex-direction:column;align-items:stretch}.search-input{max-width:none}}.settings-page .modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:gh-modal-fade .18s var(--gh-ease,cubic-bezier(.22, .61, .36, 1));background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-page .modal-content{width:100%;max-width:520px;max-height:calc(100vh - 56px);animation:gh-modal-pop .22s var(--gh-ease,cubic-bezier(.22, .61, .36, 1));background:#fff;border:1px solid #e7e9ee;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 56px #0f172a2e,0 8px 16px #0f172a14}.settings-page .modal-content.modal-lg{max-width:680px}.settings-page .modal-header{border-bottom:1px solid #eef0f4;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.settings-page .modal-header h3,.settings-page .modal-header h4{letter-spacing:-.01em;color:#0f172a;margin:0;font-size:17px;font-weight:700}.settings-page .btn-close,.settings-page .close-button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:22px;line-height:1;transition:background .14s,color .14s;display:inline-flex}.settings-page .btn-close:hover:not(:disabled),.settings-page .close-button:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.settings-page .btn-close:disabled{opacity:.5;cursor:not-allowed}.settings-page .perm-group{border:1px solid var(--gh-border,#e7e9ee);background:var(--gh-surface,#fff);border-radius:12px;padding:14px 16px}.settings-page .perm-group+.perm-group{margin-top:2px}.settings-page .perm-group-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.settings-page .perm-group-head strong{color:#0f172a;letter-spacing:-.01em;font-size:13.5px;font-weight:700}.settings-page .perm-selectall{cursor:pointer;color:var(--primary);background:0 0;border:0;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600;transition:background .14s}.settings-page .perm-selectall:hover{background:#eef2ff}.settings-page .perm-chips{flex-wrap:wrap;gap:8px;display:flex}.settings-page .perm-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e5ea;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background .14s,color .14s,border-color .14s}.settings-page .perm-chip:hover{background:#f8fafc;border-color:#c7cdd6}.settings-page .perm-chip--on{background:var(--primary);color:#fff;border-color:var(--primary)}.settings-page .role-row{cursor:pointer;border:1px solid #e7e9ee;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .14s,background .14s;display:flex}.settings-page .role-row+.role-row{margin-top:8px}.settings-page .role-row:hover{background:#f8fafc;border-color:#d8dbe2}.settings-page .role-row--on{background:#eef2ff;border-color:#c7d2fe}.settings-page .role-row input[type=checkbox]{width:16px;height:16px;margin-top:2px}.settings-page .role-row strong{color:#0f172a;font-size:13.5px;display:block}.settings-page .role-row-desc{color:#64748b;margin-top:2px;font-size:12px;display:block}.org-chart-container{background:#d1fae5;border-radius:12px;flex-direction:column;align-items:center;min-height:600px;display:flex;overflow-x:auto}.org-node{flex-direction:column;align-items:center;display:flex;position:relative}.org-node-card{background:#fff;border-left:5px solid #06b6d4;border-radius:10px;min-width:160px;max-width:180px;padding:14px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #00000014}.org-node:first-child .org-node-card{background:linear-gradient(135deg,#06b6d405 0%,#fffffffa 100%);border-left-color:#06b6d4}.org-subordinates .org-node:first-child .org-node-card,.org-subordinates .org-node:nth-child(2) .org-node-card,.org-subordinates .org-node:nth-child(3) .org-node-card,.org-subordinates .org-node:nth-child(4) .org-node-card,.org-subordinates .org-node:nth-child(5) .org-node-card{border-left-color:#06b6d4}.org-subordinates .org-subordinates .org-node .org-node-card{border-left-color:#ec4899}.org-subordinates .org-subordinates .org-subordinates .org-node .org-node-card{border-left-color:#a855f7}.org-node-card:hover{border-left-width:6px;transform:translateY(-3px);box-shadow:0 8px 16px #0000001f}.org-node-card:after{content:"⋯";cursor:pointer;color:#9ca3af;font-size:20px;line-height:1;transition:color .2s;position:absolute;top:8px;right:10px}.org-node-card:hover:after{color:#667eea}.org-node-content{align-items:center;gap:10px;width:100%;padding-right:32px;display:flex;position:relative}.org-node-avatar{color:#fff;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000001a}.org-node-avatar img{object-fit:cover;border:none;border-radius:50%;width:100%;height:100%}.org-node-avatar-placeholder{color:#fff;font-size:12px;font-weight:700}.org-node-info{flex:1;min-width:0;padding-right:20px}.org-node-name{color:#1f2937;word-break:break-word;margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.3}.org-node-code{color:#6b7280;text-transform:uppercase;margin-bottom:1px;font-size:10px;font-weight:500}.org-node-designation{color:#6b7280;margin:0;font-size:11px;font-weight:400;line-height:1.2}.org-node-department{color:#9ca3af;font-size:10px;display:none}.org-node-actions{flex-shrink:0;gap:4px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.org-action-btn,.org-expand-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.org-action-btn:hover{color:#fff;background:#667eea;transform:scale(1.1)}.org-expand-btn:hover{color:#fff;background:#06b6d4;transform:scale(1.1)}.org-branch-line{background:linear-gradient(#cbd5e1,#cbd5e1);width:2px;height:30px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.org-subordinates{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:40px;width:100%;margin-top:30px;padding-top:30px;display:flex;position:relative}.org-subordinates:before{content:"";background:linear-gradient(90deg,#0000,#cbd5e1,#0000);height:2px;position:absolute;top:0;left:5%;right:5%}.org-subordinates .org-node:before{content:"";background:#cbd5e1;width:2px;height:30px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.org-subordinates .org-node{margin-bottom:0;position:relative}.org-empty{text-align:center;color:#9ca3af;padding:48px 24px}.org-empty [class*=icon]{opacity:.5;margin-bottom:12px}@media (width<=1280px){.org-subordinates{gap:30px}.org-node-card{min-width:185px;max-width:170px}.org-node{margin-bottom:50px}}@media (width<=1024px){.org-chart-container{padding:30px 15px}.org-subordinates{gap:24px;padding-top:24px}.org-node-card{min-width:150px;max-width:165px}.org-branch-line,.org-subordinates .org-node:before{height:24px;top:-24px}.org-node{margin-bottom:45px}}@media (width<=768px){.org-chart-container{min-height:auto;padding:20px 10px}.org-node-card{min-width:140px;max-width:155px;padding:12px 10px}.org-node-info{padding-right:16px}.org-node-name{font-size:12px}.org-node-designation{font-size:10px}.org-node-avatar{width:38px;height:38px;font-size:11px}.org-subordinates{gap:16px;margin-top:20px;padding-top:20px}.org-node{margin-bottom:40px}.org-branch-line,.org-subordinates .org-node:before{height:20px;top:-20px}}@media (width<=480px){.org-chart-container{padding:15px 8px}.org-node-card{min-width:130px;max-width:145px;padding:10px 8px}.org-node-avatar{width:36px;height:36px;font-size:10px}.org-node-name{font-size:11px}.org-node-designation,.org-node-code{font-size:9px}.org-subordinates{gap:12px}.org-node{margin-bottom:35px}}.assign-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.assign-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.assign-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.assign-modal-header h3{color:#1f2937;margin:0;font-size:18px;font-weight:700}.assign-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.assign-modal-close:hover{color:#1f2937;background:#f3f4f6}.assign-modal-body{padding:24px}.assign-modal-subtitle{color:#6b7280;margin:0 0 16px;font-size:13px}.assign-form-group{margin-bottom:16px}.assign-form-group label{color:#1f2937;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.assign-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:13px;transition:all .2s}.assign-select:hover{border-color:#d1d5db}.assign-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.assign-select:disabled{cursor:not-allowed;opacity:.6;background:#f9fafb}.assign-error{color:#dc2626;align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.assign-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.assign-btn{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.assign-btn:disabled{opacity:.6;cursor:not-allowed}.assign-btn-cancel{color:#1f2937;background:#fff}.assign-btn-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.assign-btn-confirm{color:#fff;background:#667eea;border-color:#667eea}.assign-btn-confirm:hover:not(:disabled){background:#5568d3;border-color:#5568d3}.spin{animation:1s linear infinite spin}@media (width<=640px){.assign-modal{max-width:100%;margin:0 16px}.assign-modal-header,.assign-modal-body{padding:16px}.assign-modal-footer{padding:12px 16px}.assign-btn{flex:1;justify-content:center}}.organization-chart-page{background:#f8f9fa;min-height:100vh;padding:24px;font-family:Poppins,sans-serif}.org-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.org-page-title{align-items:center;gap:16px;display:flex}.org-page-title [class*=icon]{color:#667eea}.org-page-title h1{color:#1f2937;margin:0;font-size:28px;font-weight:700}.org-page-title p{color:#6b7280;margin:4px 0 0;font-size:14px}.org-page-stats{gap:16px;display:flex}.org-stat{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 20px}.org-stat-value{color:#667eea;margin-bottom:4px;font-size:28px;font-weight:700}.org-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.org-page-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.org-loading{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.org-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite org-spin}@keyframes org-spin{to{transform:rotate(360deg)}}.org-loading p{margin:0;font-size:14px}.org-error{color:#dc2626;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.org-error [class*=icon]{opacity:.6}.org-error p{margin:0;font-size:14px}.org-retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.org-retry-btn:hover{background:#b91c1c}.org-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.org-empty [class*=icon]{opacity:.5}.org-empty p{margin:0;font-size:14px}@media (width<=768px){.organization-chart-page{padding:16px}.org-page-header{flex-direction:column;margin-bottom:24px}.org-page-stats{flex-wrap:wrap;width:100%}.org-stat{flex:1;min-width:120px}.org-page-content{padding:16px}.org-page-title h1{font-size:22px}}.employee-details-page .modal-content{background-color:#fff;border-radius:8px;max-width:890px;padding:32px}.employee-details-page .edit-employee-form{box-shadow:none;padding:0 15px}.employee-details-page .modal-body{padding:5px}.employee-details-page{min-height:calc(100vh - 80px);margin:0 auto;padding:24px}.details-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.header-title{align-items:center;gap:12px;display:flex}.back-button{cursor:pointer;color:var(--text-secondary,#64748b);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.back-button:hover{color:var(--blue-primary,#00b7ff)}.details-header h1{color:var(--text-dark,#0f172a);margin:0;font-size:15px;font-weight:700}.header-actions{gap:8px;display:flex}.btn-edit,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.employee-details-page .btn-edit{background:var(--blue-primary,#00b7ff);color:#fff}.btn-edit:hover{filter:brightness(.95)}.btn-secondary:hover{background:#e2e8f0}.employee-details-content{gap:16px;display:grid}.profile-hero-card{background:var(--bg-card,#fff);border:1px solid var(--border-light,#e2e8f0);background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);border-radius:14px;overflow:hidden}.profile-cover{background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);align-items:flex-start;height:85px;padding:10px;display:flex}.profile-identity-row{align-items:center;gap:14px;margin:-60px 16px 24px;display:block}.profile-avatar{color:#fff;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin:auto;font-size:16px;font-weight:700;display:flex}.manager-card .profile-avatar{color:#fff;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:16px;font-weight:700;display:flex}.profile-avatar-lg{border:3px solid #fff;width:74px;height:74px;font-size:22px}.profile-title-group{text-align:center;flex:1}.profile-title-group h2{color:var(--text-white);margin:0;font-size:16px}.profile-title-group p{color:var(--text-white);margin:3px 0 0;font-size:12px}.profile-attendance-btn{white-space:nowrap}.profile-meta-row{flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 20px;display:flex}.profile-meta-chip{color:var(--text-secondary,#64748b);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.status-badge{border-radius:6px;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.profile-tabs{background:var(--bg-card,#fff);border-top:1px solid var(--border-light,#e2e8f0);flex-wrap:wrap;align-items:center;gap:8px;padding:0 10px;display:flex}.profile-tab-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:11px 8px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;transition:color .2s,transform .2s;position:relative;transform:translateY(0)}.profile-tab-btn:after{content:"";background:var(--blue-primary,#00b7ff);transform-origin:50%;width:80%;height:2px;transition:transform .24s;position:absolute;bottom:-2px;left:10%;transform:scaleX(0)}.profile-tab-btn:hover{color:#0284c7;transform:translateY(-1px)}.profile-tab-btn.active{color:var(--blue-primary,#00b7ff)}.profile-tab-btn.active:after{transform:scaleX(1)}.tab-content-panel{gap:16px;animation:.28s tabFadeSlide;display:grid}@keyframes tabFadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-placeholder-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;display:flex}.tab-placeholder-card h3{color:var(--text-dark,#0f172a);margin:0;font-size:16px}.tab-placeholder-card p{color:#64748b;max-width:520px;margin:0;font-size:13px}.tab-placeholder-icon{color:#1d4ed8;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.details-grid{gap:16px;display:grid}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-widget-grid{grid-template-columns:1.4fr 1fr 1fr}.info-card{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:12px;padding:1.5rem}.compact-card{min-height:140px}.card-header-with-action{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-header-with-action h3{color:var(--text-dark,#0f172a);margin:0;font-size:14px}.card-subtitle{color:var(--text-muted,#94a3b8);margin:4px 0 0;font-size:11px}.icon-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0}.empty-state-text{color:#64748b;margin:18px 0 0;font-size:12px;line-height:1.5}.manager-card .profile-avatar{width:42px;height:42px;font-size:13px}.manager-info-row{align-items:center;gap:10px;margin-top:14px;display:flex}.manager-meta h4{color:var(--text-dark,#0f172a);margin:0;font-size:12px}.manager-meta p{color:#64748b;margin:3px 0 0;font-size:11px}.widget-card{min-height:240px}.month-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700}.payslip-summary{align-items:center;gap:16px;margin-top:14px;display:flex}.donut-wrapper{min-width:100px}.donut-ring{border:8px solid #dbeafe;border-right-color:#0284c7;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.donut-ring strong{color:#0f172a;font-size:24px;line-height:1}.donut-ring span{color:#64748b;font-size:11px}.metric-list,.swipe-list,.holiday-list{margin:0;padding:0;list-style:none}.metric-list{width:100%}.metric-list li,.swipe-list li{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.metric-list li span,.swipe-list li span{color:#64748b}.metric-list li strong,.swipe-list li strong{color:#0f172a}.widget-footer-actions{gap:8px;margin-top:12px;display:flex}.swipe-list{margin-top:14px}.holiday-list{gap:10px;margin-top:12px;display:grid}.holiday-item{background:#f0fdf4;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.holiday-date{text-align:center;min-width:42px}.holiday-date strong{color:#16a34a;font-size:16px;line-height:1;display:block}.holiday-date span{color:#166534;font-size:10px}.holiday-item p{color:#0f172a;margin:0;font-size:12px}.holiday-item div>span{color:#64748b;font-size:11px}.view-holidays-btn{color:#0369a1;cursor:pointer;background:0 0;border:none;margin-top:10px;padding:0;font-size:11px;font-weight:700}.loading-skeleton{gap:24px;display:grid}.skeleton-header{background:var(--loading-gradient,linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%));background-size:200% 100%;border-radius:12px;height:120px;animation:2s infinite shimmer}.skeleton-section{background:var(--loading-gradient,linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%));background-size:200% 100%;border-radius:12px;height:300px;animation:2s infinite shimmer}.error-message{text-align:center;color:#c62828;background:#ffebee;border-radius:12px;padding:24px}.error-message p{margin:0 0 16px;font-size:16px}.error-message button{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:6px;padding:10px 20px;font-weight:600}@media (width<=1200px){.overview-grid,.bottom-widget-grid{grid-template-columns:1fr}}@media (width<=768px){.employee-details-page{padding:16px}.details-header{flex-direction:column;align-items:flex-start}.profile-identity-row{flex-wrap:wrap}.header-actions{width:100%}.header-actions button{flex:1}}.employment-form{width:100%}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:16px 0;display:grid}.form-group label{color:var(--text-dark,#0f172a);text-transform:capitalize;font-size:12px;font-weight:600}.form-input{color:var(--text-dark,#0f172a);background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .2s}.form-input:hover:not(:disabled){border-color:#cbd5e1}.form-input.disabled-input{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.form-input.disabled-input:hover{border-color:#e2e8f0}.form-actions{gap:10px;margin-top:20px;padding-top:16px;display:flex}.btn-primary{background:var(--blue-primary,#00b7ff);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{filter:brightness(.95);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.employment-details{margin-top:16px}.employment-details .details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.detail-row{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:4px;margin-bottom:0;padding:10px 0;display:flex;background-color:#fff!important;align-items:flex-start!important;margin-bottom:0!important;padding:.5rem!important}.detail-value .status-badge{display:inline-flex}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.on-leave{color:#312e81;background:#e0e7ff}.status-badge.inactive{color:#525252;background:#f5f5f5}.status-badge.on-probation{color:#b45309;background:#fef3c7}.manager-details-card{flex-direction:column;gap:20px;padding:16px 0;display:flex}.manager-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.manager-avatar{color:#666;background:#f0f0f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.manager-info-header{flex-direction:column;flex:1;gap:4px;display:flex}.manager-info-header h4{color:#0f172a;margin:0;font-size:16px;font-weight:600}.manager-designation{color:#64748b;margin:0;font-size:13px;font-weight:500}.manager-details-content{gap:12px;padding:0;display:grid}.manager-details-content .detail-row{background:#f8fafc;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.manager-details-content .detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;flex:none;min-width:120px;font-size:12px;font-weight:600}.manager-details-content .detail-value{color:#0f172a;text-align:right;word-break:break-word;flex:1;font-size:14px;font-weight:500}@media (width<=768px){.manager-header{flex-direction:column;align-items:flex-start}.manager-info-header{width:100%}.manager-details-content .detail-row{flex-direction:column;align-items:flex-start;gap:8px}.manager-details-content .detail-value{text-align:left;width:100%}}@media (width<=640px){.form-grid,.employment-details .details-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.manager-avatar{width:56px;height:56px;font-size:16px}.manager-header{padding:12px}.manager-info-header h4{font-size:14px}.manager-designation{font-size:12px}}.personal-tab-content{flex-direction:column;gap:24px;display:flex}.personal-tab-content>div,.personal-tab-content .passport-form-container,.personal-tab-content .blood-group-form-container{width:100%}.skill-chip-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.skill-chip{color:var(--primary);cursor:pointer;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.skill-chip:hover{background:#e0e7ff}.skill-chip-deletable{cursor:default;padding:2px 4px 2px 10px}.skill-chip-label{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.skill-chip-remove{color:#6366f1;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:inline-flex}.skill-chip-remove:hover{color:var(--primary);background:#6366f126}.skill-chip-remove:disabled{cursor:not-allowed;opacity:.6}.card-count-badge{color:var(--primary);vertical-align:middle;background:#eef2ff;border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;display:inline-block}.personal-form,.personal-details{flex-direction:column;gap:1.5rem;display:flex}.form-section{border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.section-title{color:var(--text-primary,#111827);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.section-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.section-header .section-title{margin-bottom:0}.address-tabs{border-bottom:2px solid var(--border-color,#e5e7eb);gap:.5rem;margin-bottom:1rem;display:flex}.tab-button{color:var(--text-secondary,#6b7280);cursor:pointer;background-color:#0000;border:none;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.tab-button:hover{color:var(--text-primary,#111827);background-color:var(--bg-tertiary,#f3f4f6)}.tab-button.active{color:var(--primary-color,#2563eb);border-bottom-color:var(--primary-color,#2563eb);background-color:#0000}.address-form-content{flex-direction:column;gap:1rem;animation:.2s ease-in-out slideIn;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.form-input.disabled-input{background-color:var(--bg-disabled,#f3f4f6);cursor:not-allowed;color:var(--text-disabled,#9ca3af)}.details-section{background-color:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:.75rem;padding:1.5rem}.detail-row{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.detail-row.full-width{grid-column:1/-1}.detail-label{color:var(--text-tertiary,#9ca3af);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.detail-value{color:var(--text-primary,#111827);word-break:break-word;font-size:.9375rem;font-weight:500}.form-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover,#1a232f);transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary,#e5e7eb)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.form-error-message{color:#991b1b;background-color:#fee2e2;border-left:4px solid #dc2626;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem}.form-empty-state{text-align:center;color:var(--text-secondary,#6b7280);padding:2rem;font-size:.9375rem}@media (width<=768px){.form-section{padding:1rem}.address-tabs{flex-wrap:wrap;gap:0}.tab-button{flex:1;padding:.5rem 1rem;font-size:.875rem}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}.form-grid,.details-grid{grid-template-columns:1fr}}.payment-details{flex-direction:column;gap:1.5rem;display:flex}.payslip-selector{flex-direction:column;gap:.5rem;display:flex}.payslip-selector label{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:500}.payslip-selector select{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:.5rem;padding:.75rem 1rem;font-size:.9375rem}.payslip-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.detail-row{background-color:var(--bg-secondary,#f9fafb);border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.detail-row.highlight{border-left:4px solid var(--primary-color,#2563eb);background-color:#dbeafe}.detail-label{color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:500}.detail-value{color:var(--text-primary,#111827);font-size:1.125rem;font-weight:600}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.draft{color:#6b7280;background-color:#f3f4f6}.status-badge.approved{color:#166534;background-color:#dcfce7}.status-badge.processed{color:#0c4a6e;background-color:#dbeafe}.status-badge.paid{color:#166534;background-color:#dcfce7}.widget-footer-actions{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.payment-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.payment-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:4px;padding:.625rem;font-family:inherit;font-size:.875rem}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group select:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.detail-cards-list{flex-direction:column;gap:1rem;display:flex}.detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:box-shadow .2s;overflow:hidden}.detail-card:hover{box-shadow:0 1px 3px #0000001a}.detail-card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:1rem;display:flex}.detail-card-header h4{color:#1f2937;margin:0;font-size:1rem;font-weight:600}.detail-card-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.detail-card-actions{gap:.5rem;display:flex}.detail-card-actions .icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.detail-card-actions .icon-btn:hover:not(:disabled){color:#374151}.detail-card-actions .icon-btn.edit{color:#3b82f6}.detail-card-actions .icon-btn.edit:hover:not(:disabled){color:#1d4ed8}.detail-card-actions .icon-btn.delete{color:#ef4444}.detail-card-actions .icon-btn.delete:hover:not(:disabled){color:#b91c1c}.detail-card-content{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem;display:grid}.detail-card-content .detail-row{background:0 0;flex-direction:column;padding:0;display:flex}.detail-card-content .detail-label{color:#6b7280;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.detail-card-content .detail-value{color:#1f2937;word-break:break-word;font-size:.875rem}.icon-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.icon-action-btn:hover:not(:disabled){color:#374151}.icon-action-btn:disabled{color:#d1d5db;cursor:not-allowed}.documents-upload-section{border:2px dashed var(--border-color,#e5e7eb);background-color:var(--bg-secondary,#f9fafb);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;min-height:150px;margin-bottom:1.5rem;padding:2rem;transition:all .2s;display:flex}.documents-upload-section:hover{border-color:var(--primary-color,#2563eb);background-color:#eff6ff}.file-upload-label{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.file-upload-label span{color:var(--text-primary,#111827);font-size:.9375rem;font-weight:500}.upload-hint{color:var(--text-secondary,#6b7280);margin:0;font-size:.75rem}.uploading-state{color:var(--primary-color,#2563eb);background-color:#eff6ff;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;font-size:.9375rem;display:flex}.document-items{flex-direction:column;gap:.75rem;display:flex}.document-item{background-color:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.document-item:hover{border-color:var(--primary-color,#2563eb);background-color:#eff6ff}.document-icon{width:40px;height:40px;color:var(--primary-color,#2563eb);background-color:#dbeafe;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.document-info h4{color:var(--text-primary,#111827);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.9375rem;font-weight:500;overflow:hidden}.document-info p{color:var(--text-secondary,#6b7280);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;overflow:hidden}.document-actions{flex-shrink:0;gap:.5rem;display:flex}.doc-action-btn{width:36px;height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;justify-content:center;align-items:center;font-size:0;transition:all .2s;display:inline-flex}.doc-action-btn:hover{color:var(--primary-color,#2563eb);background-color:#fff}.doc-action-btn.delete:hover{color:#dc2626;background-color:#fee2e2}.salary-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.summary-card{border-left:4px solid var(--primary-color,#2563eb);background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.summary-value{color:var(--primary-color,#2563eb);font-size:1.25rem;font-weight:700}.salary-components-section{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.components-group{background-color:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.components-title{color:var(--text-primary,#111827);align-items:center;gap:.75rem;margin:0;font-size:1rem;font-weight:600;display:flex}.components-title.earnings-title{color:#059669}.components-title.deductions-title{color:#dc2626}.components-list{flex-direction:column;gap:.75rem;display:flex}.component-item{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.component-detail{flex-direction:column;flex:1;gap:.25rem;display:flex}.component-type{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary,#9ca3af);font-size:.75rem;font-weight:600}.component-type.fixed{color:var(--primary-color,#2563eb)}.component-type.variable{color:#f59e0b}.components-total{border-top:2px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;margin-top:.5rem;padding:.75rem;font-weight:600;display:flex}.components-total span:first-child{color:var(--text-secondary,#6b7280);font-size:.9375rem}.components-total .total-amount{color:#059669;font-size:1rem}.components-total.deduction .total-amount{color:#dc2626}.salary-net-pay{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-left:4px solid #059669;border-radius:.75rem;padding:1.5rem}.net-pay-row{justify-content:space-between;align-items:center;display:flex}.net-pay-label{color:var(--text-primary,#111827);font-size:.9375rem;font-weight:600}.net-pay-value{color:#059669;font-size:1.5rem;font-weight:700}.history-card{overflow:hidden}.history-filter-tabs{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:16px 0 20px;display:flex}.history-filter-tab{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.history-filter-tab:hover{color:#3b82f6;background:#f0f9ff;border-color:#bfdbfe}.history-filter-tab.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-count{color:#6b7280;background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.history-filter-tab.active .filter-count{color:#2563eb;background:#dbeafe}.history-request-list{flex-direction:column;gap:16px;display:flex}.request-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .2s}.request-card:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.request-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.request-title{align-items:center;gap:8px;min-width:0;display:flex}.request-title h4{color:#111827;margin:0;font-size:15px;font-weight:600}.status-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:9999px;align-items:center;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.request-reason{color:#6b7280;margin:0 0 12px;font-size:13px;line-height:1.5}.reason-label{color:#374151;font-weight:600}.field-changes{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;display:flex}.field-change-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.field-name{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.field-values{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.old-value{color:#ef4444;font-size:13px;-webkit-text-decoration:line-through #ef444466;text-decoration:line-through #ef444466}.new-value{color:#10b981;font-size:13px;font-weight:600}.request-note{border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.request-note svg{flex-shrink:0;margin-top:2px}.approved-note{color:#065f46;background:#ecfdf5}.rejected-note{color:#991b1b;background:#fef2f2}.request-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:12px;display:flex}.request-meta{flex-direction:column;gap:4px;display:flex}.meta-item{color:#9ca3af;align-items:center;gap:6px;font-size:12px;display:inline-flex}.btn-cancel-request{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-cancel-request:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.btn-cancel-request:disabled{opacity:.6;cursor:not-allowed}.spinning-icon{animation:1s linear infinite spin}.history-pagination{border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:20px 0 4px;display:flex}@media (width<=768px){.request-card-header{flex-direction:column;align-items:flex-start}.field-change-row{flex-direction:column;align-items:flex-start;gap:4px}.request-footer{flex-direction:column;align-items:flex-start}.btn-cancel-request{align-self:flex-end}}.custom-field-form{background-color:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.form-group label{color:var(--text-secondary,#6b7280);text-transform:capitalize;letter-spacing:.5px;font-size:.875rem;font-weight:500}.form-input{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:.5rem;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.form-input:hover{border-color:var(--border-hover,#d1d5db)}.form-actions{justify-content:flex-end;gap:1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-color,#2563eb);color:#fff}.btn-primary:hover{background-color:var(--primary-hover,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.btn-secondary{background-color:var(--bg-secondary,#f3f4f6);color:var(--text-primary,#111827);border:1px solid var(--border-color,#e5e7eb)}.btn-secondary:hover{background-color:var(--bg-tertiary,#e5e7eb)}.custom-fields-list{flex-direction:column;gap:1rem;display:flex}.fields-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.custom-field-item{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:.5rem;justify-content:space-between;align-items:flex-start;padding:1rem;transition:all .2s;display:flex}.custom-field-item:hover{border-color:var(--primary-color,#2563eb);box-shadow:0 4px 6px #0000001a}.field-content{flex:1}.field-name{color:var(--text-primary,#111827);margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.field-value{color:var(--text-secondary,#6b7280);word-break:break-word;margin:0;font-size:.875rem}.field-actions{flex-shrink:0;gap:.5rem;margin-left:.5rem;display:flex}.field-action-btn{background-color:var(--bg-secondary,#f3f4f6);width:32px;height:32px;color:var(--text-secondary,#6b7280);cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;font-size:0;transition:all .2s;display:inline-flex}.field-action-btn:hover{color:#dc2626;background-color:#fee2e2}.empty-state-text{text-align:center;color:var(--text-secondary,#6b7280);padding:2rem;font-size:.9375rem}.form-error-message{color:#991b1b;background-color:#fee2e2;border-left:4px solid #dc2626;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.skeleton-loading{flex-direction:column;gap:1rem;display:flex}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:.5rem;animation:1.5s infinite skeleton-loading}@media (width<=768px){.fields-container{grid-template-columns:1fr}.custom-field-item{flex-direction:column}.field-actions{margin-top:1rem;margin-left:0}}.document-uploader-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;gap:1.5rem;padding:1rem;display:flex}.uploader-header{flex-direction:column;gap:.25rem;display:flex}.uploader-header h4{color:#1f2937;margin:0;font-size:.95rem;font-weight:600}.uploader-hint{color:#6b7280;margin:0;font-size:.85rem}.uploader-error-message{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.375rem;padding:.75rem 1rem;font-size:.875rem}.document-upload-area{cursor:pointer;background-color:#fff;border:2px dashed #d1d5db;border-radius:.5rem;padding:2rem;transition:all .3s;position:relative}.document-upload-area:hover{background-color:#f3f4f6;border-color:#9ca3af}.document-upload-area.drag-active{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.upload-label{cursor:pointer;text-align:center;color:inherit;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;display:flex}.upload-label svg{color:#3b82f6}.upload-text{color:#1f2937;font-size:.95rem;font-weight:500}.upload-subtext{color:#6b7280;margin:0;font-size:.8rem}.file-input-hidden{display:none}.documents-list-container{flex-direction:column;gap:1rem;display:flex}.documents-list-title{color:#1f2937;margin:0;font-size:.9rem;font-weight:600}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.document-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.document-card:hover{border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.document-card-header{align-items:flex-start;gap:.75rem;display:flex}.doc-icon{color:#3b82f6;flex-shrink:0;margin-top:.1rem}.document-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:500;overflow:hidden}.document-meta{color:#6b7280;margin:.25rem 0 0;font-size:.75rem}.document-type-selector{flex-direction:column;gap:.35rem;display:flex}.type-label{color:#374151;font-size:.8rem;font-weight:500}.type-select{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.4rem .6rem;font-size:.8rem}.type-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.document-actions{flex-wrap:wrap;gap:.5rem;display:flex}.doc-pending-badge{color:#9a3412;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:.375rem;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.7rem;font-weight:500;display:inline-flex}.doc-action-btn{color:#374151;cursor:pointer;white-space:nowrap;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.doc-action-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.doc-action-btn:disabled{opacity:.5;cursor:not-allowed}.doc-action-btn.view-btn{color:#0891b2;background-color:#ecf9fb;border-color:#06b6d4}.doc-action-btn.view-btn:hover:not(:disabled){background-color:#e0f2fe;border-color:#06b6d4}.doc-action-btn.delete-btn{color:#991b1b;background-color:#fee2e2;border-color:#fca5a5}.doc-action-btn.delete-btn:hover:not(:disabled){background-color:#fecaca;border-color:#f87171}@media (width<=768px){.document-uploader-container{padding:.75rem}.document-upload-area{padding:1.5rem 1rem}.documents-grid{grid-template-columns:1fr}.document-actions{justify-content:space-between}.doc-action-btn{flex:1;justify-content:center}}.previous-experience-card{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:12px;padding:1.5rem}.card-header-with-action{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.card-header-with-action>div{flex:1}.card-header-with-action h3{color:#1f2937;margin:0 0 .375rem;font-size:1.375rem;font-weight:700}.card-subtitle{color:#6b7280;margin:0;font-size:.9375rem;font-weight:500}.btn-add-experience{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #3b82f64d}.btn-add-experience:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-add-experience:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.experiences-list{flex-direction:column;gap:1.25rem;margin-bottom:1rem;display:flex}.experience-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.experience-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.experience-header{cursor:pointer;background:linear-gradient(135deg,#fafbfc 0%,#f9fafb 100%);border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.experience-header:hover{background:linear-gradient(135deg,#f3f4f6 0%,#f1f2f4 100%)}.experience-summary{flex:1}.experience-company{color:#1f2937;align-items:center;gap:.5rem;margin:0 0 .375rem;font-size:1.0625rem;font-weight:700;display:flex}.experience-company svg{color:#3b82f6;flex-shrink:0}.experience-designation{color:#6b7280;margin:0 0 .375rem;font-size:.9375rem;font-weight:500}.experience-year{color:#9ca3af;align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.8125rem;display:flex}.experience-badges{flex-wrap:wrap;gap:.625rem;margin-top:.75rem;display:flex}.current-job-badge{color:#065f46;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #10b981;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.current-job-badge svg{color:#10b981;flex-shrink:0}.duration-badge{color:#0c4a6e;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #06b6d4;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.duration-badge svg{flex-shrink:0}.experience-actions{align-items:center;gap:.625rem;margin-left:1.5rem;display:flex}.icon-action-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:0;transition:all .2s;display:flex}.icon-action-btn:hover{color:#3b82f6;background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #3b82f61a}.icon-action-btn:active{background:#f3f4f6}.icon-action-btn.delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5;box-shadow:0 2px 4px #dc26261a}.expand-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.expand-btn:hover{color:#3b82f6;background:linear-gradient(135deg,#f0f4ff 0%,#f8f9ff 100%);border-color:#bfdbfe}.experience-details{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);border-top:1px solid #f3f4f6;padding:1.5rem}@media (width<=768px){.details-grid{grid-template-columns:1fr;gap:1.5rem}}.experience-form{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:1px solid #e5e7eb;border-radius:8px;margin-top:2rem;padding:2rem;box-shadow:0 2px 8px #0000000a}@media (width<=1024px){.form-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width<=640px){.form-grid{grid-template-columns:1fr;gap:1rem}}.form-input,.form-textarea,.form-group select{color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-input:hover,.form-textarea:hover,.form-group select:hover{background:#fafbfc;border-color:#d1d5db}.form-input:focus,.form-textarea:focus,.form-group select:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a,inset 0 0 0 1px #3b82f61a}.form-input:disabled,.form-group select:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb;border-color:#f3f4f6}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(107, 114, 128)' 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-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;padding-right:2.5rem}.checkbox-group{grid-column:1/-1}.checkbox-group label{color:#374151;cursor:pointer;border-radius:6px;align-items:center;gap:.75rem;margin:0;padding:.5rem .75rem;font-weight:500;transition:background-color .2s;display:flex}.checkbox-group label:hover{background-color:#f3f4f6}.form-checkbox{cursor:pointer;accent-color:#3b82f6;width:18px;height:18px}.form-loading{color:#6b7280;background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border-radius:8px;justify-content:center;align-items:center;padding:3rem;font-size:.9375rem;display:flex}.document-row{background:#f8fafc;border:1px solid #eef0f4;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:block}.document-row .document-name{color:#334155;text-overflow:ellipsis;white-space:pre-wrap;align-items:center;gap:.4rem;min-width:0;margin-bottom:5px;font-size:.8125rem;display:inline-flex;overflow:hidden}@media (width<=1024px){.experience-details{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (width<=768px){.card-header-with-action{flex-direction:column;gap:1rem}.experience-header{flex-direction:column}.experience-actions{width:100%;margin-top:.75rem;margin-left:0}.experience-details{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}@media (width<=640px){.previous-experience-card{padding:1rem}.experience-item{border-radius:6px}.experience-header{padding:1rem}.experience-details{gap:1rem;padding:1rem}.detail-row{min-height:auto;padding:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}.experience-company{font-size:.9375rem}.empty-state{padding:2rem 1rem}}.education-form{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:1px solid #e5e7eb;border-radius:8px;margin-top:1.5rem;padding:2rem;box-shadow:0 2px 8px #0000000a}.form-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.form-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width<=640px){.form-grid{grid-template-columns:1fr;gap:1rem}}.form-group.full-width{grid-column:1/-1}.form-group label{color:#1f2937;text-transform:capitalize;letter-spacing:.3px;margin-bottom:.625rem;font-size:.875rem;font-weight:600}.form-group label:after{content:attr(data-required);color:#ef4444;margin-left:.25rem}.checkbox-label{color:#374151;cursor:pointer;border-radius:6px;align-items:center;gap:.75rem;margin:0;padding:.5rem .75rem;font-weight:500;transition:background-color .2s;display:flex}.checkbox-label:hover{background-color:#f3f4f6}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:18px;height:18px}.form-input,.form-textarea{color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:hover,.form-textarea:hover{background:#fafbfc;border-color:#d1d5db}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a,inset 0 0 0 1px #3b82f61a}.form-input:disabled,.form-textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb;border-color:#f3f4f6}.form-textarea{resize:vertical;min-height:100px}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;text-transform:capitalize;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#d1d5db}.btn-secondary{color:#6b7280;background:#fff;border:1.5px solid #e5e7eb}.btn-secondary:hover:not(:disabled){color:#374151;background:#f9fafb;border-color:#d1d5db}.btn-secondary:disabled{cursor:not-allowed;color:#9ca3af;background:#f9fafb;border-color:#f3f4f6}.education-list{flex-direction:column;gap:1.25rem;margin-bottom:1rem;display:flex}.education-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.education-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.education-header{cursor:pointer;background:linear-gradient(135deg,#fafbfc 0%,#f9fafb 100%);border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.education-header:hover{background:linear-gradient(135deg,#f3f4f6 0%,#f1f2f4 100%)}.education-summary{flex:1}.education-degree{color:#1f2937;align-items:center;gap:.5rem;margin:0 0 .375rem;font-size:1.0625rem;font-weight:700;display:flex}.education-degree svg{color:#3b82f6;flex-shrink:0}.education-institution{color:#6b7280;margin:0 0 .375rem;font-size:.9375rem;font-weight:500}.education-year{color:#9ca3af;align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.8125rem;display:flex}.education-badges{flex-wrap:wrap;gap:.625rem;margin-top:.75rem;display:flex}.highest-qualification-badge{color:#0c4a6e;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #06b6d4;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.approval-badge{text-transform:uppercase;letter-spacing:.3px;border:1px solid #0000;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.approval-pending{color:#78350f;background:linear-gradient(135deg,#fef3c7 0%,#fcd34d 100%);border-color:#f59e0b}.approval-approved{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#10b981}.approval-rejected{color:#7f1d1d;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#ef4444}.education-actions{align-items:center;gap:.625rem;margin-left:1.5rem;display:flex}.icon-btn-small{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:0;transition:all .2s;display:flex}.icon-btn-small:hover{color:#3b82f6;background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #3b82f61a}.icon-btn-small:active{background:#f3f4f6}.icon-btn-small.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5;box-shadow:0 2px 4px #dc26261a}.education-details{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);border-top:1px solid #f3f4f6;padding:1.5rem}@media (width<=768px){.details-grid{grid-template-columns:1fr;gap:1.5rem}}.details-grid .detail-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:start;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.details-grid .detail-row:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.details-grid .detail-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.details-grid .detail-value{color:#1f2937;word-break:break-word;font-size:.9375rem;font-weight:500;line-height:1.5}.detail-value.achievement-text{white-space:pre-wrap;word-wrap:break-word;font-size:.875rem}.detail-value.approval-pending{color:#78350f;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#fef3c7 0%,#fcd34d 100%);border:1px solid #f59e0b;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.detail-value.approval-approved{color:#065f46;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #10b981;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.detail-value.approval-rejected{color:#7f1d1d;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #ef4444;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.empty-state{text-align:center;color:#6b7280;text-align:center;background:linear-gradient(135deg,#fafbfc 0%,#f9fafb 100%);border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;margin:2rem 0!important;padding:4rem 2rem!important}.empty-state svg{opacity:.4;filter:drop-shadow(0 2px 4px #0000000a);margin-bottom:1.5rem}.empty-state h4{color:#374151;margin:.75rem 0;font-size:1.125rem;font-weight:700}.empty-state p{color:#9ca3af;max-width:300px;margin:.75rem 0 1.5rem;font-size:.9375rem}.education-loading{color:#6b7280;background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border-radius:8px;justify-content:center;align-items:center;padding:3rem;font-size:.9375rem;display:flex}.approved-edit-notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.approved-edit-notice svg{flex-shrink:0}.documents-preview{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.document-row-actions{flex-shrink:0;gap:.5rem;display:flex}.document-link{color:#0369a1;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #06b6d4;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;max-width:100%;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;overflow:hidden}.document-link:hover{color:#0c4a6e;background:linear-gradient(135deg,#e0f2fe 0%,#cffafe 100%);border-color:#0891b2;box-shadow:0 2px 8px #06b6d433}.document-link:active{transform:scale(.98)}.document-link svg{flex-shrink:0}.form-error-message{color:#7f1d1d;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1.5px solid #f87171;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9375rem;font-weight:500;display:flex;box-shadow:0 2px 8px #dc26261a}.form-error-message:before{content:"⚠";flex-shrink:0;font-size:1.25rem}.skill-form{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.skill-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.form-input{border:1px solid #d1d5db;border-radius:4px;padding:.625rem;font-family:inherit;font-size:.875rem}.form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.checkbox-group{flex-direction:row;align-items:flex-start;margin-top:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin-right:.5rem}.checkbox-group label{cursor:pointer;align-items:center;margin:0;font-weight:400;display:flex}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;padding-top:.5rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:active:not(:disabled){background:#1d4ed8}.btn-primary:disabled{cursor:not-allowed;background:#9ca3af}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-secondary:active:not(:disabled){background:#bfdbfe}.btn-secondary:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.skill-list{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.skill-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:box-shadow .2s;overflow:hidden}.skill-item:hover{box-shadow:0 1px 3px #0000001a}.skill-item-header{cursor:pointer;text-align:left;background:#f9fafb;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem;transition:background .2s;display:flex}.skill-item-header:hover{background:#f3f4f6}.skill-item-title{flex:1;align-items:center;gap:.75rem;display:flex}.skill-item-title h4{color:#1f2937;margin:0;font-size:1rem;font-weight:600}.skill-proficiency-badge{color:#0c4a6e;background:#dbeafe;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.skill-verified-badge{color:#166534;background:#dcfce7;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.skill-item-details{background:#fff;border-top:1px solid #e5e7eb;padding:1rem}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.detail-row{flex-direction:column;display:flex}.detail-label{color:#6b7280;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.detail-value{color:#1f2937;font-size:.875rem}.status-badge{border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.verified{color:#166534;background:#dcfce7}.status-badge.pending{color:#92400e;background:#fef3c7}.skill-item-actions{border-top:1px solid #f3f4f6;gap:.5rem;padding-top:1rem;display:flex}.icon-action-btn{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.icon-action-btn:hover:not(:disabled){background:#e5e7eb}.icon-action-btn:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.icon-action-btn.edit-btn{color:#3b82f6}.icon-action-btn.edit-btn:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.icon-action-btn.delete-btn{color:#ef4444}.icon-action-btn.delete-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.empty-state p:first-of-type{color:#1f2937;font-size:1rem;font-weight:600}.empty-state-subtitle{color:#9ca3af;font-size:.875rem}.empty-state .btn-primary{justify-content:center;margin-top:1rem}.card-count-badge{color:#1f2937;background:#e5e7eb;border-radius:4px;margin-left:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.my-skills-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.my-skills-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:700}.my-skills-meta{align-items:center;gap:.5rem;display:flex}.my-skills-year{color:#64748b;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:inline-flex}.add-skill-btn{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff;border-radius:8px;width:32px;height:32px}.add-skill-btn:hover:not(:disabled){background:#e0e7ff}.my-skills-list{flex-direction:column;gap:.75rem;display:flex}.my-skill-row{background:#fff;border:1px solid #eef0f4;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 2px #1018280a}.my-skill-row:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #10182814}.my-skill-info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.my-skill-name{color:#1f2937;align-items:center;gap:.35rem;margin:0;font-size:.95rem;font-weight:700;display:flex}.my-skill-verified{color:#2563eb;flex-shrink:0}.my-skill-updated{color:#94a3b8;font-size:.78rem}.my-skill-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.my-skill-actions{opacity:0;gap:.15rem;transition:opacity .15s;display:flex}.my-skill-row:hover .my-skill-actions{opacity:1}.my-skill-action-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:inline-flex}.my-skill-action-btn:hover:not(:disabled){color:#1e293b;background:#e2e8f0}.my-skill-action-btn.delete:hover:not(:disabled){color:#dc2626;background:#fee2e2}.my-skill-action-btn:disabled{opacity:.5;cursor:not-allowed}.skill-ring{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.skill-ring-label{justify-content:center;align-items:center;font-size:.62rem;font-weight:700;display:flex;position:absolute;inset:0}.icon-action-btn[type=button]{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.icon-action-btn[type=button]:hover:not(:disabled){color:#374151}.icon-action-btn[type=button]:disabled{color:#d1d5db;cursor:not-allowed}.passport-form-container{width:100%}.passport-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.passport-header h3{color:#333;margin:0;font-size:18px;font-weight:600}.passport-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.loading,.empty-state{text-align:center;color:#999;grid-column:1/-1;width:auto;padding:40px 20px}.passport-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.passport-card:hover{border-color:#ccc;box-shadow:0 4px 12px #0000001a}.passport-card-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;display:flex}.passport-card-header h4{color:#333;word-break:break-word;margin:0;font-size:16px;font-weight:600}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status-active{color:#2e7d32;background-color:#e8f5e9}.status-expired{color:#e65100;background-color:#fff3e0}.status-cancelled{color:#c62828;background-color:#ffebee}.passport-card-content{margin-bottom:15px}.field{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.passport-card-actions{justify-content:flex-end;gap:8px;display:flex}.passport-card-actions button{font-size:13px}.passport-form-fields{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.passport-modal-actions{justify-content:flex-end;gap:12px;display:flex}@media (width<=768px){.passport-list,.form-row{grid-template-columns:1fr}.passport-card-actions{flex-wrap:wrap}}.blood-group-form-container{width:100%;padding:20px}.blood-group-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.blood-group-header h3{color:#333;margin:0;font-size:18px;font-weight:600}.alert{border-radius:4px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.3s ease-out slideIn}.alert-error{color:#c33;background-color:#fee;border:1px solid #fcc}.alert-success{color:#3c3;background-color:#efe;border:1px solid #cfc}.blood-group-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.loading,.empty-state{text-align:center;color:#999;grid-column:1/-1;padding:40px 20px}.empty-state{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px}.empty-state svg{color:#ddd;margin-bottom:10px}.blood-group-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.blood-group-card:hover{border-color:#ccc;box-shadow:0 4px 12px #0000001a}.blood-group-card-header{border-bottom:1px solid #f0f0f0;align-items:center;margin-bottom:15px;padding-bottom:12px;display:flex}.blood-group-card-header h4{color:#333;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.blood-group-card-content{margin-bottom:15px}.field{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.field label{color:#666;flex-shrink:0;margin-right:10px;font-weight:500}.field span{color:#333;text-align:right;flex:1}.blood-type-badge{color:#1976d2;background-color:#e3f2fd;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.blood-group-card-actions{justify-content:flex-end;gap:8px;display:flex}.blood-group-card-actions button{font-size:13px}.blood-group-form-fields{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#555;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary,#0188a0);outline:none;box-shadow:0 0 0 3px #0066cc1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.modal-footer{justify-content:flex-end;gap:12px;display:flex}@media (width<=768px){.blood-group-list{grid-template-columns:1fr}.blood-group-card-actions{flex-wrap:wrap}}.fec-section{margin-top:1rem}.fec-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.fec-segmented{background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.fec-segmented button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.fec-segmented button.active{color:#0f172a;background:#fff;box-shadow:0 2px 8px #0f172a14}.fec-banner{border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:.88rem;display:flex}.fec-banner-error{color:#991b1b;background:#fee2e2}.fec-banner-success{color:#166534;background:#dcfce7}.fec-toolbar{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:1rem;display:flex}.fec-refresh{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.fec-refresh:disabled{opacity:.6;cursor:not-allowed}.fec-spin{animation:.85s linear infinite fec-spin}@keyframes fec-spin{to{transform:rotate(360deg)}}.fec-empty{text-align:center;color:#64748b;padding:1.5rem 0;font-size:.9rem}.fec-empty-card{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.fec-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.fec-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;transition:box-shadow .2s,border-color .2s;display:grid}.fec-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a0f}.fec-card-avatar{color:#fff;background:linear-gradient(145deg,#3b82f6,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:800;display:flex}.fec-card-avatar-emergency{background:linear-gradient(145deg,#f59e0b,#ef4444)}.fec-card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fec-card-title-row h4{color:#0f172a;margin:0;font-size:1rem}.fec-meta{color:#64748b;margin:4px 0 8px;font-size:.85rem}.fec-details-grid{color:#475569;flex-wrap:wrap;gap:10px 14px;font-size:.82rem;display:flex}.fec-details-grid span{align-items:center;gap:4px;display:inline-flex}.fec-tag{text-transform:uppercase;letter-spacing:.04em;color:#0369a1;background:#e0f2fe;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.fec-tag-primary{color:#b45309;background:#fef3c7}.fec-card-actions{gap:6px;display:flex}.fec-icon-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.fec-icon-btn:hover{color:#0f172a;background:#f8fafc}.fec-icon-btn.fec-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.fec-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.fec-form-grid .form-group{flex-direction:column;gap:6px;display:flex}.fec-form-grid .form-group label{color:#334155;font-size:.85rem;font-weight:600}.fec-form-grid .form-group input,.fec-form-grid .form-group select{border:1px solid #d7dde8;border-radius:10px;padding:.7rem .85rem;font-size:.92rem}.fec-form-grid .full-width{grid-column:1/-1}.fec-checkbox{color:#334155;cursor:pointer;grid-column:1/-1;align-items:center;gap:8px;font-size:.9rem;display:flex}.fec-modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=640px){.fec-form-grid{grid-template-columns:1fr}.fec-card{grid-template-columns:auto 1fr}.fec-card-actions{grid-column:1/-1;justify-content:flex-end}}.hobbies-display-section{flex-direction:column;gap:12px;display:flex}.hobbies-display{flex-wrap:wrap;gap:8px;display:flex}.hobby-badge{color:#fff;letter-spacing:.3px;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #667eea40}.hobby-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea59}.hobby-badge svg{opacity:.9}.hobbies-empty{color:#94a3b8;background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;margin:0;padding:12px;font-size:14px;display:flex}.hobbies-empty svg{opacity:.6;flex-shrink:0}.hobbies-modal-modern{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;flex-direction:column;gap:24px;padding:28px;display:flex}.modal-header-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.header-icon{color:#fff;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.modal-header-section h2{color:#1e293b;margin:0 0 4px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.modal-header-section p{color:#64748b;margin:0;font-size:13px;font-weight:500}.hobby-input-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.input-label-group{justify-content:space-between;align-items:center;gap:12px;display:flex}.input-label-group label{color:#1e293b;margin:0;font-size:14px;font-weight:600}.counter-badge{color:#667eea;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.hobby-input-group{align-items:flex-end;gap:10px;display:flex}.input-with-icon{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:10px;padding:0 14px;transition:all .3s;display:flex;position:relative}.input-with-icon svg{color:#667eea;opacity:.8;flex-shrink:0}.input-with-icon input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-family:inherit;font-size:14px;font-weight:500}.input-with-icon input::placeholder{color:#94a3b8}.input-with-icon:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.add-hobby-btn{white-space:nowrap;align-items:center;gap:6px;display:flex;padding:10px 16px!important}.hobbies-list-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.list-label{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.list-label svg{color:#667eea}.hobbies-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:280px;padding:8px 0;display:grid;overflow-y:auto}.hobby-card{group:"hobby-card";background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.hobby-card:hover{background:linear-gradient(135deg,#f1f5f9 0%,#e8eef7 100%);border-color:#667eea;box-shadow:0 2px 8px #667eea1f}.hobby-card-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.hobby-card-content svg{color:#ef4444;opacity:.8;flex-shrink:0}.hobby-card-content span{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.delete-hobby-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:6px;transition:all .2s;display:flex}.delete-hobby-btn:hover{color:#ef4444;background:#fee2e2}.empty-state-modern{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state-modern svg{color:#cbd5e1;opacity:.6}.empty-state-modern p{color:#475569;margin:0;font-size:15px;font-weight:600}.empty-state-modern span{color:#94a3b8;margin-top:4px;font-size:13px;display:block}.modal-footer-modern{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:0;padding-top:12px;display:flex}.modal-footer-modern button{align-items:center;gap:8px;font-weight:600;display:flex;padding:10px 18px!important}.save-btn svg{transition:transform .3s}.save-btn:not(:disabled):hover svg:not(.spinner){transform:scale(1.15)}.spinner{animation:1s linear infinite spin}.hobbies-grid::-webkit-scrollbar{width:6px}.hobbies-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.hobbies-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.hobbies-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=768px){.hobbies-modal-modern{gap:20px;padding:20px}.modal-header-section{text-align:center;flex-direction:column;align-items:center}.hobby-input-group{flex-direction:column}.add-hobby-btn{justify-content:center;width:100%}.hobbies-grid{grid-template-columns:1fr}.hobby-input-wrapper,.hobbies-list-wrapper,.modal-header-section{padding:16px}.modal-footer-modern{flex-wrap:wrap}.modal-footer-modern button{flex:1;min-width:120px}}@media (width<=480px){.hobbies-modal-modern{gap:16px;padding:16px}.header-icon{width:48px;height:48px}.modal-header-section h2{font-size:16px}.hobbies-grid{grid-template-columns:1fr;max-height:250px}.hobby-input-wrapper,.hobbies-list-wrapper{padding:14px}.modal-footer-modern{flex-direction:column;gap:10px}.modal-footer-modern button{width:100%}}.activity-log-card{overflow:hidden}.view-mode-tabs{align-items:center;gap:8px;display:flex}.view-tab{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.view-tab-label{white-space:nowrap}.view-tab:hover{color:#3b82f6;background:#f0f9ff;border-color:#bfdbfe}.view-tab.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.activity-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:20px}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.filter-group{flex-direction:column;flex:200px;gap:6px;min-width:0;display:flex}.filter-group label{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.filter-input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.filter-input::placeholder{color:#d1d5db;font-weight:400}.filter-input:hover{border-color:#bfdbfe}.filter-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn-reset-filters{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:6px;height:42px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-reset-filters:hover{color:#374151;background:#f3f4f6;border-color:#9ca3af}.btn-reset-filters:active{background:#e5e7eb}.activity-content{padding:16px 0}.activity-results-count{color:#6b7280;padding:0 0 12px;font-size:13px;font-weight:500}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:#f9fafb;border:1px solid #0000;border-radius:8px;gap:12px;padding:12px;transition:all .2s;display:flex}.activity-item:hover{background:#f3f4f6;border-color:#e5e7eb}.activity-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-details{flex:1;min-width:0}.activity-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.activity-type{color:#111827;margin:0;font-size:14px;font-weight:600}.activity-date{color:#9ca3af;flex-shrink:0;font-size:12px}.activity-description{color:#6b7280;margin:4px 0 0;font-size:13px}.activity-extra-info{color:#9ca3af;margin:4px 0 0;font-size:12px;font-style:italic}.empty-state{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.5;margin-bottom:12px}.activity-pagination{border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:12px;padding:16px 0;display:flex}.pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.pagination-btn:disabled{color:#d1d5db;cursor:not-allowed;opacity:.5}.pagination-info{color:#6b7280;padding:0 12px;font-size:13px}.activity-timeline{padding:16px 0}.timeline-container{padding:16px 0;position:relative}.timeline-item{gap:16px;margin-bottom:24px;display:flex}.timeline-marker{flex-direction:column;align-items:center;display:flex;position:relative}.timeline-dot{z-index:1;border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;box-shadow:0 0 0 1px #e5e7eb}.timeline-line{background:linear-gradient(#e5e7eb,#0000);flex-grow:1;width:2px;margin-top:4px}.timeline-content{flex:1;min-width:0;padding-top:4px}.timeline-content h4{color:#111827;margin:0 0 4px;font-size:14px;font-weight:600}.timeline-content p{color:#6b7280;margin:4px 0 0;font-size:13px}.timeline-date{color:#9ca3af;margin-top:6px;font-size:12px;display:block}.activity-statistics{padding:16px 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:12px;padding:16px;transition:all .2s;display:flex}.stat-card:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex:1;min-width:0}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:500}.stat-value{color:#111827;margin:4px 0 0;font-size:28px;font-weight:700}.stat-date{color:#6b7280;margin:6px 0 0;font-size:12px}.activity-breakdown{border-top:1px solid #e5e7eb;padding-top:20px}.activity-breakdown h4{color:#111827;margin:0 0 16px;font-size:14px;font-weight:600}.breakdown-header{justify-content:space-between;align-items:center;display:flex}.breakdown-count{color:#6b7280;font-size:12px;font-weight:600}.breakdown-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.breakdown-fill{border-radius:3px;height:100%;transition:width .3s}@media (width<=1024px){.activity-filters{padding:16px}}@media (width<=768px){.filter-row{gap:12px}.filter-group{flex:calc(50% - 6px)}.activity-filters{padding:16px}.btn-reset-filters{flex:100%;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.activity-header{flex-direction:column;align-items:flex-start;gap:4px}.pagination-btn{padding:8px 12px;font-size:12px}.pagination-info{font-size:12px}.view-tab{height:38px;padding:0 12px}}@media (width<=480px){.filter-row{gap:12px}.filter-group{flex:100%}.activity-filters{padding:12px}.btn-reset-filters{flex:100%;width:100%}.stats-grid{grid-template-columns:1fr}.stat-card{padding:12px}.stat-value{font-size:24px}.view-mode-tabs{gap:4px}.view-tab{width:36px;height:36px;padding:0}.view-tab-label{display:none}.activity-item{gap:10px;padding:10px}.activity-icon{width:36px;height:36px}.filter-group label{font-size:12px}.filter-input{padding:8px 10px;font-size:13px}}.miss-punch-modern-page{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);min-height:100vh;padding:24px}.modern-hero-header{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:16px;margin-bottom:32px;padding:48px 40px;position:relative;overflow:hidden;box-shadow:0 20px 45px #8b5cf633}.modern-hero-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-50%}.hero-content{z-index:1;position:relative}.hero-text{margin-bottom:32px}.hero-title{letter-spacing:-.5px;margin:0 0 12px;font-family:Poppins,sans-serif;font-size:40px;font-weight:800}.hero-subtitle{opacity:.95;max-width:700px;margin:0;font-size:16px;font-weight:300}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000001a}.stat-item:hover{background:#ffffff2e;transform:translateY(-6px);box-shadow:0 12px 24px #00000026}.stat-icon{background:#ffffff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-label{opacity:.85;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.stat-number{font-size:32px;font-weight:700}.stat-item.pending-stat{background:#f59e0b26;border-color:#f59e0b4d}.stat-item.approved-stat{background:#10b98126;border-color:#10b9814d}.stat-item.rejected-stat{background:#ef444426;border-color:#ef44444d}.modern-alert{border-radius:10px;align-items:center;gap:14px;margin-bottom:20px;padding:16px 20px;font-size:14px;font-weight:500;animation:.3s slideDown;display:flex}.alert-error{color:#c5192d;background:linear-gradient(135deg,#fee8e8 0%,#fef3f3 100%);border-left:4px solid #ef4444;box-shadow:0 4px 12px #ef44441a}.alert-success{color:#065f46;background:linear-gradient(135deg,#e8f8f5 0%,#f3fef8 100%);border-left:4px solid #10b981;box-shadow:0 4px 12px #10b9811a}.modern-filter-section{background:#fff;border:1px solid #0000000d;border-radius:14px;margin-bottom:28px;padding:24px 28px;box-shadow:0 2px 8px #0000000d}.filter-header{margin-bottom:18px}.filter-title{color:#1e293b;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.filter-buttons-group{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.filter-button{transition:all .2s}.filter-button:hover{transform:translateY(-2px)}.modern-content-section{background:#fff;border:1px solid #0000000d;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.loading-container{color:#64748b;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.loading-container p{font-size:15px;font-weight:500}@media (width<=1024px){.hero-stats,.filter-buttons-group{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.miss-punch-modern-page{padding:16px}.modern-hero-header{margin-bottom:24px;padding:32px 24px}.hero-title{font-size:28px}.hero-subtitle{font-size:14px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{padding:16px}.stat-icon{width:48px;height:48px}.stat-number{font-size:24px}.modern-filter-section{padding:20px 24px}.filter-buttons-group{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=480px){.miss-punch-modern-page{padding:12px}.modern-hero-header{border-radius:12px;margin-bottom:20px;padding:24px 16px}.hero-title{font-size:24px}.hero-subtitle{font-size:13px}.hero-stats{grid-template-columns:1fr;gap:10px}.stat-item{gap:12px;padding:12px}.stat-icon{width:44px;height:44px}.stat-label{font-size:11px}.stat-number{font-size:20px}.modern-filter-section{margin-bottom:20px;padding:16px}.filter-title{font-size:12px}.filter-buttons-group{grid-template-columns:1fr;gap:8px}.filter-button{width:100%}.modern-content-section{border-radius:12px}.loading-container{padding:60px 16px}}.miss-punch-approval-list{padding:20px}.alert-content{flex:1;align-items:center;gap:12px;display:flex}.alert-retry-btn{white-space:nowrap;flex-shrink:0}.list-wrapper{margin-bottom:24px}.request-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.request-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000000d}.request-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 16px #667eea26}.card-header{color:#fff;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.employee-info{flex:1}.employee-name{margin:0 0 4px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.employee-code{opacity:.8;margin:0;font-family:Monaco,monospace;font-size:12px}.card-badges{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.card-details{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.detail-row{justify-content:space-between;gap:12px;font-size:13px;display:flex}.detail-label{color:#6b7280;min-width:100px;font-weight:600}.detail-value{color:#374151;text-align:right;font-weight:500}.card-footer{background:#f9fafb;border-top:1px solid #f3f4f6;padding:12px 16px}.empty-state{text-align:center;color:#9ca3af;padding:60px 20px}.empty-icon{margin-bottom:16px;font-size:48px}.empty-state h3{color:#374151;margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{margin:0;font-size:14px}.pagination{background:#f9fafb;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;padding:20px;display:flex}.page-numbers{gap:4px;display:flex}.list-summary{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:13px}.miss-punch-detail-modal{max-width:600px;padding:0}.detail-modal-header{color:#fff;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);border-radius:8px 8px 0 0;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.detail-modal-title{flex-direction:column;gap:8px;display:flex}.modal-employee-name{margin:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.modal-employee-code{opacity:.8;margin:0;font-family:Monaco,monospace;font-size:12px}.detail-modal-badges{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.detail-modal-content{flex-direction:column;gap:24px;padding:24px;display:flex}.detail-section{flex-direction:column;gap:12px;display:flex}.section-title{color:#667eea;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f3f4f6;margin:0;padding-bottom:8px;font-size:13px;font-weight:700}.section-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.section-item{flex-direction:column;gap:4px;display:flex}.item-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.item-value{color:#1f2937;font-size:14px;font-weight:500}.timeline-section{border-left:3px solid #667eea;padding-left:20px;position:relative}.timeline-item{padding-bottom:20px;position:relative}.timeline-item:before{content:"";background:#667eea;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:-26px;box-shadow:0 0 0 2px #667eea}.timeline-time{color:#9ca3af;margin-bottom:4px;font-size:12px;font-weight:600}.timeline-content{color:#374151;font-size:14px;line-height:1.6}.reason-box{color:#92400e;background:linear-gradient(135deg,#fef8e8 0%,#fef3f3 100%);border-left:4px solid #f59e0b;border-radius:6px;padding:16px;font-size:14px;font-style:italic;line-height:1.6}.documents-list{flex-direction:column;gap:8px;display:flex}.document-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.document-item:hover{background:#f3f4f6;border-color:#d1d5db}.document-info{flex:1;min-width:0}.document-name{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.document-meta{color:#9ca3af;margin-top:2px;font-size:11px}.document-action{white-space:nowrap}.approval-actions{background:#f9fafb;border-radius:8px;flex-direction:column;gap:12px;margin-top:16px;padding:20px;display:flex}.remarks-textarea{resize:vertical;border:1px solid #e5e7eb;border-radius:6px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px}.remarks-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.action-buttons{gap:12px;display:flex}.action-buttons button{flex:1}.escalate-checkbox{color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}@media (width<=1024px){.request-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.section-grid{grid-template-columns:1fr}}@media (width<=768px){.miss-punch-approval-list{padding:12px}.list-filters{grid-template-columns:1fr;align-items:stretch;gap:12px;padding:16px}.filter-group,.filter-group:first-child{width:100%}.filter-group .select-trigger{width:100%!important}.filter-select{width:100%}.request-cards{grid-template-columns:1fr}.miss-punch-detail-modal{max-width:100%}.detail-modal-header{padding:16px}.detail-modal-content{gap:16px;padding:16px}.action-buttons{flex-direction:column}}@media (width<=480px){.list-filters{grid-template-columns:1fr;align-items:stretch;gap:10px;padding:12px}.filter-group{width:100%}.filter-group .input{padding:10px 12px!important;font-size:13px!important}.filter-group .select-trigger{width:100%!important;padding:10px 12px!important;font-size:13px!important}.filter-select{width:100%}.request-card{margin-bottom:12px}.card-header{flex-direction:column;padding:12px}.card-badges{align-items:flex-start;width:100%}.detail-modal-header{flex-direction:column;padding:12px}.detail-modal-content{gap:12px;padding:12px}.section-grid{grid-template-columns:1fr}.timeline-item{padding-left:0}.timeline-section{border-left:none;padding-left:0}.timeline-item:before{display:none}.approval-actions{padding:12px}.action-buttons{gap:8px}}.fin-page{margin:0 auto;padding:24px 28px}.fin-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.fin-title{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.fin-subtitle{color:#6b7280;margin:4px 0 0;font-size:.9rem}.fin-tabs{background:#fff;border:1px solid #eef1f6;border-radius:14px;gap:4px;margin-bottom:20px;display:flex;overflow:hidden;box-shadow:0 4px 18px #0f172a0a}.fin-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.fin-tab:hover{color:#374151}.fin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.fin-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.fin-table{border-collapse:collapse;width:100%;font-size:.88rem}.fin-table thead th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;background:#f9fafb;padding:12px 16px;font-size:.78rem;font-weight:600}.fin-table tbody td{color:#374151;vertical-align:middle;border-top:1px solid #f3f4f6;padding:12px 16px}.fin-table tbody tr:hover{background:#fafafe}.fin-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.fin-link:hover{text-decoration:underline}.fin-row-actions{justify-content:flex-end;gap:6px;display:flex}.fin-iconbtn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.fin-iconbtn:hover{background:#f3f4f6}.fin-iconbtn.success:hover{color:#166534;background:#dcfce7;border-color:#bbf7d0}.fin-iconbtn.danger:hover{color:#991b1b;background:#fee2e2;border-color:#fecaca}.fin-badge{border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.fin-empty{text-align:center;color:#9ca3af;background:#fff;border:1px dashed #e5e7eb;border-radius:12px;padding:48px 24px}.fin-muted{color:#9ca3af;font-size:.85rem}.fin-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fin-field{color:#374151;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.fin-field>span{color:#4b5563;font-weight:600}.fin-field input,.fin-field select,.fin-field textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 11px;font-family:inherit;font-size:.88rem}.fin-field input:focus,.fin-field select:focus,.fin-field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51f}.fin-col-span{grid-column:1/-1}.fin-check{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.fin-check input{width:auto}.fin-modal-footer{justify-content:flex-end;gap:10px;display:flex}.fin-policy-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:6px;margin-top:14px;padding:10px 12px;display:flex}.fin-policy-line{align-items:center;gap:8px;font-size:.83rem;display:flex}.fin-policy-line.error{color:#991b1b}.fin-policy-line.warn{color:#92400e}.fin-policy-hint{color:#6b7280;margin-top:2px;font-size:.78rem}.fin-detail-head{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.fin-detail-code{color:#6b7280;font-size:.8rem}.fin-detail-amount{color:#111827;font-size:1.4rem;font-weight:700}.fin-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0;display:grid}.fin-detail-grid>div{color:#111827;font-size:.9rem}.fin-detail-grid span{color:#9ca3af;margin-bottom:2px;font-size:.75rem;display:block}.fin-detail-desc{color:#374151;font-size:.9rem}.fin-detail-section{color:#111827;margin:18px 0 10px;font-size:.95rem}.fin-policy-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:.85rem;display:flex}.fin-steps{flex-direction:column;gap:0;display:flex}.fin-step{gap:12px;padding:10px 0 10px 4px;display:flex;position:relative}.fin-step:not(:last-child):before{content:"";background:#e5e7eb;width:2px;position:absolute;top:22px;bottom:-2px;left:9px}.fin-step-dot{z-index:1;background:#cbd5e1;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:3px}.fin-step.approved .fin-step-dot{background:#16a34a}.fin-step.rejected .fin-step-dot{background:#dc2626}.fin-step.pending .fin-step-dot{background:#f59e0b}.fin-step.skipped .fin-step-dot{background:#94a3b8}.fin-step-title{color:#111827;align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex}.fin-step-meta{color:#6b7280;margin-top:2px;font-size:.78rem}.fin-step-comment{color:#4b5563;margin-top:3px;font-size:.82rem;font-style:italic}.fin-docs{margin:0;padding:0;list-style:none}.fin-docs li{align-items:center;gap:8px;padding:6px 0;font-size:.88rem;display:flex}.fin-docs a{color:var(--primary)}.fin-cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.fin-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.fin-card-value{color:#111827;margin-top:8px;font-size:1.4rem;font-weight:700}.fin-card-label{color:#6b7280;margin-top:2px;font-size:.8rem}.fin-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px}.fin-panel h4{color:#111827;margin:0 0 14px;font-size:.95rem}.fin-bar-row{grid-template-columns:130px 1fr 130px;align-items:center;gap:12px;margin-bottom:10px;display:grid}.fin-bar-label{color:#374151;font-size:.85rem}.fin-bar-track{background:#f3f4f6;border-radius:999px;height:10px;overflow:hidden}.fin-bar-fill{background:linear-gradient(90deg, #6366f1, var(--primary));border-radius:999px;height:100%}.fin-bar-value{color:#6b7280;text-align:right;font-size:.8rem}.fin-wf-list{flex-direction:column;gap:12px;display:flex}.fin-wf-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px}.fin-wf-head{justify-content:space-between;align-items:flex-start;display:flex}.fin-wf-meta{color:#6b7280;margin-top:3px;font-size:.8rem;display:block}.fin-wf-chain{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.fin-wf-step{color:var(--primary);background:#eef2ff;border-radius:8px;padding:5px 12px;font-size:.82rem;font-weight:600}.fin-wf-arrow{color:#9ca3af}.fin-levels-head{justify-content:space-between;align-items:center;margin:18px 0 10px;display:flex}.fin-levels-head h4{margin:0;font-size:.95rem}.fin-level-row{grid-template-columns:40px 160px 1fr 40px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.fin-level-order{color:var(--primary);text-align:center;font-weight:700}.fin-level-row select,.fin-level-row input{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:.85rem}@media (width<=720px){.fin-form-grid{grid-template-columns:1fr}.fin-cards{grid-template-columns:repeat(2,1fr)}.fin-bar-row{grid-template-columns:90px 1fr 90px}}._page_gxf35_1{background:var(--gh-bg,#f7f8fb);color:#0f172a;min-height:100vh;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_gxf35_9{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}._header_gxf35_9 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}._header_gxf35_9 p{color:#64748b;margin:4px 0 0;font-size:13.5px}._kpis_gxf35_35{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px;display:grid}._kpi_gxf35_35{background:#fff;border:1px solid #e7e9ee;border-radius:14px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}._kpi_gxf35_35:before{content:"";background:var(--accent,#4f46e5);width:4px;position:absolute;top:0;bottom:0;left:0}._kpiLabel_gxf35_62{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}._kpiValue_gxf35_70{letter-spacing:-.02em;margin-top:6px;font-size:22px;font-weight:700}._kpiMeta_gxf35_77{color:#94a3b8;margin-top:2px;font-size:12px}._tabs_gxf35_84{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:10px 10px 0 8px;display:flex}._tab_gxf35_84{font-family:var(--font-family);color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:color .16s,border-color .16s;display:inline-flex}._tab_gxf35_84:hover{color:#0f172a}._tabActive_gxf35_117{color:var(--color-primary);border-bottom-color:var(--color-primary)}._tabCount_gxf35_122{color:var(--color-primary);background:#eef2ff;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}._toolbar_gxf35_132{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}._toolbar_gxf35_132 ._spacer_gxf35_140{flex:1}._surface_gxf35_145{background:#fff;border:1px solid #e7e9ee;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}._tableWrap_gxf35_153{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}._table_gxf35_153{border-collapse:collapse;width:100%;font-size:13.5px}._table_gxf35_153 thead{background:#fbfbfd}._table_gxf35_153 th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #eef0f4;padding:12px 16px;font-size:11.5px;font-weight:700}._table_gxf35_153 td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f3f7;padding:12px 16px}._table_gxf35_153 tbody tr:last-child td{border-bottom:none}._table_gxf35_153 tbody tr:hover{background:#fafbff}._amount_gxf35_196{color:#0f172a;white-space:nowrap;font-weight:700}._muted_gxf35_202{color:#94a3b8}._codeCell_gxf35_206{color:#0f172a;font-weight:600}._subText_gxf35_211{color:#94a3b8;font-size:12px}._rowActions_gxf35_216{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}._badge_gxf35_224{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;line-height:1.5;display:inline-flex}._sPending_gxf35_236{color:#92400e;background:#fef3c7}._sProcessing_gxf35_241{color:#1e40af;background:#dbeafe}._sPaid_gxf35_246{color:#166534;background:#dcfce7}._sFailed_gxf35_251{color:#991b1b;background:#fee2e2}._sHold_gxf35_256{color:#5b21b6;background:#ede9fe}._sCancelled_gxf35_261{color:#374151;background:#e5e7eb}._sOpen_gxf35_266{color:#075985;background:#e0f2fe}._sCompleted_gxf35_271{color:#166534;background:#dcfce7}._empty_gxf35_277{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;display:flex}._empty_gxf35_277 svg{opacity:.7}._dist_gxf35_292{grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;display:grid}._distCard_gxf35_299{background:#fff;border:1px solid #e7e9ee;border-radius:14px;padding:18px}._distCard_gxf35_299 h3{margin:0 0 12px;font-size:14px;font-weight:700}._distRow_gxf35_312{align-items:center;gap:10px;margin-bottom:10px;display:flex}._distName_gxf35_319{color:#475569;flex-shrink:0;width:130px;font-size:13px}._distTrack_gxf35_326{background:#eef2ff;border-radius:999px;flex:1;height:8px;overflow:hidden}._distFill_gxf35_334{background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:999px;height:100%}._distVal_gxf35_340{text-align:right;color:#0f172a;flex-shrink:0;width:96px;font-size:12.5px;font-weight:700}._formGrid_gxf35_349{grid-template-columns:1fr 1fr;gap:14px;display:grid}._formFull_gxf35_355{grid-column:1/-1}._catMeta_gxf35_359{color:#64748b;flex-wrap:wrap;gap:14px;margin-top:2px;font-size:12px;display:flex}@media (width<=720px){._page_gxf35_1{padding:16px 14px 40px}._dist_gxf35_292,._formGrid_gxf35_349{grid-template-columns:1fr}}._sectionTitle_gxf35_383{color:#334155;align-items:center;gap:8px;margin:22px 0 10px;font-size:14px;font-weight:700;display:flex}._sectionTitle_gxf35_383 svg{color:#4f46e5}._flowBar_gxf35_397{background:#eef2f7;border-radius:999px;width:120px;max-width:100%;height:5px;margin-top:6px;overflow:hidden}._flowFill_gxf35_407{border-radius:999px;height:100%;transition:width .3s;display:block}._modalForm_gxf35_414{flex-direction:column;gap:14px;display:flex}._row2_gxf35_420{grid-template-columns:1fr 1fr;gap:12px;display:grid}._modalFooter_gxf35_426{justify-content:flex-end;gap:10px;width:100%;display:flex}._noticeInfo_gxf35_433{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:6px;padding:10px 12px;font-size:12.5px;display:flex}@media (width<=640px){._row2_gxf35_420{grid-template-columns:1fr}}._billChip_gxf35_452{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;transition:background .15s;display:inline-flex}._billChip_gxf35_452:hover:not(:disabled){background:#e0e7ff}._billChip_gxf35_452:disabled{opacity:.6;cursor:default}._fileLabel_gxf35_476{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:block}._fileDrop_gxf35_484{cursor:pointer;color:#64748b;border:1.5px dashed #cbd5e1;border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;transition:border-color .15s,background .15s;display:flex}._fileDrop_gxf35_484:hover{background:#f8faff;border-color:#818cf8}._fileDrop_gxf35_484 svg{color:#6366f1;flex-shrink:0}._fileClear_gxf35_507{color:#b91c1c;cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;margin-top:6px;font-size:11.5px;font-weight:600;display:inline-flex}._fileList_gxf35_521{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}._fileItem_gxf35_530{color:#334155;background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:flex}._fileItem_gxf35_530 svg{color:#6366f1;flex-shrink:0}._fileItemName_gxf35_547{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._billGrid_gxf35_556{flex-direction:column;gap:10px;display:flex}._billCard_gxf35_562{border:1px solid #e7eaf0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}._billThumb_gxf35_571{color:#94a3b8;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}._billThumb_gxf35_571 img{object-fit:cover;width:100%;height:100%}._billMeta_gxf35_590{flex:1;min-width:0}._billName_gxf35_595{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}._billActions_gxf35_605{flex-shrink:0;align-items:center;gap:6px;display:flex}._billThumbClickable_gxf35_612{cursor:zoom-in;border:none;padding:0}._billThumb_gxf35_571{border:none}._billDelete_gxf35_622{color:#b91c1c;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:inline-flex}._billDelete_gxf35_622:hover:not(:disabled){background:#fee2e2}._billDelete_gxf35_622:disabled{opacity:.6;cursor:default}._lightbox_gxf35_645{z-index:10000;cursor:zoom-out;background:#0f172ad1;justify-content:center;align-items:center;padding:32px;animation:.15s _lbFade_gxf35_1;display:flex;position:fixed;inset:0}._lightbox_gxf35_645 img{cursor:default;border-radius:10px;max-width:92vw;max-height:88vh;box-shadow:0 20px 60px #00000080}._lightboxClose_gxf35_666{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:18px;right:22px}._lightboxClose_gxf35_666:hover{background:#ffffff47}@keyframes _lbFade_gxf35_1{0%{opacity:0}to{opacity:1}}.charts-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:30px 0;display:grid}.chart-card-wrapper{animation:.5s fadeInUp}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .3s;box-shadow:0 2px 8px #00000014}.chart-card:hover{border-color:#cbd5e0;box-shadow:0 8px 24px #0000001f}.chart-title{color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:700}.chart-body{background:#f9fafb;border-radius:8px;justify-content:center;align-items:center;min-height:240px;padding:12px;display:flex}.chart-empty{text-align:center;color:#a0aec0;font-size:14px;font-weight:500}.recharts-text{font-size:12px;font-weight:500}.recharts-pie-sector{cursor:pointer;transition:all .2s}.recharts-pie-sector:hover{filter:brightness(1.1)}.recharts-legend-wrapper{padding-top:12px}.recharts-legend-item{margin:4px 8px!important}.recharts-legend-item-text{color:#4a5568!important;font-size:12px!important;font-weight:500!important}.recharts-tooltip{border-radius:8px;box-shadow:0 4px 12px #00000026!important}.recharts-default-tooltip{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:12px!important}@media (width<=1024px){.charts-container{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=768px){.charts-container{grid-template-columns:1fr;gap:16px}.chart-card{padding:16px}.chart-body{min-height:200px}}.premium-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px;transition:all .3s;box-shadow:0 2px 8px #00000014}.premium-table-wrapper:hover{border-color:#cbd5e0;box-shadow:0 8px 24px #0000001f}.table-header{border-bottom:2px solid #f0f4f8;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.table-title{color:#1a202c;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.table-total{align-items:center;gap:8px;display:flex}.total-label{color:#718096;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.total-value{font-family:Courier New,monospace;font-size:18px;font-weight:700}.total-value.allowance{color:#48bb78}.total-value.deduction{color:#f56565}.table-container{margin-bottom:12px;overflow-x:auto}.premium-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.premium-table thead{background:#f7fafc}.premium-table thead th{text-align:left;color:#2d3748;text-transform:uppercase;letter-spacing:.5px;background:#f7fafc;border-bottom:2px solid #e2e8f0;padding:16px 12px;font-size:12px;font-weight:700}.premium-table thead th:first-child{border-radius:8px 0 0;padding-left:16px}.premium-table thead th:last-child{text-align:right;border-radius:0 8px 0 0;padding-right:16px}.premium-table tbody tr{border-bottom:1px solid #edf2f7;transition:all .2s}.premium-table tbody tr:hover{background-color:#f9fafb}.premium-table tbody tr:last-child{border-bottom:none}.premium-table td{color:#4a5568;padding:14px 12px;font-weight:500}.table-row .col-name{color:#2d3748;padding-left:16px;font-weight:600}.table-row .col-amount{text-align:right;padding-right:16px;font-family:Courier New,monospace;font-weight:600}.component-name{color:#2d3748;display:block}.component-amount{color:#4a5568;font-weight:700}.table-footer{border-top:2px solid #f0f4f8;padding-top:12px}.footer-summary{justify-content:flex-end;align-items:center;gap:12px;padding:8px 0;display:flex}.summary-value{font-family:Courier New,monospace;font-size:16px;font-weight:700}.summary-value.allowance{color:#48bb78}.summary-value.deduction{color:#f56565}.table-empty{text-align:center;color:#a0aec0;background:#f9fafb;border-radius:8px;padding:40px 20px;font-size:14px;font-weight:500}.table-empty p{margin:0}@media (width<=768px){.premium-table-wrapper{padding:16px}.table-header{flex-direction:column;align-items:flex-start;gap:12px}.table-title{font-size:14px}.premium-table{font-size:12px}.premium-table thead th{padding:12px 8px;font-size:11px}.premium-table td{padding:10px 8px}.table-row .col-name{padding-left:8px}.table-row .col-amount{padding-right:8px}.footer-summary{flex-direction:column;align-items:flex-end;gap:6px}.summary-label{font-size:11px}.summary-value{font-size:14px}}.tax-details-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:24px;transition:all .3s;box-shadow:0 2px 8px #00000014}.tax-details-section:hover{border-color:#cbd5e0;box-shadow:0 8px 24px #0000001f}.tax-header{border-bottom:2px solid #f0f4f8;margin-bottom:24px;padding-bottom:16px}.tax-title{color:#1a202c;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.tax-content{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.tax-summary-column{flex-direction:column;gap:12px;display:flex}.tax-summary-card{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border:1px solid #e2e8f0;border-radius:12px;padding:20px}.summary-item{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.summary-label{color:#4a5568;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:700}.summary-value{letter-spacing:.5px;font-family:Courier New,monospace;font-size:16px;font-weight:700}.summary-value.gross{color:#2d3748}.summary-value.deductions{color:#f56565}.summary-value.net{color:#48bb78}.summary-divider{opacity:.5;background:#cbd5e0;height:1px;margin:8px 0}.tax-rate-card{background:linear-gradient(135deg,#edf2f7 0%,#e2e8f0 100%);border:1px solid #cbd5e0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 16px;display:flex}.rate-label{color:#4a5568;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.rate-value{color:#667eea;font-family:Courier New,monospace;font-size:18px;font-weight:700}.tax-breakdown-column{flex-direction:column;display:flex}.tax-breakdown-table{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.breakdown-header{color:#2d3748;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#edf2f7 0%,#e2e8f0 100%);border-bottom:2px solid #cbd5e0;padding:16px 20px;font-size:12px;font-weight:700}.breakdown-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;transition:background .2s;display:flex}.breakdown-row:hover{background:#edf2f7}.breakdown-row:last-child{border-bottom:none}.breakdown-label{color:#2d3748;font-size:12px;font-weight:600}.breakdown-value{color:#4a5568;letter-spacing:.3px;font-family:Courier New,monospace;font-size:13px;font-weight:700}.no-tax-info{text-align:center;color:#a0aec0;padding:20px;font-size:13px;font-weight:500}.no-tax-info p{margin:0}.tax-footer{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border:1px solid #e2e8f0;border-radius:12px;justify-content:space-around;align-items:center;gap:12px;padding:16px 20px;display:flex}.tax-footer-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.footer-label{color:#4a5568;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.footer-value{color:#2d3748;letter-spacing:.3px;font-family:Courier New,monospace;font-size:14px;font-weight:700}.tax-footer-divider{opacity:.5;background:#cbd5e0;width:1px;height:30px}@media (width<=1024px){.tax-content{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.tax-details-section{padding:16px}.tax-content{gap:16px}.tax-summary-card{padding:16px}.tax-breakdown-table{border-radius:8px}.breakdown-header,.breakdown-row{padding:10px 12px;font-size:11px}.summary-value{font-size:14px}.tax-footer{flex-direction:column;gap:8px;padding:12px}.tax-footer-item{width:100%}.tax-footer-divider{display:none}.rate-value{font-size:16px}}._detail_1as19_2{color:#0f172a;margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_1as19_5{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}._headerLeft_1as19_6{flex-wrap:wrap;align-items:center;gap:14px;display:flex}._titleBlock_1as19_7 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}._titleBlock_1as19_7 h1 svg{color:#4f46e5}._titleBlock_1as19_7 p{color:#64748b;margin:4px 0 0;font-size:13px}._statusBadge_1as19_11{border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700}._statusPaid_1as19_12{color:#15803d;background:#dcfce7}._statusProcessed_1as19_13{color:#3730a3;background:#e0e7ff}._statusPending_1as19_14{color:#b45309;background:#fef3c7}._alert_1as19_16{margin-bottom:16px}._card_1as19_19{background:#fff;border:1px solid #e7eaf0;border-radius:16px;margin-bottom:16px;padding:18px 20px}._cardTitle_1as19_20{color:#334155;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}._cardTitle_1as19_20 svg{color:#4f46e5}._metaGrid_1as19_24{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 20px;display:grid}._metaItem_1as19_25 label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:3px;font-size:11px;font-weight:700;display:block}._metaItem_1as19_25 span{color:#1f2937;font-size:14px;font-weight:600}._kpiRow_1as19_29{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}._kpi_1as19_29{background:#fff;border:1px solid #e7eaf0;border-radius:14px;align-items:center;gap:12px;padding:16px 18px;display:flex}._kpiIcon_1as19_31{color:#4f46e5;background:#eef2ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}._kpiValue_1as19_32{font-size:19px;font-weight:800;line-height:1.1}._kpiLabel_1as19_33{color:#64748b;margin-top:4px;font-size:12px}._toneIndigo_1as19_34 ._kpiIcon_1as19_31{color:#4338ca;background:#e0e7ff}._toneGreen_1as19_35 ._kpiIcon_1as19_31{color:#15803d;background:#dcfce7}._toneRed_1as19_36 ._kpiIcon_1as19_31{color:#b91c1c;background:#fee2e2}._toneAmber_1as19_37 ._kpiIcon_1as19_31{color:#b45309;background:#fef3c7}._valGreen_1as19_38{color:#15803d}._valRed_1as19_39{color:#b91c1c}._kpiNet_1as19_41{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#bbf7d0}._tablesGrid_1as19_44{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}._tablesGrid_1as19_44>*{min-width:0}._actions_1as19_48{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (width<=900px){._tablesGrid_1as19_44{grid-template-columns:1fr}}@media (width<=640px){._actions_1as19_48{flex-direction:column}}.statement-summary-view{background:linear-gradient(#fff 0%,#f7f9ff 100%);border:1px solid #94a3b82e;border-radius:24px;flex-direction:column;gap:24px;width:100%;padding:24px;display:flex;box-shadow:0 24px 60px #0f172a0f}.statement-empty{text-align:center;background:#fff;border-radius:12px;padding:60px 20px;box-shadow:0 2px 8px #0000000f}.statement-empty .empty-state svg{color:#cbd5e0;margin-bottom:20px;font-size:64px}.statement-empty .empty-state h3{color:#2d3748;margin:0 0 10px;font-size:20px;font-weight:600}.statement-empty .empty-state p{color:#718096;margin:0;font-size:14px}.statement-header{background:#fff;border:1px solid #94a3b829;border-radius:18px;margin-bottom:10px;padding:24px;box-shadow:0 16px 30px #0f172a0a}.statement-header h2{color:#102a43;letter-spacing:-.5px;margin:0 0 8px;font-size:30px;font-weight:800}.statement-header p{color:#718096;margin:0;font-size:14px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:10px;display:grid}.kpi-card{background:#fff;border:1px solid #94a3b829;border-radius:18px;align-items:center;gap:18px;padding:24px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a0f}.kpi-card:hover{border-color:#cbd5e0;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.kpi-card:before{content:"";background:linear-gradient(90deg,#667eea,#764ba2);height:4px;position:absolute;top:0;left:0;right:0}.kpi-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.kpi-icon.total-gross{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.kpi-icon.total-deductions{background:linear-gradient(135deg,#f56565 0%,#ed8936 100%)}.kpi-icon.total-net{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.kpi-icon.average-monthly{background:linear-gradient(135deg,#4299e1 0%,#3182ce 100%)}.kpi-content{flex:1;min-width:0}.kpi-content h4{color:#718096;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:12px;font-weight:700}.kpi-value{color:#2d3748;margin:0 0 6px;font-size:22px;font-weight:700}.kpi-subtitle{color:#a0aec0;font-size:12px;display:block}.summary-section{margin-bottom:10px}.summary-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.summary-details-card h3{color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;font-size:16px;font-weight:700}.details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.detail-row{background:#f7fafc;border-left:4px solid #cbd5e0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.detail-row .label{color:#2d3748;text-transform:uppercase;letter-spacing:.3px;font-size:13px;font-weight:600}.detail-row .value{color:#667eea;text-align:right;font-size:16px;font-weight:700}.detail-row .value.deduction{color:#f56565}.detail-row.highlight{background:linear-gradient(135deg,#48bb781a 0%,#48bb780d 100%);border-left-color:#48bb78}.detail-row.highlight .value{color:#22543d;font-size:18px}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.chart-card h3{color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;font-size:16px;font-weight:700}.chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.bar-chart{justify-content:space-around;align-items:flex-end;gap:16px;min-width:100%;min-height:250px;padding:20px 0;display:flex}.bar-item{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:50px;display:flex}.bar-wrapper{background:#f7fafc;border-radius:8px 8px 0 0;justify-content:center;align-items:flex-end;width:100%;height:180px;padding:8px;display:flex}.bar{cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px 6px 0 0;width:70%;min-height:20px;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.bar:hover{transform:scaleY(1.05);box-shadow:0 6px 16px #667eea66}.bar-label{color:#2d3748;text-align:center;font-size:12px;font-weight:600}.bar-value{color:#718096;font-size:11px;font-weight:500}.breakdown-row{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.breakdown-row>.breakdown-card{min-width:0}@media (width<=900px){.breakdown-row{grid-template-columns:1fr}}.breakdown-card{background:#fff;border:1px solid #94a3b829;border-radius:18px;padding:24px;box-shadow:0 18px 40px #0f172a0f}.breakdown-list{gap:14px;display:grid}.breakdown-item{background:#f8fafc;border-radius:14px;padding:18px;transition:all .25s}.breakdown-item:hover{background:#eff6ff}.breakdown-card h3{color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;font-size:16px;font-weight:700}.breakdown-list{flex-direction:column;gap:16px;display:flex}.breakdown-item{flex-direction:column;gap:8px;display:flex}.breakdown-info{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.component-name{color:#2d3748;font-size:14px;font-weight:600}.component-percentage{color:#667eea;font-size:13px;font-weight:700}.breakdown-deductions-breakdown .component-percentage{color:#f56565}.breakdown-bar-wrapper{background:#e2e8f0;border-radius:4px;width:100%;height:24px;overflow:hidden}.breakdown-bar{border-radius:4px;align-items:center;height:100%;transition:width .3s;display:flex}.breakdown-bar.earnings-bar{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%)}.breakdown-bar.deductions-bar{background:linear-gradient(90deg,#f56565 0%,#ed8936 100%)}.component-amount{color:#667eea;text-align:right;font-size:14px;font-weight:700}.breakdown-deductions-breakdown .component-amount{color:#f56565}.payslips-list-card{background:#fff;border:1px solid #94a3b829;border-radius:18px;padding:24px;box-shadow:0 18px 40px #0f172a0f}.payslips-table th{color:#102a43}.payslips-table td{color:#334155}.payslips-list-card h3{color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;font-size:16px;font-weight:700}.payslips-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.payslips-table{border-collapse:collapse;width:100%}.payslips-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}.payslips-table th{text-align:left;color:#2d3748;text-transform:uppercase;letter-spacing:.5px;padding:12px;font-size:12px;font-weight:700}.payslips-table td{color:#2d3748;border-bottom:1px solid #e2e8f0;padding:16px 12px;font-size:14px}.payslips-table tbody tr{transition:background-color .2s}.payslips-table tbody tr:hover{background-color:#f7fafc}.month-cell{font-weight:600}.amount-cell{text-align:right;font-weight:600}.amount-cell.deduction{color:#f56565}.amount-cell.highlight{color:#667eea;font-weight:700}.status-cell,.action-cell{text-align:center}.action-cell button{cursor:pointer}@media (width<=768px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:16px}.details-grid{grid-template-columns:1fr;gap:12px}.detail-row{padding:10px}.chart-card{padding:16px}.bar-chart{gap:12px;min-height:200px}.bar-wrapper{height:150px}.breakdown-card,.payslips-list-card{padding:16px}.payslips-table th,.payslips-table td{padding:10px 8px;font-size:12px}.kpi-card{gap:12px;padding:16px}.kpi-icon{width:50px;height:50px;font-size:24px}.kpi-value{font-size:18px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.statement-header h2{font-size:22px}.bar-chart{gap:8px;min-height:180px}.bar-wrapper{height:120px}.bar-label{font-size:11px}.payslips-table{font-size:12px}.payslips-table th,.payslips-table td{padding:8px 6px}.breakdown-info{flex-direction:column;align-items:flex-start;gap:4px}.details-grid{grid-template-columns:1fr}}.kpi-card{animation:.3s fadeInUp}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.2s}.kpi-card:nth-child(4){animation-delay:.3s}._page_20w6x_2{color:#0f172a;margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_20w6x_5{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}._header_20w6x_5 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:23px;font-weight:700;display:flex}._header_20w6x_5 h1 svg{color:#4f46e5}._header_20w6x_5 p{color:#64748b;margin:6px 0 0;font-size:13.5px}._headerActions_20w6x_9{align-items:center;gap:10px;display:flex}._scopeToggle_20w6x_10{background:#f1f5f9;border-radius:10px;padding:3px;display:inline-flex}._scopeToggle_20w6x_10 button{font:inherit;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:600;display:inline-flex}._scopeActive_20w6x_12{box-shadow:0 1px 3px #0f172a1a;color:#4f46e5!important;background:#fff!important}._filters_20w6x_15{background:#fff;border:1px solid #e7eaf0;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;padding:14px 18px;display:flex}._filterField_20w6x_16{flex-direction:column;gap:4px;min-width:150px;display:flex}._filterField_20w6x_16>label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:11px;font-weight:700}._presetBtns_20w6x_18{align-items:center;gap:6px;height:38px;margin-left:auto;display:flex}._presetBtns_20w6x_18 button{font:inherit;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600}._presetBtns_20w6x_18 button:hover{color:#4f46e5;border-color:#c7d2fe}._state_20w6x_23{text-align:center;color:#94a3b8;padding:64px 16px}._state_20w6x_23 svg{color:#cbd5e1}._state_20w6x_23 p{color:#475569;margin:12px 0 2px;font-size:15px;font-weight:600}._state_20w6x_23 span{font-size:13px}._spinner_20w6x_27{vertical-align:middle;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.7s linear infinite _spin_20w6x_27;display:inline-block}@keyframes _spin_20w6x_27{to{transform:rotate(360deg)}}._alert_20w6x_30{margin-bottom:16px}._kpiRow_20w6x_33{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:18px;display:grid}._kpi_20w6x_33{background:#fff;border:1px solid #e7eaf0;border-radius:14px;align-items:center;gap:12px;padding:16px 18px;display:flex}._kpiIcon_20w6x_35{color:#4f46e5;background:#eef2ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}._kpiValue_20w6x_36{font-size:21px;font-weight:800;line-height:1.05}._kpiLabel_20w6x_37{color:#64748b;margin-top:4px;font-size:12px}._kpiSub_20w6x_38{color:#94a3b8;margin-top:2px;font-size:11px}._toneIndigo_20w6x_39 ._kpiIcon_20w6x_35{color:#4338ca;background:#e0e7ff}._toneGreen_20w6x_40 ._kpiIcon_20w6x_35{color:#15803d;background:#dcfce7}._toneRed_20w6x_41 ._kpiIcon_20w6x_35{color:#b91c1c;background:#fee2e2}._toneAmber_20w6x_42 ._kpiIcon_20w6x_35{color:#b45309;background:#fef3c7}._valGreen_20w6x_43{color:#15803d}._valRed_20w6x_44{color:#b91c1c}._grid_20w6x_47{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}._col_20w6x_48{flex-direction:column;gap:14px;min-width:0;display:flex}._card_20w6x_50{background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:18px 20px}._cardTitle_20w6x_51{color:#334155;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}._cardTitle_20w6x_51 svg{color:#4f46e5}._psList_20w6x_55{flex-direction:column;gap:12px;display:flex}._psCard_20w6x_56{background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:16px 18px;transition:box-shadow .18s,border-color .18s,transform .18s}._psCard_20w6x_56:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 12px 28px #4f66f11a}._psHead_20w6x_58{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}._psMonth_20w6x_59{color:#0f172a;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}._psMonthIcon_20w6x_60{color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}._psAmounts_20w6x_62{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;padding:14px 0;display:grid}._amount_20w6x_63{flex-direction:column;gap:3px;display:flex}._amountLabel_20w6x_64{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:10.5px;font-weight:700}._amountValue_20w6x_65{color:#1f2937;font-size:16px;font-weight:700}._amountValue_20w6x_65._deduction_20w6x_66{color:#b91c1c}._amountValue_20w6x_65._net_20w6x_67{color:#15803d}._psActions_20w6x_68{justify-content:flex-end;gap:10px;display:flex}._statusBadge_20w6x_71{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}._statusPaid_20w6x_72{color:#15803d;background:#dcfce7}._statusProcessed_20w6x_73{color:#3730a3;background:#e0e7ff}._statusPending_20w6x_74{color:#b45309;background:#fef3c7}._insightCard_20w6x_77{background:linear-gradient(135deg,#faf5ff,#eef2ff);border-color:#e0e7ff}._insightList_20w6x_78{flex-direction:column;gap:2px;display:flex}._insightRow_20w6x_79{border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}._insightRow_20w6x_79:last-child{border-bottom:none}._insightRow_20w6x_79 span{color:#64748b}._insightRow_20w6x_79 strong{color:#0f172a;font-weight:700}._positive_20w6x_83{color:#15803d!important}._negative_20w6x_84{color:#b91c1c!important}._insightActions_20w6x_85{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}@media (width<=1000px){._grid_20w6x_47{grid-template-columns:1fr}}@media (width<=640px){._psAmounts_20w6x_62{grid-template-columns:1fr;gap:8px}._presetBtns_20w6x_18{margin-left:0}}.lv-page{--lv-radius:14px;--lv-radius-sm:10px;--lv-shadow-card:0 4px 18px #0f172a0f;--lv-shadow-hover:0 12px 30px #0f172a1a;--lv-border:1px solid #e5e7eb;--lv-surface:#fff;--lv-bg:#f8fafc;--lv-text:#0f172a;--lv-muted:#64748b;--lv-primary:var(--primary);--lv-primary-dark:#4338ca;--lv-primary-soft:#eef2ff;--lv-success:#16a34a;--lv-warn:#d97706;--lv-danger:#dc2626;background:var(--lv-bg);color:var(--lv-text);flex-direction:column;gap:20px;min-height:100%;padding:24px;display:flex}.search-container{flex:1;align-items:center;max-width:400px;display:flex;position:relative}.search-input{border-bottom:1px solid var(--border-light);width:100%;color:var(--color-text);transition:var(--transition);background-color:#fff;border-radius:8px;outline:none;padding:10px 16px 10px 40px;font-size:14px}.search-input::placeholder{color:var(--color-text-tertiary)}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #4f46e51a}.search-icon{color:var(--color-text-secondary);pointer-events:none;font-size:16px;position:absolute;left:12px}.search-shortcut{color:var(--color-text-tertiary);background:var(--color-bg-tertiary);white-space:nowrap;pointer-events:none;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;right:12px}.lv-hero{border-radius:var(--lv-radius);color:#fff;background:radial-gradient(circle at 15% 40%,#06b6d4 0%,#2563eb 45%,#7c3aed 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #4f46e540}.lv-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26,#0000 70%);width:280px;height:280px;position:absolute;inset:-20% -10% auto auto}.lv-hero-text{z-index:1}.lv-hero-eyebrow{text-transform:uppercase;letter-spacing:.12em;opacity:.85;margin-bottom:4px;font-size:11px}.lv-hero h1{margin:0 0 6px;font-size:26px;font-weight:700}.lv-hero p{opacity:.92;max-width:70ch;margin:0;font-size:14px}.lv-hero-cta{z-index:1;flex-wrap:wrap;gap:10px;display:flex}.lv-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.lv-btn--primary{color:var(--lv-primary-dark);background:#fff;box-shadow:0 6px 18px #0000001f}.lv-btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #00000029}.lv-btn--ghost{color:#fff;background:#ffffff26;border:1px solid #ffffff59}.lv-btn--ghost:hover{background:#ffffff40}.lv-alert{border-radius:var(--lv-radius-sm);border:1px solid #0000;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.lv-alert--success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.lv-alert--error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.lv-alert--info{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}.lv-alert-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;margin-left:auto}.lv-alert-close:hover{opacity:1}.lv-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.lv-stat{background:var(--lv-surface);border:var(--lv-border);border-radius:var(--lv-radius);box-shadow:var(--lv-shadow-card);align-items:center;gap:14px;padding:16px 18px;transition:transform .12s,box-shadow .12s;display:flex}.lv-stat:hover{box-shadow:var(--lv-shadow-hover);transform:translateY(-2px)}.lv-stat-icon{color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.lv-stat--blue .lv-stat-icon{background:linear-gradient(135deg,#3b82f6,#6366f1)}.lv-stat--amber .lv-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.lv-stat--green .lv-stat-icon{background:linear-gradient(135deg,#10b981,#16a34a)}.lv-stat--purple .lv-stat-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.lv-stat-label{color:var(--lv-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.lv-stat-value{font-size:24px;font-weight:700;line-height:1.1}.lv-stat-sub{color:var(--lv-muted);margin-top:2px;font-size:12px}.lv-tabs{background:var(--lv-surface);border:var(--lv-border);border-radius:var(--lv-radius);box-shadow:var(--lv-shadow-card);gap:6px;padding:6px;display:flex;overflow-x:auto}.lv-tab{color:var(--lv-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.lv-tab:hover{color:var(--lv-text);background:#f1f5f9}.lv-tab--active{background:var(--lv-primary-soft);color:var(--lv-primary-dark);font-weight:600}.lv-tab-badge{background:var(--lv-primary);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:2px 8px;font-size:11px;font-weight:700}.lv-panel{grid-template-columns:1fr;gap:16px;display:grid}.lv-card{background:var(--lv-surface);border:var(--lv-border);border-radius:var(--lv-radius);box-shadow:var(--lv-shadow-card);padding:18px 20px}.lv-card--accent{background:linear-gradient(#eef2ff 0%,#fff 60%);border-color:#c7d2fe}.lv-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.lv-card-head h3{align-items:center;gap:6px;margin:0;font-size:16px;font-weight:700;display:inline-flex}.lv-card-head p{color:var(--lv-muted);margin:2px 0 0;font-size:13px}.lv-empty{color:var(--lv-muted);text-align:center;padding:16px 0;font-size:14px}.lv-loading{color:var(--lv-muted);align-items:center;gap:8px;padding:16px;display:inline-flex}.lv-loading svg{animation:1s linear infinite lv-spin}@keyframes lv-spin{to{transform:rotate(360deg)}}.lv-balance-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.lv-balance{border:var(--lv-border);border-radius:var(--lv-radius-sm);background:#f9fafb;padding:14px 16px}.lv-balance-head{color:var(--lv-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.lv-balance-head strong{color:var(--lv-text);font-size:13px;font-weight:600}.lv-balance-big{color:var(--lv-primary-dark);font-size:28px;font-weight:700;line-height:1}.lv-balance-sub{color:var(--lv-muted);margin-top:2px;font-size:12px}.lv-balance-bar{background:#e5e7eb;border-radius:999px;height:6px;margin:10px 0 6px;overflow:hidden}.lv-balance-fill{background:linear-gradient(90deg, var(--primary), #8b5cf6);border-radius:999px;height:100%;transition:width .2s}.lv-balance-meta{color:var(--lv-muted);justify-content:space-between;font-size:11px;display:flex}.lv-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lv-row{border:var(--lv-border);border-radius:var(--lv-radius-sm);background:#f9fafb;align-items:center;gap:14px;padding:12px 14px;transition:background .12s,transform .12s;display:flex}.lv-row:hover{box-shadow:var(--lv-shadow-card);background:#fff;transform:translateY(-1px)}.lv-row-main{flex:1;min-width:0}.lv-row-title{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.lv-row-title strong{font-size:14px;font-weight:600}.lv-row-employee{color:var(--lv-muted);font-size:12px}.lv-row-desc{color:#334155;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:13px;display:-webkit-box;overflow:hidden}.lv-row-meta{color:var(--lv-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.lv-row-side{align-items:center;gap:8px;display:flex}.lv-pill{text-transform:capitalize;letter-spacing:.02em;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.lv-pill--low{color:#166534;background:#dcfce7}.lv-pill--medium{color:#92400e;background:#fef3c7}.lv-pill--high{color:#991b1b;background:#fee2e2}.lv-icon-btn{border:var(--lv-border);cursor:pointer;width:32px;height:32px;color:var(--lv-text);background:#fff;border-radius:8px;place-items:center;transition:background .12s,transform .12s,border-color .12s;display:grid}.lv-icon-btn:hover{transform:translateY(-1px)}.lv-icon-btn--ok{color:var(--lv-success);border-color:#bbf7d0}.lv-icon-btn--ok:hover{background:#ecfdf5}.lv-icon-btn--bad{color:var(--lv-danger);border-color:#fecaca}.lv-icon-btn--bad:hover{background:#fef2f2}.lv-form{flex-direction:column;gap:16px;display:flex}.lv-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lv-form-grid label{color:var(--lv-text);flex-direction:row;gap:4px;font-size:13px;display:flex}.lv-form-grid label>span{color:var(--lv-muted);font-size:12px;font-weight:600}.lv-form-grid input[type=text],.lv-form-grid input[type=number],.lv-form-grid input[type=date],.lv-form-grid select,.lv-form-grid textarea{border:var(--lv-border);width:100%;color:var(--lv-text);background:#fff;border-radius:8px;padding:8px 10px;font-size:13px;transition:border-color .12s,box-shadow .12s}.lv-form-grid input:focus,.lv-form-grid select:focus,.lv-form-grid textarea:focus{border-color:var(--lv-primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.lv-form-full{grid-column:1/-1}.lv-checkbox{align-items:center;gap:8px;display:flex;flex-direction:row!important}.lv-checkbox input{width:auto!important}.lv-form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.lv-preview{background:var(--lv-primary-soft);border-radius:var(--lv-radius-sm);border:1px solid #c7d2fe;padding:12px 14px}.lv-preview-head{color:var(--lv-primary-dark);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:700;display:inline-flex}.lv-preview-grid{grid-template-columns:1fr auto;gap:4px 12px;font-size:13px;display:grid}.lv-preview-grid span{color:var(--lv-muted)}.lv-preview-grid strong{color:var(--lv-text);font-weight:600}.lv-preview-note{color:var(--lv-muted);margin:8px 0 0;font-size:12px;font-style:italic}.lv-month-bars{grid-template-columns:repeat(12,1fr);align-items:end;gap:6px;height:180px;padding-bottom:30px;display:grid}.lv-month-bar{height:100%;color:var(--lv-muted);flex-direction:column;justify-content:flex-end;align-items:center;font-size:11px;display:flex;position:relative}.lv-month-bar-fill{background:linear-gradient(180deg, #8b5cf6, var(--primary));border-radius:6px 6px 0 0;width:70%;min-height:4px;transition:height .2s}.lv-month-bar span{font-size:10px;position:absolute;bottom:-22px}.lv-month-bar strong{color:var(--lv-text);margin-top:4px;font-size:11px}.lv-breakdown{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lv-breakdown li{border:var(--lv-border);border-radius:var(--lv-radius-sm);background:#f9fafb;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.lv-breakdown strong{color:var(--lv-primary-dark);font-weight:700}.lv-recommendations{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lv-recommendations li{border-radius:var(--lv-radius-sm);color:#334155;background:#fff;border:1px dashed #c7d2fe;padding:10px 14px;font-size:13px}.lv-recommendations li:before{content:"✦ ";color:var(--lv-primary);font-weight:700}.lv-stat--teal .lv-stat-icon{background:linear-gradient(135deg,#0d9488,#0891b2)}.lv-spin{animation:1s linear infinite lv-spin}.lv-panel--2col{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}.lv-panel-main,.lv-panel-side{flex-direction:column;gap:16px;display:flex}.lv-card--calendar{background:linear-gradient(#eef2ff 0%,#fff 60%);border-color:#c7d2fe}.lv-mini-cal{flex-direction:column;gap:10px;font-size:12px;display:flex}.lv-mini-cal-nav{color:var(--lv-text);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.lv-mini-cal-btn{border:var(--lv-border);cursor:pointer;width:26px;height:26px;color:var(--lv-muted);background:0 0;border-radius:6px;place-items:center;transition:background .12s;display:grid}.lv-mini-cal-btn:hover{color:var(--lv-text);background:#f1f5f9}.lv-mini-cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.lv-mini-cal-dow{color:var(--lv-muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 0;font-size:10px;font-weight:700}.lv-mini-cal-day{width:100%;height:28px;color:var(--lv-text);cursor:default;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:background .1s;display:flex}.lv-mini-cal-day--weekend{color:#94a3b8}.lv-mini-cal-day--today{background:var(--lv-primary);color:#fff;border-radius:50%;font-weight:700}.lv-mini-cal-day--leave{color:#92400e;background:#fef3c7;border-radius:50%}.lv-mini-cal-day--today.lv-mini-cal-day--leave{background:var(--lv-primary);color:#fff;outline:2px solid #f59e0b}.lv-mini-cal-legend{color:var(--lv-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.lv-mini-cal-legend span{align-items:center;gap:4px;display:inline-flex}.lv-legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.lv-legend-dot--today{background:var(--lv-primary)}.lv-legend-dot--leave{background:#fef3c7;border:1px solid #f59e0b}.lv-legend-dot--weekend{background:#f1f5f9;border:1px solid #e5e7eb}.lv-avail-bar-wrap{background:#e5e7eb;border-radius:999px;height:8px;margin-bottom:12px;overflow:hidden}.lv-avail-bar{background:linear-gradient(90deg,#10b981,#16a34a);border-radius:999px;height:100%;transition:width .3s}.lv-avail-track{background:#e5e7eb;border-radius:999px;height:10px;margin-bottom:16px;overflow:hidden}.lv-avail-fill{background:linear-gradient(90deg,#10b981,#16a34a);border-radius:999px;height:100%;transition:width .3s}.lv-avatar-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.lv-avatar-item{align-items:center;gap:10px;display:flex}.lv-avatar-bubble{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.lv-avatar-bubble--lg{width:38px;height:38px;font-size:15px}.lv-avatar-name{color:var(--lv-text);font-size:13px;font-weight:600}.lv-avatar-type{color:var(--lv-muted);font-size:11px}.lv-timeline{flex-direction:column;gap:0;padding:4px 0;display:flex}.lv-timeline-step{grid-template-rows:auto 1fr;grid-template-columns:28px 2px 1fr;column-gap:10px;padding-bottom:16px;display:grid}.lv-timeline-step:last-child{padding-bottom:0}.lv-timeline-dot{border-radius:50%;flex-shrink:0;grid-area:1/1;align-self:start;place-items:center;width:28px;height:28px;display:grid}.lv-timeline-line{background:#e5e7eb;grid-area:1/2/span 2;justify-self:center;width:2px;margin-top:28px}.lv-timeline-info{flex-direction:column;grid-area:1/3/span 2;gap:2px;padding-top:4px;display:flex}.lv-timeline-info strong{color:var(--lv-text);font-size:13px;font-weight:600}.lv-timeline-status{font-size:12px;font-weight:600}.lv-timeline-time{color:var(--lv-muted);font-size:11px}.lv-timeline-comment{color:#334155;background:#f8fafc;border-left:3px solid #c7d2fe;border-radius:0 4px 4px 0;margin:4px 0 0;padding:4px 8px;font-size:12px;font-style:italic}.lv-audit-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lv-audit-item{color:#334155;align-items:flex-start;gap:10px;font-size:13px;display:flex}.lv-audit-dot{background:var(--lv-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.lv-audit-item time{color:var(--lv-muted);font-size:12px}.lv-detail{flex-direction:column;gap:16px;display:flex}.lv-detail-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.lv-detail-type{color:var(--lv-text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.lv-detail-grid{border:var(--lv-border);border-radius:var(--lv-radius-sm);background:#f8fafc;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.lv-detail-item{flex-direction:column;gap:2px;font-size:13px;display:flex}.lv-detail-item span{color:var(--lv-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.lv-detail-item strong{color:var(--lv-text);font-size:14px}.lv-detail-item--full{grid-column:1/-1}.lv-detail-section-title{color:var(--lv-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:700}.lv-filter-bar{border:var(--lv-border);border-radius:var(--lv-radius-sm);background:#f8fafc;align-items:flex-end;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.lv-filter-bar label{color:var(--lv-muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.lv-filter-bar label>span{text-transform:uppercase;letter-spacing:.04em;font-size:11px}.lv-filter-bar select,.lv-filter-bar input[type=date]{border:var(--lv-border);color:var(--lv-text);background:#fff;border-radius:7px;min-width:130px;padding:6px 8px;font-size:13px;transition:border-color .12s}.lv-filter-bar select:focus,.lv-filter-bar input:focus{border-color:var(--lv-primary);outline:none;box-shadow:0 0 0 3px #4f46e51f}.lv-btn--outline{color:var(--lv-text);border:var(--lv-border);background:#fff}.lv-btn--outline:hover{background:#f1f5f9}.lv-btn--ghost-dark{color:var(--lv-text);background:#0f172a0f;border:1px solid #d1d5db}.lv-btn--ghost-dark:hover{background:#0f172a1f}.lv-btn--approve{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.lv-btn--approve:hover{background:#bbf7d0}.lv-btn--reject{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.lv-btn--reject:hover{background:#fecaca}.lv-btn-link{color:var(--lv-primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:600;transition:color .12s}.lv-btn-link:hover{color:var(--lv-primary-dark);text-decoration:underline}.lv-badge-count{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.lv-empty-state{color:var(--lv-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.lv-empty-icon{opacity:.4}.lv-empty-state p{margin:0;font-size:14px}.lv-kpi-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.lv-kpi{background:var(--lv-surface);border:var(--lv-border);border-radius:var(--lv-radius-sm);box-shadow:var(--lv-shadow-card);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:16px 14px;transition:transform .12s,box-shadow .12s;display:flex}.lv-kpi:hover{box-shadow:var(--lv-shadow-hover);transform:translateY(-2px)}.lv-kpi-icon{opacity:.9}.lv-kpi-value{font-size:22px;font-weight:700;line-height:1.1}.lv-kpi-label{color:var(--lv-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.lv-approval-row{align-items:flex-start}.lv-approval-level-badge{background:var(--lv-primary-soft);width:34px;height:34px;color:var(--lv-primary-dark);letter-spacing:-.02em;border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.lv-breakdown-item{border:var(--lv-border);border-radius:var(--lv-radius-sm);background:#f9fafb;align-items:center;gap:12px;padding:10px 12px;display:flex}.lv-breakdown-name{color:var(--lv-text);flex-shrink:0;min-width:100px;font-size:13px;font-weight:600}.lv-breakdown-bar{background:#e5e7eb;border-radius:999px;flex:1;height:8px;overflow:hidden}.lv-breakdown-fill{background:linear-gradient(90deg, var(--primary), #8b5cf6);border-radius:999px;height:100%;transition:width .3s}.lv-breakdown-val{color:var(--lv-primary-dark);text-align:right;flex-shrink:0;min-width:60px;font-size:13px;font-weight:700}.lv-rank-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.lv-row-icon-wrap{color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.lv-row-icon-wrap--leave{background:linear-gradient(135deg, #6366f1, var(--primary))}.lv-row-icon-wrap--compoff{background:linear-gradient(135deg,#10b981,#16a34a)}.lv-row-icon-wrap--encash{background:linear-gradient(135deg,#f59e0b,#d97706)}.lv-row--clickable{cursor:pointer}.lv-row--clickable:hover{box-shadow:var(--lv-shadow-hover);background:#fff}.lv-compoff-card{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.lv-compoff-icon{margin-bottom:4px;display:inline-flex}.lv-balance--high{background:#fff7f7;border-color:#fca5a5}.lv-balance--medium{background:#fffbeb;border-color:#fcd34d}.lv-balance--low{background:#f9fafb;border-color:#e5e7eb}.lv-balance-code{color:#64748b;letter-spacing:.04em;background:#e5e7eb;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.lv-text-danger{color:var(--lv-danger)!important}.lv-text-success{color:var(--lv-success)!important}@media (width<=960px){.lv-panel--2col{grid-template-columns:1fr}.lv-panel-side{order:-1}}@media (width<=720px){.lv-page{padding:16px}.lv-hero{padding:20px 22px}.lv-hero h1{font-size:22px}.lv-form-grid{grid-template-columns:1fr}.lv-month-bars{height:140px}.lv-kpi-row{grid-template-columns:repeat(3,1fr)}.lv-detail-grid{grid-template-columns:1fr}.lv-filter-bar{flex-direction:column;align-items:stretch}.lv-breakdown-item{flex-wrap:wrap}}.lv-balcard-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.lv-balcard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 18px 16px;transition:box-shadow .2s,transform .2s,border-color .2s;position:relative;box-shadow:0 1px 2px #0000000a}.lv-balcard:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.lv-balcard-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.lv-balcard-name{color:#1f2937;font-size:15px;font-weight:700}.lv-balcard-menu-wrap{position:relative}.lv-balcard-menu{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:inline-flex}.lv-balcard-menu:hover{color:#475569;background:#f1f5f9}.lv-balcard-dropdown{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:168px;padding:6px;display:flex;position:absolute;top:32px;right:0;box-shadow:0 12px 28px #00000024}.lv-balcard-dropdown button{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:13px;display:flex}.lv-balcard-dropdown button:hover{color:var(--primary);background:#f1f5f9}.lv-balcard-balance{color:#16a34a;margin-top:14px;font-size:14px;font-weight:600}.lv-balcard-balance strong{color:#16a34a;margin-left:4px;font-size:26px;font-weight:800}.lv-balcard-meta{border-top:1px dashed #e5e7eb;gap:14px;margin-top:12px;padding-top:12px;display:flex}.lv-balcard-meta span{color:#94a3b8;align-items:center;gap:4px;font-size:12px;display:inline-flex}.lv-holiday-section-title{text-transform:uppercase;letter-spacing:.06em;color:#64748b;align-items:center;gap:6px;margin:22px 0 12px;font-size:12px;font-weight:700;display:flex}.lv-holiday-section-title:first-child{margin-top:4px}.lv-holiday-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:42px;display:grid}.lv-holiday-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}button.lv-holiday-card{cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.lv-holiday-card--optional:hover{border-color:#c7d2fe;box-shadow:0 4px 14px #0000000f}.lv-holiday-card--selected{border-color:var(--primary);background:#eef2ff}.lv-holiday-card--mandatory{background:#fafafa}.lv-holiday-date{color:#4338ca;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.lv-holiday-day{font-size:18px;font-weight:800;line-height:1}.lv-holiday-mon{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.lv-holiday-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lv-holiday-info strong{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.lv-holiday-info span{color:#94a3b8;font-size:12px}.lv-holiday-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:10px;font-weight:700}.lv-holiday-tag--mandatory{color:#92400e;background:#fef3c7}.lv-holiday-check{color:#cbd5e1;flex-shrink:0;display:inline-flex}.lv-holiday-check--on{color:var(--primary)}.lv-cc-field{flex-direction:column;gap:8px;display:flex}.lv-cc-label{color:#334155;font-size:13px;font-weight:600}.lv-cc-label small{color:#94a3b8;font-weight:400}.lv-cc-chips{flex-wrap:wrap;gap:6px;display:flex}.lv-cc-chip{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:12px;font-weight:600;display:inline-flex}.lv-cc-chip button{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.lv-cc-search{border:1px solid #d1d5db;border-radius:10px;width:100%;padding:9px 12px;font-size:13px}.lv-cc-search:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.lv-cc-list{border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:2px;max-height:200px;padding:6px;display:flex;overflow-y:auto}.lv-cc-option{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.lv-cc-option:hover{background:#f8fafc}.lv-cc-option input{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.lv-cc-avatar{width:28px;height:28px;color:var(--primary);background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.lv-cc-meta{flex-direction:column;min-width:0;line-height:1.2;display:flex}.lv-cc-meta strong{color:#1f2937;font-size:13px}.lv-cc-meta small{color:#94a3b8;font-size:11px}._page_1w8x9_1{color:#0f172a;margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_1w8x9_9{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}._header_1w8x9_9 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:23px;font-weight:700;display:flex}._header_1w8x9_9 h1 svg{color:#4f46e5}._header_1w8x9_9 p{color:#64748b;margin:6px 0 0;font-size:13.5px}._headerActions_1w8x9_38{align-items:center;gap:10px;display:flex}._scopeToggle_1w8x9_44{background:#f1f5f9;border-radius:10px;padding:3px;display:inline-flex}._scopeToggle_1w8x9_44 button{font:inherit;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:600}._scopeActive_1w8x9_63{box-shadow:0 1px 3px #0f172a1a;color:#4f46e5!important;background:#fff!important}._filters_1w8x9_70{background:#fff;border:1px solid #e7eaf0;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;padding:14px 18px;display:flex}._filterField_1w8x9_82{flex-direction:column;gap:4px;display:flex}._filterField_1w8x9_82>label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:11px;font-weight:700}._presetBtns_1w8x9_96{align-items:center;gap:6px;height:38px;display:flex}._presetBtns_1w8x9_96 button{font:inherit;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600}._presetBtns_1w8x9_96 button:hover{color:#4f46e5;border-color:#c7d2fe}._state_1w8x9_121{text-align:center;color:#94a3b8;padding:64px 16px}._state_1w8x9_121 svg{color:#cbd5e1}._state_1w8x9_121 p{color:#475569;margin:12px 0 2px;font-size:15px;font-weight:600}._state_1w8x9_121 span{font-size:13px}._spinner_1w8x9_142{vertical-align:middle;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.7s linear infinite _spin_1w8x9_142;display:inline-block}@keyframes _spin_1w8x9_142{to{transform:rotate(360deg)}}._kpiRow_1w8x9_161{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin-bottom:18px;display:grid}._kpi_1w8x9_161{background:#fff;border:1px solid #e7eaf0;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}._kpiIcon_1w8x9_178{color:#4f46e5;background:#eef2ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}._kpiValue_1w8x9_190{font-size:21px;font-weight:800;line-height:1}._kpiLabel_1w8x9_196{color:#64748b;margin-top:4px;font-size:12px}._kpiSub_1w8x9_202{color:#94a3b8;margin-top:2px;font-size:11px}._tonePresentBg_1w8x9_208 ._kpiIcon_1w8x9_178,._toneGreenBg_1w8x9_208 ._kpiIcon_1w8x9_178{color:#15803d;background:#dcfce7}._toneAmberBg_1w8x9_213 ._kpiIcon_1w8x9_178{color:#b45309;background:#fef3c7}._toneBlueBg_1w8x9_218 ._kpiIcon_1w8x9_178{color:#4338ca;background:#e0e7ff}._toneRedBg_1w8x9_223 ._kpiIcon_1w8x9_178{color:#b91c1c;background:#fee2e2}._toneBg_1w8x9_228 ._kpiIcon_1w8x9_178{color:#475569;background:#f1f5f9}._grid_1w8x9_234{grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:16px;display:grid}._col_1w8x9_241{flex-direction:column;gap:16px;min-width:0;display:flex}._card_1w8x9_248{background:#fff;border:1px solid #e7eaf0;border-radius:16px;margin-bottom:16px;padding:18px 20px}._col_1w8x9_241 ._card_1w8x9_248{margin-bottom:0}._cardTitle_1w8x9_260{color:#334155;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}._cardTitle_1w8x9_260 svg{color:#4f46e5}._empty_1w8x9_274{color:#94a3b8;text-align:center;justify-content:center;align-items:center;gap:6px;padding:22px 10px;font-size:13px;display:flex}._insightCard_1w8x9_286{background:linear-gradient(135deg,#faf5ff,#eef2ff);border-color:#e0e7ff}._insights_1w8x9_291{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}._insights_1w8x9_291 li{color:#334155;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}._insights_1w8x9_291 li svg{color:#7c3aed;flex-shrink:0;margin-top:2px}._muted_1w8x9_315{font-style:italic;color:#94a3b8!important}._excTabs_1w8x9_321{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}._excTab_1w8x9_321{font:inherit;color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}._excTab_1w8x9_321:hover{border-color:#c7d2fe}._excTabActive_1w8x9_347{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}._excCount_1w8x9_353{color:#475569;text-align:center;background:#e2e8f0;border-radius:999px;min-width:16px;padding:0 6px;font-size:10.5px;font-weight:700}._excTabActive_1w8x9_347 ._excCount_1w8x9_353{color:#fff;background:#4f46e5}._excList_1w8x9_369{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow-y:auto}._memberRow_1w8x9_378{border-radius:10px;align-items:center;gap:12px;padding:10px 8px;transition:background .14s;display:flex}._memberRow_1w8x9_378:hover{background:#f8faff}._avatar_1w8x9_391{color:#fff;background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}._memberInfo_1w8x9_405{flex:1;min-width:0}._memberName_1w8x9_410{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}._memberSub_1w8x9_419{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}._memberCell_1w8x9_427{color:#334155;text-align:center;min-width:52px;font-size:12.5px;font-weight:600}._memberCell_1w8x9_427 label{text-transform:uppercase;letter-spacing:.04em;color:#cbd5e1;margin-bottom:1px;font-size:9.5px;font-weight:700;display:block}._warn_1w8x9_445{color:#d97706}._memberTags_1w8x9_449{flex-wrap:wrap;justify-content:flex-end;gap:5px;min-width:0;display:flex}._tag_1w8x9_457{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}._tagWfh_1w8x9_470{color:#4338ca;background:#e0e7ff}._tagLate_1w8x9_475{color:#b45309;background:#fef3c7}._tagEarly_1w8x9_480{color:#c2410c;background:#ffedd5}._tagWarn_1w8x9_485{color:#b91c1c;background:#fee2e2}._statusBadge_1w8x9_490{text-align:center;border-radius:999px;flex-shrink:0;min-width:64px;padding:3px 10px;font-size:11px;font-weight:700}._tonePresent_1w8x9_208{color:#15803d;background:#dcfce7}._toneWfh_1w8x9_505{color:#4338ca;background:#e0e7ff}._toneLeave_1w8x9_510{color:#a16207;background:#fef9c3}._toneAbsent_1w8x9_515{color:#b91c1c;background:#fee2e2}._rosterHead_1w8x9_521{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}._rosterHead_1w8x9_521 ._cardTitle_1w8x9_260{margin:0}._rosterFilters_1w8x9_534{gap:10px;display:flex}._roster_1w8x9_521{flex-direction:column;gap:2px;max-height:520px;display:flex;overflow-y:auto}._pagination_1w8x9_548{border-top:1px solid #e7eaf0;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding-top:16px;display:flex}._paginationBtn_1w8x9_559{font:inherit;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .14s;display:flex}._paginationBtn_1w8x9_559:hover:not(:disabled){color:#4f46e5;background:#f8faff;border-color:#c7d2fe}._paginationBtn_1w8x9_559:disabled{opacity:.5;cursor:not-allowed}._pageNumbers_1w8x9_586{align-items:center;gap:4px;display:flex}._pageNumber_1w8x9_586{font:inherit;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:32px;padding:6px 8px;font-size:12px;font-weight:600;transition:all .14s}._pageNumber_1w8x9_586:hover{color:#4f46e5;border-color:#c7d2fe}._pageNumberActive_1w8x9_611{color:#fff;background:#4f46e5;border-color:#4f46e5}._ellipsis_1w8x9_617{color:#cbd5e1;padding:6px 2px;font-size:12px}._paginationInfo_1w8x9_623{color:#64748b;font-size:12px;font-weight:600}._pendPill_1w8x9_630{color:#b45309;background:#fef3c7;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:700}._regList_1w8x9_640{flex-direction:column;gap:4px;display:flex}._regRow_1w8x9_646{border-radius:10px;align-items:center;gap:12px;padding:10px 8px;display:flex}._regRow_1w8x9_646:hover{background:#f8faff}._regActions_1w8x9_658{flex-shrink:0;gap:8px;display:flex}@media (width<=1000px){._grid_1w8x9_234{grid-template-columns:1fr}}@media (width<=640px){._memberCell_1w8x9_427{display:none}._rosterHead_1w8x9_521{flex-direction:column;align-items:stretch}._rosterFilters_1w8x9_534{flex-direction:column}}._page_1lbq2_1{color:#0f172a;margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_1lbq2_3{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}._header_1lbq2_3 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:23px;font-weight:700;display:flex}._header_1lbq2_3 h1 svg{color:#4f46e5}._header_1lbq2_3 p{color:#64748b;max-width:620px;margin:6px 0 0;font-size:13.5px}._state_1lbq2_8{text-align:center;color:#94a3b8;padding:64px 16px}._state_1lbq2_8 svg{color:#cbd5e1}._state_1lbq2_8 p{color:#475569;margin:12px 0 2px;font-size:15px;font-weight:600}._state_1lbq2_8 span{font-size:13px}._spinner_1lbq2_12{vertical-align:middle;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.7s linear infinite _spin_1lbq2_12;display:inline-block}@keyframes _spin_1lbq2_12{to{transform:rotate(360deg)}}._grid_1lbq2_16{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}._card_1lbq2_17{background:#fff;border:1px solid #e7eaf0;border-top:3px solid #4f46e5;border-radius:14px;padding:16px 18px;transition:box-shadow .18s,transform .18s}._card_1lbq2_17:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a14}._cardTop_1lbq2_19{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}._cardName_1lbq2_20{color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}._dot_1lbq2_21{border-radius:50%;flex-shrink:0;width:10px;height:10px}._defaultTag_1lbq2_22{color:#b45309;background:#fef3c7;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}._cardCode_1lbq2_23{color:#94a3b8;margin:2px 0 0 18px;font-size:11.5px}._cardMenu_1lbq2_24{gap:2px;display:flex}._cardMenu_1lbq2_24 button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:4px;display:flex}._cardMenu_1lbq2_24 button:hover{color:#4f46e5;background:#f1f5f9}._timeRow_1lbq2_28{color:#334155;align-items:center;gap:6px;margin:14px 0 10px;font-size:14px;font-weight:600;display:flex}._timeRow_1lbq2_28 svg{color:#4f46e5}._arrow_1lbq2_30{color:#cbd5e1;margin:0 2px}._hours_1lbq2_31{color:#4338ca;background:#eef2ff;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:700}._daysRow_1lbq2_33{gap:4px;margin-bottom:12px;display:flex}._day_1lbq2_33{color:#cbd5e1;background:#f1f5f9;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}._dayOn_1lbq2_35{color:#4338ca;background:#e0e7ff}._metaRow_1lbq2_37{color:#64748b;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:10px;padding-top:12px;font-size:11.5px;display:flex}._metaRow_1lbq2_37 span{align-items:center;gap:4px;display:inline-flex}._metaRow_1lbq2_37 svg{color:#94a3b8}._cardActions_1lbq2_41{gap:8px;margin-top:14px;display:flex}._formGrid_1lbq2_44{flex-direction:column;gap:14px;display:flex}._row2_1lbq2_45{grid-template-columns:1fr 1fr;gap:12px;display:grid}._fieldLabel_1lbq2_46{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:block}._dayPicker_1lbq2_47{flex-wrap:wrap;gap:6px;display:flex}._dayPick_1lbq2_47{font:inherit;color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}._dayPick_1lbq2_47:hover{border-color:#c7d2fe}._dayPickOn_1lbq2_50{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}._palette_1lbq2_51{gap:8px;display:flex}._swatch_1lbq2_52{cursor:pointer;border:2px solid #0000;border-radius:8px;width:26px;height:26px}._swatchOn_1lbq2_53{border-color:#0f172a;box-shadow:inset 0 0 0 2px #fff}._checkRow_1lbq2_54{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:flex}._modalFooter_1lbq2_55{justify-content:flex-end;gap:10px;width:100%;display:flex}._assignModes_1lbq2_58{background:#f1f5f9;border-radius:10px;padding:3px;display:inline-flex}._assignModes_1lbq2_58 button{font:inherit;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:600}._assignActive_1lbq2_60{box-shadow:0 1px 3px #0f172a1a;color:#4f46e5!important;background:#fff!important}._assignNote_1lbq2_61{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:6px;padding:10px 12px;font-size:12.5px;display:flex}@media (width<=640px){._row2_1lbq2_45{grid-template-columns:1fr}}._wrap_17o7b_1{color:#1f2430;background:#f6f7fb;min-height:100%;padding:22px 26px 60px;font-family:Poppins,system-ui,sans-serif}._header_17o7b_10{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}._titleBlock_17o7b_19 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}._titleBlock_17o7b_19 p{color:#6b7280;margin:4px 0 0;font-size:13px}._headerActions_17o7b_35{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._dateInput_17o7b_42{color:#1f2430;background:#fff;border:1px solid #e7eaf0;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:13px}._insights_17o7b_53{background:linear-gradient(120deg,#eef2ff,#faf5ff);border:1px solid #e0e7ff;border-radius:14px;margin-bottom:18px;padding:14px 18px}._insightsHead_17o7b_61{color:#4338ca;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}._insights_17o7b_53 ul{margin:0;padding-left:18px}._insights_17o7b_53 li{color:#374151;font-size:13px;line-height:1.7}._kpiGrid_17o7b_83{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}._kpiCard_17o7b_90{background:#fff;border:1px solid #e7eaf0;border-radius:14px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}._kpiLabel_17o7b_100{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}._kpiValue_17o7b_108{letter-spacing:-.02em;font-size:26px;font-weight:700}._kpiSub_17o7b_114{color:#9ca3af;font-size:12px}._kpiValue_17o7b_108._good_17o7b_119{color:#059669}._kpiValue_17o7b_108._warn_17o7b_123{color:#d97706}._kpiValue_17o7b_108._bad_17o7b_127{color:#dc2626}._kpiValue_17o7b_108._brand_17o7b_131{color:#4f46e5}._tabs_17o7b_136{background:#fff;border:1px solid #e7eaf0;border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:4px 0 0 10px;display:flex}._tab_17o7b_136{font-family:var(--font-family);color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;display:flex}._tab_17o7b_136:hover{color:#1f2430}._tabActive_17o7b_168{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}._tabBadge_17o7b_174{color:#4338ca;background:#eef2ff;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}._tabBadge_17o7b_174._alert_17o7b_183{color:#dc2626;background:#fef2f2}._sectionTitle_17o7b_189{align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}._cols2_17o7b_198{grid-template-columns:1.4fr 1fr;align-items:start;gap:18px;display:grid}._panel_17o7b_205{background:#fff;border:1px solid #e7eaf0;border-radius:14px;margin-bottom:18px;padding:18px}._deviceGrid_17o7b_214{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}._deviceCard_17o7b_220{background:#fff;border:1px solid #e7eaf0;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}._deviceTop_17o7b_231{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}._deviceIcon_17o7b_238{color:#4f46e5;background:#eef2ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:21px;display:flex}._deviceName_17o7b_251{font-size:14px;font-weight:600}._deviceMeta_17o7b_256{color:#9ca3af;font-size:12px}._healthDot_17o7b_261{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}._healthOnline_17o7b_272{color:#059669;background:#ecfdf5}._healthStale_17o7b_277{color:#d97706;background:#fffbeb}._healthOffline_17o7b_282{color:#dc2626;background:#fef2f2}._healthMaintenance_17o7b_287{color:#2563eb;background:#eff6ff}._healthDisabled_17o7b_292{color:#6b7280;background:#f3f4f6}._dot_17o7b_297{background:currentColor;border-radius:50%;width:7px;height:7px}._deviceStats_17o7b_304{border-top:1px solid #f1f5f9;gap:16px;padding-top:8px;display:flex}._deviceStat_17o7b_304{color:#6b7280;font-size:12px}._deviceStat_17o7b_304 b{color:#1f2430;font-size:15px;font-weight:700;display:block}._deviceActions_17o7b_323{flex-wrap:wrap;gap:6px;display:flex}._table_17o7b_330{border-collapse:collapse;width:100%;font-size:13px}._table_17o7b_330 th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;white-space:nowrap;border-bottom:1px solid #e7eaf0;padding:10px 12px;font-size:11px;font-weight:600}._table_17o7b_330 td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 12px}._table_17o7b_330 tr:hover td{background:#fafbff}._tableWrap_17o7b_358{overflow-x:auto}._pill_17o7b_363{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}._pillIn_17o7b_373{color:#059669;background:#ecfdf5}._pillOut_17o7b_378{color:#2563eb;background:#eff6ff}._pillAccepted_17o7b_383{color:#059669;background:#ecfdf5}._pillRejected_17o7b_388{color:#dc2626;background:#fef2f2}._pillWarn_17o7b_393{color:#d97706;background:#fffbeb}._pillInfo_17o7b_398{color:#4b5563;background:#f3f4f6}._pillCritical_17o7b_403{color:#dc2626;background:#fef2f2}._anomalyTag_17o7b_408{color:#c2410c;background:#fff7ed;border-radius:6px;margin:1px;padding:2px 7px;font-size:11px;display:inline-block}._methodTag_17o7b_418{color:#4338ca;background:#eef2ff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}._feed_17o7b_428{flex-direction:column;gap:0;max-height:460px;display:flex;overflow-y:auto}._feedRow_17o7b_436{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:11px 4px;display:flex}._feedAvatar_17o7b_444{color:#4f46e5;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}._feedMain_17o7b_458{flex:1;min-width:0}._feedName_17o7b_463{font-size:13px;font-weight:600}._feedSub_17o7b_468{color:#9ca3af;font-size:11px}._feedTime_17o7b_473{color:#6b7280;white-space:nowrap;font-size:12px}._barRow_17o7b_480{align-items:center;gap:10px;margin-bottom:9px;font-size:12px;display:flex}._barLabel_17o7b_488{color:#4b5563;flex-shrink:0;width:120px}._barTrack_17o7b_494{background:#f1f5f9;border-radius:999px;flex:1;height:9px;overflow:hidden}._barFill_17o7b_502{background:#4f46e5;border-radius:999px;height:100%}._barVal_17o7b_508{text-align:right;color:#6b7280;font-variant-numeric:tabular-nums;width:34px}._hourly_17o7b_516{align-items:flex-end;gap:3px;height:90px;padding-top:6px;display:flex}._hourBar_17o7b_524{background:#c7d2fe;border-radius:3px 3px 0 0;flex:1;min-height:2px;transition:background .15s}._hourBar_17o7b_524:hover{background:#4f46e5}._hourAxis_17o7b_536{color:#9ca3af;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}._empty_17o7b_545{text-align:center;color:#9ca3af;padding:40px 16px}._empty_17o7b_545 svg{opacity:.5;margin-bottom:8px;font-size:38px}._form_17o7b_558{grid-template-columns:1fr 1fr;gap:14px;display:grid}._form_17o7b_558 ._full_17o7b_564{grid-column:1/-1}._fieldLabel_17o7b_568{color:#374151;margin-bottom:5px;font-size:12px;font-weight:600;display:block}._checkRow_17o7b_576{color:#374151;align-items:center;gap:8px;font-size:13px;display:flex}._keyBox_17o7b_585{color:#a5f3fc;word-break:break-all;background:#0f172a;border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-family:SF Mono,Menlo,monospace;font-size:13px;display:flex}._keyWarn_17o7b_598{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px}._passCard_17o7b_609{text-align:center;background:linear-gradient(160deg,#fff,#f8faff);border:1px solid #e7eaf0;border-radius:16px;max-width:380px;margin:0 auto;padding:26px}._passToken_17o7b_619{word-break:break-all;color:#4338ca;background:#fff;border:1px dashed #c7d2fe;border-radius:10px;margin:16px 0;padding:14px;font-family:SF Mono,Menlo,monospace;font-size:14px}._scanRow_17o7b_631{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}._page_9c52v_1{color:#0f172a;margin:0 auto;padding:24px 28px 48px;font-family:Poppins,system-ui,sans-serif}._header_9c52v_3{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}._header_9c52v_3 h1{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:23px;font-weight:700;display:flex}._header_9c52v_3 h1 svg{color:#4f46e5}._header_9c52v_3 p{color:#64748b;max-width:640px;margin:6px 0 0;font-size:13.5px}._state_9c52v_8{text-align:center;color:#94a3b8;padding:64px 16px}._spinner_9c52v_9{vertical-align:middle;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.7s linear infinite _spin_9c52v_9;display:inline-block}@keyframes _spin_9c52v_9{to{transform:rotate(360deg)}}._empty_9c52v_11{color:#94a3b8;text-align:center;padding:40px 16px;font-size:13px}._grid_9c52v_13{grid-template-columns:280px 1fr;align-items:start;gap:16px;display:grid}._rolesCol_9c52v_16{background:#fff;border:1px solid #e7eaf0;border-radius:16px;flex-direction:column;gap:4px;padding:12px;display:flex}._colTitle_9c52v_17{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;padding:6px 8px;font-size:11px;font-weight:700}._roleItem_9c52v_18{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:background .14s;display:flex}._roleItem_9c52v_18:hover{background:#f8faff}._roleActive_9c52v_20{background:#eef2ff!important}._roleMain_9c52v_21{flex-direction:column;gap:2px;min-width:0;display:flex}._roleName_9c52v_22{color:#0f172a;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}._sysTag_9c52v_23{text-transform:uppercase;letter-spacing:.03em;color:#4338ca;background:#e0e7ff;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:700}._roleMeta_9c52v_24{color:#94a3b8;font-size:11.5px}._inactiveDot_9c52v_25{background:#f59e0b;border-radius:50%;flex-shrink:0;width:8px;height:8px}._accessCol_9c52v_28{background:#fff;border:1px solid #e7eaf0;border-radius:16px;min-width:0;padding:18px 20px}._accessHead_9c52v_29{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}._accessHead_9c52v_29 h2{margin:0;font-size:18px;font-weight:700}._accessHead_9c52v_29 p{color:#64748b;margin:4px 0 0;font-size:13px}._accessActions_9c52v_32{gap:8px;display:flex}._notice_9c52v_34{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:6px;margin-bottom:14px;padding:10px 12px;font-size:12.5px;display:flex}._groups_9c52v_36{flex-direction:column;gap:14px;display:flex}._groups_9c52v_36[aria-disabled=true]{opacity:.6}._group_9c52v_36{border:1px solid #eef2f7;border-radius:12px;overflow:hidden}._groupHead_9c52v_39{text-transform:uppercase;letter-spacing:.03em;color:#475569;background:#f8fafc;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;font-weight:700;display:flex}._groupToggle_9c52v_40{font:inherit;color:#4f46e5;cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:none;font-size:11px;font-weight:700}._groupToggle_9c52v_40:disabled{color:#cbd5e1;cursor:not-allowed}._items_9c52v_42{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;padding:12px 14px;display:grid}._item_9c52v_42{color:#334155;cursor:pointer;border:1px solid #eef2f7;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .14s,border-color .14s;display:flex}._item_9c52v_42:hover{border-color:#c7d2fe}._item_9c52v_42 svg{color:#94a3b8;flex-shrink:0}._itemOn_9c52v_46{background:#eef2ff;border-color:#c7d2fe}._itemOn_9c52v_46 svg{color:#4f46e5}._item_9c52v_42 input{accent-color:#4f46e5}._matrixHead_9c52v_51{background:#f8fafc;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}._matrixModule_9c52v_52{text-transform:uppercase;letter-spacing:.03em;color:#475569;font-size:12px;font-weight:700}._matrixCols_9c52v_53{flex-shrink:0;display:flex}._matrixCols_9c52v_53>*{justify-content:center;align-items:center;width:58px;display:flex}._colToggle_9c52v_55{font:inherit;color:#94a3b8;cursor:pointer;text-transform:capitalize;background:0 0;border:none;font-size:11px;font-weight:700}._colToggle_9c52v_55:hover:not(:disabled),._colToggleOn_9c52v_57{color:#4f46e5}._colToggle_9c52v_55:disabled{color:#cbd5e1;cursor:not-allowed}._matrixBody_9c52v_59{flex-direction:column;display:flex}._matrixRow_9c52v_60{color:#334155;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding:7px 14px;font-size:13px;transition:background .14s;display:flex}._matrixRow_9c52v_60:hover{background:#f8fafc}._matrixLabel_9c52v_62{align-items:center;gap:8px;min-width:0;display:flex}._matrixLabel_9c52v_62 svg{color:#94a3b8;flex-shrink:0}._matrixLabel_9c52v_62 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._matrixRow_9c52v_60._itemOn_9c52v_46 ._matrixLabel_9c52v_62 svg{color:#4f46e5}._cellCheck_9c52v_66{cursor:pointer}._cellCheck_9c52v_66 input{accent-color:#4f46e5;cursor:pointer;width:16px;height:16px}._saveBar_9c52v_69{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}._saveHint_9c52v_70{color:#64748b;font-size:12.5px}._formGrid_9c52v_72{flex-direction:column;gap:14px;display:flex}._checkRow_9c52v_73{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}._checkRow_9c52v_73 input{accent-color:#4f46e5}._modalFooter_9c52v_75{justify-content:flex-end;gap:10px;width:100%;display:flex}@media (width<=860px){._grid_9c52v_13{grid-template-columns:1fr}}