:root{--color-primary:#1c1c1e;--color-accent:#143cca;--color-accent-hover:#0f2e99;--color-bg:#f9fafb;--color-surface:#fff;--color-surface-alt:#f3f4f6;--color-border:#e5e7eb;--color-text:#1c1c1e;--color-text-secondary:#6b7280;--color-error:#dc2626;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--font-primary:var(--font-inter-tight), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--radius-sm:6px;--radius-1:10px;--radius-2:20px;--radius-pill:9999px;--radius-btn:var(--radius-pill);--radius-card:var(--radius-1);--radius-input:var(--radius-1);--radius-badge:var(--radius-pill);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-card:0 4px 20px #00000008, 0 1px 3px #00000005;--transition-fast:.1s ease;--transition-base:.2s ease;--transition-slow:.3s ease}[data-density=compact]{--space-xs:2px;--space-sm:6px;--space-md:12px;--space-lg:18px;--space-xl:24px;--font-size-base:13px}[data-density=spacious]{--space-xs:6px;--space-sm:10px;--space-md:20px;--space-lg:32px;--space-xl:44px;--font-size-base:15px}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}.spin-icon{animation:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;max-width:100vw;height:100%;font-size:16px;overflow-x:clip}body{width:100%;max-width:100vw;min-height:100%;font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1c1c1e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f5f7;overflow-x:clip}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}table{border-collapse:collapse;width:100%}input,select,textarea{font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1c1c1e;box-sizing:border-box;appearance:none;-webkit-tap-highlight-color:#0000;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;margin:0;font-size:14px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s}input::placeholder,select::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#d1d5db}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{border-color:var(--color-accent,#143cca);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent,#143cca) 15%, transparent);outline:none}input:disabled,input[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{opacity:.75;color:#9ca3af!important;cursor:not-allowed!important;box-shadow:none!important;background-color:#f3f4f6!important;border-color:#e5e7eb!important}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#1c1c1e!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form__group{flex-direction:column;margin-bottom:16px;display:flex}.form__input,.form__textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form__input:focus,.form__textarea:focus{border-color:#1c1c1e;outline:none}.form__input--error,.form__textarea--error{border-color:#ef4444!important}.form__password-wrap{align-items:center;width:100%;display:flex;position:relative}.form__password-wrap .form__input{padding-right:42px}.form__password-wrap .form__password-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.form__password-wrap .form__password-toggle:hover{color:#1c1c1e}.form__password-wrap .form__password-toggle:focus-visible{outline:2px solid var(--color-accent,#143cca)}.form__error-message{color:#ef4444;margin-top:4px;font-size:12px}.form__hint,.form__helper-text,.form__helper,.form__help,.form__subtext,.form__sublabel{color:#6b7280;margin-top:4px;font-size:12px;font-weight:400;line-height:1.4;display:block}.form__hint--warning,.form__helper-text--warning,.form__helper--warning,.form__help--warning,.form__subtext--warning,.form__sublabel--warning{color:#d97706}.form__hint--error,.form__helper-text--error,.form__helper--error,.form__help--error,.form__subtext--error,.form__sublabel--error{color:#ef4444}.form__hint--success,.form__helper-text--success,.form__helper--success,.form__help--success,.form__subtext--success,.form__sublabel--success{color:#10b981}.custom-select-option-label{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;flex:1;min-width:0;line-height:1.35;display:-webkit-box;overflow:hidden}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=month],input[type=time],input[type=week],input[type=datetime-local]{height:42px;padding:0 16px;line-height:40px}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;height:42px;padding:0 40px 0 16px;line-height:40px}select::-ms-expand{display:none}select option{color:#1c1c1e;font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:#fff;padding:10px;font-size:14px}textarea{resize:vertical;border-radius:12px;min-height:100px;padding:12px 16px;line-height:1.5}input[type=checkbox]{appearance:none;cursor:pointer;vertical-align:middle;background-color:#fff;border:1.5px solid #d1d5db;border-radius:5px;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}input[type=checkbox]:hover:not(:disabled){border-color:#143cca}input[type=checkbox]:checked{background-color:#143cca;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:11px 11px;border-color:#143cca}input[type=checkbox]:indeterminate{background-color:#143cca;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:11px 11px;border-color:#143cca}input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #143cca33}input[type=radio]{appearance:none;cursor:pointer;vertical-align:middle;background-color:#fff;border:1.5px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}input[type=radio]:hover:not(:disabled){border-color:#143cca}input[type=radio]:checked{background-color:#fff;border-width:5px;border-color:#143cca}input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px #143cca33}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;border-radius:4px;padding:4px;transition:opacity .15s,background-color .15s}input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;border-radius:4px;padding:4px;transition:opacity .15s,background-color .15s}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;border-radius:4px;padding:4px;transition:opacity .15s,background-color .15s}input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;border-radius:4px;padding:4px;transition:opacity .15s,background-color .15s}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;border-radius:4px;padding:4px;transition:opacity .15s,background-color .15s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:#143cca1a}input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:#143cca1a}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:#143cca1a}input[type=week]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:#143cca1a}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:#143cca1a}input[type=date]::-webkit-inner-spin-button{margin-right:4px}input[type=date]::-webkit-clear-button{margin-right:4px}input[type=month]::-webkit-inner-spin-button{margin-right:4px}input[type=month]::-webkit-clear-button{margin-right:4px}input[type=time]::-webkit-inner-spin-button{margin-right:4px}input[type=time]::-webkit-clear-button{margin-right:4px}input[type=week]::-webkit-inner-spin-button{margin-right:4px}input[type=week]::-webkit-clear-button{margin-right:4px}input[type=datetime-local]::-webkit-inner-spin-button{margin-right:4px}input[type=datetime-local]::-webkit-clear-button{margin-right:4px}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-results-button{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=file]{cursor:pointer;background-color:#fafafa;border:1.5px dashed #d1d5db;width:100%;height:auto;padding:8px 12px;line-height:1.4;display:block}input[type=file]::file-selector-button{appearance:none;color:#fff;font-size:13px;font-weight:500;font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer;background:#1c1c1e;border:none;border-radius:9999px;margin-right:12px;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=file]::-webkit-file-upload-button{appearance:none;color:#fff;font-size:13px;font-weight:500;font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer;background:#1c1c1e;border:none;border-radius:9999px;margin-right:12px;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=file]:hover input[type=file]::file-selector-button{background:#2c2c2e;transform:translateY(-1px)}input[type=file]:hover input[type=file]::-webkit-file-upload-button{background:#2c2c2e;transform:translateY(-1px)}input[type=range]{appearance:none;width:100%;height:6px;box-shadow:none;background:#e5e7eb;border:none;border-radius:9999px;outline:none;margin:10px 0;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#143cca;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .15s,background-color .15s;box-shadow:0 2px 6px #0000002e}input[type=range]::-webkit-slider-thumb:hover{background:#0f2e99;transform:scale(1.15)}input[type=range]::-moz-range-thumb{cursor:pointer;background:#143cca;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .15s,background-color .15s;box-shadow:0 2px 6px #0000002e}input[type=range]::-moz-range-thumb:hover{background:#0f2e99;transform:scale(1.15)}input[type=range]::-moz-range-track{background:#e5e7eb;border-radius:9999px;height:6px}input[type=color]{appearance:none;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:40px;height:40px;padding:3px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}input[type=color]::-moz-color-swatch{border:none;border-radius:6px}.custom-checkbox-wrapper,.custom-radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex;position:relative}.custom-checkbox-wrapper--disabled,.custom-radio-wrapper--disabled{cursor:not-allowed;opacity:.6}.custom-checkbox-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.custom-checkbox-container,.custom-radio-container{justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;display:inline-flex;position:relative}.custom-checkbox-native-hidden,.custom-radio-native-hidden{z-index:2;top:0;left:0;opacity:0!important;cursor:pointer!important;pointer-events:auto!important;width:100%!important;height:100%!important;margin:0!important;position:absolute!important}.custom-checkbox-native-hidden:disabled,.custom-radio-native-hidden:disabled{cursor:not-allowed!important}.custom-checkbox-box{z-index:1;pointer-events:none;background-color:#fff;border:1.5px solid #d1d5db;border-radius:5px;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.custom-checkbox-box--checked{background-color:#143cca;border-color:#143cca}.custom-checkbox-wrapper:hover .custom-checkbox-box:not(.custom-checkbox-box--checked){border-color:#143cca}.custom-checkbox-native-hidden:focus-visible+.custom-checkbox-box{outline:none;box-shadow:0 0 0 3px #143cca33}.custom-checkbox-icon{color:#fff}.custom-checkbox-label,.custom-radio-label{color:#1c1c1e;font-size:14px}.custom-radio-circle{z-index:1;pointer-events:none;background-color:#fff;border:1.5px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;min-height:18px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.custom-radio-circle--checked,.custom-radio-wrapper:hover .custom-radio-circle:not(.custom-radio-circle--checked){border-color:#143cca}.custom-radio-native-hidden:focus-visible+.custom-radio-circle{outline:none;box-shadow:0 0 0 3px #143cca33}.custom-radio-dot{background-color:#143cca;border-radius:50%;width:9px;height:9px}.custom-select-container{width:100%;display:inline-block;position:relative}.custom-select-trigger{height:42px;font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1c1c1e;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 16px;font-size:14px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-select-trigger:hover:not(.custom-select-trigger--disabled){border-color:#d1d5db}.custom-select-trigger--focused{outline:none;box-shadow:0 0 0 3px #143cca26;border-color:#143cca!important}.custom-select-trigger--disabled{opacity:.75;color:#9ca3af!important;cursor:not-allowed!important;background-color:#f3f4f6!important}.custom-select-value{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.custom-select-value--placeholder{color:#9ca3af}.custom-select-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s}.custom-select-chevron--open{transform:rotate(180deg)}.custom-select-popover{top:var(--select-popover-top,0);left:var(--select-popover-left,0);width:var(--select-popover-width,auto);z-index:9999;box-sizing:border-box;background:#fff;border:1px solid #eaecee;border-radius:14px;flex-direction:column;gap:6px;min-width:180px;max-width:min(320px,100vw - 24px);padding:8px;animation:.15s ease-out selectPopoverFadeIn;display:flex;position:fixed;box-shadow:0 10px 30px #0000001f,0 2px 8px #0000000a}.custom-select-popover--top{transform:translateY(-100%)}.custom-select-popover--bottom{transform:none}@keyframes selectPopoverFadeIn{0%{opacity:0}to{opacity:1}}.custom-select-search-wrapper{border-bottom:1px solid #f3f4f6;align-items:center;padding:2px 4px 6px;display:flex;position:relative}.custom-select-search-icon{color:#9ca3af;pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.custom-select-search-input{width:100%;height:36px;border-radius:8px!important;padding:0 12px 0 34px!important;font-size:13px!important;line-height:normal!important}.custom-select-list{flex-direction:column;gap:2px;max-height:220px;display:flex;overflow-y:auto}.custom-select-empty{color:#9ca3af;text-align:center;padding:12px;font-size:12px}.custom-select-option{color:#1c1c1e;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 12px;font-size:14px;transition:background-color .15s;display:flex}.custom-select-option:hover:not(.custom-select-option--disabled){background-color:#f8fafc}.custom-select-option--selected{font-weight:600;color:#143cca!important;background-color:#ebf1ff!important}.custom-select-option--disabled{opacity:.5;cursor:not-allowed}.custom-select-check{color:#143cca}.custom-select-option-actions{align-items:center;gap:6px;display:flex}.custom-select-option-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:inline-flex}.custom-select-option-delete:hover{color:#ef4444;background:#fee2e2}.week-picker-container{width:100%;display:inline-block;position:relative}.week-picker-trigger{height:42px;font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1c1c1e;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:0 14px;font-size:14px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.week-picker-trigger:hover:not(.week-picker-trigger--disabled){border-color:#d1d5db}.week-picker-trigger--focused{outline:none;box-shadow:0 0 0 3px #143cca26;border-color:#143cca!important}.week-picker-trigger--disabled{opacity:.75;color:#9ca3af!important;cursor:not-allowed!important;background-color:#f3f4f6!important}.week-picker-icon{color:#6b7280;flex-shrink:0}.week-picker-value{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.week-picker-value--placeholder{color:#9ca3af}.week-picker-clear-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:background-color .15s,color .15s;display:inline-flex}.week-picker-clear-btn:hover{color:#1c1c1e;background-color:#f3f4f6}.week-picker-popover{top:var(--week-popover-top,0);left:var(--week-popover-left,0);z-index:9999;box-sizing:border-box;background:#fff;border:1px solid #eaecee;border-radius:14px;flex-direction:column;gap:10px;width:280px;max-width:calc(100vw - 24px);padding:12px;animation:.15s ease-out fadeIn;display:flex;position:fixed;box-shadow:0 10px 30px #0000001f,0 2px 8px #0000000a}.week-picker-popover--top{transform:translateY(-100%)}.week-picker-popover--bottom{transform:none}.week-picker-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.week-picker-year-title{color:#1c1c1e;font-size:14px;font-weight:700}.week-picker-nav-btn{color:#1c1c1e;cursor:pointer;background:#f3f4f6;border:none;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,transform .1s;display:inline-flex}.week-picker-nav-btn:hover{background:#e5e7eb;transform:scale(1.05)}.week-picker-quick-actions{gap:6px;display:flex}.week-picker-today-btn{color:#143cca;cursor:pointer;background:#ebf1ff;border:1px solid #143cca33;border-radius:9999px;width:100%;padding:6px 12px;font-size:10px;font-weight:600;transition:background .15s}.week-picker-today-btn:hover{background:#d4e2ff}.week-picker-list{flex-direction:column;gap:3px;max-height:220px;padding-right:2px;display:flex;overflow-y:auto}.week-picker-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background-color .15s,border-color .15s;display:flex}.week-picker-item:hover{background-color:#f8fafc;border-color:#e2e8f0}.week-picker-item--active{color:#fff!important;background-color:#143cca!important;border-color:#143cca!important}.week-picker-item--active .week-picker-item-num,.week-picker-item--active .week-picker-item-dates{color:#fff!important}.week-picker-item--current:not(.week-picker-item--active){background-color:#ebf1ff;border-color:#143cca4d}.week-picker-item-num{color:#1c1c1e;font-size:12px;font-weight:600}.week-picker-item-dates{color:#6b7280;font-size:11px}.week-picker-item-badge{color:#143cca;background:#143cca26;border-radius:9999px;padding:1px 6px;font-size:10px;font-weight:700}.date-picker-container{width:100%;display:inline-block;position:relative}.date-picker-trigger{height:42px;font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1c1c1e;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:0 14px;font-size:14px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.date-picker-trigger:hover:not(.date-picker-trigger--disabled){border-color:#d1d5db}.date-picker-trigger--focused{outline:none;box-shadow:0 0 0 3px #143cca26;border-color:#143cca!important}.date-picker-trigger--disabled{opacity:.75;color:#9ca3af!important;cursor:not-allowed!important;background-color:#f3f4f6!important}.date-picker-icon{color:#6b7280;flex-shrink:0}.date-picker-value{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.date-picker-value--placeholder{color:#9ca3af}.date-picker-clear-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.date-picker-clear-btn:hover{color:#1c1c1e;background-color:#f3f4f6}.date-picker-popover{top:var(--date-popover-top,0);left:var(--date-popover-left,0);z-index:9999;box-sizing:border-box;background:#fff;border:1px solid #eaecee;border-radius:14px;flex-direction:column;gap:8px;width:290px;max-width:calc(100vw - 24px);padding:12px;animation:.15s ease-out fadeIn;display:flex;position:fixed;box-shadow:0 10px 30px #0000001f,0 2px 8px #0000000a}.date-picker-popover--top{transform:translateY(-100%)}.date-picker-popover--bottom{transform:none}.date-picker-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.date-picker-month-title{color:#1c1c1e;font-size:14px;font-weight:700}.date-picker-nav-btn{color:#1c1c1e;cursor:pointer;background:#f3f4f6;border:none;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.date-picker-nav-btn:hover:not(:disabled){background:#e5e7eb}.date-picker-nav-btn:disabled,.date-picker-nav-btn--disabled{opacity:.25!important;cursor:not-allowed!important;pointer-events:none!important}.date-picker-quick-actions{gap:6px;display:flex}.date-picker-today-btn{color:#143cca;cursor:pointer;background:#ebf1ff;border:1px solid #143cca33;border-radius:9999px;width:100%;padding:5px 12px;font-size:11px;font-weight:600}.date-picker-today-btn:hover{background:#d4e2ff}.date-picker-weekdays{text-align:center;color:#9ca3af;grid-template-columns:repeat(7,1fr);padding-bottom:4px;font-size:11px;font-weight:700;display:grid}.date-picker-weekday{display:block}.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-picker-day{color:#1c1c1e;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;height:32px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.date-picker-day:hover:not(:disabled){background-color:#f3f4f6}.date-picker-day--outside{color:#d1d5db}.date-picker-day--today:not(.date-picker-day--selected):not(:disabled){color:#143cca;border:1.5px solid #143cca;font-weight:700}.date-picker-day--selected{font-weight:700;color:#fff!important;background-color:#143cca!important}.date-picker-day:disabled{opacity:.25!important;cursor:not-allowed!important;pointer-events:none!important;color:#9ca3af!important;background:0 0!important;border-color:#0000!important}.date-picker-day:disabled.date-picker-day--today{color:#9ca3af!important;border:1px dashed #d1d5db!important}.month-picker-container{width:100%;display:inline-block;position:relative}.month-picker-trigger{height:42px;font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1c1c1e;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:0 14px;font-size:14px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.month-picker-trigger:hover:not(.month-picker-trigger--disabled){border-color:#d1d5db}.month-picker-trigger--focused{outline:none;box-shadow:0 0 0 3px #143cca26;border-color:#143cca!important}.month-picker-trigger--disabled{opacity:.75;color:#9ca3af!important;cursor:not-allowed!important;background-color:#f3f4f6!important}.month-picker-icon{color:#6b7280;flex-shrink:0}.month-picker-value{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.month-picker-value--placeholder{color:#9ca3af}.month-picker-clear-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.month-picker-clear-btn:hover{color:#1c1c1e;background-color:#f3f4f6}.month-picker-popover{top:var(--month-popover-top,0);left:var(--month-popover-left,0);z-index:9999;box-sizing:border-box;background:#fff;border:1px solid #eaecee;border-radius:14px;flex-direction:column;gap:10px;width:260px;max-width:calc(100vw - 24px);padding:12px;animation:.15s ease-out fadeIn;display:flex;position:fixed;box-shadow:0 10px 30px #0000001f,0 2px 8px #0000000a}.month-picker-popover--top{transform:translateY(-100%)}.month-picker-popover--bottom{transform:none}.month-picker-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.month-picker-year-title{color:#1c1c1e;font-size:14px;font-weight:700}.month-picker-nav-btn{color:#1c1c1e;cursor:pointer;background:#f3f4f6;border:none;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.month-picker-nav-btn:hover{background:#e5e7eb}.month-picker-quick-actions{gap:6px;display:flex}.month-picker-today-btn{color:#143cca;cursor:pointer;background:#ebf1ff;border:1px solid #143cca33;border-radius:9999px;width:100%;padding:5px 12px;font-size:11px;font-weight:600}.month-picker-today-btn:hover{background:#d4e2ff}.month-picker-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.month-picker-item{text-align:center;color:#1c1c1e;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 0;font-size:13px;font-weight:500;transition:all .15s}.month-picker-item:hover{background:#e2e8f0}.month-picker-item--active{font-weight:700;color:#fff!important;background-color:#143cca!important;border-color:#143cca!important}.month-picker-item--current:not(.month-picker-item--active){color:#143cca;border-color:#143cca;font-weight:700}.search-input{align-items:center;display:inline-flex;position:relative}.search-input__icon{color:#9ca3af;pointer-events:none;z-index:2;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition:color .15s;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input__field,.search-input__field[type=text],.search-input input.search-input__field{color:#1c1c1e;box-sizing:border-box;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;font-family:inherit;font-size:13px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);height:40px!important;padding:0 36px 0 38px!important;line-height:normal!important}.search-input__field::placeholder,.search-input__field[type=text]::placeholder,.search-input input.search-input__field::placeholder{color:#9ca3af;opacity:1}.search-input__field:hover:not(:disabled),.search-input__field[type=text]:hover:not(:disabled),.search-input input.search-input__field:hover:not(:disabled){border-color:#d1d5db}.search-input__field:focus,.search-input__field[type=text]:focus,.search-input input.search-input__field:focus{border-color:#143cca;outline:none;box-shadow:0 0 0 3px #143cca26}.search-input__field:disabled,.search-input__field[type=text]:disabled,.search-input input.search-input__field:disabled{color:#9ca3af!important;cursor:not-allowed!important;background-color:#f3f4f6!important;border-color:#e5e7eb!important}.search-input__clear{color:#4b5563;cursor:pointer;z-index:2;background-color:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background-color .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-input__clear:hover{color:#111827;background-color:#d1d5db}.search-input:focus-within .search-input__icon{color:#143cca}.search-input--sm .search-input__icon{left:10px}.search-input--sm .search-input__field,.search-input--sm .search-input__field[type=text],.search-input--sm input.search-input__field{font-size:12px;height:34px!important;padding:0 28px 0 32px!important}.search-input--sm .search-input__clear{width:16px;height:16px;right:6px}.search-input--lg .search-input__icon{left:14px}.search-input--lg .search-input__field,.search-input--lg .search-input__field[type=text],.search-input--lg input.search-input__field{font-size:14px;height:46px!important;padding:0 40px 0 44px!important}.search-input--lg .search-input__clear{width:22px;height:22px;right:10px}.form__search,.input-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.form__search .form__search-icon,.form__search .input-search-icon,.input-search-wrapper .form__search-icon,.input-search-wrapper .input-search-icon{color:#9ca3af;pointer-events:none;z-index:2;flex-shrink:0;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form__search .form__search-input,.form__search .input-search-field,.input-search-wrapper .form__search-input,.input-search-wrapper .input-search-field{width:100%;padding-left:38px!important;padding-right:32px!important}.u-text-center,.u-align-center{text-align:center!important}.u-text-right,.u-align-right{text-align:right!important}.u-text-left{text-align:left!important}.u-text-capitalize{text-transform:capitalize!important}.u-text-none{text-transform:none!important}.u-text-muted{color:#1c1c1e80!important}.u-text-subtle{color:#1c1c1e66!important}.u-text-secondary{color:#64748b!important}.u-text-dark{color:#1c1c1e!important}.u-text-danger{color:#dc2626!important}.u-text-accent{color:#143cca!important}.u-text-primary{color:#1c1c1e!important}.u-text-success{color:#16a34a!important}.u-text-info{color:#143cca!important}.u-text-xs{font-size:12px!important}.u-truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.u-line-clamp-1{-webkit-line-clamp:1!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.u-line-clamp-2{-webkit-line-clamp:2!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.u-white-space-nowrap{white-space:nowrap!important}.u-flex-col{flex-direction:column!important}.u-flex-row{flex-direction:row!important}.attachment-pill{color:#143cca!important;background-color:#ebf1ff!important;border-radius:10px!important;flex-shrink:0!important;align-items:center!important;gap:3px!important;padding:2px 6px!important;font-size:10px!important;font-weight:600!important;display:inline-flex!important}.user-chip-tag{color:#1c1c1ecc!important;background-color:#1c1c1e0f!important;border-radius:10px!important;padding:2px 8px!important;font-size:12px!important}.user-chip-more{color:#1c1c1e99!important;background-color:#1c1c1e1a!important;border-radius:10px!important;padding:2px 6px!important;font-size:12px!important;font-weight:500!important}.u-font-normal{font-weight:400!important}.u-font-medium{font-weight:500!important}.u-font-semibold,.u-font-weight-600{font-weight:600!important}.u-font-bold,.u-font-weight-700{font-weight:700!important}.u-font-size-11{font-size:10px!important}.u-font-size-12{font-size:12px!important}.u-font-size-13{font-size:13px!important}.u-font-size-14{font-size:14px!important}.u-font-size-15{font-size:15px!important}.u-font-size-16{font-size:16px!important}.u-font-size-18{font-size:18px!important}.u-font-size-20{font-size:20px!important}.u-flex{display:flex!important}.u-flex-column{flex-direction:column!important}.u-inline-flex{display:inline-flex!important}.u-flex-center{justify-content:center!important;align-items:center!important;display:flex!important}.u-flex-items-center,.u-items-center{align-items:center!important;display:flex!important}.u-flex-between,.u-justify-between{justify-content:space-between!important;display:flex!important}.u-flex-end{justify-content:flex-end!important;display:flex!important}.u-flex-wrap{flex-wrap:wrap!important}.u-min-w-0{min-width:0!important}.u-relative{position:relative!important}.u-gap-2{gap:2px!important}.u-gap-4{gap:4px!important}.u-gap-6{gap:6px!important}.u-gap-8{gap:8px!important}.u-gap-10{gap:10px!important}.u-gap-12{gap:12px!important}.u-gap-16{gap:16px!important}.u-gap-20{gap:20px!important}.u-gap-24{gap:24px!important}.u-grid{display:grid!important}.u-grid-2col{grid-template-columns:1fr!important;gap:16px!important;display:grid!important}@media (min-width:640px){.u-grid-2col{grid-template-columns:1fr 1fr!important}}.u-grid-3col{grid-template-columns:1fr!important;gap:16px!important;display:grid!important}@media (min-width:640px){.u-grid-3col{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:768px){.u-grid-3col{grid-template-columns:repeat(3,1fr)!important}}.u-w-full{width:100%!important}.u-w-auto{width:auto!important}.u-w-40{width:40px!important}.u-w-140{width:140px!important;max-width:100%!important}.u-w-150{width:150px!important;max-width:100%!important}.u-w-160{width:160px!important;max-width:100%!important}.u-w-180{width:180px!important;max-width:100%!important}.u-w-200{width:200px!important;max-width:100%!important}.u-w-220{width:220px!important;max-width:100%!important}.u-w-260{width:260px!important;max-width:100%!important}.u-max-w-200{max-width:200px!important}.u-max-w-220{max-width:220px!important}.u-max-w-240{max-width:240px!important}.u-max-w-260{max-width:260px!important}.u-max-w-300{max-width:300px!important}.u-max-w-440{max-width:440px!important}.u-max-w-560{max-width:560px!important}.u-max-w-600{max-width:600px!important}.u-max-w-680{max-width:680px!important}.u-max-w-1000{max-width:1000px!important}.u-border{border:1px solid #eaecee!important}.form-section-title{color:#1c1c1e!important;border-bottom:1px solid #eaecee!important;margin-bottom:12px!important;padding-bottom:6px!important;font-size:14px!important;font-weight:600!important}.u-grid-col-span-2{grid-column:span 2!important}.u-block{display:block!important}@media (min-width:640px){.u-hidden-sm{display:none!important}}@media (min-width:768px){.u-hidden-md{display:none!important}}@media (min-width:1024px){.u-hidden-lg{display:none!important}}.u-visible-sm{display:none!important}@media (min-width:640px){.u-visible-sm{display:block!important}}.u-visible-md{display:none!important}@media (min-width:768px){.u-visible-md{display:block!important}}.u-visible-lg{display:none!important}@media (min-width:1024px){.u-visible-lg{display:block!important}}.u-aspect-square{aspect-ratio:1!important}.u-aspect-video{aspect-ratio:16/9!important}.u-aspect-portrait{aspect-ratio:3/4!important}.u-h-full{height:100%!important}.u-h-screen{height:100svh!important}.u-min-h-400{min-height:400px!important}.u-min-h-120{min-height:120px!important}.u-min-h-60{min-height:60px!important}.modal-scrollable{max-height:calc(60svh - 120px)!important;overflow-y:auto!important}@media (min-width:640px){.modal-scrollable{max-height:70vh!important}}.u-float-right{float:right!important}.u-m-0{margin:0!important}.u-m-auto{margin:auto!important}.u-mx-auto{margin-left:auto!important;margin-right:auto!important}.u-ml-4{margin-left:4px!important}.u-ml-8{margin-left:8px!important}.u-ml-auto{margin-left:auto!important}.u-mr-1{margin-right:1px!important}.u-mr-8{margin-right:8px!important}.u-mt-2{margin-top:2px!important}.u-mt-1{margin-top:1px!important}.u-mt-4{margin-top:4px!important}.u-mt-6{margin-top:6px!important}.u-mt-8{margin-top:8px!important}.u-mt-12{margin-top:12px!important}.u-mt-16{margin-top:16px!important}.u-mt-24{margin-top:24px!important}.u-mt-auto{margin-top:auto!important}.u-mb-0{margin-bottom:0!important}.u-mb-4{margin-bottom:4px!important}.u-mb-8{margin-bottom:8px!important}.u-mb-12{margin-bottom:12px!important}.u-mb-16{margin-bottom:16px!important}.u-mb-20{margin-bottom:20px!important}.u-mb-24{margin-bottom:24px!important}.u-mb-32{margin-bottom:32px!important}.u-space-y-6>*+*{margin-top:6px!important}.u-pb-40{padding-bottom:40px!important}.u-p-0{padding:0!important}.u-p-10-0{padding:10px 0!important}.u-p-16{padding:16px!important}.u-p-24{padding:24px!important}.u-p-32{padding:32px!important}.u-p-48{padding:48px!important}.u-cursor-pointer{cursor:pointer!important}.u-opacity-50{opacity:.5!important}.u-opacity-60{opacity:.6!important}.u-accent-checkbox{cursor:pointer}.u-btn-danger-outline{color:#dc2626!important;border-color:#dc2626!important}.badge-dashed{color:#1c1c1e99!important;border-style:dashed!important}.badge-info-count{color:#143cca!important;background-color:#ebf1ff!important;font-weight:600!important}.badge-expired{color:#64748b!important;background-color:#f3f4f6!important;font-size:10px!important}.announcement-modal-body-text{white-space:pre-wrap!important;color:#1c1c1ecc!important;line-height:1.6!important}.callout-warning-alert{color:#92400e!important;background-color:#fffbeb!important;border:1px solid #fde68a!important;border-radius:10px!important;margin-top:16px!important;padding:10px 14px!important;font-size:13px!important}.u-list-disc{padding-left:16px!important;list-style:outside!important}.u-text-link{text-decoration:underline;color:#143cca!important}.file-upload-compact{cursor:pointer!important;flex:1!important;padding:8px 12px!important}.u-hidden{display:none!important}.u-spin,.animate-spin{animation:1s linear infinite spin!important}.template-grid__item--active{background-color:#143cca0d!important;border-color:#143cca!important}.pagination__btn--active{color:#fff!important;background-color:#1c1c1e!important}.table-action-menu__trigger--active{background-color:#1c1c1e14!important}.sidebar__section--pwa{border-top:1px solid #ffffff14!important;margin-top:auto!important;padding-top:16px!important}.dashboard-stats__icon--admin{color:#9333ea!important;background-color:#f3e8ff!important}.dashboard-stats__icon--gaji{color:#16a34a!important;background-color:#e6f7ed!important}.dashboard-stats__icon--pending{color:#d97706!important;background-color:#fef3c7!important}.forgot-password__success-desc{color:#6b7280!important;margin-bottom:24px!important;font-size:14px!important}.notif-popover__empty-title{color:#1c1c1e!important;margin-bottom:4px!important;font-size:14px!important;font-weight:600!important}.notif-popover__empty-desc{color:#6b7280!important;text-align:center!important;font-size:12px!important}.notif-popover__footer-link{color:#1c1c1e!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:10px!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;display:flex!important}.notif-popover__header-icon{color:#143cca!important;align-items:center!important;display:flex!important}.notif-popover__tab--active{color:#1c1c1e!important;font-weight:600!important}.notification-item__icon-badge--blue{color:#143cca!important;background-color:#ebf1ff!important}.calendar-cell__num--today{color:#fff!important;border-radius:50%!important}.u-max-w-prose{max-width:65ch!important}.u-max-w-xs{max-width:320px!important}.u-max-w-sm{max-width:480px!important}.u-max-w-md{max-width:580px!important}.u-max-w-lg{max-width:720px!important}.u-alert{border-radius:10px!important;padding:12px 16px!important;font-size:14px!important}.u-alert--danger{color:#dc2626!important;background-color:#fef2f2!important;border:1px solid #fca5a5!important}@media (min-width:768px){.table--fixed{table-layout:fixed!important;width:100%!important;min-width:0!important}.u-w-pct-6{width:6%!important}.u-w-pct-10{width:10%!important}.u-w-pct-14{width:14%!important}.u-w-pct-16{width:16%!important}.u-w-pct-17{width:17%!important}.u-w-pct-18{width:18%!important}.u-w-pct-22{width:22%!important}.u-w-pct-23{width:23%!important}.u-w-pct-26{width:26%!important}.u-w-pct-32{width:32%!important}.u-w-pct-34{width:34%!important}.u-w-pct-35{width:35%!important}.u-w-pct-42{width:42%!important}.u-w-pct-65{width:65%!important}}.u-line-clamp-2{-webkit-line-clamp:2!important;text-overflow:ellipsis!important;word-break:break-word!important;-webkit-box-orient:vertical!important;line-height:1.35!important;display:-webkit-box!important;overflow:hidden!important}.u-min-w-120{min-width:120px!important}.u-min-w-140{min-width:140px!important}.u-min-w-150{min-width:150px!important}.u-min-w-160{min-width:160px!important}.u-min-w-220{min-width:220px!important}.u-min-w-240{min-width:240px!important}.u-min-w-260{min-width:260px!important}.u-min-h-350{min-height:350px!important}.u-max-h-280{max-height:280px!important}.u-max-h-450{max-height:450px!important}.u-max-h-550{max-height:550px!important}.u-h-480{height:480px!important}.u-flex-1{flex:1!important}.u-flex-2{flex:2!important}.u-object-contain{object-fit:contain!important}.u-overflow-y-auto{overflow-y:auto!important}.u-border-dashed{border-style:dashed!important}.u-white-space-pre{white-space:pre-wrap!important}.u-border-none{border:none!important}.u-alert-sync{background-color:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:10px!important;padding:12px!important}.u-thp-summary-box{background-color:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:10px!important;padding:16px!important}.u-thp-title{color:#166534!important;font-weight:700!important}.u-thp-value{color:#15803d!important;font-size:20px!important;font-weight:700!important}.u-card-highlight-blue{background-color:#f0f7ff!important;border:1px solid #bae6fd!important}.u-border-t-divider{border-top:1px solid #e5e7eb!important;margin-top:20px!important;padding-top:20px!important}.u-row-highlight{background-color:#f9fafb!important}@keyframes spin{to{transform:rotate(360deg)}}.page-header{flex-direction:column;gap:12px;width:100%;min-width:0;margin-bottom:16px;display:flex}@media (min-width:768px){.page-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px}}.page-header__info{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}@media (min-width:768px){.page-header__info{width:auto}}.page-header__title-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.page-header__title{color:#1c1c1e;letter-spacing:-.3px;word-break:break-word;margin:0;font-size:18px;font-weight:700}@media (min-width:768px){.page-header__title{font-size:24px}}.page-header__badge{color:#143cca;background:#ebf1ff;border-radius:9999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}@media (min-width:768px){.page-header__actions{flex-wrap:nowrap;justify-content:flex-end;width:auto}}@media (max-width:640px){.page-header__actions .btn{padding:7px 14px;font-size:13px}}.btn--text{color:#143cca;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-weight:600}.btn--text:hover,.btn--text:focus-visible{color:#0f2e99;background:#ebf1ff}.btn-icon{color:#1c1c1e;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;text-decoration:none;transition:all .15s;display:inline-flex}.btn-icon:hover{color:#111827;background-color:#f3f4f6;border-color:#d1d5db}.btn-icon--secondary{color:#374151;background-color:#f3f4f6;border-color:#0000}.btn-icon--secondary:hover{color:#111827;background-color:#e5e7eb}.btn-icon--sm{border-radius:8px;width:32px;height:32px}.empty-state-panel{background:#fafbff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;min-height:260px;padding:24px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:220px;padding:24px 16px;display:flex}.empty-state--compact{min-height:150px;padding:20px 12px}.empty-state__icon{color:#143cca;background:#ebf1ff;border:1px solid #d4e2ff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:4px;display:inline-flex}.empty-state--compact .empty-state__icon{width:44px;height:44px}.empty-state__title{color:#1c1c1e;margin:0;font-size:16px;font-weight:600}.empty-state__description{color:#1c1c1e80;max-width:360px;margin:0;font-size:12px;line-height:1.5}.empty-state__action{margin-top:8px}.admin-setting__page{width:100%}.admin-setting__grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.admin-setting__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.admin-setting__grid{grid-template-columns:repeat(3,1fr)}}.admin-setting__card{background:#fff;border:1px solid #eaecee;border-radius:10px;padding:16px;transition:box-shadow .2s,transform .2s;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}@media (min-width:768px){.admin-setting__card{padding:24px}}.admin-setting__card{min-width:0;overflow:hidden}.admin-setting__card .table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin-bottom:0;overflow-x:auto}.admin-setting__card-header{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.admin-setting__card-title{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.admin-setting__card-title h2,.admin-setting__card-title p{margin:0}.admin-setting__card-title h2{font-size:16px;line-height:1.25}.admin-setting__card-title p{color:#1c1c1e80;margin-top:3px;font-size:12px}.admin-setting__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.admin-setting__icon--department{color:#143cca;background:#ebf1ff}.admin-setting__icon--position{color:#722ed1;background:#f9f0ff}.admin-setting__icon--holiday{color:#16a34a;background:#e6f7ed}.admin-setting__icon--company{color:#13c2c2;background:#e6fffb}.admin-setting__detail-link{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:13px}@media (min-width:640px){.admin-setting__detail-link{padding:8px 14px;font-size:14px}}.admin-setting__table{table-layout:fixed;border-collapse:collapse;width:100%!important;min-width:0!important;max-width:100%!important;display:table!important}.admin-setting__table .table__header{display:table-header-group!important}.admin-setting__table .table__header th{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #f3f4f6;padding:6px 8px;font-size:10.5px;font-weight:600;overflow:hidden}@media (min-width:640px){.admin-setting__table .table__header th{padding:8px 10px;font-size:11px}}.admin-setting__table tbody{display:table-row-group!important}.admin-setting__table tr.table__row{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;display:table-row!important}.admin-setting__table tr.table__row.table__row--extra{background:#fefce8!important}.admin-setting__table tr.table__row.table__row--deduction{background:#fff7f7!important}.admin-setting__table tr.table__row:hover{background:#f9fafb!important}.admin-setting__table td{color:#1c1c1e;vertical-align:middle;text-align:left;min-width:0;font-size:12px;overflow:hidden;border-bottom:1px solid #f3f4f6!important;padding:6px 8px!important;display:table-cell!important}@media (min-width:640px){.admin-setting__table td{font-size:13px;padding:8px 10px!important}}.admin-setting__table td:before{display:none!important}.admin-setting__table td>*{text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.admin-setting__table td .table__badge-group{flex-wrap:nowrap;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.admin-setting__table td .table__badge-group .badge{flex-shrink:0}.admin-setting__cell-text{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.admin-setting__loading{background:#fff;border:1px solid #eaecee;border-radius:10px;padding:16px;transition:box-shadow .2s,transform .2s;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}@media (min-width:768px){.admin-setting__loading{padding:24px}}.admin-setting__loading{color:#1c1c1e80;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex}.company-setting{width:100%;min-width:0;padding-bottom:36px}.company-setting__grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:1024px){.company-setting__grid{grid-template-columns:repeat(2,1fr)}}.company-setting__card{min-width:0}.company-header{flex-direction:column;gap:16px;width:100%;margin-bottom:18px;display:flex}@media (min-width:768px){.company-header{flex-direction:row;justify-content:space-between;align-items:center}}.company-header__main{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.company-header__logo{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;padding:4px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.company-header__logo-img{object-fit:contain;width:100%;height:100%}.company-header__initial{background:linear-gradient(135deg, var(--color-accent,#143cca) 0%, #3b66ff 100%);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:800;display:flex}.company-header__content{flex:1;min-width:0}.company-header__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.company-header__title{color:#111827;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:1.2}@media (min-width:768px){.company-header__title{font-size:22px}}.company-header__legal-badge{color:#4b5563;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.company-header__meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;font-size:12px;display:flex}.company-header__meta-item{color:#6b7280;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.company-header__meta-item:hover{color:var(--color-accent,#143cca)}.company-header__meta-icon{color:#9ca3af;flex-shrink:0}.company-header__actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.company-tabs-wrapper{scrollbar-width:none;align-items:center;width:100%;margin-bottom:24px;display:flex;overflow-x:auto}.company-tabs-wrapper::-webkit-scrollbar{display:none}.company-tabs{scrollbar-width:none;background:#eef2f6;border:1px solid #dce3ed;border-radius:12px;align-items:center;gap:4px;width:fit-content;max-width:100%;margin-bottom:24px;padding:5px;display:inline-flex;overflow-x:auto;box-shadow:inset 0 1px 2px #0000000a}.company-tabs::-webkit-scrollbar{display:none}.company-tabs__btn{color:#4b5563;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:max-content;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.company-tabs__btn:hover:not(.company-tabs__btn--active){color:#111827;background:#ffffffa6}.company-tabs__btn--active{color:var(--color-accent,#143cca);background:#fff;box-shadow:0 1px 4px #00000014,0 2px 6px #0000000a}.company-tabs__btn--active svg{color:var(--color-accent,#143cca)}.company-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #00000005}.company-card__header{border-bottom:1px solid #f3f4f6;margin-bottom:20px;padding-bottom:14px}.company-card__title{color:#111827;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.company-card__desc{color:#6b7280;margin:4px 0 0;font-size:13px}.company-asset-grid{grid-template-columns:1fr;gap:20px;margin-bottom:24px;display:grid}@media (min-width:768px){.company-asset-grid{grid-template-columns:repeat(2,1fr)}}.company-asset-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.company-asset-card__header{justify-content:space-between;align-items:flex-start;display:flex}.company-asset-card__label{color:#1f2937;margin:0;font-size:14px;font-weight:700}.company-asset-card__tip{color:#6b7280;margin-top:2px;font-size:12px}.company-asset-card__preview{background:#fff;border:1.5px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;height:120px;padding:12px;display:flex;overflow:hidden}.company-asset-card__preview-img{object-fit:contain;max-width:100%;max-height:96px}.company-asset-card__preview-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.company-asset-card__url-input-wrap{flex-direction:column;gap:6px;display:flex}.company-asset-card__url-label{color:#4b5563;font-size:12px;font-weight:600}.browser-mockup{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.browser-mockup__header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:8px 12px;display:flex}.browser-mockup__dots{flex-shrink:0;gap:5px;display:flex}.browser-mockup__dot{border-radius:50%;width:8px;height:8px}.browser-mockup__dot--red{background:#fda4af}.browser-mockup__dot--yellow{background:#fde047}.browser-mockup__dot--green{background:#86efac}.browser-mockup__tab{color:#1e293b;background:#fff;border-radius:6px 6px 0 0;align-items:center;gap:6px;max-width:200px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex;box-shadow:0 -1px 2px #00000005}.browser-mockup__tab-icon{object-fit:contain;border-radius:2px;flex-shrink:0;width:14px;height:14px}.browser-mockup__tab-icon-fallback{background:var(--color-accent,#143cca);border-radius:2px;flex-shrink:0;width:14px;height:14px;display:inline-block}.browser-mockup__tab-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browser-mockup__body{color:#94a3b8;background:#f8fafc;justify-content:center;align-items:center;height:52px;padding:8px 12px;font-size:11px;display:flex}.payslip-mockup{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;padding:20px;position:relative;box-shadow:0 4px 16px -2px #0000000a}.payslip-mockup__badge{position:absolute;top:14px;right:14px}.payslip-mockup__grid{grid-template-columns:1fr;gap:20px;margin-top:10px;display:grid}@media (min-width:640px){.payslip-mockup__grid{grid-template-columns:repeat(2,1fr)}}.payslip-mockup__col{flex-direction:column;display:flex}@media (min-width:640px){.payslip-mockup__col--right{text-align:right;align-items:flex-end}}.payslip-mockup__sign-area{border-bottom:1.5px dashed #cbd5e1;justify-content:center;align-items:center;height:50px;margin:8px 0 6px;display:flex}.payslip-mockup__sign-watermark{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700}.payslip-mockup__memo{color:#64748b;border-top:1px solid #f1f5f9;margin-top:16px;padding-top:12px;font-size:11px}.theme-presets{flex-wrap:wrap;gap:10px;margin:10px 0 16px;display:flex}.theme-presets__btn{cursor:pointer;color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 0 0 1.5px #e5e7eb}.theme-presets__btn:hover{transform:scale(1.1)}.theme-presets__btn--active{box-shadow:0 0 0 2.5px var(--color-accent,#143cca);transform:scale(1.05)}.theme-presets__btn--blue{background-color:#143cca}.theme-presets__btn--emerald{background-color:#059669}.theme-presets__btn--indigo{background-color:#4f46e5}.theme-presets__btn--violet{background-color:#7c3aed}.theme-presets__btn--rose{background-color:#e11d48}.theme-presets__btn--midnight{background-color:#0f172a}.theme-radius-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:640px){.theme-radius-grid{grid-template-columns:repeat(4,1fr)}}.theme-radius-grid__card{cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px;transition:all .2s}.theme-radius-grid__card:hover{border-color:var(--color-accent,#143cca);background:#f8fafc}.theme-radius-grid__card--active{border-color:var(--color-accent,#143cca);background:#143cca0a;font-weight:600}.theme-radius-grid__box{border:2px solid var(--color-accent,#143cca);background:#eff6ff;width:44px;height:30px;margin:0 auto 8px}.theme-radius-grid__box--8px{border-radius:8px}.theme-radius-grid__box--10px{border-radius:10px}.theme-radius-grid__box--12px{border-radius:12px}.theme-radius-grid__box--16px{border-radius:16px}.theme-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:20px}.theme-preview-box__controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.company-notice-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;gap:12px;margin-top:20px;padding:16px;font-size:13px;line-height:1.5;display:flex}.company-notice-banner__icon{color:#2563eb;flex-shrink:0;margin-top:2px}.company-color-picker{align-items:center;gap:10px;width:100%;display:inline-flex}.company-color-picker__input{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;flex-shrink:0;width:46px;height:40px;padding:2px}.stat-grid{grid-template-columns:1fr;gap:16px;width:100%;margin-bottom:24px;display:grid}@media (min-width:640px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;border:1px solid #eaecee;border-radius:20px;flex-direction:column;gap:12px;padding:16px 24px;transition:all .2s;display:flex;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000000f}.stat-card__top{justify-content:space-between;align-items:center;display:flex}.stat-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-card__icon--blue{color:#143cca;background:#143cca1a}.stat-card__icon--green{color:#16a34a;background:#e6f7ed}.stat-card__icon--red{color:#dc2626;background:#fef2f2}.stat-card__icon--orange{color:#d97706;background:#f59e0b1a}.stat-card__icon--purple{color:#9333ea;background:#9333ea1a}.stat-card__trend{border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.stat-card__trend--up{color:#16a34a;background:#e6f7ed}.stat-card__trend--down{color:#dc2626;background:#fef2f2}.stat-card__trend--neutral{color:#1c1c1e99;background:#f3f4f6}.stat-card__body{flex-direction:column;gap:2px;display:flex}.stat-card__value{color:#1c1c1e;letter-spacing:-.5px;font-size:24px;font-weight:700;line-height:1.2}.stat-card__label{color:#1c1c1e8c;font-size:12px;font-weight:500}.stat-card__subtext{color:#1c1c1e73;font-size:11px}.filter-bar{box-sizing:border-box;background:#fff;border:1px solid #eaecee;border-radius:20px;flex-direction:column;gap:10px;width:100%;margin-bottom:16px;padding:12px;display:flex;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}@media (min-width:640px){.filter-bar{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:16px}}.filter-bar__inputs{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}@media (min-width:640px){.filter-bar__inputs{flex-flow:wrap;flex:auto;align-items:center;gap:8px 12px;width:auto}}.filter-bar__inputs .search-input,.filter-bar__inputs .search-input-wrapper{width:100%!important;min-width:0!important;max-width:100%!important}@media (min-width:640px){.filter-bar__inputs .search-input,.filter-bar__inputs .search-input-wrapper{width:auto!important;min-width:180px!important;max-width:240px!important}}.filter-bar__inputs .custom-select,.filter-bar__inputs .custom-select-container,.filter-bar__inputs .date-picker-container,.filter-bar__inputs .month-picker-container,.filter-bar__inputs .week-picker-container,.filter-bar__inputs .form__select{width:100%!important;min-width:0!important;max-width:100%!important}@media (min-width:640px){.filter-bar__inputs .custom-select,.filter-bar__inputs .custom-select-container,.filter-bar__inputs .date-picker-container,.filter-bar__inputs .month-picker-container,.filter-bar__inputs .week-picker-container,.filter-bar__inputs .form__select{width:auto!important;min-width:150px!important;max-width:200px!important}}.filter-bar__actions{flex-shrink:0;align-items:center;gap:8px;width:100%;display:flex}@media (min-width:640px){.filter-bar__actions{width:auto;margin-left:auto}}.card>.filter-bar,.card .filter-bar{box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.data-table-card{background:#fff;border:1px solid #eaecee;border-radius:20px;flex-direction:column;width:100%;max-width:100%;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}.data-table-card__header{border-bottom:1px solid #eaecee;flex-direction:column;gap:8px;padding:16px 24px;display:flex}@media (min-width:640px){.data-table-card__header{flex-direction:row;justify-content:space-between;align-items:center}}.data-table-card__title-group{flex-direction:column;display:flex}.data-table-card__title{color:#1c1c1e;margin:0;font-size:16px;font-weight:700}.data-table-card__subtitle{color:#1c1c1e80;margin:0;font-size:10px}.data-table-card__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.data-table-card__wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.data-table-card__table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}.data-table-card__table th{color:#1c1c1e99;text-transform:uppercase;letter-spacing:.5px;background:#fafbfd;border-bottom:1px solid #eaecee;padding:12px 16px;font-size:10px;font-weight:600}.data-table-card__table th.u-align-center{text-align:center}.data-table-card__table th.u-align-right{text-align:right}.data-table-card__table td{color:#1c1c1e;vertical-align:middle;border-bottom:1px solid #eaecee99;padding:14px 16px;font-size:14px}.data-table-card__table td.u-align-center{text-align:center}.data-table-card__table td.u-align-right{text-align:right}.data-table-card__table tbody tr{transition:background .15s}.data-table-card__table tbody tr:hover{background:#f4f5f799}.data-table-card__table tbody tr:last-child td{border-bottom:none}.data-table-card__empty{text-align:center;color:#1c1c1e73;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.data-table-card__empty-icon{color:#1c1c1e59;background:#1c1c1e0a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.data-table-card__empty-text{font-size:14px;font-weight:500}.data-table-card__footer{background:#fafbfd;border-top:1px solid #eaecee;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.base-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:flex-end;width:100vw;height:100svh;padding:0;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@media (min-width:640px){.base-modal-overlay{align-items:center;padding:16px}}.base-modal{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:100vw;max-height:60svh;animation:.25s cubic-bezier(.16,1,.3,1) slideUpMobile;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}@media (min-width:640px){.base-modal{border-radius:20px;max-height:85vh;animation:.2s cubic-bezier(.16,1,.3,1) scaleUpDesktop}.base-modal--sm{max-width:440px}.base-modal--md{max-width:560px}.base-modal--lg{max-width:720px}.base-modal--xl{max-width:900px}}.base-modal__header{background:#fafbfd;border-bottom:1px solid #eaecee;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.base-modal__title-box{align-items:center;gap:12px;display:flex}.base-modal__icon{color:#143cca;background:#143cca14;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.base-modal__title{color:#1c1c1e;margin:0;font-size:18px;font-weight:700}.base-modal__subtitle{color:#1c1c1e80;margin:0;font-size:10px}.base-modal__close{color:#1c1c1e66;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.base-modal__close:hover{color:#1c1c1e;background:#1c1c1e0f}.base-modal__body{-webkit-overflow-scrolling:touch;flex:1;padding:24px;overflow-y:auto}.base-modal__footer{background:#fafbfd;border-top:1px solid #eaecee;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleUpDesktop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.status-badge{letter-spacing:.2px;white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.status-badge__dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-badge--approved,.status-badge--success{color:#16a34a;background:#e6f7ed}.status-badge--approved .status-badge__dot,.status-badge--success .status-badge__dot{background:#16a34a}.status-badge--rejected,.status-badge--danger{color:#dc2626;background:#fef2f2}.status-badge--rejected .status-badge__dot,.status-badge--danger .status-badge__dot{background:#dc2626}.status-badge--pending,.status-badge--warning{color:#d97706;background:#f59e0b1f}.status-badge--pending .status-badge__dot,.status-badge--warning .status-badge__dot{background:#d97706}.status-badge--info,.status-badge--primary{color:#143cca;background:#ebf1ff}.status-badge--info .status-badge__dot,.status-badge--primary .status-badge__dot{background:#143cca}.status-badge--neutral{color:#1c1c1e99;background:#f3f4f6}.status-badge--neutral .status-badge__dot{background:#1c1c1e66}.skeleton{vertical-align:middle;background:linear-gradient(90deg,#eef0f3 0%,#f8f9fa 50%,#eef0f3 100%) 0 0/200% 100%;border-radius:6px;animation:1.6s ease-in-out infinite shimmer;display:inline-block}.skeleton--circle{border-radius:50%}.skeleton--text{border-radius:6px;width:100%;height:16px;margin-bottom:0}.skeleton--title{border-radius:6px;width:60%;height:22px}.skeleton--badge{border-radius:9999px;width:72px;height:22px}.skeleton--checkbox{border-radius:4px;width:18px;height:18px}.skeleton--action{border-radius:6px;width:28px;height:28px}.skeleton--button{border-radius:9999px;width:120px;height:38px}.skeleton--chart{border-radius:12px;width:100%;height:260px;display:block}.skeleton--w-full{width:100%}.skeleton--w-85{width:85%}.skeleton--w-75{width:75%}.skeleton--w-65{width:65%}.skeleton--w-50{width:50%}.skeleton--w-40{width:40%}.skeleton--w-30{width:30%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tab-nav-wrapper{scrollbar-width:none;align-items:center;width:100%;margin-bottom:24px;display:flex;overflow-x:auto}.tab-nav-wrapper::-webkit-scrollbar{display:none}.tab-nav{scrollbar-width:none;background:#eef2f6;border:1px solid #dce3ed;border-radius:12px;align-items:center;gap:4px;width:fit-content;max-width:100%;margin-bottom:0;padding:5px;display:inline-flex;overflow-x:auto;box-shadow:inset 0 1px 2px #0000000a}.tab-nav::-webkit-scrollbar{display:none}.tab-nav__item{color:#4b5563;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:max-content;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.tab-nav__item:hover:not(.tab-nav__item--active){color:#111827;background:#ffffffa6}.tab-nav__item--active{color:var(--color-accent,#143cca);background:#fff;box-shadow:0 1px 4px #00000014,0 2px 6px #0000000a}.tab-nav__item--active svg,.tab-nav__item--active .tab-nav__icon{color:var(--color-accent,#143cca)}.tab-nav__item__icon{color:inherit;justify-content:center;align-items:center;display:inline-flex}.tab-nav__item__badge{color:#374151;background:#e5e7eb;border-radius:9999px;justify-content:center;align-items:center;padding:2px 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.tab-nav__item--active .tab-nav__item__badge{color:var(--color-accent,#143cca);background:#143cca1f}.assign-members-modal{flex-direction:column;width:calc(100% - 20px);max-width:580px;max-height:60svh;margin:auto;display:flex;overflow:hidden}@media (min-width:640px){.assign-members-modal{max-height:85vh}}.assign-members-modal__icon{width:36px;height:36px;color:var(--color-accent,#143cca);background:#143cca14;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.assign-members-modal__form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.assign-members-modal__body{flex-direction:column;flex:1;min-height:0;padding:14px 16px;display:flex;overflow:hidden}@media (min-width:640px){.assign-members-modal__body{padding:16px 20px}}.assign-members-modal__tabs{width:100%;margin-bottom:12px}.assign-members-modal__toolbar{align-items:center;gap:8px;width:100%;margin-bottom:10px;display:flex}.assign-members-modal__search{flex:1;min-width:0}.assign-members-modal__select-all-btn,.assign-members-modal__reset-btn{white-space:nowrap;flex-shrink:0}.assign-members-modal__meta{color:#64748b;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.assign-members-modal__actions{background:#fafbfd;border-top:1px solid #eaecee;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;margin-top:0;padding:12px 16px;display:flex}@media (min-width:640px){.assign-members-modal__actions{padding:14px 20px}}.member-select-scroll{-webkit-overflow-scrolling:touch;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;gap:8px;width:100%;min-height:100px;max-height:calc(60svh - 220px);padding:8px;display:flex;overflow:hidden auto}@media (min-width:640px){.member-select-scroll{min-height:220px;max-height:380px}}.member-select-scroll__empty{text-align:center;color:#64748b;justify-content:center;align-items:center;padding:32px 16px;font-size:13px;display:flex}.member-select-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}@media (min-width:640px){.member-select-card{gap:12px;padding:10px 14px}}.member-select-card:hover{background:#fafbff;border-color:#cbd5e1}.member-select-card--selected{border-color:var(--color-accent,#143cca);background:#f0f5ff;box-shadow:0 2px 6px #143cca14}.member-select-card--selected:hover{border-color:var(--color-accent-hover,#0f2e99);background:#ebf1ff}.member-select-card__left,.member-select-card__info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}@media (min-width:640px){.member-select-card__left,.member-select-card__info{gap:12px}}.member-select-card__avatar{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.member-select-card__avatar--selected{color:var(--color-accent,#143cca);background:#dbeafe}.member-select-card__details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.member-select-card__header-line{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.member-select-card__name{color:#1c1c1e;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13.5px;font-weight:600;overflow:hidden}.member-select-card__fullname{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.member-select-card__sub-line{color:#64748b;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.member-select-card__email{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.member-select-card__meta-dept{white-space:nowrap;text-overflow:ellipsis;color:#94a3b8;overflow:hidden}.member-select-card__subtitle{color:#64748b;font-size:10px}.member-select-card__action{flex-shrink:0;margin-left:4px}@media (min-width:640px){.member-select-card__action{margin-left:8px}}.member-select-card__btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:9999px;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.member-select-card__btn:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af}.member-select-card__btn--selected{background:var(--color-accent,#143cca);color:#fff;border-color:var(--color-accent,#143cca);box-shadow:0 1px 3px #143cca40}.member-select-card__btn--selected:hover{background:var(--color-accent-hover,#0f2e99);border-color:var(--color-accent-hover,#0f2e99)}.member-select-card__btn-text{font-size:12px;display:inline-block}.email-notif{width:100%}.email-notif__card{margin-top:24px}.email-notif__toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.email-notif__counter{color:#1c1c1e80;align-items:center;gap:8px;display:flex}.email-notif__list{flex-direction:column;gap:8px;display:flex}.email-notif__loading{color:#1c1c1e80;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.email-notif__item{background:#fff;border:1px solid #00000014;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:background-color .15s,border-color .15s;display:flex}.email-notif__item--selected{background:#ebf1ff;border-color:#143cca40}.email-notif__label{flex-direction:column;gap:2px;font-size:12px;display:flex}.email-notif__email{font-size:12px}.email-notif__actions{justify-content:flex-end;margin-top:16px}.slip-gaji-locked{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.slip-gaji-locked__icon-box{width:64px;height:64px;color:var(--color-accent,#143cca);background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.slip-gaji-locked__title{color:#1c1c1e;margin:0 0 8px;font-size:18px;font-weight:700}.slip-gaji-locked__description{color:#1c1c1e99;max-width:480px;margin:0 0 24px;font-size:14px;line-height:1.5}.slip-gaji-doc{color:#0f172a;background-color:#0000;width:100%;max-width:100%;height:auto;min-height:auto;margin:0 auto;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:block}.slip-gaji-doc__paper{box-sizing:border-box;background:#fff;border-radius:6px;flex-direction:column;gap:12px;width:100%;max-width:794px;height:auto;min-height:auto;margin:0 auto;padding:18px 14px;transition:all .2s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 20px #00000014}@media (min-width:640px){.slip-gaji-doc__paper{padding:36px 44px}}.slip-gaji-doc__top-bar{justify-content:flex-end;align-items:center;margin-bottom:-4px;display:flex}.slip-gaji-doc__confidential{letter-spacing:.8px;color:#64748b;text-transform:uppercase;font-size:9.5px;font-weight:700}.slip-gaji-doc__header{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:-4px;display:flex}.slip-gaji-doc__logo-container{justify-content:center;align-items:center;margin-bottom:4px;display:flex}.slip-gaji-doc__logo{object-fit:contain;width:auto;max-width:240px;height:38px;display:block}.slip-gaji-doc__company-name{color:#0f172a;letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:19px;font-weight:700;line-height:1.2}.slip-gaji-doc__company-address{color:#475569;margin:0;font-size:11px;line-height:1.35}.slip-gaji-doc__company-contacts{color:#475569;margin:0;font-size:11px;line-height:1.4}.slip-gaji-doc__divider{background-color:#334155;width:100%;height:1.5px;margin:6px 0 10px}.slip-gaji-doc__title-block{text-align:center;flex-direction:column;gap:2px;margin-bottom:2px;display:flex}.slip-gaji-doc__title{color:#0f172a;letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:16.5px;font-weight:700}.slip-gaji-doc__period{color:#64748b;margin:0;font-size:11px;font-weight:400}.slip-gaji-doc__employee-card{background-color:#f8fafc;border-radius:4px;grid-template-columns:1fr;gap:12px;margin:4px 0 8px;padding:14px 18px;display:grid}@media (min-width:640px){.slip-gaji-doc__employee-card{grid-template-columns:1.05fr .95fr;gap:20px}}.slip-gaji-doc__info-col{flex-direction:column;gap:7px;display:flex}.slip-gaji-doc__info-row{grid-template-columns:115px 12px 1fr;font-size:11px;line-height:1.35;display:grid}.slip-gaji-doc__info-label{color:#64748b;font-weight:400}.slip-gaji-doc__info-colon{color:#64748b}.slip-gaji-doc__info-value{color:#0f172a;word-break:break-word;font-weight:400}.slip-gaji-doc__info-value--strong{font-weight:700}.slip-gaji-doc__section{page-break-inside:avoid;flex-direction:column;gap:0;margin-bottom:10px;display:flex}.slip-gaji-doc__table-wrapper{width:100%;overflow-x:auto}.slip-gaji-doc__table{border-collapse:collapse;width:100%;font-size:11px}.slip-gaji-doc__table th,.slip-gaji-doc__table td{text-align:left;padding:6.5px 12px;border:none!important}.slip-gaji-doc__table th{color:#0f172a;letter-spacing:.3px;background-color:#f1f5f9;font-size:11.5px;font-weight:700}.slip-gaji-doc__table td{color:#0f172a;font-size:11px}.slip-gaji-doc__table tbody tr:nth-child(2n) td{background-color:#f8fafc}.slip-gaji-doc__table tbody tr:nth-child(odd) td{background-color:#fff}.slip-gaji-doc__td-nominal{white-space:nowrap;font-family:inherit;font-weight:400;text-align:right!important}.slip-gaji-doc__td-nominal--deduction{color:#0f172a}.slip-gaji-doc__td-nominal--muted{color:#475569}.slip-gaji-doc__subtotal-row td{color:#0f172a!important;background-color:#e2e8f0!important;padding:7px 12px!important;font-size:11.5px!important;font-weight:700!important}.slip-gaji-doc__subtotal-row--benefit td{color:#475569!important}.slip-gaji-doc__highlight-box{page-break-inside:avoid;background-color:#f1f5f9;border:1.5px solid #334155;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 16px;padding:12px 18px;display:flex}.slip-gaji-doc__thp-left{flex-direction:column;gap:4px;display:flex}.slip-gaji-doc__thp-label{color:#0f172a;text-transform:uppercase;letter-spacing:.3px;font-size:12.5px;font-weight:700}.slip-gaji-doc__terbilang{color:#475569;font-size:10px;font-style:italic;line-height:1.35}.slip-gaji-doc__thp-amount{color:#0f172a;white-space:nowrap;text-align:right;font-size:16.5px;font-weight:700}.slip-gaji-doc__signatures{page-break-inside:avoid;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:8px;padding:0 16px;display:flex}.slip-gaji-doc__sign-col{flex-direction:column;align-items:flex-start;width:220px;display:flex}.slip-gaji-doc__sign-label{color:#475569;margin-bottom:2px;font-size:11px}.slip-gaji-doc__sign-title{color:#0f172a;margin-bottom:44px;font-size:11px;font-weight:700}.slip-gaji-doc__sign-line{background-color:#cbd5e1;width:100%;height:1px;margin-bottom:4px}.slip-gaji-doc__sign-name{color:#0f172a;font-size:11px;font-weight:700}.slip-gaji-doc__sign-date{color:#64748b;font-size:9.5px}.slip-gaji-doc__footer-note{text-align:left;color:#64748b;page-break-inside:avoid;border-top:1px dashed #e2e8f0;align-items:flex-start;gap:6px;margin-top:18px;padding-top:10px;font-size:10px;line-height:1.45;display:flex}.slip-gaji-doc__footer-label{color:#334155;white-space:nowrap;font-weight:700}.slip-gaji-doc__footer-text{color:#64748b;white-space:pre-wrap;word-break:break-word;font-style:normal}.slip-gaji-doc--editing .slip-gaji-doc__input{font-family:inherit;font-size:inherit;color:inherit;box-sizing:border-box;background:#fefce8;border:1px solid #fcd34d;border-radius:4px;width:100%;padding:3px 6px}.slip-gaji-doc--editing .slip-gaji-doc__input:focus{background-color:#fef08a;border-color:#d97706;outline:none}.slip-gaji-doc--editing .slip-gaji-doc__input--company-name{text-align:center;font-size:16px;font-weight:700}.slip-gaji-doc--editing .slip-gaji-doc__input--company-meta{text-align:center;font-size:11px}.slip-gaji-doc--editing .slip-gaji-doc__header-edit-container{flex-direction:column;gap:4px;width:100%;max-width:560px;display:flex}.slip-gaji-doc--editing .slip-gaji-doc__header-edit-row{gap:8px;width:100%;display:flex}.slip-gaji-doc--editing .slip-gaji-doc__memo-edit-container{border-top:1px dashed #e2e8f0;margin-top:16px;padding-top:10px}.slip-gaji-doc--editing .slip-gaji-doc__memo-label{color:#334155;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.slip-gaji-doc--editing .slip-gaji-doc__textarea{color:#1e293b;box-sizing:border-box;resize:vertical;background:#fefce8;border:1px dashed #f59e0b;border-radius:4px;width:100%;min-height:42px;padding:6px;font-family:inherit;font-size:10.5px}.slip-gaji-doc--editing .slip-gaji-doc__textarea:focus{background-color:#fef08a;border-color:#d97706;outline:none}.slip-gaji-doc .slip-gaji-doc__th-nominal{text-align:right;width:160px}.slip-gaji-doc .slip-gaji-doc__td-empty{color:#94a3b8}.slip-gaji-doc .slip-gaji-doc__td-benefit{color:#475569}.slip-gaji-modal,.slip-gaji-preview-modal{background-color:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:min(1024px,100vw - 32px);height:auto;max-height:60svh;margin:auto;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (min-width:640px){.slip-gaji-modal,.slip-gaji-preview-modal{height:92vh;max-height:92vh}}.slip-gaji-modal__header,.slip-gaji-preview-modal__header{background:#fff;border-bottom:1px solid #eaecee;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 20px;display:flex}@media (max-width:768px){.slip-gaji-modal__header,.slip-gaji-preview-modal__header{gap:12px;padding:12px 16px}}.slip-gaji-modal__title,.slip-gaji-preview-modal__title{color:#1c1c1e;margin:0;font-size:16px;font-weight:600;line-height:1.3}.slip-gaji-modal__subtitle,.slip-gaji-preview-modal__subtitle{color:#1c1c1e80;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0;font-size:12.5px;display:flex}.slip-gaji-modal__toolbar,.slip-gaji-preview-modal__toolbar{background:#f8fafc;border-bottom:1px solid #eaecee;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;display:flex}.slip-gaji-modal__toolbar .btn,.slip-gaji-preview-modal__toolbar .btn{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:12.5px}.slip-gaji-modal__toolbar .modal__close,.slip-gaji-preview-modal__toolbar .modal__close{flex-shrink:0;margin-left:auto}@media (max-width:768px){.slip-gaji-modal__toolbar,.slip-gaji-preview-modal__toolbar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;padding:8px 14px;overflow-x:auto}}.slip-gaji-modal__body,.slip-gaji-preview-modal__body{-webkit-overflow-scrolling:touch;background-color:#e2e8f0;flex-direction:column;flex:auto;align-items:center;min-height:0;padding:24px 16px 48px;display:flex;overflow:hidden auto}.slip-gaji-doc--custom{justify-content:center;align-items:flex-start;width:100%;max-width:100%;margin:0 auto;display:flex}.slip-gaji-doc--custom .slip-gaji-custom-canvas{justify-content:center;width:100%;max-width:794px;margin:0 auto;display:flex}.slip-gaji-doc--custom .slip-gaji-custom-canvas .paper,.slip-gaji-doc--custom .slip-gaji-custom-canvas .slip-container{width:100%;max-width:794px;margin:0 auto}.slip-gaji-doc--custom .slip-gaji-custom-empty{text-align:center;color:#64748b;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;width:100%;max-width:600px;margin:0 auto;padding:48px 24px;font-size:14px}@media print{@page{size:A4 portrait;margin:10mm 12mm}body *{visibility:hidden}.slip-gaji-doc,.slip-gaji-doc *{visibility:visible}.base-modal-overlay,.modal-overlay{background:0 0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.slip-gaji-modal{max-width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;display:block!important;position:static!important}.slip-gaji-modal__header{display:none!important}.slip-gaji-modal__body{background:0 0!important;padding:0!important;display:block!important;overflow:visible!important}.slip-gaji-doc{position:absolute;top:0;left:0;background:0 0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.slip-gaji-doc__paper{width:100%!important;max-width:100%!important;min-height:auto!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:0 0!important;border-radius:0!important;margin:0!important;padding:0!important}.slip-gaji-doc__employee-card,.slip-gaji-doc__table th,.slip-gaji-doc__table td,.slip-gaji-doc__subtotal-row td,.slip-gaji-doc__highlight-box{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.slip-gaji-doc__input,.slip-gaji-doc__textarea{background:0 0!important;border:none!important;padding:0!important}}.sidebar__item--install{color:#fff;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;width:100%}.sidebar__item--install:hover{color:#fff;background:#143cca;border-color:#0000;box-shadow:0 4px 12px #143cca4d}.sidebar__item--install:disabled{opacity:.6;cursor:not-allowed}.pwa-banner{z-index:1000;animation:.3s cubic-bezier(.16,1,.3,1) pwaSlideUp;position:fixed;bottom:16px;left:16px;right:16px}@media (min-width:768px){.pwa-banner{width:100%;max-width:540px;bottom:24px;left:auto;right:24px}}.pwa-banner__container{color:#fff;background:#1c1c1e;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:16px;padding:16px 24px;display:flex;box-shadow:0 10px 30px #0000000f}@media (min-width:640px){.pwa-banner__container{flex-direction:row;justify-content:space-between;align-items:center}}.pwa-banner__main{align-items:center;gap:16px;display:flex}.pwa-banner__badge{color:#fff;background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pwa-banner__text{flex-direction:column;gap:2px;display:flex}.pwa-banner__title{color:#fff;margin:0;font-size:14px;font-weight:600}.pwa-banner__desc{color:#ffffffbf;margin:0;font-size:12px;line-height:1.35}.pwa-banner__actions{align-self:flex-end;align-items:center;gap:8px;display:flex}@media (min-width:640px){.pwa-banner__actions{align-self:center}}.pwa-banner__btn-install{font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer;border:1px solid #0000;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.pwa-banner__btn-install:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.pwa-banner__btn-install:active{transform:translateY(0)}.pwa-banner__btn-install:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.pwa-banner__btn-install{background:var(--color-accent,#143cca);color:#fff}.pwa-banner__btn-install:hover{background:var(--color-accent-hover,#0f2e99);box-shadow:0 4px 14px #143cca59}.pwa-banner__btn-install{white-space:nowrap;padding:8px 16px;font-size:12px}.pwa-banner__btn-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.pwa-banner__btn-close:hover{color:#fff;background:#ffffff26}@keyframes pwaSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.offline-page{background:#f4f5f7;justify-content:center;align-items:center;width:100%;max-width:100vw;min-height:100svh;padding:24px;display:flex}.offline-page__card{text-align:center;background:#fff;border:1px solid #eaecee;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:32px 24px;display:flex;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}@media (min-width:640px){.offline-page__card{padding:40px 32px}}.offline-page__icon-wrapper{color:#dc2626;background:#fef2f2;border-radius:9999px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.offline-page__title{color:#1c1c1e;margin:0 0 8px;font-size:22px;font-weight:700}.offline-page__desc{color:#6b7280;margin:0 0 32px;font-size:14px;line-height:1.5}.offline-page__actions{justify-content:center;width:100%;display:flex}.offline-page__btn{font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer;border:1px solid #0000;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.offline-page__btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.offline-page__btn:active{transform:translateY(0)}.offline-page__btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.offline-page__btn{background:var(--color-accent,#143cca);color:#fff}.offline-page__btn:hover{background:var(--color-accent-hover,#0f2e99);box-shadow:0 4px 14px #143cca59}.offline-page__btn{width:100%;max-width:260px;padding:11px 24px}.offline-page__btn-icon.u-spin{animation:1s linear infinite spin}.pwa-ios-guide{flex-direction:column;gap:12px;width:100%;display:flex}.pwa-ios-guide__step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.pwa-ios-guide__icon-box{width:36px;height:36px;color:var(--color-accent,#143cca);background:#143cca14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pwa-ios-guide__content{flex-direction:column;gap:2px;min-width:0;display:flex}.pwa-ios-guide__title{color:#1c1c1e;margin:0;font-size:13.5px;font-weight:600}.pwa-ios-guide__desc{color:#64748b;margin:0;font-size:12.5px;line-height:1.4}.quick-action-page{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100vw;min-height:100svh;padding:16px 8px;display:flex}@media (min-width:768px){.quick-action-page{padding:32px 16px}}.quick-action-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:18px;width:100%;max-width:540px;padding:24px 16px;display:flex;box-shadow:0 10px 30px #0000000d,0 1px 3px #00000005}@media (min-width:768px){.quick-action-card{gap:22px;padding:32px 36px}}.quick-action-card__brand{border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;gap:8px;padding-bottom:14px;display:flex}.quick-action-card__brand-logo{object-fit:contain;width:auto;height:32px}.quick-action-card__header{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.quick-action-card__badge-wrapper{margin-bottom:2px;display:inline-flex}.quick-action-card__title{color:#111827;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700;line-height:1.35}@media (min-width:768px){.quick-action-card__title{font-size:22px}}.quick-action-card__subtitle{color:#4b5563;max-width:440px;margin:0;font-size:14px;line-height:1.55}.quick-action-card__detail-card{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:16px 20px;display:flex}.quick-action-card__detail-row{flex-direction:column;gap:3px;font-size:13.5px;line-height:1.45;display:flex}@media (min-width:640px){.quick-action-card__detail-row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}}.quick-action-card__detail-label{color:#64748b;flex-shrink:0;font-size:13px;font-weight:500}.quick-action-card__detail-value{color:#0f172a;word-break:break-word;text-align:left;font-size:13.5px;font-weight:600}@media (min-width:640px){.quick-action-card__detail-value{text-align:right}}.quick-action-card__detail-purpose{border-top:1px solid #e2e8f0;flex-direction:column;gap:6px;margin-top:2px;padding-top:12px;display:flex}.quick-action-card__detail-text{color:#334155;word-break:break-word;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.quick-action-card__verified-badge{color:#047857;box-sizing:border-box;background-color:#f0fdf4;border:1px solid #10b98140;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:12.5px;font-weight:600;display:flex}.quick-action-card__form{flex-direction:column;gap:12px;width:100%;display:flex}.quick-action-card__form-group{flex-direction:column;gap:6px;display:flex}.quick-action-card__form-label{color:#334155;font-size:13px;font-weight:600}.quick-action-card__form-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:84px;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.quick-action-card__form-textarea:focus{border-color:var(--color-accent,#143cca);outline:none;box-shadow:0 0 0 3px #143cca1f}.quick-action-card__actions{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}@media (min-width:640px){.quick-action-card__actions{flex-direction:row;justify-content:flex-end}}.quick-action-card__btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,transform .1s,box-shadow .15s;display:inline-flex}.quick-action-card__btn:active{transform:scale(.99)}.quick-action-card__btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.quick-action-card__btn--full{width:100%}.quick-action-card__btn--approve{background-color:var(--color-accent,#143cca);color:#fff}.quick-action-card__btn--approve:hover:not(:disabled){background-color:var(--color-accent-hover,#0f2e99);box-shadow:0 2px 8px #143cca40}.quick-action-card__btn--reject{color:#fff;background-color:#dc2626}.quick-action-card__btn--reject:hover:not(:disabled){background-color:#b91c1c;box-shadow:0 2px 8px #dc262640}.quick-action-card__btn--secondary{color:#334155;background-color:#f1f5f9;border:1px solid #cbd5e1}.quick-action-card__btn--secondary:hover:not(:disabled){color:#0f172a;background-color:#e2e8f0}.quick-action-card__status-view{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;padding:4px 0;display:flex}.quick-action-card__status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.quick-action-card__status-icon--success{color:#059669;background-color:#ecfdf5;border:1px solid #05966933}.quick-action-card__status-icon--danger{color:#dc2626;background-color:#fef2f2;border:1px solid #dc262633}.quick-action-card__status-icon--warning{color:#d97706;background-color:#fffbeb;border:1px solid #d9770633}.quick-action-card__status-icon--info{color:var(--color-accent,#143cca);background-color:#eff6ff;border:1px solid #143cca33}.quick-action-card__footer{justify-content:center;margin-top:2px;display:flex}.quick-action-card__dashboard-link{color:#64748b;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.quick-action-card__dashboard-link:hover{color:var(--color-accent,#143cca);text-decoration:underline}.error-page{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100vw;min-height:100svh;padding:16px 8px;display:flex}@media (min-width:768px){.error-page{padding:32px 16px}}.error-page__card{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:480px;padding:32px 24px;display:flex;box-shadow:0 10px 30px #0000000d,0 1px 3px #00000005}@media (min-width:768px){.error-page__card{gap:24px;padding:40px 36px}}.error-page__brand{border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;gap:8px;width:100%;padding-bottom:16px;display:flex}.error-page__brand-logo{object-fit:contain;width:auto;height:32px}.error-page__icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.error-page__icon-wrapper--danger{color:#dc2626;background-color:#fef2f2;border:1px solid #dc262633}.error-page__icon-wrapper--warning{color:#d97706;background-color:#fffbeb;border:1px solid #d9770633}.error-page__icon-wrapper--info{color:var(--color-accent,#143cca);background-color:#eff6ff;border:1px solid #143cca33}.error-page__content{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.error-page__title{color:#111827;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:1.35}@media (min-width:768px){.error-page__title{font-size:22px}}.error-page__message{color:#4b5563;max-width:380px;margin:0;font-size:14px;line-height:1.55}.error-page__actions{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}@media (min-width:640px){.error-page__actions{flex-direction:row;justify-content:center}}.error-page__btn{cursor:pointer;box-sizing:border-box;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.error-page__btn:active{transform:scale(.99)}.error-page__btn--primary{background-color:var(--color-accent,#143cca);color:#fff;border:none}.error-page__btn--primary:hover{background-color:var(--color-accent-hover,#0f2e99);box-shadow:0 2px 8px #143cca40}.error-page__btn--secondary{color:#334155;background-color:#f1f5f9;border:1px solid #cbd5e1}.error-page__btn--secondary:hover{color:#0f172a;background-color:#e2e8f0}.layout{color:#1c1c1e;background:#f4f5f7;flex-direction:column;width:100%;max-width:100vw;height:100svh;max-height:100svh;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.layout{flex-direction:row}}.layout__sidebar{color:#fff;z-index:1000;background:#1c1c1e;flex-direction:column;width:270px;max-width:85vw;height:100svh;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000040}.layout__sidebar--open{transform:translate(0)}@media (min-width:768px){.layout__sidebar{z-index:100;width:220px;max-width:none;transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);transform:translate(0);box-shadow:4px 0 24px #00000014}.layout__sidebar--collapsed{overflow:visible;width:68px!important}.layout__sidebar--collapsed .sidebar{overflow:visible}.layout__sidebar--collapsed .sidebar__logo{justify-content:center;padding:0 8px;overflow:visible}.layout__sidebar--collapsed .sidebar__toggle{position:relative}.layout__sidebar--collapsed .sidebar__toggle[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;background:#1e293b;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;line-height:1.3;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 4px 14px #00000038}.layout__sidebar--collapsed .sidebar__toggle[data-tooltip]:after{content:"";pointer-events:none;opacity:0;visibility:hidden;z-index:1000;border:5px solid #0000;border-left-width:0;border-right:6px solid #1e293b;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)translate(-4px)}.layout__sidebar--collapsed .sidebar__toggle[data-tooltip]:hover:before,.layout__sidebar--collapsed .sidebar__toggle[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.layout__sidebar--collapsed .sidebar__nav{padding:16px 8px;overflow:visible}.layout__sidebar--collapsed .sidebar__section-title{display:none!important}.layout__sidebar--collapsed .sidebar__item{border-radius:9999px;justify-content:center;gap:0;width:44px;height:44px;margin:0 auto 6px;padding:0;position:relative}.layout__sidebar--collapsed .sidebar__item span{display:none!important}.layout__sidebar--collapsed .sidebar__item[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;background:#1e293b;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;line-height:1.3;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 4px 14px #00000038}.layout__sidebar--collapsed .sidebar__item[data-tooltip]:after{content:"";pointer-events:none;opacity:0;visibility:hidden;z-index:1000;border:5px solid #0000;border-left-width:0;border-right:6px solid #1e293b;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)translate(-4px)}.layout__sidebar--collapsed .sidebar__item[data-tooltip]:hover:before,.layout__sidebar--collapsed .sidebar__item[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.layout__sidebar--collapsed .sidebar__footer{padding:12px 8px;overflow:visible}.layout__sidebar--collapsed .sidebar__user{background:0 0;justify-content:center;gap:0;padding:6px 0;position:relative}.layout__sidebar--collapsed .sidebar__user .sidebar__user-info,.layout__sidebar--collapsed .sidebar__user .sidebar__logout{display:none!important}.layout__sidebar--collapsed .sidebar__user[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;background:#1e293b;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;line-height:1.3;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 4px 14px #00000038}.layout__sidebar--collapsed .sidebar__user[data-tooltip]:after{content:"";pointer-events:none;opacity:0;visibility:hidden;z-index:1000;border:5px solid #0000;border-left-width:0;border-right:6px solid #1e293b;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)translate(-4px)}.layout__sidebar--collapsed .sidebar__user[data-tooltip]:hover:before,.layout__sidebar--collapsed .sidebar__user[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.layout__sidebar--collapsed .sidebar__avatar{width:34px;height:34px;margin:0 auto;position:static}}.layout__main{flex-direction:column;flex:1;width:100%;min-width:0;max-width:100vw;height:100svh;max-height:100svh;margin-left:0;transition:margin-left .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}@media (min-width:768px){.layout__main{width:calc(100vw - 220px);margin-left:220px}:is(.layout__sidebar--collapsed+.layout__main,.layout__sidebar--collapsed~.layout__main,.layout:has(.layout__sidebar--collapsed) .layout__main){width:calc(100vw - 68px)!important;margin-left:68px!important}}.layout__topbar{-webkit-backdrop-filter:blur(12px);z-index:50;background:#fff;border-bottom:1px solid #eaecee;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 16px;display:flex;position:relative}@media (min-width:768px){.layout__topbar{padding:0 24px}}.layout__content{box-sizing:border-box;-webkit-overflow-scrolling:touch;background:#f4f5f7;flex:1;width:100%;min-width:0;padding:16px;overflow:hidden auto}@media (min-width:768px){.layout__content{padding:24px}}.sidebar{flex-direction:column;height:100%;display:flex}.sidebar__logo{letter-spacing:-.2px;color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:64px;padding:0 24px;font-size:16px;font-weight:700;display:flex}.sidebar__logo .sidebar__brand-dot{background:var(--color-accent,#143cca);border-radius:50%;width:8px;height:8px;margin-left:4px;display:inline-block}.sidebar__nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar__section{margin-bottom:16px}.sidebar__section-title{text-transform:uppercase;color:#fff6;letter-spacing:.8px;padding:4px 12px;font-size:10px;font-weight:700}.sidebar__item{color:#ffffffa6;cursor:pointer;border-radius:9999px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar__item:hover{color:#fff;background:#ffffff14}.sidebar__item--active{background:var(--color-accent,#143cca);color:#fff;font-weight:600;box-shadow:0 4px 12px #143cca4d}.sidebar__item--active:hover{color:#fff;background:#0f2e99}.sidebar__icon{flex-shrink:0;font-size:18px}.sidebar__toggle{color:#ffffff80;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.sidebar__toggle:hover{color:#fff;background:#ffffff26}.sidebar__footer{border-top:1px solid #ffffff14;padding:16px}.sidebar__user{background:#ffffff0d;border-radius:9999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.sidebar__avatar{color:#fff;background:#143cca;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;transition:all .2s;display:flex;overflow:hidden}.sidebar__logout{color:#ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.sidebar__logout:hover{color:#ff4d4f;background:#ff4d4f26}.topbar{justify-content:space-between;align-items:center;width:100%;display:flex}.topbar__left{align-items:center;gap:16px;display:flex}.topbar__heading{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar__title{color:#1c1c1e;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700}.topbar__breadcrumb{color:#6b7280;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:10px;display:flex;overflow:hidden}.topbar__breadcrumb-item{align-items:center;gap:4px;min-width:0;display:inline-flex}.topbar__breadcrumb-link,.topbar__breadcrumb-current{text-overflow:ellipsis;overflow:hidden}.topbar__breadcrumb-link{color:#4b5563;text-decoration:none}.topbar__breadcrumb-link:hover,.topbar__breadcrumb-link:focus-visible{color:#143cca;text-decoration:underline}.topbar__breadcrumb-current{color:#143cca;font-weight:600}.topbar__date-pill{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:10px;font-weight:600;display:inline-flex}.topbar__search{align-items:center;display:flex;position:relative}.topbar__search input{color:#1c1c1e;background:#f3f4f6;border:1px solid #0000;border-radius:9999px;width:220px;padding:7px 16px 7px 36px;font-size:12px;transition:all .2s}.topbar__search input:focus{background:#fff;border-color:#143cca;outline:none;width:260px;box-shadow:0 0 0 3px #143cca1f}.topbar__search .topbar__search-icon{color:#9ca3af;pointer-events:none;position:absolute;left:12px}.topbar__right{align-items:center;gap:8px;display:flex}.topbar__icon-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:inline-flex;position:relative}.topbar__icon-btn:hover{color:#1c1c1e;background:#e5e7eb}.topbar__user{color:#1c1c1e;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.topbar__avatar{color:#fff;background:#143cca;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.card{background:#fff;border:1px solid #eaecee;border-radius:10px;padding:16px;transition:box-shadow .2s,transform .2s;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}@media (min-width:768px){.card{padding:24px}}.table-wrapper,.table-container{border-radius:10px;width:100%;max-width:100%;margin-bottom:16px;overflow:auto visible}.table-wrapper .table,.table-container .table{width:100%}.table{border-collapse:separate;border-spacing:0;width:100%;min-width:0;display:block}@media (min-width:768px){.table{min-width:650px;display:table}}.table__header{display:none}@media (min-width:768px){.table__header{background:0 0;display:table-header-group}.table__header th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:11px;font-weight:600}}.table tbody{flex-direction:column;gap:12px;width:100%;display:flex}@media (min-width:768px){.table tbody{gap:0;display:table-row-group}}.table__row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.table__row:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000f}@media (min-width:768px){.table__row{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;transition:background .15s;display:table-row}.table__row:hover{box-shadow:none;background:#fafafa}}.table__row td{color:#1c1c1e;text-align:right;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;padding:8px 0;font-size:14px;display:flex;width:100%!important;max-width:100%!important}.table__row td>div,.table__row td>span{text-align:right;word-break:break-word;min-width:0}.table__row td:last-child{border-bottom:none}.table__row td[colspan],.table__row td[colSpan]{text-align:center;border-bottom:none;justify-content:center;width:100%;padding:24px 0;display:flex}.table__row td.table__cell-checkbox{border-bottom:1px solid #f3f4f6;justify-content:flex-start;align-items:center;margin-bottom:2px;padding-bottom:4px}.table__row td[data-label=Aksi],.table__row td.table__cell-actions{justify-content:space-between;align-items:center;width:100%!important}.table__row td[data-label=Aksi] .u-flex,.table__row td.table__cell-actions .u-flex{justify-content:flex-end;width:100%}@media (min-width:768px){.table__row td[data-label=Aksi],.table__row td.table__cell-actions{justify-content:flex-end;width:auto!important}}.table__row td[data-label]:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:#6b7280;text-align:left;flex-shrink:0;max-width:45%;margin-right:8px;font-size:11px;font-weight:600}.table__row td[data-label=""]:before,.table__row td[data-label=Select]:before{display:none}@media (min-width:768px){.table__row td{vertical-align:middle;text-align:left;border-bottom:1px solid #f3f4f6;padding:14px 16px;display:table-cell;width:auto!important;max-width:none!important}.table__row td>div,.table__row td>span{text-align:left}.table__row td.u-text-center,.table__row td.u-text-center>div,.table__row td.u-text-center>span{text-align:center}.table__row td.u-text-right,.table__row td.u-text-right>div,.table__row td.u-text-right>span{text-align:right}.table__row td:last-child{border-bottom:1px solid #f3f4f6}.table__row td[data-label]:before{display:none!important}.table__row td[data-label=Aksi] .u-flex,.table__row td.table__cell-actions .u-flex{width:auto}.table__row td.table__cell-checkbox{margin-bottom:0;padding-bottom:14px}.table__row:last-child td{border-bottom:none}}.table__row--skeleton{pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff}.table__row--skeleton td{min-height:42px;padding:10px 0}@media (min-width:768px){.table__row--skeleton td{border-bottom:1px solid #f3f4f6;padding:18px 16px}}.table__row--skeleton td .skeleton{margin-bottom:0}.table__row--skeleton:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000000a}@media (min-width:768px){.table__row--skeleton:hover{box-shadow:none;background:0 0}}.modal-table-wrapper{border-radius:10px;width:100%;max-width:100%;margin-bottom:8px;overflow:hidden visible}.modal-table{table-layout:fixed;border-collapse:collapse;width:100%;max-width:100%;min-width:0!important;display:table!important}.modal-table thead{display:table-header-group!important}.modal-table thead th{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px;font-size:11px;font-weight:600;display:table-cell!important}.modal-table tbody{display:table-row-group!important}.modal-table tr{border-bottom:1px solid #f3f4f6;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important;display:table-row!important}.modal-table tr:last-child{border-bottom:none}.modal-table td{vertical-align:middle;word-break:break-word;text-align:left;border-bottom:1px solid #f3f4f6;padding:10px 12px;font-size:13px;display:table-cell!important}.modal-table td[data-label]:before{display:none!important}.form__group{margin-bottom:16px}.form__label{color:#374151;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form__input,.form__textarea,.form__select{width:100%}.badge{letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:10px;font-weight:600;display:block;overflow:hidden}.badge--approved,.badge--active{color:#16a34a;background:#e6f7ed}.badge--rejected,.badge--danger{color:#dc2626;background:#fef2f2}.badge--pending,.badge--warning,.badge--follow-up{color:#143cca;background:#ebf1ff}.badge--new,.badge--info{color:#2563eb;background:#eff6ff}.badge--neutral{color:#4b5563;background:#f3f4f6}.badge--success{color:#16a34a;background:#e6f7ed}.badge--sm{padding:1px 6px;font-size:10px;line-height:1.4}.badge-group,.table__badge-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.growth-tag{color:#16a34a;background:#e6f7ed;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.btn{font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer;border:1px solid #0000;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer;border:1px solid #0000;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn--primary:active{transform:translateY(0)}.btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{background:var(--color-accent,#143cca);color:#fff}.btn--primary:hover{background:var(--color-accent-hover,#0f2e99);box-shadow:0 4px 14px #143cca59}.btn--secondary{font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer;border:1px solid #0000;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn--secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn--secondary:active{transform:translateY(0)}.btn--secondary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn--secondary{color:#1f2937;background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d}.btn--secondary:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af;box-shadow:0 2px 4px #00000014}.btn--accent,.btn--additional{font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer;border:1px solid #0000;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn--accent:hover,.btn--additional:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn--accent:active,.btn--additional:active{transform:translateY(0)}.btn--accent:disabled,.btn--additional:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn--accent,.btn--additional{background:var(--color-accent,#143cca);color:#fff}.btn--accent:hover,.btn--additional:hover{background:var(--color-accent-hover,#0f2e99);box-shadow:0 4px 14px #143cca59}.page-header{flex-direction:column;align-items:flex-start;gap:12px;width:100%;min-width:0;margin-bottom:16px;display:flex}@media (min-width:768px){.page-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px}}.page-header__title{color:#1c1c1e;letter-spacing:-.3px;word-break:break-word;font-size:18px;font-weight:700}@media (min-width:768px){.page-header__title{font-size:24px}}.page-header__subtitle,.page-header__description{color:#1c1c1eb3;max-width:580px;margin:4px 0 0;font-size:13px;line-height:1.5}.page-header__actions{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}@media (min-width:768px){.page-header__actions{flex-wrap:nowrap;justify-content:flex-end;width:auto}}@media (max-width:640px){.page-header__actions .btn{padding:7px 14px;font-size:13px}}.public-layout{background:#f4f5f7;justify-content:center;align-items:center;min-height:100svh;display:flex}.login{width:100%;max-width:400px;padding:24px}.login__card{background:#fff;border:1px solid #eaecee;border-radius:10px;padding:16px;transition:box-shadow .2s,transform .2s;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}@media (min-width:768px){.login__card{padding:24px}}.login__card{padding:32px}.login__title{color:#1c1c1e;margin-bottom:4px;font-size:28px;font-weight:600}.login__subtitle{color:#2a2a2a99;margin-bottom:24px;font-size:14px}.login__form{flex-direction:column;display:flex}.login__input-wrapper{align-items:center;display:flex;position:relative}.login__input-icon{color:#2a2a2a66;pointer-events:none;position:absolute;left:14px}.login__input{padding-left:42px!important}.login__toggle-password{color:#2a2a2a66;align-items:center;display:flex;position:absolute;right:14px}.login__toggle-password:hover{color:#1c1c1e}.login__options{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.login__remember{color:#1c1c1e;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.login__forgot-link{color:#143cca;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s}.login__forgot-link:hover{text-decoration:underline}.login__submit{width:100%;padding:12px}.login__error{color:#dc2626;background:#fef2f2;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:14px;display:flex}.login__error svg{flex-shrink:0}.login__hint{color:#2a2a2a80;border-top:1px solid #eaecee;justify-content:center;align-items:center;margin-top:24px;padding-top:16px;font-size:12px;display:flex}.login__hint p{margin-bottom:2px}.login__hint__sample{flex-direction:column;width:100%;display:flex}.login__back-link{color:#143cca;align-items:center;gap:6px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.login__back-link:hover{text-decoration:underline}.forgot-password__success{text-align:center;flex-direction:column;align-items:center;padding:16px 0;display:flex}.forgot-password__success svg{color:#16a34a;margin-bottom:4px}.forgot-password__success-title{color:#1c1c1e;margin-bottom:4px;font-size:18px;font-weight:600}.forgot-password__success-desc{color:#2a2a2ab3;margin-bottom:16px;font-size:12px;line-height:1.5}.dashboard-stats{grid-template-columns:1fr;gap:12px;width:100%;margin-bottom:16px;display:grid}@media (min-width:640px){.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}}.dashboard-stats__card{background:#fff;border:1px solid #eaecee;border-radius:10px;align-items:center;gap:16px;padding:16px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}@media (min-width:768px){.dashboard-stats__card{padding:24px}}.dashboard-stats__icon{color:#143cca;background:#ebf1ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dashboard-stats__icon--pending{color:#143cca;background:#ebf1ff}.dashboard-stats__icon--admin{color:#1c1c1e;background:#f3f4f6}.dashboard-stats__icon--gaji{color:#16a34a;background:#e6f7ed}.dashboard-stats__value{color:#1c1c1e;letter-spacing:-.3px;font-size:24px;font-weight:700}.dashboard-stats__label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-size:11px;font-weight:600}.btn--sm{border-radius:9999px;padding:6px 14px;font-size:10px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#11182766;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #eaecee;border-radius:20px;width:calc(100% - 24px);max-width:520px;max-height:65svh;overflow-y:auto;box-shadow:0 10px 30px #0000000f}@media (min-width:640px){.modal{border-radius:24px;max-height:85vh}}.modal--sm{width:100%;max-width:420px;overflow-x:hidden}.modal--md{width:100%;max-width:min(580px,100vw - 24px);overflow-x:hidden}.modal--lg{width:100%;max-width:min(672px,100vw - 24px);overflow-x:hidden}.modal--xl{width:100%;max-width:min(840px,100vw - 24px);overflow-x:hidden}.modal__header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.modal__title{color:#1c1c1e;letter-spacing:-.2px;font-size:18px;font-weight:700}.modal__subtitle{color:#1c1c1eb3;margin-top:4px;margin-bottom:0;font-size:13px;line-height:1.45}.modal__close{color:#9ca3af;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.modal__close:hover{color:#1c1c1e;background:#e5e7eb}.modal__body{padding:24px}.modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.file-upload__input{display:none!important}.file-upload__label{cursor:pointer;color:#4b5563;background-color:#fafafa;border:1.5px dashed #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.file-upload__label:hover{color:#143cca;background-color:#ebf1ff;border-color:#143cca}.file-list{margin-top:8px}.file-list__item{color:#1c1c1e;background:#f4f5f7;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.file-list__item button{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.file-list__item button:hover{color:#dc2626;background:#fee2e2}.template-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:480px){.template-grid{grid-template-columns:repeat(3,1fr)}}.template-grid__item{font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1c1c1e;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px;font-size:14px;font-weight:500;transition:all .2s}.template-grid__item:hover{color:#143cca;background-color:#143cca0a;border-color:#143cca}.template-grid__item--active{font-weight:600;color:#143cca!important;background:#143cca14!important;border-color:#143cca!important}.jabatan-tabs{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.jabatan-tabs__item{font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1c1c1e;cursor:pointer;background:#fff;border:1px solid #eaecee;border-radius:9999px;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.jabatan-tabs__item:hover{background:#2688e30a;border-color:#f3f4f6}.jabatan-tabs__item--active{font-weight:600;color:#143cca!important;background-color:#143cca14!important;border-color:#143cca!important}.jabatan-tabs__item--add{color:#143cca;background:0 0;border-style:dashed}.jabatan-tabs__item--add:hover{background:#143cca0f}.jabatan-tabs__delete{color:#1c1c1e80;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:all .15s;display:inline-flex}.jabatan-tabs__delete:hover{color:#ef4444;background:#ef444426}.jabatan-add-card{background:#f4f5f7;border:1px dashed #eaecee;border-radius:10px;margin-top:4px;padding:12px}.gaji-header{flex-direction:column;align-items:flex-start;gap:12px;display:flex}@media (min-width:640px){.gaji-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.loading__spinner{border:3px solid #eaecee;border-top-color:#143cca;border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}.charts-grid{grid-template-columns:1fr;gap:16px;margin-top:24px;display:grid}@media (min-width:768px){.charts-grid{grid-template-columns:repeat(2,1fr)}}.charts-grid>.card{flex-direction:column;min-width:0;height:100%;display:flex}.chart-container{flex:1;width:100%;height:280px;min-height:250px;position:relative}@media (min-width:768px){.chart-container{height:300px}}.chart-container--pie{justify-content:center;align-items:center;max-width:100%;height:300px;margin:0 auto;display:flex}@media (min-width:768px){.chart-container--pie{height:320px}}.chart-container canvas{max-width:100%!important;max-height:100%!important}.project-row{border:1px solid #eaecee;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;display:flex}.project-row__header{justify-content:space-between;align-items:center;display:flex}.project-row__grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:640px){.project-row__grid{grid-template-columns:1fr 1fr 1fr}}.announcement-banner{background:#ebf1ff;border-bottom:1px solid #d4e2ff;position:sticky;top:0}.announcement-banner__item{align-items:center;gap:8px;padding:10px 24px;display:flex}.announcement-banner__icon{color:#143cca;flex-shrink:0}.announcement-banner__text{color:#1c1c1e;font-size:12px;font-weight:500;font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer;text-align:left;flex:1}.announcement-banner__text:hover{color:#143cca;text-decoration:underline}.announcement-banner__close{color:#9ca3af;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.announcement-banner__close:hover{color:#143cca;background:#143cca1a}.detail-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.detail-grid{grid-template-columns:1fr 1fr}}.detail-grid__item{flex-direction:column;gap:2px;display:flex}.detail-grid__label{color:#2a2a2a80;font-size:12px;font-weight:500}.detail-grid__value{color:#1c1c1e;font-size:14px}.pagination{justify-content:center;align-items:center;gap:4px;margin-top:16px;display:flex}.pagination__btn{width:32px;height:32px;font-family:var(--font-inter-tight),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1c1c1e;cursor:pointer;background:#fff;border:1px solid #eaecee;border-radius:10px;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex}.pagination__btn:hover:not(:disabled){color:#143cca;background:#143cca0f;border-color:#143cca}.pagination__btn:disabled{opacity:.35;cursor:not-allowed}.pagination__btn--active{color:#fff!important;background:#1c1c1e!important;border-color:#1c1c1e!important}.pagination__btn--active:hover{color:#fff!important;background:#2c2c2e!important}.pagination__dots{color:#2a2a2a66;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.error-boundary{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;padding:32px;display:flex}.error-boundary h2{color:#1c1c1e;font-size:22px;font-weight:600}.error-boundary p{color:#2a2a2a99;font-size:14px}.sidebar__mobile-toggle{color:#1c1c1e;cursor:pointer;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.sidebar__mobile-toggle:hover{background:#e5e7eb}@media (min-width:768px){.sidebar__mobile-toggle{display:none}}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background-color:#fff6;justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;position:fixed;top:0;left:0}.loading-overlay__spinner{border:4px solid #143cca26;border-top-color:#143cca;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.spin-icon{animation:.8s linear infinite spin}.layout__overlay{z-index:999}.layout__fullscreen-loading{justify-content:center;align-items:center;height:100svh;display:flex}.settings-page{width:100%;min-width:0;padding-bottom:40px}.settings-page__icon{color:#143cca}.settings-page__avatar{color:#4b5563;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.settings-page__section-icon{color:var(--color-accent)}.settings-profile-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 2px 8px #0000000a}.settings-avatar-circle{color:#fff;background:linear-gradient(135deg,#143cca 0%,#3b66ff 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 12px #143cca40}.settings-role-badge{text-transform:uppercase;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.settings-role-badge--admin{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.settings-role-badge--lead{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.settings-role-badge--staf{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.settings-tab-bar{border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:8px;max-width:100%;margin-bottom:24px;display:flex}.settings-tab-btn{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.settings-tab-btn--active{color:#143cca;border-bottom-color:#143cca}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000a}.settings-card--max-600{max-width:600px}.settings-card--subtle{box-shadow:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.settings-grid-2col{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.settings-grid-2col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.settings-grid-info{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.settings-grid-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.settings-disabled-input{cursor:not-allowed!important;color:#6b7280!important;background:#f3f4f6!important}.sidebar__logo-text{align-items:center;gap:2px;display:flex}.sidebar__user-link{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sidebar__user-email{opacity:.5;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.status-option-card{cursor:pointer;background-color:#0000;border:1.5px solid #2a2a2a26;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:all .15s;display:flex}.btn--danger{color:#fff!important;background:#c62828!important;border-color:#c62828!important}.btn--danger:hover{background:#b71c1c!important;border-color:#b71c1c!important}.input-search-wrapper{margin-bottom:12px;position:relative}.input-search-icon{opacity:.5;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-search-field{padding-left:36px!important}.member-list-scrollable{border:1px solid var(--border-color,#0000001a);border-radius:8px;max-height:300px;padding:4px;overflow-y:auto}.member-item-select{cursor:pointer;border-radius:6px;align-items:center;gap:12px;margin-bottom:2px;padding:8px 12px;transition:background-color .15s;display:flex}.member-item-select--selected{background-color:#3b82f614}.status-chip{border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:600}.status-chip--active{color:#2e7d32;background-color:#e8f5e9}.status-chip--resigned{color:#e65100;background-color:#ffe0b2}.status-chip--terminated{color:#c62828;background-color:#ffebee}.dept-checkbox-grid{border:1px solid var(--border-color,#00000026);background-color:var(--color-background-soft,#fafafa);border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px 16px;max-height:180px;padding:12px;display:flex;overflow-y:auto}.dept-checkbox-grid .custom-checkbox-wrapper{flex:100%;min-width:0;max-width:100%}@media (min-width:640px){.dept-checkbox-grid .custom-checkbox-wrapper{flex:0 calc(50% - 8px);min-width:240px}}.dept-checkbox-item{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.chart-container-aspect{aspect-ratio:1;width:100%;max-height:280px;position:relative}.chart-legend-bullet{border-radius:2px;width:10px;height:10px;display:inline-block}.sort-header-btn{cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;color:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.sort-header-btn__icon{opacity:.5;transition:opacity .2s}.sort-header-btn__icon--active{opacity:1;color:var(--color-accent)}.badge-danger-outline{color:#c62828!important;border-color:#c62828!important}.badge-text-danger{color:#c62828!important}.form-checkbox-label{cursor:pointer;align-items:center;gap:8px;padding:10px 0;display:flex}.table-action-menu{align-items:center;display:inline-flex;position:relative}.table-action-menu__trigger,.table-action-menu__single-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex;position:relative}.table-action-menu__trigger:hover,.table-action-menu__trigger--active,.table-action-menu__single-btn:hover,.table-action-menu__single-btn--active{color:#1c1c1e;background:#f3f4f6;border-color:#d1d5db}.table-action-menu__trigger--primary,.table-action-menu__single-btn--primary{color:#143cca}.table-action-menu__trigger--primary:hover:not(:disabled),.table-action-menu__single-btn--primary:hover:not(:disabled){color:#0f2e99;background-color:#143cca1a;border-color:#143cca4d}.table-action-menu__trigger--danger,.table-action-menu__single-btn--danger{color:#dc2626}.table-action-menu__trigger--danger:hover:not(:disabled),.table-action-menu__single-btn--danger:hover:not(:disabled){color:#b91c1c;background-color:#fef2f2;border-color:#fca5a5}.table-action-menu__trigger--success,.table-action-menu__single-btn--success{color:#16a34a}.table-action-menu__trigger--success:hover:not(:disabled),.table-action-menu__single-btn--success:hover:not(:disabled){color:#15803d;background-color:#e6f7ed;border-color:#86efac}.table-action-menu__trigger:disabled,.table-action-menu__single-btn:disabled{opacity:.4;cursor:not-allowed}.table-action-menu__trigger[data-tooltip]:before,.table-action-menu__single-btn[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:140;background:#1e293b;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.3;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #0000002e}.table-action-menu__trigger[data-tooltip]:after,.table-action-menu__single-btn[data-tooltip]:after{content:"";pointer-events:none;opacity:0;visibility:hidden;z-index:140;border:5px solid #0000;border-top-color:#1e293b;border-bottom-width:0;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)translateY(4px)}.table-action-menu__trigger[data-tooltip]:hover:before,.table-action-menu__trigger[data-tooltip]:hover:after,.table-action-menu__single-btn[data-tooltip]:hover:before,.table-action-menu__single-btn[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.table-action-menu__dropdown{z-index:120;white-space:nowrap;background:#fff;border:1px solid #eaecee;border-radius:10px;flex-direction:row;align-items:center;gap:4px;padding:4px;animation:.15s cubic-bezier(.16,1,.3,1) slideLeftIn;display:flex;position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%);box-shadow:0 10px 25px #0000001a,0 2px 6px #0000000a}.table-action-menu__item{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;position:relative}.table-action-menu__item:hover:not(:disabled){color:#1c1c1e;background-color:#f3f4f6}.table-action-menu__item--primary{color:#143cca}.table-action-menu__item--primary:hover:not(:disabled){color:#0f2e99;background-color:#143cca1a}.table-action-menu__item--danger{color:#dc2626}.table-action-menu__item--danger:hover:not(:disabled){color:#b91c1c;background-color:#fef2f2}.table-action-menu__item--success{color:#16a34a}.table-action-menu__item--success:hover:not(:disabled){color:#15803d;background-color:#e6f7ed}.table-action-menu__item:disabled{opacity:.4;cursor:not-allowed}.table-action-menu__item[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:140;background:#1e293b;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.3;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #0000002e}.table-action-menu__item[data-tooltip]:after{content:"";pointer-events:none;opacity:0;visibility:hidden;z-index:140;border:5px solid #0000;border-top-color:#1e293b;border-bottom-width:0;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)translateY(4px)}.table-action-menu__item[data-tooltip]:hover:before,.table-action-menu__item[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.table-action-menu__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.table-action-menu__icon-text{text-transform:uppercase;font-size:11px;font-weight:700}@keyframes slideLeftIn{0%{opacity:0;transform:translateY(-50%)translate(6px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.calendar-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow-x:auto;box-shadow:0 2px 10px #00000005}.calendar-container::-webkit-scrollbar{height:6px}.calendar-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.calendar-grid{grid-template-columns:repeat(7,minmax(120px,1fr));display:grid}.calendar-grid--header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.calendar-cell{cursor:pointer;background:#fff;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;flex-direction:column;gap:6px;min-height:115px;padding:8px 10px;transition:all .15s ease-in-out;display:flex;position:relative}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell:hover{z-index:1;background:#f8fafc;box-shadow:inset 0 0 0 1px #cbd5e1}.calendar-cell--muted{opacity:.55;background:#fafafa}.calendar-cell--weekend{background:#fafbfd}.calendar-cell--today{background:#f0f7ff}.calendar-cell--today:hover{background:#e0f2fe}.calendar-cell__header{text-align:center;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid #e2e8f0;padding:12px 8px;font-size:13px;font-weight:700}.calendar-cell__header:last-child{border-right:none}.calendar-cell__header--weekend{color:#ef4444}.calendar-cell__top{justify-content:flex-end;align-items:center;display:flex}.calendar-cell__num{color:#64748b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.calendar-cell__num--today{color:#fff;background:#1c1c1e;box-shadow:0 2px 6px #0003}.calendar-cell__events{flex-direction:column;gap:4px;display:flex;overflow:hidden}.calendar-event{white-space:nowrap;text-overflow:ellipsis;border-left:3px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.3;transition:transform .1s,box-shadow .1s;display:flex;overflow:hidden}.calendar-event:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.calendar-event--danger{color:#dc2626;background:#fef2f2;border-left-color:#ef4444}.calendar-event--warning{color:#d97706;background:#fffbeb;border-left-color:#f59e0b}.calendar-event--success{color:#16a34a;background:#e6f7ed;border-left-color:#22c55e}.calendar-event--info{color:#143cca;background:#ebf1ff;border-left-color:#3b82f6}.calendar-event__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-event__more{color:#64748b;background:#f1f5f9;border-radius:4px;align-self:flex-start;padding:2px 4px;font-size:10px;font-weight:700}.filter-bar__search-wrap{flex:1;max-width:100%}@media (min-width:768px){.filter-bar__search-wrap{max-width:360px}}.filter-bar__select-wrap{width:100%}@media (min-width:768px){.filter-bar__select-wrap{width:180px}}.calendar-month{-webkit-user-select:none;user-select:none;line-height:200%}.module-permission-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:12px 14px;transition:all .2s}.module-permission-card:hover{background:#f8fafc;border-color:#cbd5e1}.module-permission-card--disabled{opacity:.6;background:#f1f5f9}.module-permission-card__content{align-items:flex-start;gap:10px;display:flex}.topbar__badge{color:#fff;pointer-events:none;z-index:2;box-sizing:border-box;background:#fa541c;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 4px #00000026}.notif-popover{z-index:1000;background:#fff;border:1px solid #eaecee;border-radius:16px;width:360px;animation:.2s cubic-bezier(.16,1,.3,1) notifPopIn;position:absolute;top:calc(100% + 10px);right:15px;overflow:hidden;box-shadow:0 20px 40px -10px #0000001f,0 4px 12px #0000000a}.notif-popover__header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notif-popover__header-left{align-items:center;gap:10px;display:flex}.notif-popover__header-icon{color:#143cca;background:#ebf1ff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.notif-popover__title{color:#1c1c1e;letter-spacing:-.01em;font-size:15px;font-weight:700}.notif-popover__count-badge{color:#143cca;background:#ebf1ff;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:700}.notif-popover__mark-btn{color:#143cca;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.notif-popover__mark-btn:hover{background:#ebf1ff}.notif-popover__tabs{background:#f1f5f9;border-radius:10px;align-items:center;gap:4px;margin:8px 12px;padding:6px;display:flex}.notif-popover__tab{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:7px;flex:1;padding:6px 8px;font-size:11px;font-weight:600;transition:all .15s}.notif-popover__tab:hover{color:#1c1c1e}.notif-popover__tab--active{color:#143cca;background:#fff;font-weight:700;box-shadow:0 2px 6px #0000000f}.notif-popover__body{background:#fff;max-height:340px;padding:4px 0;overflow-y:auto}.notif-popover__body::-webkit-scrollbar{width:4px}.notif-popover__body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.notif-popover__empty{text-align:center;background:#fff;padding:36px 24px}.notif-popover__empty-icon{color:#143cca;background:linear-gradient(135deg,#ebf1ff 0%,#f0f7ff 100%);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;display:inline-flex}.notif-popover__empty-title{color:#1e293b;font-size:14px;font-weight:700}.notif-popover__empty-desc{color:#64748b;max-width:260px;margin-top:6px;margin-left:auto;margin-right:auto;font-size:12px;line-height:1.45}.notif-popover__footer{text-align:center;background:#f8fafc;border-top:1px solid #eaecee;padding:12px 16px}.notif-popover__footer-link{color:#143cca;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.notif-popover__footer-link:hover{color:#0f2f9f;text-decoration:underline}@keyframes notifPopIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-item{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:12px;margin:4px 10px;padding:8px 14px 8px 8px;transition:all .15s;display:flex}.notification-item:hover{background:#f8fafc;border-color:#e2e8f0}.notification-item--unread{background:#f4f8ff}.notification-item--unread:hover{background:#ebf3ff}.notification-item__icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;display:inline-flex}.notification-item__icon-badge--blue{color:#143cca;background:#ebf1ff}.notification-item__icon-badge--green{color:#16a34a;background:#e6f4ea}.notification-item__icon-badge--amber{color:#d97706;background:#fef3c7}.notification-item__icon-badge--gray{color:#64748b;background:#f1f5f9}.notification-item__content{flex:1;min-width:0}.notification-item__header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.notification-item__title{color:#1c1c1e;font-size:13px;font-weight:700;line-height:1.3}.notification-item__unread-dot{background:#143cca;border-radius:50%;flex-shrink:0;width:7px;height:7px}.notification-item__message{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-item__meta{color:#94a3b8;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;display:flex}.notification-item__type-label{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.notification-item__tag{color:#143cca;background:#ebf1ff;border-radius:9999px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.u-overflow-hidden{overflow:hidden!important}