.theme-light-purple[data-v-7fc87366]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-7fc87366]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-7fc87366]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-7fc87366]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-7fc87366]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-7fc87366],[data-v-7fc87366]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-7fc87366]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-7fc87366]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-7fc87366]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.topbar[data-v-7fc87366]{position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-surface);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-surface) 95%,transparent);z-index:var(--z-sticky);transition:var(--transition-normal)}.topbar.domex-theme[data-v-7fc87366]{background:linear-gradient(135deg,#7a1b28,#232f3e);border-bottom:1px solid rgba(255,255,255,.1)}.topbar-container[data-v-7fc87366]{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:100vw;margin:0 auto;padding:0 16px}.topbar-left[data-v-7fc87366]{display:flex;align-items:center;gap:12px}.sidebar-toggle-btn[data-v-7fc87366]{background:var(--color-primary-20);border:none;color:var(--color-primary);padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.sidebar-toggle-btn[data-v-7fc87366]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--hover-overlay);transition:var(--transition-normal);z-index:-1}.sidebar-toggle-btn[data-v-7fc87366]:hover:before{left:0}.sidebar-toggle-btn[data-v-7fc87366]:hover{background:var(--color-primary-30);transform:scale(1.05)}.sidebar-toggle-btn .icon[data-v-7fc87366]{width:20px;height:20px;fill:currentColor;transition:var(--transition-normal)}.sidebar-toggle-btn .icon.rotated[data-v-7fc87366]{transform:rotate(180deg)}.brand[data-v-7fc87366]{display:flex;align-items:center}.brand-logo[data-v-7fc87366]{height:30px;margin-right:10px}.brand h2[data-v-7fc87366]{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:var(--font-normal);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.domex-theme .logo-container[data-v-7fc87366]{background:#7a1b28;padding:4px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.domex-theme .brand-logo[data-v-7fc87366]{margin-right:0;filter:brightness(1.1)}.domex-theme h2[data-v-7fc87366]{background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:10px}.topbar-nav[data-v-7fc87366]{flex:1;display:flex;justify-content:center}.nav-list[data-v-7fc87366]{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}.nav-item[data-v-7fc87366]{position:relative}.nav-link[data-v-7fc87366]{display:flex;align-items:center;padding:6px 12px;color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-medium);font-size:.875rem;border-radius:var(--radius-md);transition:var(--transition-normal);position:relative;overflow:hidden}.nav-link[data-v-7fc87366]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--hover-overlay);transition:var(--transition-normal);z-index:-1}.nav-link[data-v-7fc87366]:hover:before{left:0}.nav-link[data-v-7fc87366]:hover{color:var(--color-text-primary);transform:translateY(-1px)}.nav-link.active[data-v-7fc87366]{color:var(--color-primary);background:var(--color-primary-10)}.nav-link.active[data-v-7fc87366]:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--color-primary);border-radius:var(--radius-full)}.topbar-actions[data-v-7fc87366]{display:flex;align-items:center;gap:12px}.user-menu[data-v-7fc87366]{position:relative}.user-menu-trigger[data-v-7fc87366]{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-background);border:1px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);font-size:.875rem;color:var(--color-text-primary)}.user-menu-trigger[data-v-7fc87366]:hover{background:var(--color-primary-10);border-color:var(--color-primary);border-radius:var(--radius-lg)}.user-avatar[data-v-7fc87366]{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center}.user-avatar img[data-v-7fc87366]{width:100%;height:100%;object-fit:cover}.user-initials[data-v-7fc87366]{color:#fff;font-weight:600;font-size:.75rem}.user-name[data-v-7fc87366]{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.dropdown-icon[data-v-7fc87366]{width:16px;height:16px;fill:var(--color-text-secondary);transition:var(--transition-normal)}.user-menu-trigger:hover .dropdown-icon[data-v-7fc87366]{fill:var(--color-primary)}.user-dropdown[data-v-7fc87366]{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--color-background);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-accent);z-index:1000;overflow:hidden}.dropdown-header[data-v-7fc87366]{padding:16px;background:var(--gradient-background)}.user-info[data-v-7fc87366]{display:flex;flex-direction:column;gap:2px}.user-info strong[data-v-7fc87366]{color:var(--color-text-primary);font-size:.875rem}.user-role[data-v-7fc87366]{color:var(--color-primary);font-size:.75rem;font-weight:500;text-transform:capitalize}.user-email[data-v-7fc87366]{color:var(--color-text-secondary);font-size:.7rem;font-style:italic}.user-department[data-v-7fc87366]{color:var(--color-text-secondary);font-size:.75rem;background:var(--color-primary-10);padding:2px 6px;border-radius:var(--radius-sm);margin-top:4px;display:inline-block}.dropdown-divider[data-v-7fc87366]{height:1px;background:var(--border-light)}.dropdown-item[data-v-7fc87366]{width:100%;display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:var(--transition-normal);text-align:left}.dropdown-item[data-v-7fc87366]:hover{background:var(--color-primary-10);color:var(--color-primary)}.dropdown-item svg[data-v-7fc87366]{width:16px;height:16px;fill:currentColor}.theme-switcher-container[data-v-7fc87366]{position:relative}.theme-toggle-btn[data-v-7fc87366]{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-background);border:1px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);font-size:.875rem;color:var(--color-text-primary)}.theme-toggle-btn[data-v-7fc87366]:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.theme-icon[data-v-7fc87366]{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.icon[data-v-7fc87366]{width:100%;height:100%;fill:currentColor;transition:var(--transition-normal)}.sun-icon[data-v-7fc87366]{color:var(--color-warning);animation:rotate-7fc87366 20s linear infinite}.moon-icon[data-v-7fc87366]{color:var(--color-primary)}.theme-label[data-v-7fc87366]{font-size:.75rem;opacity:.8}.quick-themes[data-v-7fc87366]{display:flex;align-items:center;gap:4px;padding:4px;background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.theme-btn[data-v-7fc87366]{width:20px;height:20px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-normal);position:relative;padding:2px;background:transparent}.theme-btn[data-v-7fc87366]:hover{transform:scale(1.1)}.theme-btn.active[data-v-7fc87366]{box-shadow:0 0 0 2px var(--color-primary)}.theme-preview-dot[data-v-7fc87366]{width:100%;height:100%;border-radius:var(--radius-full);transition:var(--transition-normal)}@keyframes rotate-7fc87366{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.topbar-container[data-v-7fc87366]{padding:0 var(--space-4)}.topbar-left[data-v-7fc87366]{gap:var(--space-2)}.brand h2[data-v-7fc87366]{font-size:var(--text-lg)}.nav-list[data-v-7fc87366]{gap:var(--space-4)}.nav-link[data-v-7fc87366]{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.theme-label[data-v-7fc87366]{display:none}.theme-toggle-btn[data-v-7fc87366]{padding:var(--space-2)}}@media (max-width: 480px){.brand h2[data-v-7fc87366]{font-size:var(--text-base)}.nav-list[data-v-7fc87366]{gap:var(--space-2)}.nav-link[data-v-7fc87366]{font-size:10px;padding:var(--space-1)}.sidebar-toggle-btn[data-v-7fc87366]{padding:var(--space-1)}}html{scroll-padding-top:80px}.theme-light-purple[data-v-2d7ec935]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-2d7ec935]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-2d7ec935]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-2d7ec935]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-2d7ec935]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-2d7ec935],[data-v-2d7ec935]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-2d7ec935]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-2d7ec935]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-2d7ec935]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.sidebar[data-v-2d7ec935]{background:var(--gradient-primary);width:180px;height:calc(100vh - 56px);position:fixed;left:0;top:56px;display:flex;flex-direction:column;transition:var(--transition-normal);box-shadow:var(--shadow-primary);z-index:1000}.sidebar.domex-theme[data-v-2d7ec935]{background:linear-gradient(135deg,#7a1b28,#232f3e);border-right:1px solid rgba(255,255,255,.1)}.sidebar.collapsed[data-v-2d7ec935]{width:64px}.nav-menu[data-v-2d7ec935]{flex:1;padding:16px 12px 12px}.nav-menu ul[data-v-2d7ec935]{list-style:none;margin:0;padding:0}.nav-item[data-v-2d7ec935]{margin-bottom:4px}.nav-link[data-v-2d7ec935]{display:flex;align-items:center;padding:12px 14px;color:#ffffffe6;text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-normal);position:relative;overflow:hidden}.nav-link[data-v-2d7ec935]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-accent-20),transparent);transition:var(--transition-slow)}.nav-link[data-v-2d7ec935]:hover:before{left:100%}.nav-link[data-v-2d7ec935]:hover{background:var(--color-accent-20);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link.active[data-v-2d7ec935]{background:var(--color-accent-30);color:#fff;box-shadow:var(--shadow-accent)}.nav-link.active[data-v-2d7ec935]:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--color-accent);border-radius:2px}.nav-icon[data-v-2d7ec935]{width:20px;height:20px;fill:currentColor;margin-right:12px;flex-shrink:0;transition:var(--transition-normal)}.nav-link:hover .nav-icon[data-v-2d7ec935]{transform:scale(1.1)}.nav-label[data-v-2d7ec935]{font-weight:500;font-size:.875rem;opacity:1;transition:var(--transition-normal)}.sidebar.collapsed .nav-label[data-v-2d7ec935]{opacity:0}.sidebar.collapsed .nav-link[data-v-2d7ec935]{justify-content:center;padding:12px 10px}.sidebar.collapsed .nav-icon[data-v-2d7ec935]{margin-right:0}.sidebar-footer[data-v-2d7ec935]{padding:16px;border-top:1px solid var(--color-accent-20)}.user-info[data-v-2d7ec935]{display:flex;align-items:center;color:#ffffffe6}.user-avatar[data-v-2d7ec935]{width:32px;height:32px;background:var(--color-accent-20);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar svg[data-v-2d7ec935]{width:16px;height:16px;fill:currentColor}.user-name[data-v-2d7ec935]{font-weight:500;font-size:.8rem}@keyframes slide-in-2d7ec935{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-2d7ec935{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}@keyframes pulse-2d7ec935{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.nav-item[data-v-2d7ec935]{opacity:0;animation:slide-in-2d7ec935 .6s ease forwards}.nav-item.slide-in[data-v-2d7ec935]{opacity:1}.nav-link[data-v-2d7ec935]{transform-origin:left center}.sidebar.collapsed .nav-link[data-v-2d7ec935]:hover{transform:scale(1.1)}.user-avatar[data-v-2d7ec935]{transition:var(--transition-normal)}.user-info:hover .user-avatar[data-v-2d7ec935]{transform:rotate(360deg) scale(1.1)}.nav-icon[data-v-2d7ec935]{transition:var(--transition-normal)}.nav-link.active[data-v-2d7ec935]{animation:none}.nav-link.active .nav-icon[data-v-2d7ec935]{animation:pulse-2d7ec935 1s ease-in-out}@keyframes shimmer-2d7ec935{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.nav-link[data-v-2d7ec935]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-accent-20),transparent);background-size:200px 100%;background-repeat:no-repeat;background-position:-200px 0;opacity:0;transition:var(--transition-normal);pointer-events:none}.nav-link[data-v-2d7ec935]:hover:after{opacity:1;animation:shimmer-2d7ec935 1.5s ease-in-out}@media (max-width: 768px){.sidebar[data-v-2d7ec935]{transform:translate(-100%)}.sidebar.collapsed[data-v-2d7ec935]{transform:translate(0);width:50px}}.nav-menu[data-v-2d7ec935]::-webkit-scrollbar{width:4px}.nav-menu[data-v-2d7ec935]::-webkit-scrollbar-track{background:var(--color-accent-10)}.nav-menu[data-v-2d7ec935]::-webkit-scrollbar-thumb{background:var(--color-accent-30);border-radius:2px}.nav-menu[data-v-2d7ec935]::-webkit-scrollbar-thumb:hover{background:var(--color-accent-50)}.toast-container[data-v-f6877336]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast[data-v-f6877336]{display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:14px 18px;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;line-height:1.4}.toast-icon[data-v-f6877336]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:16px}.toast-message[data-v-f6877336]{flex:1;word-break:break-word}.toast-success[data-v-f6877336]{background:color-mix(in srgb,var(--color-success) 95%,transparent);color:#fff}.toast-success .toast-icon[data-v-f6877336]{background:#fff3}.toast-error[data-v-f6877336]{background:color-mix(in srgb,var(--color-error) 95%,transparent);color:#fff}.toast-error .toast-icon[data-v-f6877336]{background:#fff3}.toast-warning[data-v-f6877336]{background:color-mix(in srgb,var(--color-warning) 95%,transparent);color:#fff}.toast-warning .toast-icon[data-v-f6877336]{background:#fff3}.toast-info[data-v-f6877336]{background:color-mix(in srgb,var(--color-primary) 95%,transparent);color:#fff}.toast-info .toast-icon[data-v-f6877336]{background:#fff3}.toast-enter-active[data-v-f6877336],.toast-leave-active[data-v-f6877336]{transition:all .3s ease}.toast-enter-from[data-v-f6877336]{opacity:0;transform:translate(100px)}.toast-leave-to[data-v-f6877336]{opacity:0;transform:translate(100px) scale(.8)}.theme-light-purple[data-v-0def4691]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-0def4691]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-0def4691]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-0def4691]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-0def4691]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-0def4691],[data-v-0def4691]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-0def4691]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-0def4691]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-0def4691]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.confirm-overlay[data-v-0def4691]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.confirm-dialog[data-v-0def4691]{background:var(--color-surface);border-radius:12px;padding:24px;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:20px}.confirm-icon[data-v-0def4691]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto}.confirm-warning .confirm-icon[data-v-0def4691]{background:var(--color-warning-10);color:var(--color-warning)}.confirm-danger .confirm-icon[data-v-0def4691]{background:var(--color-error-10);color:var(--color-error)}.confirm-info .confirm-icon[data-v-0def4691]{background:var(--color-primary-10);color:var(--color-primary)}.confirm-content[data-v-0def4691]{text-align:center}.confirm-title[data-v-0def4691]{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--color-text-primary)}.confirm-message[data-v-0def4691]{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.5}.confirm-actions[data-v-0def4691]{display:flex;gap:12px;justify-content:flex-end}.btn[data-v-0def4691]{padding:8px 20px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-0def4691]{background:var(--color-surface-secondary);color:var(--color-text-secondary);border:1px solid var(--color-text-10)}.btn-cancel[data-v-0def4691]:hover{background:var(--color-text-5)}.btn-confirm[data-v-0def4691]{background:var(--color-primary);color:#fff}.btn-confirm[data-v-0def4691]:hover{background:color-mix(in srgb,var(--color-primary) 85%,black)}.confirm-danger .btn-confirm[data-v-0def4691]{background:var(--color-error)}.confirm-danger .btn-confirm[data-v-0def4691]:hover{background:color-mix(in srgb,var(--color-error) 85%,black)}.confirm-warning .btn-confirm[data-v-0def4691]{background:var(--color-warning)}.confirm-warning .btn-confirm[data-v-0def4691]:hover{background:color-mix(in srgb,var(--color-warning) 85%,black)}.modal-enter-active[data-v-0def4691],.modal-leave-active[data-v-0def4691]{transition:opacity .3s ease}.modal-enter-from[data-v-0def4691],.modal-leave-to[data-v-0def4691]{opacity:0}.modal-enter-active .confirm-dialog[data-v-0def4691],.modal-leave-active .confirm-dialog[data-v-0def4691]{transition:transform .3s ease}.modal-enter-from .confirm-dialog[data-v-0def4691]{transform:scale(.9) translateY(-20px)}.modal-leave-to .confirm-dialog[data-v-0def4691]{transform:scale(.9) translateY(20px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Avenir,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--color-text-primary);background:var(--color-background);overflow:hidden}#app{display:flex;min-height:100vh;overflow:hidden}.main-content{flex:1;margin-left:180px;margin-top:54px;padding:22px 22px 0;max-height:98dvh;background:var(--gradient-background);min-height:calc(100vh - 64px);transition:var(--transition-normal);position:relative;width:99vw;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.main-content::-webkit-scrollbar{display:none}.main-content.sidebar-collapsed{margin-left:60px}.main-content.full-width{margin-left:0;margin-top:0;padding:0;min-height:100vh}.main-content:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%237C83FD" fill-opacity="0.02"><circle cx="30" cy="30" r="1"/></g></svg>');pointer-events:none}.main-content>*{position:relative;z-index:1}@media (max-width: 768px){.main-content{margin-left:0;margin-top:64px;padding:20px;width:100vw}}.main-content{border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:var(--color-primary-10)}.main-content::-webkit-scrollbar-thumb{background:var(--color-primary-30);border-radius:var(--radius-sm)}.main-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-50)}.theme-light-purple[data-v-e7221fce]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-e7221fce]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-e7221fce]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-e7221fce]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-e7221fce]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-e7221fce],[data-v-e7221fce]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-e7221fce]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-e7221fce]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-e7221fce]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.login-page[data-v-e7221fce]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-background);font-family:Avenir,Helvetica,Arial,sans-serif}.login-container[data-v-e7221fce]{max-width:1024px;width:100%;display:grid;grid-template-columns:1fr 1fr;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);overflow:hidden;animation:slideInUp-e7221fce .6s ease-out}.login-form-section[data-v-e7221fce]{padding:var(--space-8) var(--space-12);display:flex;flex-direction:column;justify-content:center}.form-content[data-v-e7221fce]{max-width:400px;margin:0 auto;width:100%}.login-header[data-v-e7221fce]{text-align:center;margin-bottom:var(--space-8)}.logo-container[data-v-e7221fce]{width:80px;height:80px;margin:0 auto var(--space-4);border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:var(--shadow-primary)}.logo-image[data-v-e7221fce]{height:38px;width:auto;object-fit:contain}.dual-logo-container[data-v-e7221fce]{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-8)}.secure-connector[data-v-e7221fce]{display:flex;flex-direction:column;align-items:center;gap:4px}.connector-icon[data-v-e7221fce]{width:24px;height:24px;fill:var(--color-primary);opacity:.8}.connector-arrows[data-v-e7221fce]{width:32px;height:12px;color:var(--color-text-secondary);opacity:.5}.arrow-icon[data-v-e7221fce]{width:100%;height:100%;fill:currentColor}.login-title[data-v-e7221fce]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;line-height:1.2}.login-subtitle[data-v-e7221fce]{color:var(--color-text-secondary);font-size:var(--text-base);margin:0;line-height:1.5}.alert[data-v-e7221fce]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-6)}.alert-error[data-v-e7221fce]{background:var(--color-error-10);color:var(--color-error);border:1px solid var(--color-error-20)}.alert-icon[data-v-e7221fce]{width:1.25rem;height:1.25rem;fill:currentColor;flex-shrink:0}.login-actions[data-v-e7221fce]{display:flex;flex-direction:column;gap:var(--space-6)}.oauth-button-container[data-v-e7221fce]{text-align:center}.btn-oauth[data-v-e7221fce]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--color-surface);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-lg);border:none;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-primary);min-height:56px;min-width:240px;text-decoration:none}.btn-oauth[data-v-e7221fce]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-elevated);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 90%,white),color-mix(in srgb,var(--color-accent) 90%,white))}.btn-oauth[data-v-e7221fce]:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-primary)}.btn-oauth[data-v-e7221fce]:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-icon[data-v-e7221fce]{width:1.5rem;height:1.5rem;fill:currentColor;flex-shrink:0}.loading-spinner[data-v-e7221fce]{animation:spin-e7221fce 1s linear infinite}.provider-info[data-v-e7221fce]{text-align:center;margin-top:var(--space-4)}.provider-text[data-v-e7221fce]{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.secure-badge[data-v-e7221fce]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#e8f5e9;border-radius:var(--radius-full)}.badge-icon[data-v-e7221fce]{width:14px;height:14px;fill:currentColor}.provider-name[data-v-e7221fce]{font-weight:var(--font-semibold);color:var(--color-primary)}.features-section.image-panel[data-v-e7221fce]{padding:0;position:relative;overflow:hidden}.panel-image-container[data-v-e7221fce]{width:100%;height:100%;position:relative}.panel-bg-image[data-v-e7221fce]{width:100%;height:100%;object-fit:cover;transition:transform 10s ease}.login-container:hover .panel-bg-image[data-v-e7221fce]{transform:scale(1.1)}.panel-overlay[data-v-e7221fce]{position:absolute;inset:0;background:linear-gradient(135deg,#0c143e66,#7c83fd33);pointer-events:none}.panel-content-overlay[data-v-e7221fce]{position:absolute;bottom:var(--space-12);left:var(--space-12);right:var(--space-12);color:#fff;z-index:2;text-align:left}.panel-tagline[data-v-e7221fce]{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);text-shadow:0 2px 10px rgba(0,0,0,.3)}.panel-subtext[data-v-e7221fce]{font-size:var(--text-lg);opacity:.9;text-shadow:0 1px 5px rgba(0,0,0,.2)}@keyframes spin-e7221fce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInUp-e7221fce{0%{opacity:0;transform:translateY(2rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-e7221fce{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media (max-width: 1024px){.login-container[data-v-e7221fce]{grid-template-columns:1fr;max-width:600px}.features-section[data-v-e7221fce]{order:-1;padding:var(--space-6) var(--space-8)}.login-form-section[data-v-e7221fce]{padding:var(--space-6) var(--space-8)}.main-feature[data-v-e7221fce],.features-list[data-v-e7221fce]{margin-bottom:var(--space-6)}.feature-icon-large[data-v-e7221fce]{font-size:3rem}.feature-icon-large svg[data-v-e7221fce]{width:3rem;height:3rem}}@media (max-width: 768px){.login-page[data-v-e7221fce]{padding:var(--space-4)}.login-container[data-v-e7221fce]{border-radius:var(--radius-lg)}.login-form-section[data-v-e7221fce],.features-section[data-v-e7221fce]{padding:var(--space-6)}.login-title[data-v-e7221fce]{font-size:var(--text-2xl)}.feature-title[data-v-e7221fce]{font-size:var(--text-xl)}.btn-oauth[data-v-e7221fce]{font-size:var(--text-base);padding:var(--space-3) var(--space-6);min-width:200px;min-height:48px}.logo-container[data-v-e7221fce]{width:64px;height:64px}}@media (max-width: 480px){.login-page[data-v-e7221fce]{padding:var(--space-3)}.login-form-section[data-v-e7221fce],.features-section[data-v-e7221fce]{padding:var(--space-4)}.login-header[data-v-e7221fce]{margin-bottom:var(--space-6)}.login-title[data-v-e7221fce]{font-size:var(--text-xl);margin-bottom:var(--space-1)}.login-subtitle[data-v-e7221fce]{font-size:var(--text-sm)}.logo-container[data-v-e7221fce]{width:56px;height:56px;margin-bottom:var(--space-3)}.btn-oauth[data-v-e7221fce]{min-width:180px;font-size:var(--text-sm)}.main-feature[data-v-e7221fce]{margin-bottom:var(--space-4)}.feature-icon-large[data-v-e7221fce]{font-size:2.5rem}.feature-icon-large svg[data-v-e7221fce]{width:2.5rem;height:2.5rem}.features-list[data-v-e7221fce]{margin-bottom:var(--space-4)}}:root.theme-dark-purple .features-section[data-v-e7221fce],:root.theme-dark-slate .features-section[data-v-e7221fce]{background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface) 95%,var(--color-primary)),color-mix(in srgb,var(--color-surface) 92%,var(--color-accent)))}:root.theme-dark-purple .login-container[data-v-e7221fce],:root.theme-dark-slate .login-container[data-v-e7221fce]{border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-oauth[data-v-e7221fce]:focus{outline:none;box-shadow:var(--shadow-primary),0 0 0 3px var(--focus-ring)}@media (prefers-contrast: high){.login-container[data-v-e7221fce]{border:2px solid var(--border-strong)}.btn-oauth[data-v-e7221fce]{border:2px solid var(--color-primary)}}@media (prefers-reduced-motion: reduce){.login-container[data-v-e7221fce],.btn-oauth[data-v-e7221fce],.feature-item[data-v-e7221fce],.pulse-animation[data-v-e7221fce]{animation:none;transition:none}.loading-spinner[data-v-e7221fce]{animation:none}}.theme-light-purple[data-v-e27d8c4b]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-e27d8c4b]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-e27d8c4b]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-e27d8c4b]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-e27d8c4b]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-e27d8c4b],[data-v-e27d8c4b]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-e27d8c4b]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-e27d8c4b]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-e27d8c4b]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.login-page[data-v-e27d8c4b]{min-height:100vh;background:var(--gradient-background);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.login-page[data-v-e27d8c4b]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%237C83FD" fill-opacity="0.03"><circle cx="30" cy="30" r="1"/></g></svg>');pointer-events:none}.login-tabs[data-v-e27d8c4b]{display:flex;gap:.5rem;margin-bottom:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:.5rem;border:1px solid rgba(255,255,255,.2)}.tab-button[data-v-e27d8c4b]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:.75rem;color:#ffffffb3;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-button[data-v-e27d8c4b]:hover{color:#fff;background:#ffffff1a}.tab-button.active[data-v-e27d8c4b]{background:#fff;color:var(--color-primary);box-shadow:0 4px 15px #0000001a}.tab-icon[data-v-e27d8c4b]{width:1.125rem;height:1.125rem;fill:currentColor}.oauth-tab[data-v-e27d8c4b],.traditional-tab[data-v-e27d8c4b]{width:100%;max-width:1200px;position:relative;z-index:1}.login-container[data-v-e27d8c4b]{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;width:100%;min-height:600px;background:var(--color-background);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-accent);position:relative;z-index:1}.login-card[data-v-e27d8c4b]{padding:48px;display:flex;flex-direction:column;justify-content:center}.login-header[data-v-e27d8c4b]{text-align:center;margin-bottom:32px}.brand-logo[data-v-e27d8c4b]{width:250px;margin:0 auto 16px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-image[data-v-e27d8c4b]{width:100%;height:100%;object-fit:contain;padding:8px}.logo-icon[data-v-e27d8c4b]{width:32px;height:32px;fill:#fff}.brand-title[data-v-e27d8c4b]{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 8px;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text}.brand-subtitle[data-v-e27d8c4b]{color:var(--color-text-secondary);font-size:1rem;margin:0}.login-form[data-v-e27d8c4b]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-e27d8c4b]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-e27d8c4b]{font-weight:500;font-size:.9rem;color:var(--color-text-primary)}.input-wrapper[data-v-e27d8c4b]{position:relative;display:flex;align-items:center}.input-icon[data-v-e27d8c4b]{position:absolute;left:16px;width:20px;height:20px;fill:var(--color-text-secondary);z-index:1}.form-input[data-v-e27d8c4b]{width:100%;padding:16px 16px 16px 48px;border:2px solid var(--color-primary-20);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:1rem;transition:var(--transition-normal)}.form-input[data-v-e27d8c4b]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-20)}.form-input.error[data-v-e27d8c4b]{border-color:#ef4444}.form-input.error[data-v-e27d8c4b]:focus{box-shadow:0 0 0 4px #ef444433}.form-input[data-v-e27d8c4b]::placeholder{color:var(--color-text-secondary)}.password-toggle[data-v-e27d8c4b]{position:absolute;right:16px;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:var(--transition-normal)}.password-toggle[data-v-e27d8c4b]:hover{background:var(--color-primary-10)}.password-toggle svg[data-v-e27d8c4b]{width:20px;height:20px;fill:var(--color-text-secondary)}.error-message[data-v-e27d8c4b]{color:#ef4444;font-size:.85rem;margin-top:4px}.form-options[data-v-e27d8c4b]{display:flex;justify-content:space-between;align-items:center;margin:-8px 0 8px}.checkbox-label[data-v-e27d8c4b]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--color-text-primary)}.checkbox-input[data-v-e27d8c4b]{display:none}.checkbox-custom[data-v-e27d8c4b]{width:18px;height:18px;border:2px solid var(--color-primary-30);border-radius:var(--radius-sm);position:relative;transition:var(--transition-normal)}.checkbox-input:checked+.checkbox-custom[data-v-e27d8c4b]{background:var(--gradient-primary);border-color:var(--color-primary)}.checkbox-input:checked+.checkbox-custom[data-v-e27d8c4b]:after{content:"";position:absolute;top:2px;left:5px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-password[data-v-e27d8c4b]{color:var(--color-primary);text-decoration:none;font-size:.9rem;transition:var(--transition-normal)}.forgot-password[data-v-e27d8c4b]:hover{color:var(--color-primary-dark);text-decoration:underline}.login-button[data-v-e27d8c4b]{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden}.login-button[data-v-e27d8c4b]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-normal)}.login-button[data-v-e27d8c4b]:hover:before{left:100%}.login-button[data-v-e27d8c4b]:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent)}.login-button[data-v-e27d8c4b]:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.login-icon[data-v-e27d8c4b],.loading-spinner[data-v-e27d8c4b]{width:20px;height:20px;fill:currentColor}.error-alert[data-v-e27d8c4b],.success-alert[data-v-e27d8c4b]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500}.error-alert[data-v-e27d8c4b]{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.success-alert[data-v-e27d8c4b]{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.error-icon[data-v-e27d8c4b],.success-icon[data-v-e27d8c4b]{width:20px;height:20px;fill:currentColor}.login-footer[data-v-e27d8c4b]{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-primary-20)}.footer-text[data-v-e27d8c4b]{color:var(--color-text-secondary);font-size:.9rem;margin:0}.footer-link[data-v-e27d8c4b]{color:var(--color-primary);text-decoration:none;font-weight:500;transition:var(--transition-normal)}.footer-link[data-v-e27d8c4b]:hover{color:var(--color-primary-dark);text-decoration:underline}.side-panel[data-v-e27d8c4b]{background:var(--gradient-primary);padding:48px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.side-panel[data-v-e27d8c4b]:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05"><circle cx="20" cy="20" r="1"/></g></svg>');pointer-events:none}.side-content[data-v-e27d8c4b]{text-align:center;color:#fff;position:relative;z-index:1}.side-graphic[data-v-e27d8c4b]{margin-bottom:32px}.graphic-svg[data-v-e27d8c4b]{width:200px;height:200px;opacity:.8}.side-title[data-v-e27d8c4b]{font-size:2rem;font-weight:700;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.side-description[data-v-e27d8c4b]{font-size:1.1rem;line-height:1.6;margin:0 0 32px;opacity:.9}.side-features[data-v-e27d8c4b]{display:flex;flex-direction:column;gap:16px}.feature-item[data-v-e27d8c4b]{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:500}.feature-icon[data-v-e27d8c4b]{width:24px;height:24px;fill:currentColor;opacity:.8}@media (max-width: 1024px){.login-container[data-v-e27d8c4b]{grid-template-columns:1fr;max-width:500px}.side-panel[data-v-e27d8c4b]{display:none}.login-card[data-v-e27d8c4b]{padding:40px}}@media (max-width: 768px){.login-page[data-v-e27d8c4b]{padding:16px}.login-card[data-v-e27d8c4b]{padding:32px 24px}.brand-title[data-v-e27d8c4b]{font-size:1.75rem}.form-options[data-v-e27d8c4b]{flex-direction:column;gap:12px;align-items:flex-start}}@media (max-width: 480px){.login-card[data-v-e27d8c4b]{padding:24px 20px}.brand-title[data-v-e27d8c4b]{font-size:1.5rem}.form-input[data-v-e27d8c4b]{padding:14px 14px 14px 44px}.login-button[data-v-e27d8c4b]{padding:14px 20px}}.form-group[data-v-e27d8c4b]{animation:slideInUp-e27d8c4b .3s ease-out}@keyframes slideInUp-e27d8c4b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-input:focus+.input-icon[data-v-e27d8c4b]{fill:var(--color-primary)}@keyframes spin-e27d8c4b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner[data-v-e27d8c4b]{animation:spin-e27d8c4b 1s linear infinite}.theme-dark-purple .login-container[data-v-e27d8c4b],.theme-dark-slate .login-container[data-v-e27d8c4b]{background:var(--color-surface);border:1px solid var(--color-primary-20)}.theme-dark-purple .form-input[data-v-e27d8c4b],.theme-dark-slate .form-input[data-v-e27d8c4b]{background:var(--color-background);border-color:var(--color-primary-30)}.theme-dark-purple .form-input[data-v-e27d8c4b]:focus,.theme-dark-slate .form-input[data-v-e27d8c4b]:focus{border-color:var(--color-primary);background:var(--color-surface)}.dash-container[data-v-cf27b514]{width:100%;padding:12px;background:var(--color-background);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden;color:var(--color-text-primary)}.dash-header[data-v-cf27b514]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding:0 4px}.dash-header h1[data-v-cf27b514]{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.header-subtitle[data-v-cf27b514]{font-size:.8rem;font-weight:400;color:var(--color-text-secondary);margin:2px 0 0}.header-date[data-v-cf27b514]{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:var(--color-text-primary);background:var(--color-primary-5);padding:4px 10px;border-radius:4px}.icon-sm[data-v-cf27b514]{width:14px;height:14px;fill:currentColor}.dash-grid[data-v-cf27b514]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch;width:100%}.dash-card[data-v-cf27b514]{background:var(--color-surface);border-radius:4px;border:1px solid var(--border-light);padding:12px;display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden}.dash-card[data-v-cf27b514]:hover{transform:translateY(-2px);box-shadow:var(--shadow-subtle)}.card-title[data-v-cf27b514]{font-size:.7rem;font-weight:700;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.kpi-fixed[data-v-cf27b514]{min-height:105px}.scroll-area[data-v-cf27b514]{max-height:220px;overflow-y:auto;scrollbar-width:none}.scroll-area-grid[data-v-cf27b514]{max-height:260px;overflow-y:auto;scrollbar-width:none}.animate-in[data-v-cf27b514]{opacity:0;transform:translateY(10px);animation:fadeInUp-cf27b514 .5s ease forwards}.delay-1[data-v-cf27b514]{animation-delay:.1s}.delay-2[data-v-cf27b514]{animation-delay:.2s}.delay-3[data-v-cf27b514]{animation-delay:.3s}.delay-4[data-v-cf27b514]{animation-delay:.4s}.delay-5[data-v-cf27b514]{animation-delay:.5s}@keyframes fadeInUp-cf27b514{to{opacity:1;transform:translateY(0)}}.animate-width[data-v-cf27b514]{width:0;transition:width 1.2s ease}.pulse-dot[data-v-cf27b514]{display:inline-block;width:6px;height:6px;background:var(--color-success);border-radius:50%;margin-right:6px;vertical-align:middle;position:relative}.pulse-dot[data-v-cf27b514]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-success);border-radius:50%;animation:pulse-cf27b514 2s infinite}@keyframes pulse-cf27b514{0%{transform:scale(1);opacity:.8}to{transform:scale(3);opacity:0}}.card-welcome[data-v-cf27b514]{grid-column:span 3;flex-direction:row;align-items:center;padding:16px;background:linear-gradient(to right,var(--color-surface),var(--color-primary-5))}.welcome-top[data-v-cf27b514]{display:flex;justify-content:space-between;align-items:center;width:100%}.welcome-label[data-v-cf27b514]{font-size:.65rem;font-weight:700;color:var(--color-warning);text-transform:uppercase;display:flex;align-items:center;letter-spacing:.08em}.welcome-stats[data-v-cf27b514]{display:flex;gap:28px;margin-top:12px}.w-stat[data-v-cf27b514]{display:flex;flex-direction:column}.w-value[data-v-cf27b514]{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.w-label[data-v-cf27b514]{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);margin-top:2px}.w-stat.accent .w-value[data-v-cf27b514]{color:var(--color-accent)}.w-stat.orange .w-value[data-v-cf27b514]{color:var(--color-warning)}.w-stat.success .w-value[data-v-cf27b514]{color:var(--color-success)}.welcome-illustration[data-v-cf27b514]{width:90px;opacity:.8}.welcome-illustration img[data-v-cf27b514]{width:100%}.card-attendance[data-v-cf27b514]{grid-column:span 1}.attendance-bar-grid[data-v-cf27b514]{display:flex;flex-direction:column;gap:8px}.att-info[data-v-cf27b514]{display:flex;justify-content:space-between;font-size:.7rem;font-weight:500}.att-progress[data-v-cf27b514]{height:4px;background:var(--color-primary-5);border-radius:4px;overflow:hidden}.att-fill[data-v-cf27b514]{height:100%;background:var(--color-primary)}.att-item.absent .att-fill[data-v-cf27b514]{background:var(--color-error)}.att-item.late .att-fill[data-v-cf27b514]{background:var(--color-warning)}.mobile-content-v2[data-v-cf27b514]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:4px}.m-main-val[data-v-cf27b514]{font-size:1.6rem;font-weight:800;color:var(--color-primary);line-height:1}.m-sub-label[data-v-cf27b514]{font-size:.6rem;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;margin-top:2px}.m-divider[data-v-cf27b514]{width:40px;height:2px;background:var(--color-warning);margin:6px 0;border-radius:2px}.m-footer-stats[data-v-cf27b514]{display:flex;gap:12px;font-size:.65rem;font-weight:700;color:var(--color-text-secondary)}.m-pending[data-v-cf27b514]{color:var(--color-warning)}.mini-header[data-v-cf27b514]{font-size:.65rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:4px}.mini-body[data-v-cf27b514]{display:flex;align-items:center;justify-content:space-between;flex:1}.mini-val[data-v-cf27b514]{font-size:1.4rem;font-weight:700;color:var(--color-text-primary)}.mini-chart[data-v-cf27b514]{width:55px;height:30px}.turnover-chart-box-mini[data-v-cf27b514]{width:40px;height:40px}.demo-body[data-v-cf27b514]{display:flex;flex-direction:column;gap:4px;margin-top:4px}.demo-line[data-v-cf27b514]{display:flex;justify-content:space-between;font-size:.7rem;font-weight:500}.demo-gender-bar[data-v-cf27b514]{display:flex;height:6px;border-radius:8px;overflow:hidden;margin-top:4px;background:var(--color-primary-5)}.g-fill.male[data-v-cf27b514]{background:var(--color-primary)}.g-fill.female[data-v-cf27b514]{background:var(--color-warning)}.card-dept-breakdown[data-v-cf27b514]{grid-column:span 2}.dept-list[data-v-cf27b514]{display:flex;flex-direction:column;gap:8px}.d-info[data-v-cf27b514]{display:flex;justify-content:space-between;font-size:.7rem;font-weight:500;margin-bottom:2px}.d-bar-bg[data-v-cf27b514]{height:4px;background:var(--color-primary-5);border-radius:4px}.d-bar-fill[data-v-cf27b514]{height:100%;border-radius:4px}.empty-compact[data-v-cf27b514]{font-size:.7rem;color:var(--color-text-secondary);text-align:center;padding:20px}.card-att-trends[data-v-cf27b514]{grid-column:span 2}.sparkline-trend-wrapper[data-v-cf27b514]{height:70px;margin:8px 0}.att-trend-footer[data-v-cf27b514]{display:flex;justify-content:space-between;font-size:.65rem;font-weight:600;color:var(--color-text-secondary)}.highlights[data-v-cf27b514]{color:var(--color-warning)}.card-trends.full-width[data-v-cf27b514]{grid-column:span 4;margin-top:4px}.main-chart-wrapper[data-v-cf27b514]{height:180px;width:100%}.card-header-row h3[data-v-cf27b514]{font-size:.85rem;font-weight:700;margin:0;color:var(--color-text-primary)}.chart-legend-custom[data-v-cf27b514]{display:flex;gap:12px}.l-item[data-v-cf27b514]{font-size:.7rem;display:flex;align-items:center;gap:4px;font-weight:600}.l-dot[data-v-cf27b514]{width:6px;height:6px;border-radius:50%}.l-dot.joined[data-v-cf27b514]{background:var(--color-primary)}.l-dot.resigned[data-v-cf27b514]{background:var(--color-warning)}.card-header-compact h3[data-v-cf27b514]{font-size:.85rem;font-weight:700;margin:0;color:var(--color-text-primary)}.c-item[data-v-cf27b514]{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-light)}.c-avatar[data-v-cf27b514]{width:28px;height:28px;border-radius:4px;background:var(--color-primary-5);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.c-name[data-v-cf27b514]{font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.c-sub[data-v-cf27b514]{font-size:.65rem;font-weight:400;color:var(--color-text-secondary)}.c-icon-badge[data-v-cf27b514]{width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center}.c-icon-badge.birthday[data-v-cf27b514]{background:var(--color-warning-5);color:var(--color-warning)}.full-col-2[data-v-cf27b514]{grid-column:span 2}.compact-list-grid[data-v-cf27b514]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.c-item-box[data-v-cf27b514]{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--color-primary-5);border-radius:4px}.c-avatar-v2[data-v-cf27b514]{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.c-info-v2 .n[data-v-cf27b514]{font-size:.75rem;font-weight:600;color:var(--color-text-primary)}.c-info-v2 .s[data-v-cf27b514]{font-size:.6rem;font-weight:400;color:var(--color-text-secondary)}.dash-footer-minimal[data-v-cf27b514]{margin-top:24px;text-align:center;font-size:.7rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.badge-count[data-v-cf27b514]{background:var(--color-primary);padding:1px 6px;border-radius:10px;font-size:.65rem;font-weight:800;color:#fff}.dash-loading[data-v-cf27b514]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:480px}.dash-spinner[data-v-cf27b514]{width:28px;height:28px;border:3px solid var(--color-primary-10);border-top-color:var(--color-warning);border-radius:50%;animation:spin-cf27b514 .8s linear infinite}@keyframes spin-cf27b514{to{transform:rotate(360deg)}}@media (max-width: 1200px){.dash-grid[data-v-cf27b514]{grid-template-columns:repeat(2,1fr)}.card-welcome[data-v-cf27b514],.card-dept-breakdown[data-v-cf27b514],.card-att-trends[data-v-cf27b514],.card-trends.full-width[data-v-cf27b514],.full-col-2[data-v-cf27b514]{grid-column:span 2}}@media (max-width: 640px){.dash-grid[data-v-cf27b514]{grid-template-columns:1fr}.card-welcome[data-v-cf27b514],.card-attendance[data-v-cf27b514],.card-mini-stats[data-v-cf27b514],.card-mobile[data-v-cf27b514],.card-demographics[data-v-cf27b514],.card-dept-breakdown[data-v-cf27b514],.card-att-trends[data-v-cf27b514],.card-trends.full-width[data-v-cf27b514],.card-list[data-v-cf27b514],.full-col-2[data-v-cf27b514]{grid-column:span 1}.kpi-fixed[data-v-cf27b514]{max-height:none;min-height:none}}.filter-panel-overlay[data-v-bb7d5876]{position:fixed;top:0;left:0;width:96vw;height:95vh;background:#00000040;z-index:1000;display:flex;align-items:flex-start;justify-content:center}.filter-panel[data-v-bb7d5876]{background:var(--color-surface);border-radius:0 0 16px 16px;box-shadow:0 8px 32px #00000026;width:70dvw;max-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;animation:filterSlideDown-bb7d5876 .3s ease}.filter-panel[data-v-bb7d5876]::-webkit-scrollbar{display:none}@keyframes filterSlideDown-bb7d5876{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.filter-panel-header[data-v-bb7d5876]{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 16px;border-bottom:1px solid var(--color-primary-10)}.filter-panel-title-row[data-v-bb7d5876]{display:flex;align-items:center;gap:10px}.filter-panel-content[data-v-bb7d5876]{padding:0}.close-btn[data-v-bb7d5876]{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;color:var(--color-text-secondary);display:flex;align-items:center}.close-btn[data-v-bb7d5876]:hover{background:var(--color-primary-10);color:var(--color-text-primary)}h2[data-v-bb7d5876]{margin:0;font-size:18px;font-weight:700;color:var(--color-text-primary)}@media (max-width: 768px){.filter-panel[data-v-bb7d5876]{width:95vw;min-width:unset}}.theme-light-purple[data-v-75d3dc6d]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-75d3dc6d]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-75d3dc6d]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-75d3dc6d]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-75d3dc6d]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-75d3dc6d],[data-v-75d3dc6d]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-75d3dc6d]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-75d3dc6d]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-75d3dc6d]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.month-year-picker[data-v-75d3dc6d]{display:flex;gap:10px;align-items:center}.month-year-picker select[data-v-75d3dc6d]{padding:7px 12px;border-radius:6px;border:1px solid var(--color-primary-20, #d0d4da);background:var(--color-background, #fff);font-size:12px;color:var(--color-text, #222);outline:none;transition:border .2s;min-width:90px;box-shadow:0 1px 2px #00000008}.month-year-picker select[data-v-75d3dc6d]:focus{border-color:var(--color-primary, #007bff)}.month-year-picker option[disabled][data-v-75d3dc6d]{color:var(--color-text-secondary, #aaa);background:var(--color-surface, #f5f5f5)}.theme-light-purple[data-v-5c46735f]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-5c46735f]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-5c46735f]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-5c46735f]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-5c46735f]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-5c46735f],[data-v-5c46735f]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-5c46735f]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-5c46735f]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-5c46735f]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.modal-overlay[data-v-5c46735f]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#060a0f80;z-index:1200}.split-choice-row[data-v-5c46735f]{display:flex;gap:16px;margin-bottom:4px}.installment-edit-modal[data-v-5c46735f]{width:720px;max-width:94vw;border-radius:10px;padding:18px;background:var(--color-surface, #fff);box-shadow:0 8px 30px #0000002e}.modal-header[data-v-5c46735f]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-close[data-v-5c46735f]{background:transparent;border:none;padding:6px;cursor:pointer}.modal-body[data-v-5c46735f]{padding:8px 0 14px;max-height:60vh;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-body[data-v-5c46735f]::-webkit-scrollbar{display:none}.action-select-row[data-v-5c46735f]{display:flex;gap:10px;margin-bottom:12px}.action-option[data-v-5c46735f]{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:8px;cursor:pointer;flex:1;border:1px solid var(--color-primary-10, #e6e6e6);background:var(--color-background, #fafafa)}.action-option input[data-v-5c46735f]{margin-top:6px}.form-control[data-v-5c46735f]{width:100%;padding:8px;border-radius:6px;border:1px solid var(--color-primary-20, #ddd);background:var(--color-background, #fff)}.form-help[data-v-5c46735f]{display:block;margin-top:6px;color:var(--color-text-secondary, #6b6b6b);font-size:.8rem}.form-actions[data-v-5c46735f]{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.btn[data-v-5c46735f]{padding:8px 12px;border-radius:6px;cursor:pointer;border:none}.btn-cancel[data-v-5c46735f]{background:#f0f0f0;color:#111}.btn-primary[data-v-5c46735f]{background:var(--color-primary, #007bff);color:#fff}.spinner-small[data-v-5c46735f]{width:18px;height:18px;margin-right:8px;vertical-align:middle}.action-option .action-content strong[data-v-5c46735f]{display:block}.alert-content[data-v-5c46735f]{display:block;align-items:center;gap:8px;color:#663c00;font-size:10px;border:1px solid #f5c26b;background-color:#fff4e5;border-radius:6px;padding:4px 8px}label[data-v-5c46735f]{font-weight:500;font-size:.9rem}.inline-option[data-v-5c46735f]{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px}.block-des[data-v-5c46735f]{display:block;flex-direction:column}.installment-list-preview[data-v-5c46735f]{margin-bottom:18px;background:#f8fafd;border-radius:8px;padding:10px 12px;max-height:180px;overflow-y:auto}.installment-preview-item[data-v-5c46735f]{display:flex;align-items:center;gap:12px;font-size:.97rem;padding:4px 0;border-bottom:1px solid #eaeaea}.installment-preview-item[data-v-5c46735f]:last-child{border-bottom:none}.topup-badge[data-v-5c46735f]{background:#e6f0ff;color:#007bff;border-radius:6px;padding:2px 8px 2px 4px;font-size:.85em;margin-left:6px;display:inline-flex;align-items:center;font-weight:500}.theme-light-purple[data-v-1876b871]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-1876b871]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-1876b871]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-1876b871]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-1876b871]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-1876b871],[data-v-1876b871]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-1876b871]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-1876b871]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-1876b871]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.terms-tab-v2[data-v-1876b871]{padding:24px 16px;display:flex;flex-direction:column;gap:32px}.terms-grid-v2[data-v-1876b871]{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:24px;align-items:flex-end}.terms-field[data-v-1876b871]{display:flex;flex-direction:column;gap:8px}.terms-field label[data-v-1876b871]{font-size:.75rem;color:#888;font-weight:500}.terms-field input[type=text][data-v-1876b871],.terms-field input[type=number][data-v-1876b871],.terms-field input[type=date][data-v-1876b871],.terms-field select[data-v-1876b871]{border:none;border-bottom:1.5px solid #eee;padding:8px 0;font-size:.95rem;font-weight:500;color:#333;background:transparent;outline:none;transition:border-color .2s}.terms-field input[data-v-1876b871]:focus,.terms-field select[data-v-1876b871]:focus{border-bottom-color:var(--color-primary)}.terms-flex-right[data-v-1876b871]{display:flex;align-items:center;margin-bottom:8px}.custom-checkbox-v2[data-v-1876b871]{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#888;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox-v2 input[data-v-1876b871]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox-v2 .checkmark[data-v-1876b871]{height:18px;width:18px;background-color:#fff;border:1px solid #ddd;border-radius:4px;position:relative}.custom-checkbox-v2 input:checked~.checkmark[data-v-1876b871]{background-color:var(--color-primary);border-color:var(--color-primary)}.custom-checkbox-v2 .checkmark[data-v-1876b871]:after{content:"";position:absolute;display:none}.custom-checkbox-v2 input:checked~.checkmark[data-v-1876b871]:after{display:block}.custom-checkbox-v2 .checkmark[data-v-1876b871]:after{left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.days-grid-v2[data-v-1876b871]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 24px}.day-check-v2[data-v-1876b871]{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#888;cursor:pointer;transition:color .2s}.day-check-v2 input[data-v-1876b871]{display:none}.day-icon[data-v-1876b871]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#ddd}.day-icon svg[data-v-1876b871]{width:18px;height:18px;fill:currentColor}.day-icon.active[data-v-1876b871]{color:#4ade80}.day-check-v2:hover .day-icon[data-v-1876b871]:not(.active){color:#eee}.halfday-row-v2[data-v-1876b871],.contract-row-v2[data-v-1876b871]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.contract-row-v2[data-v-1876b871]{grid-template-columns:1fr 1.5fr;width:66%}.terms-footer-v2[data-v-1876b871]{display:flex;justify-content:flex-end;margin-top:20px}.pkg-save-btn-v2[data-v-1876b871]{background:#2196f3;color:#fff;border:none;padding:10px 32px;border-radius:4px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #2196f34d;transition:all .2s;letter-spacing:.5px}.pkg-save-btn-v2[data-v-1876b871]:hover{background:#1e88e5;box-shadow:0 4px 8px #2196f366}.pkg-save-btn-v2[data-v-1876b871]:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.detail-panel-overlay[data-v-1876b871]{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:flex-end;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.detail-panel[data-v-1876b871]{width:70dvw;height:95vh;padding-top:20px;padding-bottom:40px;background:var(--color-background);border-left:1px solid var(--color-primary-20);display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000001a;animation:slideInRight-1876b871 .25s ease-out}@keyframes slideInRight-1876b871{0%{transform:translate(100%)}to{transform:translate(0)}}.space-between[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between}.panel-header[data-v-1876b871]{padding:16px;border-bottom:1px solid var(--color-primary-20);background:var(--gradient-background);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.member-header-info[data-v-1876b871]{display:flex;align-items:center;gap:12px}.member-header-avatar[data-v-1876b871]{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.header-avatar-image[data-v-1876b871]{width:100%;height:100%;object-fit:cover}.header-avatar-placeholder[data-v-1876b871]{width:100%;height:100%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.member-header-details[data-v-1876b871]{display:flex;flex-direction:column;gap:2px}.member-header-name[data-v-1876b871]{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.2}.member-header-emp[data-v-1876b871]{font-size:.8rem;color:var(--color-text-secondary);margin:0}.close-btn[data-v-1876b871]{width:28px;height:28px;border:none;background:var(--color-primary-10);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);color:var(--color-text-secondary)}.close-btn[data-v-1876b871]:hover{background:var(--color-primary);color:#fff}.close-btn svg[data-v-1876b871]{width:14px;height:14px;fill:currentColor}.panel-tabs[data-v-1876b871]{display:flex;border-bottom:1px solid var(--color-primary-20);background:var(--color-surface);flex-shrink:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.panel-tabs[data-v-1876b871]::-webkit-scrollbar{display:none}.tab-btn[data-v-1876b871]{padding:10px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition-normal);white-space:nowrap;border-bottom:2px solid transparent}.tab-btn[data-v-1876b871]:hover{color:var(--color-primary);background:var(--color-primary-5)}.tab-btn.active[data-v-1876b871]{color:var(--color-primary);background:var(--color-primary-10);border-bottom-color:var(--color-primary);font-weight:600}.panel-content[data-v-1876b871]{flex:1;overflow-y:auto;padding:0}.tab-content[data-v-1876b871]{height:100%;min-height:400px}.profile-section[data-v-1876b871]{position:relative;padding:16px}.profile-actions[data-v-1876b871]{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:10}.action-toggle-btn[data-v-1876b871]{width:32px;height:32px;border:none;background:var(--color-primary-10);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.action-toggle-btn[data-v-1876b871]:hover,.action-toggle-btn.active[data-v-1876b871]{background:var(--color-primary);color:#fff;transform:rotate(45deg);box-shadow:0 4px 12px #00000026}.action-icon[data-v-1876b871]{width:16px;height:16px;fill:currentColor;transition:var(--transition-normal)}.action-icons[data-v-1876b871]{display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(-8px);transition:all .25s ease;pointer-events:none}.action-icons.visible[data-v-1876b871]{opacity:1;transform:translateY(0);pointer-events:all}.action-btn[data-v-1876b871]{width:28px;height:28px;border:none;background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);color:var(--color-text-secondary);box-shadow:0 2px 6px #00000014}.action-btn[data-v-1876b871]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #00000026}.action-btn svg[data-v-1876b871]{width:12px;height:12px;fill:currentColor}.profile-info[data-v-1876b871]{margin-top:16px;margin-right:50px}.info-section[data-v-1876b871]{margin-bottom:24px}.section-header[data-v-1876b871]{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--color-primary-20)}.section-icon[data-v-1876b871]{width:18px;height:18px;fill:var(--color-primary)}.section-title[data-v-1876b871]{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.info-cards[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.info-card[data-v-1876b871]{border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;transition:var(--transition-normal);position:relative;overflow:hidden}.info-card[data-v-1876b871]:hover{transform:translateY(-1px)}.info-card.wide[data-v-1876b871]{grid-column:span 2}.card-icon[data-v-1876b871]{width:36px;height:36px;background:var(--color-primary-10);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon svg[data-v-1876b871]{width:18px;height:18px;fill:var(--color-primary)}.card-content[data-v-1876b871]{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.card-label[data-v-1876b871]{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.card-value[data-v-1876b871]{font-size:.85rem;font-weight:500;color:var(--color-text-primary);word-wrap:break-word;line-height:1.3}.package-section[data-v-1876b871]{padding:16px}.package-overview[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.overview-card[data-v-1876b871]{background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:8px;padding:12px;display:flex;align-items:center;gap:8px;transition:var(--transition-normal);position:relative;overflow:hidden}.overview-card[data-v-1876b871]:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);transition:var(--transition-normal)}.overview-card.secondary[data-v-1876b871]:before{background:var(--color-accent)}.overview-card.accent[data-v-1876b871]:before{background:var(--gradient-primary)}.overview-card[data-v-1876b871]:hover{border-color:var(--color-primary-30);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.overview-icon[data-v-1876b871]{width:32px;height:32px;background:var(--color-primary-10);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overview-card.secondary .overview-icon[data-v-1876b871]{background:var(--color-accent-20)}.overview-card.accent .overview-icon[data-v-1876b871]{background:var(--gradient-primary)}.overview-icon svg[data-v-1876b871]{width:16px;height:16px;fill:var(--color-primary)}.overview-card.secondary .overview-icon svg[data-v-1876b871]{fill:var(--color-accent)}.overview-card.accent .overview-icon svg[data-v-1876b871]{fill:#fff}.overview-content[data-v-1876b871]{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.overview-title[data-v-1876b871]{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em;margin:0}.overview-value[data-v-1876b871]{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1}.overview-subtitle[data-v-1876b871]{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.package-details[data-v-1876b871]{display:flex;flex-direction:column;gap:20px}.package-section-card[data-v-1876b871]{background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:12px;padding:20px;transition:var(--transition-normal)}.package-section-card[data-v-1876b871]:hover{border-color:var(--color-primary-30);box-shadow:0 2px 12px #0000000f}.leave-grid[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.leave-card[data-v-1876b871]{background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:8px;padding:12px;display:flex;align-items:center;gap:8px;transition:var(--transition-normal);position:relative;overflow:hidden}.leave-card[data-v-1876b871]:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);transition:var(--transition-normal)}.leave-card[data-v-1876b871]:hover{border-color:var(--color-primary-30);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.leave-card.annual[data-v-1876b871]:before{background:var(--color-primary)}.leave-card.casual[data-v-1876b871]:before{background:var(--color-accent)}.leave-card.medical[data-v-1876b871]:before{background:#e74c3c}.leave-icon[data-v-1876b871]{width:32px;height:32px;background:var(--color-primary-10);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leave-card.casual .leave-icon[data-v-1876b871]{background:var(--color-accent-20)}.leave-card.medical .leave-icon[data-v-1876b871]{background:#e74c3c1a}.leave-icon svg[data-v-1876b871]{width:16px;height:16px;fill:var(--color-primary)}.leave-card.casual .leave-icon svg[data-v-1876b871]{fill:var(--color-accent)}.leave-card.medical .leave-icon svg[data-v-1876b871]{fill:#e74c3c}.leave-content[data-v-1876b871]{display:flex;flex-direction:column;gap:1px;flex:1}.leave-content h4[data-v-1876b871]{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.025em}.leave-days[data-v-1876b871]{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);line-height:1}.leave-unit[data-v-1876b871]{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.employment-grid[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.employment-item[data-v-1876b871]{padding:12px;display:flex;align-items:center;gap:12px;transition:var(--transition-normal)}.employment-item[data-v-1876b871]:hover{transform:translateY(-1px)}.employment-icon[data-v-1876b871]{width:32px;height:32px;background:var(--color-primary-10);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.employment-icon svg[data-v-1876b871]{width:16px;height:16px;fill:var(--color-primary)}.employment-content[data-v-1876b871]{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.employment-label[data-v-1876b871]{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.employment-value[data-v-1876b871]{font-size:.85rem;font-weight:600;color:var(--color-text-primary);word-wrap:break-word}.epf-status.active[data-v-1876b871]{color:var(--color-success)}.permissions-grid[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.permission-item[data-v-1876b871]{background:var(--gradient-background);border:1px solid var(--color-primary-20);border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:8px;transition:var(--transition-normal)}.permission-item[data-v-1876b871]:hover{border-color:var(--color-primary);background:var(--color-primary-5)}.permission-item.inactive[data-v-1876b871]{opacity:.72;background:var(--color-surface)}.permission-icon[data-v-1876b871]{width:20px;height:20px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.permission-icon svg[data-v-1876b871]{width:12px;height:12px;fill:#fff}.permission-icon.inactive[data-v-1876b871]{background:var(--color-primary-20)}.permission-text[data-v-1876b871]{font-size:.8rem;font-weight:500;color:var(--color-text-primary)}.permission-copy[data-v-1876b871]{display:flex;flex-direction:column;gap:2px}.permission-copy small[data-v-1876b871]{font-size:.68rem;color:var(--color-text-secondary)}.access-section[data-v-1876b871]{display:flex;flex-direction:column;gap:8px}.access-section-title[data-v-1876b871]{margin:0;font-size:.8rem;color:var(--color-text-primary)}.access-meta-pill[data-v-1876b871]{background:var(--color-primary-10);color:var(--color-primary);border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:600}.access-current-card[data-v-1876b871]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:8px}.access-current-label[data-v-1876b871]{display:block;font-size:.66rem;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:4px}.access-current-value[data-v-1876b871]{color:var(--color-text-primary);font-size:.9rem}.access-role-grid[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.access-role-card[data-v-1876b871]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid var(--color-primary-20);background:var(--color-surface)}.access-role-card.active[data-v-1876b871]{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface))}.access-check-icon[data-v-1876b871]{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-primary-20);color:var(--color-text-secondary);flex-shrink:0}.access-check-icon.active[data-v-1876b871]{background:var(--color-success);color:#fff}.access-check-icon svg[data-v-1876b871]{width:12px;height:12px;fill:currentColor}.access-role-copy[data-v-1876b871]{display:flex;flex-direction:column;gap:2px}.access-role-name[data-v-1876b871]{font-size:.8rem;color:var(--color-text-primary);font-weight:600}.access-role-copy small[data-v-1876b871]{font-size:.68rem;color:var(--color-text-secondary)}.tags-container[data-v-1876b871]{display:flex;flex-wrap:wrap;gap:8px}.tag-item[data-v-1876b871]{background:var(--gradient-primary);color:#fff;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:capitalize;transition:var(--transition-normal)}.tag-item[data-v-1876b871]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.empty-state[data-v-1876b871]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:32px;color:var(--color-text-secondary)}.empty-state h3[data-v-1876b871]{margin:0 0 6px;color:var(--color-text-primary);font-size:1rem}.empty-state p[data-v-1876b871]{margin:0;color:var(--color-text-secondary);font-size:.8rem}.panel-loading[data-v-1876b871]{display:flex;align-items:center;justify-content:center;height:100%;background:var(--color-background)}.loading-spinner[data-v-1876b871]{display:flex;flex-direction:column;align-items:center;gap:8px}.spinner[data-v-1876b871]{width:24px;height:24px;color:var(--color-primary)}.loading-spinner span[data-v-1876b871]{color:var(--color-text-primary);font-weight:500;font-size:.8rem}@media (max-width: 768px){.detail-panel[data-v-1876b871]{width:100vw}.info-cards[data-v-1876b871]{grid-template-columns:1fr;gap:10px}.info-card.wide[data-v-1876b871]{grid-column:span 1}.profile-info[data-v-1876b871]{margin-right:40px}.action-toggle-btn[data-v-1876b871]{width:28px;height:28px}.action-btn[data-v-1876b871]{width:24px;height:24px}.action-btn svg[data-v-1876b871]{width:10px;height:10px}.panel-header[data-v-1876b871],.profile-section[data-v-1876b871],.package-section[data-v-1876b871]{padding:12px}.card-icon[data-v-1876b871]{width:32px;height:32px}.card-icon svg[data-v-1876b871]{width:16px;height:16px}.section-header[data-v-1876b871]{margin-bottom:10px}.info-section[data-v-1876b871]{margin-bottom:20px}.package-overview[data-v-1876b871]{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.overview-card[data-v-1876b871]{padding:16px}.overview-icon[data-v-1876b871]{width:40px;height:40px}.overview-icon svg[data-v-1876b871]{width:20px;height:20px}.overview-value[data-v-1876b871]{font-size:1.1rem}.leave-grid[data-v-1876b871]{grid-template-columns:1fr;gap:12px}.leave-card[data-v-1876b871]{padding:12px}.leave-icon[data-v-1876b871]{width:36px;height:36px}.leave-icon svg[data-v-1876b871]{width:18px;height:18px}.leave-days[data-v-1876b871]{font-size:1.25rem}.employment-grid[data-v-1876b871]{grid-template-columns:1fr;gap:10px}.employment-item[data-v-1876b871]{padding:10px}.employment-icon[data-v-1876b871]{width:28px;height:28px}.employment-icon svg[data-v-1876b871]{width:14px;height:14px}.permissions-grid[data-v-1876b871]{grid-template-columns:1fr;gap:6px}.permission-item[data-v-1876b871]{padding:6px 10px}.package-section-card[data-v-1876b871]{padding:16px}.package-details[data-v-1876b871]{gap:16px}}.panel-content[data-v-1876b871]::-webkit-scrollbar{width:4px}.panel-content[data-v-1876b871]::-webkit-scrollbar-track{background:var(--color-primary-5)}.panel-content[data-v-1876b871]::-webkit-scrollbar-thumb{background:var(--color-primary-30);border-radius:2px}.panel-content[data-v-1876b871]::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.installment-edit-modal[data-v-1876b871]{width:520px;max-width:94vw;border-radius:10px;padding:18px;background:var(--color-surface);box-shadow:0 8px 30px #0000002e}.installment-edit-modal .modal-header[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.installment-edit-modal .modal-body[data-v-1876b871]{padding:8px 0 14px}.action-select-row[data-v-1876b871]{display:flex;gap:10px;margin-bottom:12px}.action-option[data-v-1876b871]{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:8px;cursor:pointer;flex:1;border:1px solid var(--color-primary-10);background:var(--color-background)}.action-option input[data-v-1876b871]{margin-top:6px}.action-option .action-content strong[data-v-1876b871]{display:block}.action-option .muted[data-v-1876b871]{color:var(--color-text-secondary);font-size:.8rem}.installment-edit-modal .form-help[data-v-1876b871]{display:block;margin-top:6px;color:var(--color-text-secondary);font-size:.8rem}.installment-edit-modal .form-control[data-v-1876b871]{width:100%;padding:8px;border-radius:6px;border:1px solid var(--color-primary-20);background:var(--color-background)}.installment-edit-modal .form-actions[data-v-1876b871]{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.variables-header[data-v-1876b871]{background:var(--gradient-background);border-bottom:1px solid var(--color-primary-20);padding:8px}.header-content[data-v-1876b871]{display:flex;flex-direction:column;gap:12px}.header-info .header-title[data-v-1876b871]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 2px}.header-info .header-subtitle[data-v-1876b871]{font-size:.8rem;color:var(--color-text-secondary);margin:0}.header-stats[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.stat-card[data-v-1876b871]{background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:8px;padding:12px;display:flex;align-items:center;gap:8px;transition:var(--transition-normal);position:relative;overflow:hidden}.stat-card[data-v-1876b871]:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);transition:var(--transition-normal)}.stat-card.processed[data-v-1876b871]:before{background:var(--color-success)}.stat-card.pending[data-v-1876b871]:before{background:var(--color-warning)}.stat-card[data-v-1876b871]:hover{border-color:var(--color-primary-30);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.stat-icon[data-v-1876b871]{width:32px;height:32px;background:var(--color-primary-10);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.processed .stat-icon[data-v-1876b871]{background:var(--color-success)}.stat-card.pending .stat-icon[data-v-1876b871]{background:var(--color-warning)}.stat-icon svg[data-v-1876b871]{width:16px;height:16px;fill:var(--color-primary)}.stat-card.processed .stat-icon svg[data-v-1876b871],.stat-card.pending .stat-icon svg[data-v-1876b871]{fill:#fff}.stat-content[data-v-1876b871]{display:flex;flex-direction:column;gap:1px;flex:1}.stat-value[data-v-1876b871]{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);line-height:1}.stat-label[data-v-1876b871]{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.variables-controls[data-v-1876b871]{background:var(--color-surface);border-bottom:1px solid var(--color-primary-20);padding:12px 16px;margin:8px}.filter-section[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-group[data-v-1876b871]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-select[data-v-1876b871]{background:var(--color-background);border:1px solid var(--color-primary-20);border-radius:6px;padding:6px 10px;font-size:.8rem;color:var(--color-text-primary);min-width:110px;transition:var(--transition-normal)}.filter-select[data-v-1876b871]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-10)}.filter-select[data-v-1876b871]:hover{border-color:var(--color-primary-30)}.search-group[data-v-1876b871]{display:flex;align-items:center;gap:6px}.search-input-wrapper[data-v-1876b871]{position:relative;display:flex;align-items:center}.search-icon[data-v-1876b871]{position:absolute;left:10px;width:14px;height:14px;fill:var(--color-text-secondary);pointer-events:none}.search-input[data-v-1876b871]{background:var(--color-background);border:1px solid var(--color-primary-20);border-radius:6px;padding:6px 10px 6px 32px;font-size:.8rem;color:var(--color-text-primary);min-width:180px;transition:var(--transition-normal)}.search-input[data-v-1876b871]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-10)}.search-input[data-v-1876b871]:hover{border-color:var(--color-primary-30)}.search-input[data-v-1876b871]::placeholder{color:var(--color-text-secondary)}.variables-content[data-v-1876b871]{flex:1;overflow-y:auto;padding:16px}.variables-loading[data-v-1876b871]{display:flex;align-items:center;justify-content:center;height:150px}.variables-loading .loading-spinner[data-v-1876b871]{display:flex;flex-direction:column;align-items:center;gap:6px}.variables-loading .spinner[data-v-1876b871]{width:24px;height:24px;color:var(--color-primary)}.variables-loading span[data-v-1876b871]{color:var(--color-text-secondary);font-weight:500;font-size:.8rem}.variables-list[data-v-1876b871]{display:flex;flex-direction:column;gap:12px}.variable-card[data-v-1876b871]{background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:8px;padding:12px;transition:var(--transition-normal);position:relative;overflow:hidden}.variable-card[data-v-1876b871]:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);transition:var(--transition-normal)}.variable-card.allowance[data-v-1876b871]:before,.variable-card.addition[data-v-1876b871]:before{background:var(--color-success)}.variable-card.deduction[data-v-1876b871]:before{background:var(--color-error)}.variable-card[data-v-1876b871]:hover{border-color:var(--color-primary-30);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.variable-card.processed[data-v-1876b871]{background:var(--gradient-background)}.variable-header[data-v-1876b871]{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;cursor:pointer;transition:var(--transition-normal);padding:8px;border-radius:8px}.variable-header[data-v-1876b871]:hover{background:var(--color-primary-05)}.variable-card.collapsed .variable-header[data-v-1876b871]{margin-bottom:0}.variable-icon[data-v-1876b871]{width:16px;height:16px;background:var(--color-primary-10);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.variable-card.allowance .variable-icon[data-v-1876b871],.variable-card.addition .variable-icon[data-v-1876b871]{background:var(--color-success)}.variable-card.deduction .variable-icon[data-v-1876b871]{background:var(--color-error)}.variable-icon svg[data-v-1876b871]{width:18px;height:18px;fill:var(--color-primary)}.variable-card.allowance .variable-icon svg[data-v-1876b871],.variable-card.deduction .variable-icon svg[data-v-1876b871],.variable-card.addition .variable-icon svg[data-v-1876b871]{fill:#fff}.variable-main[data-v-1876b871]{flex:1;min-width:0}.variable-title[data-v-1876b871]{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0 0 6px;line-height:1.3}.variable-badges[data-v-1876b871]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.variable-compact[data-v-1876b871]{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin-top:2px}.compact-type[data-v-1876b871],.compact-status[data-v-1876b871],.compact-date[data-v-1876b871]{font-size:.65rem;font-weight:500;padding:1px 4px;border-radius:3px;background:var(--color-primary-08);color:var(--color-text-secondary);white-space:nowrap}.compact-separator[data-v-1876b871]{font-size:.6rem;color:var(--color-text-tertiary);font-weight:400}.compact-status[data-v-1876b871]{background:var(--color-warning);color:#fff}.variable-card.processed .compact-status[data-v-1876b871]{background:var(--color-success)}.variable-controls[data-v-1876b871]{display:flex;align-items:flex-start;gap:8px}.collapse-toggle[data-v-1876b871]{background:none;border:1px solid var(--color-primary-20);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-normal);flex-shrink:0}.collapse-toggle[data-v-1876b871]:hover{background:var(--color-primary-10);border-color:var(--color-primary-30)}.collapse-icon[data-v-1876b871]{width:14px;height:14px;fill:var(--color-text-secondary);transition:transform .2s ease}.collapse-icon.rotated[data-v-1876b871]{transform:rotate(180deg)}.variable-card.collapsed[data-v-1876b871]{padding:8px 16px}.variable-card.collapsed .variable-title[data-v-1876b871]{font-size:.85rem;margin-bottom:2px}.variable-card.collapsed .variable-header[data-v-1876b871]{margin-bottom:0;padding:4px}.variable-card.collapsed .variable-details[data-v-1876b871]{display:none}.type-badge[data-v-1876b871]{color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.type-badge.deduction[data-v-1876b871]{color:var(--color-error)}.type-badge.allowance[data-v-1876b871],.type-badge.addition[data-v-1876b871]{color:var(--color-success)}.status-badge[data-v-1876b871]{color:var(--color-warning);padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.processed[data-v-1876b871]{background:var(--color-success)}.epf-badge[data-v-1876b871]{background:var(--color-accent);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.variable-amount[data-v-1876b871]{display:flex;align-items:center;gap:2px;color:var(--color-success);text-align:right;flex-shrink:0}.variable-amount.deduction[data-v-1876b871]{color:var(--color-error)}.variable-amount.allowance[data-v-1876b871],.variable-amount.addition[data-v-1876b871]{color:var(--color-success)}.amount-symbol[data-v-1876b871]{font-size:.9rem;font-weight:600}.amount-value[data-v-1876b871]{line-height:1}.variable-details[data-v-1876b871]{display:flex;flex-direction:column;gap:8px}.detail-row[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.detail-item[data-v-1876b871]{display:flex;align-items:center;gap:6px}.detail-icon[data-v-1876b871]{width:20px;height:20px;background:var(--color-primary-10);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-icon svg[data-v-1876b871]{width:10px;height:10px;fill:var(--color-primary)}.detail-content[data-v-1876b871]{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.detail-label[data-v-1876b871]{font-size:.65rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.detail-value[data-v-1876b871]{font-size:.75rem;font-weight:500;color:var(--color-text-primary);word-wrap:break-word}.variables-empty[data-v-1876b871]{display:flex;align-items:center;justify-content:center;height:200px}.empty-content[data-v-1876b871]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:350px}.empty-icon[data-v-1876b871]{width:48px;height:48px;fill:var(--color-primary-30);margin-bottom:12px}.empty-title[data-v-1876b871]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.empty-subtitle[data-v-1876b871]{font-size:.8rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.receivables-header[data-v-1876b871]{background:var(--gradient-background);border-bottom:1px solid var(--color-primary-20);padding:16px}.receivables-header .header-content[data-v-1876b871]{display:flex;flex-direction:column;gap:12px}.receivables-header .header-info .header-title[data-v-1876b871]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 2px}.receivables-header .header-info .header-subtitle[data-v-1876b871]{font-size:.8rem;color:var(--color-text-secondary);margin:0}.receivables-header .header-stats[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.receivables-header .stat-card.amount[data-v-1876b871]:before{background:var(--color-accent)}.receivables-header .stat-card.active[data-v-1876b871]:before{background:var(--color-success)}.receivables-content[data-v-1876b871]{flex:1;overflow-y:auto;padding:16px}.receivables-loading[data-v-1876b871]{display:flex;align-items:center;justify-content:center;height:150px}.receivables-loading .loading-spinner[data-v-1876b871]{display:flex;flex-direction:column;align-items:center;gap:6px}.receivables-loading .spinner[data-v-1876b871]{width:24px;height:24px;color:var(--color-primary)}.receivables-loading span[data-v-1876b871]{color:var(--color-text-secondary);font-weight:500;font-size:.8rem}.receivables-list[data-v-1876b871]{display:flex;flex-direction:column;gap:16px}.debt-card[data-v-1876b871]{background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:12px;padding:16px;transition:var(--transition-normal);position:relative;overflow:hidden}.debt-card[data-v-1876b871]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-accent);transition:var(--transition-normal)}.debt-card.collected[data-v-1876b871]:before{background:var(--color-success)}.debt-card[data-v-1876b871]:hover{border-color:var(--color-primary-30);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.debt-card.collected[data-v-1876b871]{background:var(--gradient-background);opacity:.8}.inline-option[data-v-1876b871]{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px}.debt-header[data-v-1876b871]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:16px;cursor:pointer;transition:var(--transition-normal);padding:8px;border-radius:8px}.debt-header[data-v-1876b871]:hover{background:var(--color-primary-05)}.debt-card.collapsed .debt-header[data-v-1876b871]{margin-bottom:0}.debt-main[data-v-1876b871]{display:flex;align-items:center;gap:12px;flex:1}.debt-type[data-v-1876b871]{display:flex;align-items:center;gap:10px}.type-icon[data-v-1876b871]{width:40px;height:40px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.type-icon svg[data-v-1876b871]{width:20px;height:20px;fill:#fff}.type-info[data-v-1876b871]{display:flex;flex-direction:column;gap:2px}.debt-title[data-v-1876b871]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.2}.debt-type-label[data-v-1876b871]{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:capitalize}.debt-status[data-v-1876b871]{display:flex;align-items:center}.status-badge[data-v-1876b871]{background:var(--color-warning);color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.collected[data-v-1876b871]{background:var(--color-success)}.debt-amount[data-v-1876b871]{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.debt-amount .amount-value[data-v-1876b871]{font-weight:500;color:var(--color-accent);line-height:1}.debt-amount .amount-label[data-v-1876b871]{font-size:.7rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.debt-compact[data-v-1876b871]{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin-top:2px}.debt-compact .compact-type[data-v-1876b871],.debt-compact .compact-status[data-v-1876b871],.debt-compact .compact-date[data-v-1876b871]{font-size:.65rem;font-weight:500;padding:1px 4px;border-radius:3px;background:var(--color-primary-08);color:var(--color-text-secondary);white-space:nowrap}.debt-compact .compact-separator[data-v-1876b871]{font-size:.6rem;color:var(--color-text-tertiary);font-weight:400}.debt-compact .compact-status[data-v-1876b871]{background:var(--color-warning);color:#fff}.debt-card.collected .debt-compact .compact-status[data-v-1876b871]{background:var(--color-success)}.debt-controls[data-v-1876b871]{display:flex;align-items:flex-start;gap:8px}.debt-card.collapsed[data-v-1876b871]{padding:8px 16px}.debt-card.collapsed .debt-title[data-v-1876b871]{font-size:.85rem;margin-bottom:2px}.debt-card.collapsed .debt-header[data-v-1876b871]{margin-bottom:0;padding:4px}.debt-card.collapsed .debt-details[data-v-1876b871]{display:none}.debt-details[data-v-1876b871]{margin-bottom:16px}.detail-grid[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.debt-details .detail-item[data-v-1876b871]{display:flex;align-items:center;gap:8px}.debt-details .detail-icon[data-v-1876b871]{width:24px;height:24px;background:var(--color-primary-10);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.debt-details .detail-icon svg[data-v-1876b871]{width:12px;height:12px;fill:var(--color-primary)}.debt-details .detail-content[data-v-1876b871]{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.debt-details .detail-label[data-v-1876b871]{font-size:.65rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.debt-details .detail-value[data-v-1876b871]{font-size:.8rem;font-weight:500;color:var(--color-text-primary);word-wrap:break-word}.installment-section[data-v-1876b871]{background:var(--gradient-background);border:1px solid var(--color-primary-10);border-radius:8px;padding:12px;margin-top:4px}.installment-header[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.installment-title[data-v-1876b871]{font-size:.85rem;font-weight:600;color:var(--color-text-primary);margin:0}.progress-text[data-v-1876b871]{font-size:.7rem;font-weight:500;color:var(--color-text-secondary)}.installment-progress[data-v-1876b871]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.progress-bar[data-v-1876b871]{flex:1;height:6px;background:var(--color-primary-10);border-radius:3px;overflow:hidden}.progress-fill[data-v-1876b871]{height:100%;background:var(--gradient-primary);transition:width .3s ease;border-radius:3px}.progress-percentage[data-v-1876b871]{font-size:.7rem;font-weight:600;color:var(--color-primary);min-width:35px;text-align:right}.installment-list[data-v-1876b871]{display:flex;flex-direction:column;gap:6px}.installment-item[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;padding:8px;background:var(--color-surface);border:1px solid var(--color-primary-10);border-radius:6px;transition:var(--transition-normal)}.installment-item[data-v-1876b871]:hover{border-color:var(--color-primary-20)}.installment-item.paid[data-v-1876b871]{border-color:var(--color-success);color:var(--color-text-primary)}.installment-info[data-v-1876b871]{display:flex;align-items:center;gap:8px}.installment-icon[data-v-1876b871]:hover{color:#fff;border-color:var(--color-primary);transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #00000026;fill:currentColor;transition:var(--transition-normal);cursor:pointer}.installment-icon[data-v-1876b871]{width:20px;height:20px;background:var(--color-primary-10);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.installment-item.paid .installment-icon[data-v-1876b871]{background:var(--color-success)}.installment-icon svg[data-v-1876b871]{width:10px;height:10px;fill:var(--color-primary)}.installment-item.paid .installment-icon svg[data-v-1876b871]{color:var(--color-success)}.installment-details[data-v-1876b871]{display:flex;flex-direction:column;gap:1px}.installment-number[data-v-1876b871]{font-size:.75rem;font-weight:600;color:var(--color-text-primary)}.installment-item.paid .installment-number[data-v-1876b871]{color:var(--color-text-primary)}.installment-date[data-v-1876b871]{font-size:.65rem;font-weight:500;color:var(--color-text-secondary)}.installment-item.paid .installment-date[data-v-1876b871]{color:var(--color-text-secondary)}.installment-amount[data-v-1876b871]{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.installment-amount .amount[data-v-1876b871]{font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.installment-item.paid .installment-amount .amount[data-v-1876b871]{color:var(--color-success)}.processed-on[data-v-1876b871]{font-size:.6rem;font-weight:500;color:var(--color-text-secondary)}.installment-item.paid .processed-on[data-v-1876b871]{color:#ffffffb3}.manual-badge[data-v-1876b871]{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;font-size:.65rem;font-weight:600;color:#ff9800;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:4px;margin-left:6px}.manual-badge svg[data-v-1876b871]{fill:currentColor;opacity:.9}.installment-item.paid .manual-badge[data-v-1876b871]{color:#ffa726;background:#ffa72626;border-color:#ffa72666}.receivables-empty[data-v-1876b871]{display:flex;align-items:center;justify-content:center;height:200px}.receivables-empty .empty-content[data-v-1876b871]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:350px}.receivables-empty .empty-icon[data-v-1876b871]{width:48px;height:48px;fill:var(--color-primary-30);margin-bottom:12px}.receivables-empty .empty-title[data-v-1876b871]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.receivables-empty .empty-subtitle[data-v-1876b871]{font-size:.8rem;color:var(--color-text-secondary);margin:0;line-height:1.4}@media (max-width: 768px){.variables-header[data-v-1876b871]{padding:12px}.header-content[data-v-1876b871]{gap:10px}.header-stats[data-v-1876b871]{grid-template-columns:1fr;gap:6px}.stat-card[data-v-1876b871]{padding:10px}.stat-icon[data-v-1876b871]{width:28px;height:28px}.stat-icon svg[data-v-1876b871]{width:14px;height:14px}.stat-value[data-v-1876b871]{font-size:1.1rem}.filter-section[data-v-1876b871]{flex-direction:column;align-items:stretch;gap:10px}.filter-group[data-v-1876b871]{justify-content:stretch}.filter-select[data-v-1876b871]{flex:1;min-width:auto}.search-input[data-v-1876b871]{min-width:auto;width:100%}.variables-content[data-v-1876b871]{padding:12px}.variables-list[data-v-1876b871]{gap:10px}.variable-card[data-v-1876b871]{padding:10px}.variable-header[data-v-1876b871]{flex-direction:column;align-items:flex-start;gap:8px}.variable-icon[data-v-1876b871]{width:32px;height:32px}.variable-icon svg[data-v-1876b871]{width:16px;height:16px}.variable-title[data-v-1876b871]{font-size:.9rem}.variable-amount[data-v-1876b871]{font-size:1rem;align-self:flex-end}.detail-row[data-v-1876b871]{grid-template-columns:1fr;gap:6px}.detail-item[data-v-1876b871]{gap:5px}.detail-icon[data-v-1876b871]{width:18px;height:18px}.detail-icon svg[data-v-1876b871]{width:9px;height:9px}}.header-actions[data-v-1876b871]{margin-left:auto;margin-right:16px}.btn-add-debt[data-v-1876b871]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-primary)}.btn-add-debt[data-v-1876b871]:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-add-debt svg[data-v-1876b871]{width:16px;height:16px;fill:currentColor}.modal-overlay[data-v-1876b871]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-debt-modal[data-v-1876b871]{background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-accent);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-1876b871]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-primary-20)}.modal-header h3[data-v-1876b871]{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close[data-v-1876b871]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:var(--transition-normal)}.modal-close[data-v-1876b871]:hover{background:var(--color-primary-10);color:var(--color-primary)}.modal-close svg[data-v-1876b871]{width:20px;height:20px;fill:currentColor}.debt-form[data-v-1876b871]{padding:24px}.form-row[data-v-1876b871]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group[data-v-1876b871]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-1876b871]{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.required[data-v-1876b871]{color:var(--color-error)}.form-control[data-v-1876b871]{padding:10px 12px;border:1px solid var(--color-primary-30);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-surface);color:var(--color-text-primary);transition:var(--transition-normal)}.form-control[data-v-1876b871]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20)}.form-help[data-v-1876b871]{font-size:.75rem;color:var(--color-text-secondary);margin-top:4px}.file-upload[data-v-1876b871]{position:relative}.file-input[data-v-1876b871]{position:absolute;opacity:0;width:0;height:0}.file-upload-area[data-v-1876b871]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border:2px dashed var(--color-primary-30);border-radius:var(--radius-md);background:var(--color-primary-5);cursor:pointer;transition:var(--transition-normal);text-align:center}.file-upload-area[data-v-1876b871]:hover{border-color:var(--color-primary);background:var(--color-primary-10)}.upload-icon[data-v-1876b871]{width:24px;height:24px;fill:var(--color-primary)}.file-selected[data-v-1876b871]{font-weight:600;color:var(--color-primary)}.form-actions[data-v-1876b871]{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--color-primary-20);margin-top:24px}.btn[data-v-1876b871]{padding:10px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);display:inline-flex;align-items:center;gap:6px;border:none}.btn-cancel[data-v-1876b871]{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-primary-30)}.btn-cancel[data-v-1876b871]:hover{background:var(--color-primary-10);color:var(--color-text-primary)}.btn-primary[data-v-1876b871]{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary[data-v-1876b871]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-primary[data-v-1876b871]:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small[data-v-1876b871]{width:16px;height:16px}@media (max-width: 768px){.form-row[data-v-1876b871]{grid-template-columns:1fr}.add-debt-modal[data-v-1876b871]{width:95%;margin:20px}.modal-header[data-v-1876b871],.debt-form[data-v-1876b871]{padding:16px}}.edit-fields[data-v-1876b871]{display:flex;flex-direction:column;gap:8px}.edit-input[data-v-1876b871]{width:100%;padding:8px 12px;border:1px solid var(--color-primary-20);border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text-primary);background:var(--color-surface);transition:var(--transition-normal)}.edit-input[data-v-1876b871]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.edit-select[data-v-1876b871]{cursor:pointer}.edit-textarea[data-v-1876b871]{resize:vertical;min-height:80px;font-family:Avenir,Helvetica,Arial,sans-serif}.edit-controls[data-v-1876b871]{display:flex;justify-content:flex-end;gap:12px;padding:16px;border-top:1px solid var(--color-primary-20);background:var(--color-surface);margin-top:16px;border-radius:var(--radius-md)}.btn[data-v-1876b871]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);text-decoration:none}.btn[data-v-1876b871]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn svg[data-v-1876b871]{width:16px;height:16px;fill:currentColor}.btn-cancel[data-v-1876b871]{background:var(--color-primary-10);color:var(--color-text-secondary);border:1px solid var(--color-primary-20)}.btn-cancel[data-v-1876b871]:hover:not(:disabled){background:var(--color-primary-20);color:var(--color-text-primary)}.btn-save[data-v-1876b871]{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #0000001a}.btn-save[data-v-1876b871]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.spinner-small[data-v-1876b871]{width:16px;height:16px;animation:spin-1876b871 1s linear infinite}@keyframes spin-1876b871{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.edit-controls[data-v-1876b871]{flex-direction:column}.btn[data-v-1876b871]{justify-content:center}}.edit-loan-btn.always-visible[data-v-1876b871]{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;background:var(--color-primary-10);border:none;border-radius:4px;padding:4px;cursor:pointer;transition:background .2s}.edit-loan-btn.always-visible[data-v-1876b871]:hover{background:var(--color-primary-30)}.edit-loan-btn.always-visible svg[data-v-1876b871]{width:20px;height:20px;fill:var(--color-primary)}.topup-badge[data-v-1876b871]{background:#e6f0ff;color:#e69e10;border-radius:6px;padding:2px 8px 2px 4px;font-size:.85em;margin-left:6px;display:inline-flex;align-items:center;font-weight:500}.topup-theme[data-v-1876b871]{background:var(--color-background);border-radius:6px;box-shadow:none;border:1px solid var(--color-primary-10);padding:.25rem .5rem;margin-bottom:.1rem;display:flex;align-items:center;gap:.8rem;font-size:.95em;color:var(--color-text)}.topup-theme-label[data-v-1876b871]{display:flex;align-items:center;gap:.3em;color:var(--color-primary);font-weight:500}.topup-theme-date[data-v-1876b871]{color:var(--color-text-secondary);font-size:.93em}.grid-topup-list[data-v-1876b871]{margin-bottom:.5rem}.grid-topup-item[data-v-1876b871]{min-width:0;margin:0;display:flex;flex-direction:column;height:100%}.topup-detail-item[data-v-1876b871]{border:1px solid #e0e0e0;border-radius:.4em;padding:.75em 1em;background-color:#fafafa;box-shadow:0 1px 3px #0000000d}.flex-topup-row[data-v-1876b871]{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;margin-bottom:.25rem}.topup-total-highlight[data-v-1876b871]{color:#fff;background:linear-gradient(90deg,#ff9800,#ff5722);border-radius:.4em;padding:.1em .6em;font-weight:700;box-shadow:0 1px 6px #ff98001a;letter-spacing:.5px}.pkg-header[data-v-1876b871]{background:var(--gradient-background, var(--color-surface));border-bottom:2px solid var(--color-primary-20);padding:16px 20px 0}.pkg-header-top[data-v-1876b871]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.pkg-header-info[data-v-1876b871]{display:flex;flex-direction:column;gap:2px}.pkg-name[data-v-1876b871]{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0}.pkg-change-link[data-v-1876b871]{font-size:.78rem;color:var(--color-primary);cursor:pointer;text-decoration:none}.pkg-change-link[data-v-1876b871]:hover{text-decoration:underline}.pkg-active-badge[data-v-1876b871]{font-size:.7rem;font-weight:700;padding:3px 12px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.pkg-active-badge.active[data-v-1876b871]{background:#15803d;color:#fff}.pkg-active-badge.inactive[data-v-1876b871]{background:#b91c1c;color:#fff}.pkg-not-activated-banner[data-v-1876b871]{background:#3b82f60d;border:1.5px dashed rgba(59,130,246,.3);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px;text-align:center}.pkg-not-activated-content[data-v-1876b871]{display:flex;flex-direction:column;align-items:center;gap:12px}.pkg-not-activated-icon[data-v-1876b871]{width:48px;height:48px;background:#3b82f61a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6}.pkg-not-activated-icon svg[data-v-1876b871]{width:24px;height:24px;fill:currentColor}.pkg-not-activated-text h3[data-v-1876b871]{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.pkg-not-activated-text p[data-v-1876b871]{font-size:.85rem;color:var(--color-text-secondary);margin:0}.pkg-activate-btn[data-v-1876b871]{background:#3b82f6;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.pkg-activate-btn[data-v-1876b871]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.pkg-modal-body[data-v-1876b871]{padding:20px}.pkg-modal-input[data-v-1876b871],.pkg-modal-select[data-v-1876b871]{width:100%;padding:10px;border:1px solid var(--color-primary-20);border-radius:8px;font-size:.9rem;background:var(--color-background);color:var(--color-text-primary)}.pkg-summary-ribbon[data-v-1876b871]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 0;font-size:.82rem;color:var(--color-text-primary)}.pkg-summary-item b[data-v-1876b871]{margin-right:4px}.pkg-summary-item em[data-v-1876b871]{color:var(--color-primary);font-style:normal;font-weight:700}.pkg-summary-sep[data-v-1876b871]{color:var(--color-text-secondary)}.pkg-override-section[data-v-1876b871]{padding:20px}.pkg-override-header[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pkg-override-title[data-v-1876b871]{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin:0}.pkg-override-actions[data-v-1876b871]{display:flex;gap:8px}.pkg-subtabs[data-v-1876b871]{display:flex;gap:0;border-bottom:2px solid var(--color-primary-10);margin-bottom:20px}.pkg-subtab[data-v-1876b871]{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.78rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.pkg-subtab[data-v-1876b871]:hover{color:var(--color-primary)}.pkg-subtab.active[data-v-1876b871]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.pkg-subtab-content[data-v-1876b871]{min-height:200px}.pkg-wages-top[data-v-1876b871]{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:20px}.pkg-salary-field[data-v-1876b871]{display:flex;flex-direction:column;gap:4px}.pkg-field-label[data-v-1876b871]{font-size:.78rem;color:var(--color-primary);font-weight:500}.pkg-salary-input[data-v-1876b871]{width:200px;padding:8px 0;border:none;border-bottom:1.5px solid var(--color-primary-20);font-size:1.15rem;font-weight:600;color:var(--color-text-primary);background:transparent;outline:none;transition:border-color .2s}.pkg-salary-input[data-v-1876b871]:focus{border-bottom-color:var(--color-primary)}.pkg-check-row[data-v-1876b871]{display:flex;gap:24px;align-items:center}.pkg-check-item[data-v-1876b871]{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-secondary);cursor:default}.pkg-check-item svg[data-v-1876b871]{width:18px;height:18px;fill:#ccc}.pkg-check-item.checked svg[data-v-1876b871]{fill:var(--color-primary)}.pkg-check-item.checked[data-v-1876b871]{color:var(--color-primary)}.pkg-add-var-btn[data-v-1876b871]{display:inline-flex;align-items:center;padding:8px 20px;background:#15803d;color:#fff;border:none;border-radius:6px;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;margin-bottom:16px;transition:background .2s}.pkg-add-var-btn[data-v-1876b871]:hover{background:#166534}.pkg-var-list[data-v-1876b871]{display:flex;flex-direction:column}.pkg-var-row[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-primary-10);transition:background .15s}.pkg-var-row[data-v-1876b871]:hover{background:var(--color-primary-5, rgba(0,0,0,.02))}.pkg-var-info[data-v-1876b871]{display:flex;flex-direction:column;gap:2px}.pkg-var-name[data-v-1876b871]{font-size:.9rem;font-weight:600;color:var(--color-primary)}.pkg-var-type[data-v-1876b871]{font-size:.72rem;font-weight:500;color:var(--color-text-secondary)}.pkg-var-type.var-deduction[data-v-1876b871]{color:#b91c1c}.pkg-var-type.var-allowance[data-v-1876b871]{color:#15803d}.pkg-var-type.var-addition[data-v-1876b871]{color:#1d4ed8}.pkg-var-right[data-v-1876b871]{display:flex;align-items:center;gap:8px;position:relative}.pkg-var-amount[data-v-1876b871]{font-size:.9rem;font-weight:600}.pkg-var-amount.var-deduction[data-v-1876b871]{color:#b91c1c}.pkg-var-amount.var-allowance[data-v-1876b871]{color:#15803d}.pkg-var-amount.var-addition[data-v-1876b871]{color:#1d4ed8}.pkg-var-actions[data-v-1876b871]{position:relative;display:flex;align-items:center}.pkg-var-action-btn[data-v-1876b871]{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;width:28px;height:28px}.pkg-var-action-btn[data-v-1876b871]:hover{background:var(--color-primary-10);color:var(--color-primary)}.pkg-var-action-btn svg[data-v-1876b871]{width:18px;height:18px;fill:currentColor}.pkg-var-menu[data-v-1876b871]{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;border:1px solid var(--color-border);z-index:1100;min-width:130px;padding:4px}.pkg-var-menu-item[data-v-1876b871]{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:none;cursor:pointer;font-size:.85rem;color:var(--color-text-primary);border-radius:var(--radius-sm);text-align:left;transition:all .2s}.pkg-var-menu-item[data-v-1876b871]:hover{background:var(--color-primary-10);color:var(--color-primary)}.pkg-var-menu-item.delete[data-v-1876b871]:hover{background:#fef2f2;color:#ef4444}.pkg-var-menu-item svg[data-v-1876b871]{width:14px;height:14px;fill:currentColor}.action-menu-wrapper[data-v-1876b871]{position:relative;z-index:100}.action-toolbar[data-v-1876b871]{position:absolute;top:0;right:100%;margin-right:12px;display:flex;gap:8px;background:var(--color-surface);padding:6px 10px;border-radius:30px;box-shadow:0 4px 15px #0000001a;border:1px solid var(--color-primary-10);opacity:0;visibility:hidden;transform:translate(10px);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.action-toolbar.visible[data-v-1876b871]{opacity:1;visibility:visible;transform:translate(0)}.toolbar-btn[data-v-1876b871]{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s;min-width:44px}.toolbar-btn[data-v-1876b871]:hover{background:var(--color-primary-10);transform:translateY(-2px)}.toolbar-btn svg[data-v-1876b871]{width:18px;height:18px;fill:var(--color-text-primary)}.toolbar-btn span[data-v-1876b871]{font-size:.65rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase}.toolbar-btn:hover svg[data-v-1876b871]{fill:var(--color-primary)}.toolbar-btn:hover span[data-v-1876b871]{color:var(--color-primary)}.top-modal-overlay[data-v-1876b871]{position:fixed;inset:0;background:#0006;z-index:2000;display:flex;justify-content:center}.top-modal[data-v-1876b871]{background:var(--color-surface);width:100%;max-width:600px;max-height:600px;border-radius:0 0 16px 16px;box-shadow:0 10px 40px #0003;transform:translateY(-100%);transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.top-modal.active[data-v-1876b871]{transform:translateY(0)}.top-modal-header[data-v-1876b871]{padding:18px 24px;border-bottom:1px solid var(--color-primary-10);display:flex;justify-content:space-between;align-items:center}.top-modal-header h3[data-v-1876b871]{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.top-modal-close[data-v-1876b871]{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);border-radius:50%;padding:4px;display:flex;transition:background .2s}.top-modal-close[data-v-1876b871]:hover{background:var(--color-primary-10);color:var(--color-primary)}.top-modal-close svg[data-v-1876b871]{width:22px;height:22px}.top-modal-content[data-v-1876b871]{padding:24px;overflow-y:auto}.top-modal-footer[data-v-1876b871]{padding:16px 24px;border-top:1px solid var(--color-primary-10);background:var(--color-background-soft);display:flex;justify-content:flex-end;gap:12px;border-radius:0 0 16px 16px}.f-group[data-v-1876b871]{margin-bottom:16px}.f-group label[data-v-1876b871]{display:block;font-size:.82rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.f-input[data-v-1876b871],.f-select[data-v-1876b871]{width:100%;padding:10px 14px;border:1.5px solid var(--color-primary-20);border-radius:8px;font-size:.92rem;background:var(--color-background);color:var(--color-text-primary);outline:none}.f-input[data-v-1876b871]:focus,.f-select[data-v-1876b871]:focus{border-color:var(--color-primary)}.suggestion-wrap[data-v-1876b871]{position:relative}.suggestion-list[data-v-1876b871]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-primary-20);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:150px;overflow-y:auto;z-index:10}.suggestion-item[data-v-1876b871]{padding:8px 12px;cursor:pointer;font-size:.88rem}.suggestion-item[data-v-1876b871]:hover{background:var(--color-primary-10)}.tag-pills[data-v-1876b871]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag-pill[data-v-1876b871]{display:inline-flex;align-items:center;gap:4px;background:var(--color-primary-10);color:var(--color-primary);padding:4px 10px;border-radius:14px;font-size:.8rem;font-weight:500}.tag-pill button[data-v-1876b871]{background:none;border:none;cursor:pointer;color:inherit;font-size:1.1rem;padding:0;display:flex}.pkg-var-menu[data-v-1876b871]{position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--color-primary-10);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:20;min-width:100px}.pkg-var-menu button[data-v-1876b871]{display:block;width:100%;padding:8px 14px;background:none;border:none;text-align:left;font-size:.82rem;color:var(--color-text-primary);cursor:pointer}.pkg-var-menu button[data-v-1876b871]:hover{background:var(--color-primary-10)}.pkg-var-empty[data-v-1876b871]{padding:32px 16px;text-align:center;color:var(--color-text-secondary);font-size:.85rem}.pkg-leave-grid[data-v-1876b871]{display:flex;flex-direction:column;gap:12px}.pkg-leave-row[data-v-1876b871]{display:flex;align-items:center;gap:12px}.pkg-leave-label[data-v-1876b871]{font-size:.9rem;font-weight:500;color:var(--color-text-primary);min-width:140px}.pkg-leave-input[data-v-1876b871]{width:70px;padding:6px 10px;border:1.5px solid var(--color-primary-20);border-radius:6px;font-size:1rem;font-weight:600;color:var(--color-text-primary);background:var(--color-background);text-align:center;outline:none}.pkg-leave-input[data-v-1876b871]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--rgb-primary, 99, 102, 241),.15)}.pkg-leave-unit[data-v-1876b871]{font-size:.82rem;color:var(--color-text-secondary)}.pkg-rates-list[data-v-1876b871],.pkg-terms-list[data-v-1876b871],.pkg-jd-list[data-v-1876b871],.pkg-benefits-list[data-v-1876b871]{display:flex;flex-direction:column;gap:8px}.pkg-rate-row[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-primary-10);border-radius:8px}.pkg-rate-name[data-v-1876b871]{font-size:.88rem;font-weight:500;color:var(--color-text-primary)}.pkg-jd-item[data-v-1876b871],.pkg-term-item[data-v-1876b871],.pkg-benefit-item[data-v-1876b871]{padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-primary-10);border-radius:8px;font-size:.88rem;color:var(--color-text-primary)}.pkg-terms-grid[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px}.pkg-term-card[data-v-1876b871]{padding:12px;background:var(--color-surface);border:1px solid var(--color-primary-10);border-radius:8px;display:flex;flex-direction:column;gap:4px}.pkg-term-label[data-v-1876b871]{font-size:.68rem;color:var(--color-text-secondary);text-transform:uppercase;font-weight:600}.pkg-term-value[data-v-1876b871]{font-size:.88rem;color:var(--color-text-primary)}.pkg-terms-list.compact[data-v-1876b871]{margin-top:0}.pkg-term-item.split[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;gap:12px}.pkg-toggle[data-v-1876b871]{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.pkg-toggle input[data-v-1876b871]{opacity:0;width:0;height:0}.pkg-toggle-slider[data-v-1876b871]{position:absolute;cursor:pointer;inset:0;background:#ccc;border-radius:22px;transition:.25s}.pkg-toggle-slider[data-v-1876b871]:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s}.pkg-toggle input:checked+.pkg-toggle-slider[data-v-1876b871]{background:var(--color-primary)}.pkg-toggle input:checked+.pkg-toggle-slider[data-v-1876b871]:before{transform:translate(18px)}.pkg-btn[data-v-1876b871]{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;font-size:.82rem;font-weight:500;cursor:pointer;transition:.2s}.pkg-btn svg[data-v-1876b871]{width:16px;height:16px;fill:currentColor}.pkg-btn-cancel[data-v-1876b871]{background:var(--color-primary-10);color:var(--color-text-secondary)}.pkg-btn-cancel[data-v-1876b871]:hover{background:#f0f0f0}.pkg-btn-save[data-v-1876b871]{background:var(--color-primary);color:#fff}.pkg-btn-save[data-v-1876b871]:hover{opacity:.9}.pkg-btn-save[data-v-1876b871]:disabled,.pkg-btn-cancel[data-v-1876b871]:disabled{opacity:.6;cursor:not-allowed}.access-role-card.loading[data-v-1876b871],.permission-item.loading[data-v-1876b871]{opacity:.7;pointer-events:none;cursor:wait}.spinner-sm[data-v-1876b871]{width:16px;height:16px;animation:spin-sm-1876b871 1s linear infinite}@keyframes spin-sm-1876b871{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pkg-modal-overlay[data-v-1876b871]{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.pkg-modal[data-v-1876b871]{background:#fff;border-radius:12px;width:420px;max-width:90vw;overflow:hidden;box-shadow:0 16px 48px #00000026}.pkg-modal-header[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-primary-10)}.pkg-modal-header h3[data-v-1876b871]{margin:0;font-size:1rem;color:var(--color-text-primary)}.pkg-modal-header .close-btn[data-v-1876b871]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:50%}.pkg-modal-header .close-btn svg[data-v-1876b871]{width:18px;height:18px;fill:var(--color-text-secondary)}.pkg-modal-header .close-btn[data-v-1876b871]:hover{background:var(--color-primary-10)}.pkg-modal-form[data-v-1876b871]{padding:20px}.pkg-form-group[data-v-1876b871]{margin-bottom:14px}.pkg-form-group label[data-v-1876b871]{display:block;font-size:.82rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:4px}.pkg-form-group input[type=text][data-v-1876b871],.pkg-form-group input[type=number][data-v-1876b871],.pkg-form-group select[data-v-1876b871]{width:100%;padding:8px 12px;border:1.5px solid var(--color-primary-20);border-radius:6px;font-size:.9rem;color:var(--color-text-primary);outline:none;transition:border-color .2s}.pkg-form-group input[data-v-1876b871]:focus,.pkg-form-group select[data-v-1876b871]:focus{border-color:var(--color-primary)}.pkg-check-inline[data-v-1876b871]{display:inline-flex!important;align-items:center;gap:6px;font-size:.85rem!important;cursor:pointer}.pkg-modal-actions[data-v-1876b871]{display:flex;justify-content:flex-end;gap:8px;padding-top:10px}.td-lite-tab[data-v-1876b871]{padding:14px;display:flex;flex-direction:column;gap:10px}.td-lite-header[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;gap:10px}.td-lite-header h3[data-v-1876b871]{margin:0;font-size:.95rem;color:var(--color-text-primary)}.td-lite-refresh[data-v-1876b871],.td-lite-download[data-v-1876b871]{border:1px solid var(--color-primary-20);background:var(--color-surface);color:var(--color-text-primary);border-radius:6px;padding:6px 10px;font-size:.74rem;cursor:pointer}.td-lite-refresh[data-v-1876b871]:hover,.td-lite-download[data-v-1876b871]:hover{background:var(--color-primary-10)}.td-lite-refresh[data-v-1876b871]:disabled,.td-lite-download[data-v-1876b871]:disabled{opacity:.65;cursor:not-allowed}.td-lite-stats-grid[data-v-1876b871]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.td-lite-stat-card[data-v-1876b871]{background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:3px}.td-lite-stat-card.accent[data-v-1876b871]{border-color:var(--color-accent-30)}.td-lite-stat-label[data-v-1876b871]{font-size:.66rem;text-transform:uppercase;color:var(--color-text-secondary);font-weight:600;letter-spacing:.03em}.td-lite-stat-value[data-v-1876b871]{font-size:1.1rem;line-height:1;color:var(--color-primary)}.td-lite-stat-card small[data-v-1876b871]{color:var(--color-text-secondary);font-size:.68rem}.td-lite-table-card[data-v-1876b871]{background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:8px;overflow:hidden}.td-lite-table-head[data-v-1876b871]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--color-primary-20)}.td-lite-table-head h4[data-v-1876b871]{margin:0;font-size:.82rem;color:var(--color-text-primary)}.td-lite-table-head span[data-v-1876b871]{font-size:.72rem;color:var(--color-text-secondary)}.td-lite-state[data-v-1876b871]{padding:18px;text-align:center;color:var(--color-text-secondary);font-size:.78rem}.td-lite-state.error[data-v-1876b871]{color:var(--color-error)}.td-lite-table-wrap[data-v-1876b871]{overflow-x:auto}.td-lite-table[data-v-1876b871]{width:100%;border-collapse:collapse;font-size:.75rem}.td-lite-table th[data-v-1876b871],.td-lite-table td[data-v-1876b871]{padding:8px 10px;border-bottom:1px solid var(--color-primary-10);text-align:left;color:var(--color-text-primary)}.td-lite-table th[data-v-1876b871]{font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);background:var(--color-background)}.td-lite-clamp[data-v-1876b871]{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-lite-badge[data-v-1876b871]{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:2px 8px;font-size:.66rem;font-weight:600;text-transform:capitalize}.td-lite-badge.status-approved[data-v-1876b871]{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 14%,transparent)}.td-lite-badge.status-pending[data-v-1876b871]{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 14%,transparent)}.td-lite-badge.status-rejected[data-v-1876b871],.td-lite-badge.status-cancelled[data-v-1876b871]{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent)}.td-lite-actions-cell[data-v-1876b871]{width:50px;text-align:right!important}.td-lite-action-wrap[data-v-1876b871]{position:relative;display:inline-block}.td-lite-action-trigger[data-v-1876b871]{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--color-text-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.td-lite-action-trigger[data-v-1876b871]:hover{background:var(--color-primary-10);color:var(--color-primary)}.td-lite-action-trigger svg[data-v-1876b871]{width:18px;height:18px;fill:currentColor}.td-lite-dropdown[data-v-1876b871]{position:absolute;top:100%;right:0;z-index:100;background:var(--color-background);border:1px solid var(--color-primary-10);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:140px;padding:6px 0;margin-top:4px;display:flex;flex-direction:column}.dropdown-item[data-v-1876b871]{width:100%;text-align:left;padding:8px 14px;background:transparent;border:none;font-size:.72rem;color:var(--color-text-primary);cursor:pointer;transition:background .2s}.dropdown-item[data-v-1876b871]:hover:not(:disabled){background:var(--color-primary-10)}.dropdown-item[data-v-1876b871]:disabled{opacity:.5;cursor:not-allowed}.dropdown-item.approve[data-v-1876b871]{color:var(--color-success)}.dropdown-item.reject[data-v-1876b871]{color:var(--color-error)}.dropdown-item.ignore[data-v-1876b871],.dropdown-item.day-off[data-v-1876b871],.dropdown-item.duty[data-v-1876b871]{color:var(--color-text-secondary)}.getVariableTypeClass[data-v-1876b871]{font-weight:600}.timeline-container[data-v-1876b871]{padding:40px 20px;position:relative;min-height:400px}.vertical-timeline[data-v-1876b871]{position:relative;max-width:900px;margin:0 auto;padding:0 0 40px}.timeline-line[data-v-1876b871]{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#444;transform:translate(-50%);z-index:1}.timeline-year-marker[data-v-1876b871]{position:relative;display:flex;justify-content:center;margin:20px 0 40px;z-index:2}.timeline-year-marker span[data-v-1876b871]{background:#f44336;color:#fff;padding:8px 16px;border-radius:25px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 8px #0003}.timeline-node[data-v-1876b871]{position:relative;display:flex;width:100%;margin-bottom:60px;z-index:2}.timeline-node.left[data-v-1876b871]{flex-direction:row-reverse}.timeline-dot[data-v-1876b871]{position:absolute;left:50%;top:10px;width:44px;height:44px;background:#2196f3;border:4px solid #fff;border-radius:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px #00000026;z-index:3}.timeline-dot svg[data-v-1876b871]{width:22px;height:22px}.timeline-card-wrapper[data-v-1876b871]{width:45%;position:relative}.timeline-node.right .timeline-card-wrapper[data-v-1876b871]{margin-left:55%}.timeline-date[data-v-1876b871]{font-size:.82rem;color:#888;margin-bottom:8px}.timeline-node.right .timeline-date[data-v-1876b871]{text-align:left}.timeline-node.left .timeline-date[data-v-1876b871]{text-align:right}.timeline-card[data-v-1876b871]{background:#f0f0f0;border-radius:6px;padding:20px;box-shadow:0 2px 8px #0000001a;position:relative}.timeline-card[data-v-1876b871]:after{content:"";position:absolute;top:15px;width:0;height:0;border-style:solid}.timeline-node.right .timeline-card[data-v-1876b871]:after{left:-12px;border-width:10px 12px 10px 0;border-color:transparent #f0f0f0 transparent transparent}.timeline-node.left .timeline-card[data-v-1876b871]:after{right:-12px;border-width:10px 0 10px 12px;border-color:transparent transparent transparent #f0f0f0}.timeline-card-title[data-v-1876b871]{font-weight:600;font-size:.95rem;color:#333;margin-bottom:4px}.timeline-card-desc[data-v-1876b871]{font-size:.88rem;color:#666;line-height:1.4}@media (max-width: 768px){.timeline-line[data-v-1876b871]{left:40px}.timeline-year-marker[data-v-1876b871]{justify-content:left;padding-left:15px}.timeline-node[data-v-1876b871]{flex-direction:row!important}.timeline-dot[data-v-1876b871]{left:40px}.timeline-card-wrapper[data-v-1876b871]{width:calc(100% - 80px);margin-left:80px!important}.timeline-date[data-v-1876b871]{text-align:left!important}.timeline-card[data-v-1876b871]:after{left:-12px!important;right:auto!important;border-width:10px 12px 10px 0!important;border-color:transparent #f0f0f0 transparent transparent!important}}.reportee-search-container[data-v-1876b871]{position:relative}.reportee-suggestions[data-v-1876b871]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:200px;overflow-y:auto;margin-top:4px}.suggestion-item[data-v-1876b871]{padding:10px 15px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f5f5f5}.suggestion-item[data-v-1876b871]:hover{background:#f0f7ff}.suggestion-item[data-v-1876b871]:last-child{border-bottom:none}.suggestion-info[data-v-1876b871]{display:flex;flex-direction:column}.suggestion-name[data-v-1876b871]{font-weight:600;font-size:.9rem;color:#333}.suggestion-epf[data-v-1876b871]{font-size:.75rem;color:#888}.remote-toggle[data-v-1876b871]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 0;font-size:.9rem;color:#444}.remote-toggle input[type=checkbox][data-v-1876b871]{width:18px;height:18px;cursor:pointer}.status-pill[data-v-1876b871]{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.status-pill.active[data-v-1876b871]{background:#e8f5e9;color:#2e7d32}.status-pill.inactive[data-v-1876b871]{background:#ffebee;color:#c62828}.variable-actions[data-v-1876b871]{display:flex;gap:8px;margin-left:12px}.var-action-btn[data-v-1876b871]{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--color-text-secondary);opacity:.6}.var-action-btn[data-v-1876b871]:hover{opacity:1;background:#0000000d}.var-action-btn.edit[data-v-1876b871]:hover{color:var(--color-primary)}.var-action-btn.delete[data-v-1876b871]:hover{color:#ef4444}.var-action-btn svg[data-v-1876b871]{width:18px;height:18px}.pkg-modal-material[data-v-1876b871]{padding:24px 32px!important}.pkg-form-group.material[data-v-1876b871]{margin-bottom:28px;position:relative}.pkg-form-group.material label[data-v-1876b871]{font-size:.8rem;color:#9e9e9e;margin-bottom:4px;display:block}.pkg-form-group.material input[data-v-1876b871],.pkg-form-group.material select[data-v-1876b871]{border:none!important;border-bottom:1.5px solid #e0e0e0!important;border-radius:0!important;padding:8px 0!important;background:transparent!important;font-size:1rem!important;color:#212121!important;box-shadow:none!important;width:100%}.pkg-form-group.material input[data-v-1876b871]:focus,.pkg-form-group.material select[data-v-1876b871]:focus{border-bottom-color:var(--color-primary)!important}.material-check[data-v-1876b871]{color:#757575!important;font-size:.9rem!important}.material-check input[data-v-1876b871]{margin-right:12px;width:18px;height:18px}.theme-light-purple[data-v-7e52894d]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-7e52894d]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-7e52894d]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-7e52894d]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-7e52894d]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-7e52894d],[data-v-7e52894d]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-7e52894d]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-7e52894d]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-7e52894d]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.team-page[data-v-7e52894d]{width:100%;height:90dvh;display:flex;flex-direction:column;overflow:hidden;padding:8px;box-sizing:border-box}.filters-section[data-v-7e52894d]{background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:var(--radius-md);padding:12px;margin-bottom:12px;flex-shrink:0}.filters-content[data-v-7e52894d]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.filter-label[data-v-7e52894d]{font-weight:600;font-size:.7rem;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.025em}.filter-actions[data-v-7e52894d]{display:flex;align-items:end}.btn[data-v-7e52894d]{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--radius-sm);border:none;font-weight:500;font-size:.75rem;cursor:pointer;transition:var(--transition-normal);text-decoration:none}.btn-primary[data-v-7e52894d]{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary[data-v-7e52894d]:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-secondary[data-v-7e52894d]{background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-primary-20)}.btn-secondary[data-v-7e52894d]:hover{background:var(--color-primary-10);border-color:var(--color-primary-30)}.btn-text[data-v-7e52894d]{background:transparent;color:var(--color-primary);padding:4px 8px}.btn-text[data-v-7e52894d]:hover{background:var(--color-primary-10)}.btn-sm[data-v-7e52894d]{padding:4px 8px;font-size:.7rem}.btn-outline[data-v-7e52894d]{background:transparent;border:1px solid var(--color-primary-30);color:var(--color-primary)}.btn-outline[data-v-7e52894d]:hover{background:var(--color-primary-10)}.btn-icon[data-v-7e52894d]{width:12px;height:12px;fill:currentColor}.filter-chips[data-v-7e52894d]{display:flex;flex-wrap:wrap;gap:4px}.filter-chip[data-v-7e52894d]{padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-primary-30);background:var(--color-surface);color:var(--color-text-primary);font-size:.7rem;font-weight:500;cursor:pointer;transition:var(--transition-normal)}.filter-chip[data-v-7e52894d]:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-chip.active[data-v-7e52894d]{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.filter-select[data-v-7e52894d]{position:relative;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-primary-20);transition:var(--transition-normal)}.filter-select[data-v-7e52894d]:hover{border-color:var(--color-primary-40)}.filter-select[data-v-7e52894d]:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20)}.filter-select.has-selection[data-v-7e52894d]{border-color:var(--color-primary);background:var(--color-primary-5)}.select-input[data-v-7e52894d]{width:100%;padding:6px 24px 6px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition-normal);appearance:none;-webkit-appearance:none;-moz-appearance:none}.select-input[data-v-7e52894d]:focus{outline:none}.filter-select[data-v-7e52894d]:after{content:"";position:absolute;right:8px;top:50%;width:0;height:0;pointer-events:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-text-secondary);transform:translateY(-50%);transition:var(--transition-normal)}.filter-select[data-v-7e52894d]:hover:after{border-top-color:var(--color-primary)}.search-input[data-v-7e52894d]{position:relative;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-primary-20);transition:var(--transition-normal)}.search-input[data-v-7e52894d]:hover{border-color:var(--color-primary-40)}.search-input[data-v-7e52894d]:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20)}.search-input.has-content[data-v-7e52894d]{border-color:var(--color-primary);background:var(--color-primary-5)}.search-icon[data-v-7e52894d]{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;fill:var(--color-text-secondary);pointer-events:none;transition:var(--transition-normal)}.search-input:focus-within .search-icon[data-v-7e52894d],.search-input.has-content .search-icon[data-v-7e52894d]{fill:var(--color-primary)}.search-field[data-v-7e52894d]{width:100%;padding:6px 28px 6px 24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font-size:.75rem;font-weight:500;transition:var(--transition-normal)}.search-field[data-v-7e52894d]:focus{outline:none}.search-field[data-v-7e52894d]::placeholder{color:var(--color-text-secondary);font-style:italic}.search-clear[data-v-7e52894d]{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:none;background:var(--color-primary-10);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.search-clear[data-v-7e52894d]:hover{background:var(--color-primary);color:#fff}.search-clear svg[data-v-7e52894d]{width:8px;height:8px;fill:currentColor}.table-section[data-v-7e52894d]{background:var(--color-background);border:1px solid var(--color-primary-20);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-primary);flex:1;display:flex;flex-direction:column;min-height:0;max-height:80dvh}.table-header[data-v-7e52894d]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-primary-20);background:var(--gradient-background);flex-shrink:0}.table-info[data-v-7e52894d]{display:flex;flex-direction:column;gap:1px}.table-count[data-v-7e52894d]{font-weight:600;font-size:.85rem;color:var(--color-text-primary)}.table-subtitle[data-v-7e52894d]{font-size:.65rem;color:var(--color-text-secondary)}.table-actions[data-v-7e52894d]{display:flex;gap:6px;align-items:center}.table-container[data-v-7e52894d]{flex:1;overflow-y:auto;min-height:0}.team-table[data-v-7e52894d]{width:100%;border-collapse:collapse;font-size:.75rem}.team-table thead[data-v-7e52894d]{background:var(--gradient-background);position:sticky;top:0;z-index:10}.team-table th[data-v-7e52894d]{padding:8px 10px;text-align:left;font-weight:600;color:var(--color-text-primary);white-space:nowrap;position:relative;border-bottom:2px solid var(--color-primary-20)}.team-table th.sortable[data-v-7e52894d]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-normal)}.team-table th.sortable[data-v-7e52894d]:hover{background:var(--color-primary-10)}.sort-icon[data-v-7e52894d]{width:10px;height:10px;fill:var(--color-text-secondary);margin-left:4px;transition:var(--transition-normal)}.team-table th.sortable:hover .sort-icon[data-v-7e52894d]{fill:var(--color-primary)}.table-row[data-v-7e52894d]{border-bottom:1px solid var(--color-primary-10);transition:var(--transition-normal);cursor:pointer}.table-row[data-v-7e52894d]:hover{background:var(--color-primary-5)}.table-row.selected[data-v-7e52894d]{background:var(--color-primary-10)}.team-table td[data-v-7e52894d]{padding:8px 10px;vertical-align:middle}.checkbox-col[data-v-7e52894d]{width:30px}.table-checkbox[data-v-7e52894d]{width:12px;height:12px;accent-color:var(--color-primary)}.member-col[data-v-7e52894d]{min-width:120px;max-width:140px}.member-info[data-v-7e52894d]{display:flex;align-items:center;gap:6px}.member-avatar[data-v-7e52894d]{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-image[data-v-7e52894d]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-7e52894d]{width:100%;height:100%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.6rem}.member-details[data-v-7e52894d]{display:flex;flex-direction:column;gap:1px}.member-name[data-v-7e52894d]{font-weight:600;color:var(--color-text-primary);font-size:.75rem}.member-email[data-v-7e52894d]{font-size:.65rem;color:var(--color-text-secondary)}.designation-col[data-v-7e52894d]{min-width:180px}.designation[data-v-7e52894d]{display:block;font-weight:500;color:var(--color-text-primary);margin-bottom:1px;font-size:.75rem}.department[data-v-7e52894d],.location[data-v-7e52894d]{font-size:.65rem;color:var(--color-text-secondary)}.package-status[data-v-7e52894d]{font-size:.65rem;width:fit-content;color:var(--color-text-secondary);background:var(--color-background);padding:2px 6px;border-radius:var(--radius-sm);font-weight:500;text-transform:capitalize}.status-active[data-v-7e52894d]{color:var(--color-success)!important;background:var(--color-background)!important}.status-exit[data-v-7e52894d]{color:var(--color-error)!important;background:var(--color-background)!important}.status-system[data-v-7e52894d]{background:var(--color-warning)!important;color:#fff!important}.status-pending[data-v-7e52894d]{color:var(--color-primary)!important;background:var(--color-background)!important}.status-default[data-v-7e52894d]{color:var(--color-text-secondary)!important;background:var(--color-background)!important}.package-col[data-v-7e52894d]{min-width:100px}.package-badge[data-v-7e52894d]{display:block;width:fit-content;padding:2px 6px;background:var(--color-accent-20);color:var(--color-accent);border-radius:var(--radius-sm);font-size:.65rem;font-weight:500}.date-col[data-v-7e52894d]{min-width:90px}.join-date[data-v-7e52894d]{display:block;color:var(--color-text-primary);margin-bottom:1px;font-size:.75rem}.tenure[data-v-7e52894d]{font-size:.65rem;color:var(--color-text-secondary)}.actions-col[data-v-7e52894d]{width:50px;text-align:center}.action-buttons[data-v-7e52894d]{display:flex;gap:2px;justify-content:center}.btn-icon[data-v-7e52894d]{width:20px;height:20px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);color:var(--color-text-secondary)}.btn-icon[data-v-7e52894d]:hover{background:var(--color-primary-10);color:var(--color-primary)}.btn-icon.danger[data-v-7e52894d]:hover{background:color-mix(in srgb,#EF4444 10%,transparent);color:#ef4444}.btn-icon svg[data-v-7e52894d]{width:10px;height:10px;fill:currentColor}.pagination[data-v-7e52894d]{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--color-primary-20);background:var(--gradient-background)}.pagination-btn[data-v-7e52894d]{padding:6px 12px;border:1px solid var(--color-primary-30);background:var(--color-background);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);font-size:.8rem}.pagination-btn[data-v-7e52894d]:hover:not(:disabled){background:var(--color-primary-10);border-color:var(--color-primary-50)}.pagination-btn[data-v-7e52894d]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-7e52894d]{font-size:.8rem;color:var(--color-text-secondary);margin:0 12px}.loading-overlay[data-v-7e52894d]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner[data-v-7e52894d]{background:var(--color-background);padding:20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--shadow-accent)}.spinner[data-v-7e52894d]{width:32px;height:32px;color:var(--color-primary)}.loading-spinner span[data-v-7e52894d]{color:var(--color-text-primary);font-weight:500;font-size:.875rem}@media (max-width: 768px){.filters-grid[data-v-7e52894d]{grid-template-columns:1fr;gap:6px}.table-container[data-v-7e52894d],.member-details .member-name[data-v-7e52894d]{font-size:.7rem}.member-details .member-email[data-v-7e52894d]{font-size:.6rem}}@media (max-width: 480px){.team-view[data-v-7e52894d]{padding:8px}.filters-grid[data-v-7e52894d]{grid-template-columns:1fr 1fr}.member-avatar[data-v-7e52894d]{width:20px;height:20px}.designation[data-v-7e52894d],.join-date[data-v-7e52894d]{font-size:.7rem}.department[data-v-7e52894d],.location[data-v-7e52894d],.tenure[data-v-7e52894d]{font-size:.6rem}}@keyframes fadeInUp-7e52894d{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.filter-chip[data-v-7e52894d]{transform:scale(1);transition:var(--transition-normal)}.filter-chip[data-v-7e52894d]:active{transform:scale(.95)}.btn[data-v-7e52894d]{position:relative;overflow:hidden}.btn[data-v-7e52894d]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-normal)}.btn[data-v-7e52894d]:hover:before{left:100%}.side-panel-overlay[data-v-7e52894d]{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end}.side-panel[data-v-7e52894d]{background:var(--color-surface);width:80dvw;height:100dvh;overflow-y:auto;box-shadow:-4px 0 20px #00000026;transform:translate(100%);animation:slideInRight-7e52894d .3s ease-out forwards}.add-member-panel .panel-header[data-v-7e52894d]{background:var(--color-primary);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.add-member-panel .panel-header h3[data-v-7e52894d]{margin:0;font-size:1.2rem;font-weight:600}.add-member-panel .close-btn[data-v-7e52894d]{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:var(--transition-normal)}.add-member-panel .close-btn[data-v-7e52894d]:hover{background:#ffffff1a}.add-member-panel .close-btn svg[data-v-7e52894d]{width:24px;height:24px;fill:currentColor}.add-member-panel .panel-content[data-v-7e52894d]{padding:24px;margin-bottom:40px}.add-user-form[data-v-7e52894d]{display:flex;flex-direction:column;gap:24px}.add-user-form .form-section[data-v-7e52894d]{background:var(--color-surface-variant);border-radius:var(--radius-md);padding:20px;border:1px solid var(--color-border)}.add-user-form .section-title[data-v-7e52894d]{margin:0 0 16px;color:var(--color-text-primary);font-size:1rem;font-weight:600;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.add-user-form .form-group[data-v-7e52894d]{margin-bottom:16px}.add-user-form .form-group[data-v-7e52894d]:last-child{margin-bottom:0}.add-user-form label[data-v-7e52894d]{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.add-user-form .required[data-v-7e52894d]{color:var(--color-error)}.add-user-form .form-input[data-v-7e52894d]{width:100%;padding:10px 12px;border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-surface);color:var(--color-text-primary);transition:var(--transition-normal);box-sizing:border-box}.add-user-form .form-input[data-v-7e52894d]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20)}.add-user-form .checkbox-group[data-v-7e52894d]{display:flex;align-items:center;gap:8px}.add-user-form .checkbox-label[data-v-7e52894d]{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.add-user-form .checkbox-input[data-v-7e52894d]{width:16px;height:16px;accent-color:var(--color-primary)}.add-user-form .checkbox-text[data-v-7e52894d]{-webkit-user-select:none;user-select:none}.add-user-form .form-actions[data-v-7e52894d]{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--color-border)}.add-user-form .btn[data-v-7e52894d]{padding:10px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-normal);border:none;display:flex;align-items:center;gap:8px}.add-user-form .btn-secondary[data-v-7e52894d]{background:var(--color-surface-variant);color:var(--color-text-secondary);border:1px solid var(--color-border)}.add-user-form .btn-secondary[data-v-7e52894d]:hover{background:var(--color-primary-10);color:var(--color-primary)}.add-user-form .btn-primary[data-v-7e52894d]{background:var(--color-primary);color:#fff}.add-user-form .btn-primary[data-v-7e52894d]:hover:not(:disabled){background:var(--color-primary-dark)}.add-user-form .btn-primary[data-v-7e52894d]:disabled{opacity:.6;cursor:not-allowed}.spinner-small[data-v-7e52894d]{width:16px;height:16px}@keyframes slideInRight-7e52894d{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.side-panel[data-v-7e52894d]{width:100%}}.fab-container[data-v-7e52894d]{position:fixed;bottom:32px;right:32px;z-index:1200;display:flex;flex-direction:column;gap:16px;align-items:center}.filter-fab[data-v-7e52894d]{background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;box-shadow:0 4px 16px #2563eb2e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-fab.main[data-v-7e52894d]{width:56px;height:56px;z-index:2}.filter-fab.secondary[data-v-7e52894d]{width:48px;height:48px;opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;background:#fff;color:var(--color-primary);border:1px solid var(--color-primary-20);z-index:1}.fab-container:hover .filter-fab.secondary[data-v-7e52894d]{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.filter-fab[data-v-7e52894d]:hover{box-shadow:0 6px 24px #2563eb47;transform:scale(1.05)}.filter-fab.secondary[data-v-7e52894d]:hover{background:var(--color-primary-10)}.var-modal-overlay[data-v-7e52894d]{position:fixed;inset:0;background:#0000004d;z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding-top:60px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.var-modal-content[data-v-7e52894d]{background:var(--color-surface);width:90%;max-width:600px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:visible;border:1px solid var(--color-border)}.var-modal-header[data-v-7e52894d]{padding:16px 24px;border-bottom:1px solid var(--color-border);background:var(--color-surface-variant)}.var-modal-header h2[data-v-7e52894d]{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.var-modal-body[data-v-7e52894d]{padding:24px}.var-form-row[data-v-7e52894d]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.var-form-group[data-v-7e52894d]{display:flex;flex-direction:column;gap:6px}.var-form-group label[data-v-7e52894d]{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.var-input[data-v-7e52894d]{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;background:#fff;color:var(--color-text-primary);transition:all .2s;width:100%}.var-input[data-v-7e52894d]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.user-search-group[data-v-7e52894d],.search-input-container[data-v-7e52894d]{position:relative}.user-suggestions[data-v-7e52894d]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:4px;box-shadow:var(--shadow-md);z-index:2010;max-height:200px;overflow-y:auto}.suggestion-item[data-v-7e52894d]{padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .2s}.suggestion-item[data-v-7e52894d]:hover{background:var(--color-primary-10)}.suggestion-name[data-v-7e52894d]{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.suggestion-info[data-v-7e52894d]{font-size:.75rem;color:var(--color-text-secondary)}.checkbox-field[data-v-7e52894d]{display:flex;align-items:flex-end;padding-bottom:8px}.var-modal-footer[data-v-7e52894d]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border)}.btn-close[data-v-7e52894d]{padding:10px 20px;background:var(--color-surface-variant);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-close[data-v-7e52894d]:hover{background:var(--color-primary-10);color:var(--color-primary)}.btn-add[data-v-7e52894d]{padding:10px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.8rem;cursor:pointer;box-shadow:var(--shadow-primary);transition:all .2s}.btn-add[data-v-7e52894d]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-add[data-v-7e52894d]:disabled{opacity:.7;cursor:not-allowed}.slide-down-enter-active[data-v-7e52894d],.slide-down-leave-active[data-v-7e52894d]{transition:all .4s cubic-bezier(.16,1,.3,1)}.slide-down-enter-from[data-v-7e52894d],.slide-down-leave-to[data-v-7e52894d]{opacity:0;transform:translateY(-40px)}.styled-search[data-v-7e52894d]{border:none;background:var(--color-surface);border-radius:8px;padding:10px 14px 10px 38px;font-size:1em;width:100%;box-shadow:0 1px 2px #00000008;transition:box-shadow .15s;outline:none;color:var(--color-text-primary)}.filter-search[data-v-7e52894d]{position:relative;display:flex;align-items:center}.filter-search .search-icon[data-v-7e52894d]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#888;pointer-events:none}.filter-search .search-clear[data-v-7e52894d]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#bbb;cursor:pointer;padding:2px;border-radius:50%;transition:background .15s}.filter-search .search-clear[data-v-7e52894d]:hover{background:var(--color-surface-variant);color:#2563eb}.attendance-filter-card[data-v-7e52894d]{background:#f9fafb;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:32px 24px 20px;margin:0 auto;max-width:700px;display:flex;flex-direction:column;gap:24px}.filter-row[data-v-7e52894d]{display:flex;flex-wrap:wrap;gap:24px 16px;align-items:flex-end}.filter-group[data-v-7e52894d]{flex:1 1 220px;min-width:200px;margin-bottom:0}.search-group[data-v-7e52894d]{min-width:260px}.var-modal-tabs[data-v-7e52894d]{display:flex;gap:16px;margin-top:8px}.var-tab[data-v-7e52894d]{background:none;border:none;padding:6px 4px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;position:relative;transition:all .3s ease}.var-tab[data-v-7e52894d]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.var-tab.active[data-v-7e52894d]{color:var(--color-primary)}.var-tab.active[data-v-7e52894d]:after{width:100%}.bulk-upload-area[data-v-7e52894d]{margin:12px 0;padding:40px;border:2px dashed var(--color-primary-20);border-radius:var(--radius-md);background:var(--color-primary-5);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.bulk-upload-area[data-v-7e52894d]:hover{border-color:var(--color-primary-50);background:var(--color-primary-10)}.theme-light-purple[data-v-5c9fc34d]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-5c9fc34d]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-5c9fc34d]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-5c9fc34d]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-5c9fc34d]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-5c9fc34d],[data-v-5c9fc34d]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-5c9fc34d]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-5c9fc34d]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-5c9fc34d]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.attendance-page[data-v-5c9fc34d]{padding:var(--space-4);max-width:1400px;margin:0 auto}.fab-container[data-v-5c9fc34d]{position:fixed;right:28px;bottom:28px;z-index:999}.filter-fab[data-v-5c9fc34d]{width:52px;height:52px;border-radius:50%;background:var(--color-primary);color:#fff;box-shadow:0 4px 16px #0000002e;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.filter-fab[data-v-5c9fc34d]:hover{transform:scale(1.08);box-shadow:0 6px 24px #00000040}.filter-fab.has-filters[data-v-5c9fc34d]{background:var(--color-primary, var(--color-primary))}.fab-badge[data-v-5c9fc34d]{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--color-error);color:#fff;font-size:10px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;border:2px solid white}.fab-menu[data-v-5c9fc34d]{position:absolute;right:0;bottom:68px;display:flex;flex-direction:column;gap:12px}.fab-menu-item[data-v-5c9fc34d]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-primary-20);border-radius:24px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #0000001a;font-size:14px;font-weight:500;min-width:120px;justify-content:flex-start}.fab-menu-item[data-v-5c9fc34d]:hover{background:var(--color-primary-5);border-color:var(--color-primary);transform:translate(-4px)}.fab-menu-item[data-v-5c9fc34d]:disabled{opacity:.6;cursor:not-allowed;transform:none}.fab-menu-item.reports-fab[data-v-5c9fc34d]{background:var(--color-success-5);border-color:var(--color-success-20);color:var(--color-success)}.fab-menu-item.reports-fab[data-v-5c9fc34d]:hover{background:var(--color-success-10);border-color:var(--color-success)}.fab-menu-label[data-v-5c9fc34d]{font-size:13px}.fab-scale-enter-active[data-v-5c9fc34d],.fab-scale-leave-active[data-v-5c9fc34d]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.fab-scale-enter-from[data-v-5c9fc34d],.fab-scale-leave-to[data-v-5c9fc34d]{opacity:0;transform:scale(.8) translateY(10px)}.fab-scale-enter-to[data-v-5c9fc34d],.fab-scale-leave-from[data-v-5c9fc34d]{opacity:1;transform:scale(1) translateY(0)}.fab-menu-item[data-v-5c9fc34d]:nth-child(1){transition-delay:0ms}.fab-menu-item[data-v-5c9fc34d]:nth-child(2){transition-delay:50ms}.fab-menu-item[data-v-5c9fc34d]:nth-child(3){transition-delay:.1s}.spinner[data-v-5c9fc34d]{animation:spin-5c9fc34d 1s linear infinite}@keyframes spin-5c9fc34d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filter-inner[data-v-5c9fc34d]{padding:0 24px 20px}.filter-grid[data-v-5c9fc34d]{display:grid;gap:16px}.filter-grid.cols-3[data-v-5c9fc34d]{grid-template-columns:minmax(240px,1.2fr) 1fr 1fr}.filter-actions-row[data-v-5c9fc34d]{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid var(--color-primary-10);margin-top:16px}.no-tags-msg[data-v-5c9fc34d]{font-size:13px;color:var(--color-text-secondary);font-style:italic;margin:0}.scenario-hint[data-v-5c9fc34d]{display:flex;align-items:center;gap:6px;padding:10px 14px;margin-top:12px;background:var(--color-primary-5);border-radius:8px;font-size:12px;color:var(--color-primary);font-weight:500}.filter-group-card[data-v-5c9fc34d]{border:1px solid var(--color-primary-10);border-radius:12px;overflow:hidden;background:var(--color-background);display:flex;flex-direction:column}.filter-group-card.cal-card[data-v-5c9fc34d]{min-width:240px}.group-header[data-v-5c9fc34d]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-primary-10);background:var(--color-surface)}.group-title[data-v-5c9fc34d]{font-size:13px;font-weight:600;color:var(--color-text-primary)}.group-hint[data-v-5c9fc34d]{font-size:11px;color:var(--color-primary);font-weight:500}.group-hint.subtle[data-v-5c9fc34d]{color:var(--color-text-secondary);font-weight:400}.group-body[data-v-5c9fc34d]{padding:14px 16px;flex:1;max-height:300px;overflow-y:auto;scrollbar-width:none}.mini-calendar[data-v-5c9fc34d]{width:100%}.cal-nav[data-v-5c9fc34d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-nav-btn[data-v-5c9fc34d]{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:var(--color-text-secondary);display:flex;align-items:center}.cal-nav-btn[data-v-5c9fc34d]:hover{background:var(--color-primary-10);color:var(--color-primary)}.cal-month-label[data-v-5c9fc34d]{font-size:14px;font-weight:600;color:var(--color-text-primary)}.cal-grid[data-v-5c9fc34d]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cal-dow[data-v-5c9fc34d]{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;padding:4px 0 8px}.cal-day[data-v-5c9fc34d]{width:34px;height:34px;margin:0 auto;border:none;background:transparent;border-radius:50%;font-size:13px;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease;font-weight:500;position:relative}.cal-day[data-v-5c9fc34d]:hover:not(.disabled):not(.other){background:var(--color-primary-10)}.cal-day.today[data-v-5c9fc34d]{border:2px solid var(--color-primary);font-weight:700;color:var(--color-primary)}.cal-day.selected[data-v-5c9fc34d]{background:var(--color-primary);color:#fff;font-weight:700;z-index:1}.cal-day.selected.today[data-v-5c9fc34d]{border-color:var(--color-primary)}.cal-day.in-range[data-v-5c9fc34d]{background:var(--color-primary-10);color:var(--color-primary);border-radius:4px;font-weight:600}.cal-day.range-start[data-v-5c9fc34d]{border-radius:50% 4px 4px 50%}.cal-day.range-end[data-v-5c9fc34d]{border-radius:4px 50% 50% 4px}.cal-day.other[data-v-5c9fc34d]{color:var(--color-text-secondary);opacity:.35;cursor:default}.cal-day.disabled[data-v-5c9fc34d]{opacity:.25;cursor:not-allowed}.cal-footer[data-v-5c9fc34d]{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--color-primary-10)}.cal-today-btn[data-v-5c9fc34d]{background:none;border:1px solid var(--color-primary-20);color:var(--color-primary);font-size:12px;font-weight:600;padding:5px 14px;border-radius:6px;cursor:pointer}.cal-today-btn[data-v-5c9fc34d]:hover{background:var(--color-primary-10)}.cal-selected-display[data-v-5c9fc34d]{font-size:12px;font-weight:600;color:var(--color-text-primary)}.filter-chips[data-v-5c9fc34d]{display:flex;gap:6px;flex-wrap:wrap}.filter-chip[data-v-5c9fc34d]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid var(--color-primary-20);background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.filter-chip[data-v-5c9fc34d]:hover{border-color:var(--color-primary-50);color:var(--color-text-primary)}.filter-chip.active[data-v-5c9fc34d]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-chip.small[data-v-5c9fc34d]{padding:5px 12px;font-size:12px;border-radius:6px}.tag-chips-wrap[data-v-5c9fc34d]{display:flex;gap:6px;flex-wrap:wrap;overflow-y:auto;padding:2px}.filter-search[data-v-5c9fc34d]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-surface);border:1.5px solid var(--color-primary-20);border-radius:8px}.filter-search[data-v-5c9fc34d]:focus-within{border-color:var(--color-primary)}.filter-search .search-icon[data-v-5c9fc34d]{width:16px;height:16px;color:var(--color-text-secondary);flex-shrink:0;fill:currentColor}.styled-search[data-v-5c9fc34d]{border:none;background:transparent;color:var(--color-text-primary);font-size:13px;outline:none;width:100%}.search-clear[data-v-5c9fc34d]{border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;padding:2px;display:flex}.search-clear svg[data-v-5c9fc34d]{width:14px;height:14px;fill:currentColor}.person-search-wrapper[data-v-5c9fc34d]{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-surface);border:1.5px solid var(--color-primary-20);border-radius:8px}.person-search-wrapper[data-v-5c9fc34d]:focus-within{border-color:var(--color-primary)}.person-search-wrapper svg[data-v-5c9fc34d]{color:var(--color-text-secondary);flex-shrink:0}.person-suggestions[data-v-5c9fc34d]{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-surface);border:1px solid var(--color-primary-20);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:1100;max-height:220px;overflow-y:auto}.suggestion-item[data-v-5c9fc34d]{display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;background:transparent;width:100%;cursor:pointer;text-align:left;color:var(--color-text-primary);font-size:13px}.suggestion-item[data-v-5c9fc34d]:hover{background:var(--color-primary-5)}.sugg-epf[data-v-5c9fc34d]{font-weight:600;color:var(--color-primary);min-width:40px}.sugg-name[data-v-5c9fc34d]{flex:1}.sugg-tags[data-v-5c9fc34d]{font-size:11px;color:var(--color-text-secondary)}.selected-person-chip[data-v-5c9fc34d]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-primary-10);border-radius:8px;margin-top:8px}.person-epf[data-v-5c9fc34d]{font-weight:700;color:var(--color-primary);font-size:13px}.person-name[data-v-5c9fc34d]{font-size:13px;color:var(--color-text-primary)}.person-remove[data-v-5c9fc34d]{border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:18px;line-height:1;margin-left:auto}.person-remove[data-v-5c9fc34d]:hover{color:var(--color-error)}.header-strip[data-v-5c9fc34d]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap;padding:0 2px}.header-left[data-v-5c9fc34d]{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.date-display[data-v-5c9fc34d]{display:flex;align-items:center;gap:6px}.date-text[data-v-5c9fc34d]{font-size:20px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;letter-spacing:-.01em}.date-arrow[data-v-5c9fc34d]{background:none;border:1px solid var(--color-primary-20);border-radius:8px;padding:5px;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;transition:all .12s}.date-arrow[data-v-5c9fc34d]:hover:not(:disabled){background:var(--color-primary-10);color:var(--color-primary);border-color:var(--color-primary-30)}.date-arrow[data-v-5c9fc34d]:disabled{opacity:.3;cursor:not-allowed}.person-header-name[data-v-5c9fc34d]{font-size:20px;font-weight:700;color:var(--color-text-primary)}.person-header-range[data-v-5c9fc34d]{font-size:13px;color:var(--color-text-secondary);margin-left:8px}.range-count-badge[data-v-5c9fc34d]{font-size:12px;color:var(--color-text-secondary);font-weight:500;background:var(--color-primary-10);padding:3px 10px;border-radius:6px;margin-left:8px}.header-tags[data-v-5c9fc34d]{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.header-tag[data-v-5c9fc34d]{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--color-primary-10);color:var(--color-primary);border-radius:6px;font-size:11px;font-weight:600}.tag-remove[data-v-5c9fc34d]{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:14px;line-height:1;padding:0 2px;opacity:.6}.tag-remove[data-v-5c9fc34d]:hover{opacity:1}.header-stats[data-v-5c9fc34d]{display:flex;gap:16px;align-items:center}.h-stat[data-v-5c9fc34d]{display:flex;flex-direction:column;align-items:center;min-width:48px}.h-stat-num[data-v-5c9fc34d]{font-size:18px;font-weight:700;line-height:1.2}.h-stat-label[data-v-5c9fc34d]{font-size:10px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.h-stat.present .h-stat-num[data-v-5c9fc34d]{color:var(--color-success)}.h-stat.absent .h-stat-num[data-v-5c9fc34d]{color:var(--color-error)}.h-stat.leave .h-stat-num[data-v-5c9fc34d],.h-stat.late .h-stat-num[data-v-5c9fc34d]{color:var(--color-warning)}.h-stat.total .h-stat-num[data-v-5c9fc34d]{color:var(--color-primary)}.results-section[data-v-5c9fc34d]{max-height:70dvh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.results-section[data-v-5c9fc34d]::-webkit-scrollbar{display:none}.table-container[data-v-5c9fc34d]{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-primary-10)}.table-container thead[data-v-5c9fc34d]{position:sticky;top:0;z-index:10}.table-container thead th[data-v-5c9fc34d]{background:var(--color-surface);border-bottom:2px solid var(--color-primary-10)}.col-epf[data-v-5c9fc34d]{width:80px}.col-name[data-v-5c9fc34d]{min-width:160px}.col-shift[data-v-5c9fc34d]{min-width:140px}.col-attendance[data-v-5c9fc34d]{min-width:180px}.col-leave[data-v-5c9fc34d]{min-width:100px}.col-status[data-v-5c9fc34d]{width:80px}.col-actions[data-v-5c9fc34d]{width:60px}.col-date[data-v-5c9fc34d]{width:100px}.col-day[data-v-5c9fc34d]{width:60px}.col-header-icon[data-v-5c9fc34d]{display:inline-flex;align-items:center;margin-right:4px;vertical-align:middle}.col-header-icon.shift[data-v-5c9fc34d]{color:var(--color-accent)}.col-header-icon.attendance[data-v-5c9fc34d]{color:var(--color-success)}.col-header-icon.leave[data-v-5c9fc34d]{color:var(--color-warning)}.epf-badge[data-v-5c9fc34d]{display:inline-block;padding:3px 10px;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-sm);font-weight:var(--font-bold);font-size:var(--text-sm)}.employee-cell[data-v-5c9fc34d]{display:flex;flex-direction:column;gap:2px}.emp-name[data-v-5c9fc34d]{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--color-text-primary)}.emp-tags[data-v-5c9fc34d]{display:flex;gap:4px;flex-wrap:wrap}.mini-tag[data-v-5c9fc34d]{display:inline-block;padding:1px 6px;background:var(--color-primary-5);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium)}.mini-tag.more[data-v-5c9fc34d]{background:var(--color-primary-10);color:var(--color-primary)}.mini-tag.remote[data-v-5c9fc34d]{background:var(--color-warning-10);color:var(--color-warning);display:inline-flex;align-items:center;gap:2px}.shift-cell[data-v-5c9fc34d]{display:flex;flex-direction:column;gap:2px}.shift-label[data-v-5c9fc34d]{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-primary)}.shift-time[data-v-5c9fc34d]{font-size:11px;color:var(--color-text-secondary)}.attendance-cell[data-v-5c9fc34d]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.att-times[data-v-5c9fc34d]{display:flex;align-items:center;gap:6px;font-size:var(--text-sm)}.att-in[data-v-5c9fc34d]{display:inline-flex;align-items:center;gap:3px;color:var(--color-success)}.att-out[data-v-5c9fc34d]{display:inline-flex;align-items:center;gap:3px;color:var(--color-text-secondary)}.att-separator[data-v-5c9fc34d]{color:var(--color-text-secondary);font-size:11px}.att-hours[data-v-5c9fc34d]{font-size:12px;font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-10);padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap}.leave-cell[data-v-5c9fc34d]{display:flex;align-items:center;gap:6px}.leave-type-badge[data-v-5c9fc34d]{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-semibold);text-transform:capitalize;background:var(--color-warning-10);color:var(--color-warning)}.leave-type-badge.annual[data-v-5c9fc34d]{background:var(--color-success-10);color:var(--color-success)}.leave-type-badge.casual[data-v-5c9fc34d]{background:var(--color-accent-10);color:var(--color-accent)}.leave-type-badge.medical[data-v-5c9fc34d]{background:var(--color-error-10);color:var(--color-error)}.leave-type-badge.half[data-v-5c9fc34d]{background:var(--color-warning-10);color:var(--color-warning)}.leave-status[data-v-5c9fc34d]{font-size:11px;font-weight:var(--font-medium);text-transform:capitalize}.leave-status.approved[data-v-5c9fc34d]{color:var(--color-success)}.leave-status.pending[data-v-5c9fc34d]{color:var(--color-warning)}.leave-status.rejected[data-v-5c9fc34d]{color:var(--color-error)}.status-indicator[data-v-5c9fc34d]{display:inline-block;padding:3px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-semibold);text-align:center}.status-indicator.present[data-v-5c9fc34d]{background:var(--color-success-10);color:var(--color-success)}.status-indicator.absent[data-v-5c9fc34d]{background:var(--color-error-10);color:var(--color-error)}.status-indicator.late[data-v-5c9fc34d]{background:var(--color-warning-10);color:var(--color-warning)}.status-indicator.on-leave[data-v-5c9fc34d]{background:var(--color-accent-10);color:var(--color-accent)}.status-indicator.off-day[data-v-5c9fc34d]{background:var(--color-primary-5);color:var(--color-text-secondary)}.cell-empty[data-v-5c9fc34d]{color:var(--color-text-secondary);font-size:var(--text-sm);font-style:italic}.cell-absent[data-v-5c9fc34d]{color:var(--color-error);font-size:var(--text-sm);font-weight:var(--font-medium)}.actions-group[data-v-5c9fc34d]{display:flex;align-items:center;gap:4px}.action-btn[data-v-5c9fc34d]{padding:6px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center}.action-btn[data-v-5c9fc34d]:hover{background:var(--color-primary-10);color:var(--color-primary)}.data-row.is-weekend[data-v-5c9fc34d]{background:var(--color-primary-5)}.day-name[data-v-5c9fc34d]{font-size:var(--text-sm);color:var(--color-text-secondary)}.day-name.weekend[data-v-5c9fc34d]{color:var(--color-error);font-weight:var(--font-semibold)}.date-badge[data-v-5c9fc34d]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.grid-container[data-v-5c9fc34d]{border:1px solid var(--color-primary-10);border-radius:var(--radius-lg);overflow:hidden}.grid-scroll-wrapper[data-v-5c9fc34d]{overflow-x:auto;scrollbar-width:thin}.grid-table[data-v-5c9fc34d]{border-collapse:collapse;width:max-content;min-width:100%}.grid-table thead[data-v-5c9fc34d]{position:sticky;top:0;z-index:10}.grid-table th[data-v-5c9fc34d],.grid-table td[data-v-5c9fc34d]{border:1px solid var(--color-primary-10);padding:0;text-align:center}.grid-sticky-col[data-v-5c9fc34d]{position:sticky;left:0;z-index:5;background:var(--color-surface);min-width:160px;text-align:left!important}.grid-table thead .grid-sticky-col[data-v-5c9fc34d]{z-index:15}.grid-emp-header[data-v-5c9fc34d]{padding:10px 14px;font-size:12px;font-weight:600;color:var(--color-text-primary);background:var(--color-surface)}.grid-date-header[data-v-5c9fc34d]{padding:8px 4px;min-width:84px;background:var(--color-surface)}.grid-date-header.weekend[data-v-5c9fc34d]{background:var(--color-primary-5)}.grid-date-header.today[data-v-5c9fc34d]{background:var(--color-primary-10)}.grid-date-day[data-v-5c9fc34d]{display:block;font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase}.grid-date-num[data-v-5c9fc34d]{display:block;font-size:15px;font-weight:700;color:var(--color-text-primary);line-height:1.3}.grid-date-header.today .grid-date-num[data-v-5c9fc34d]{color:var(--color-primary)}.grid-emp-cell[data-v-5c9fc34d]{padding:8px 14px;display:flex;align-items:center;gap:8px;background:var(--color-surface);border-right:2px solid var(--color-primary-10)!important;height:73px}.grid-emp-cell .epf-badge[data-v-5c9fc34d]{font-size:11px;padding:2px 8px}.grid-emp-cell .emp-name[data-v-5c9fc34d]{font-size:12px;white-space:nowrap}.grid-cell[data-v-5c9fc34d]{min-width:84px;height:72px;cursor:pointer;transition:background .1s;vertical-align:middle}.grid-cell[data-v-5c9fc34d]:hover,.grid-cell.weekend[data-v-5c9fc34d]{background:var(--color-primary-5)}.grid-cell.today[data-v-5c9fc34d]{background:var(--color-primary-10)}.grid-cell-content[data-v-5c9fc34d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;padding:5px 3px;min-height:64px}.grid-cell-content.present[data-v-5c9fc34d]{background:var(--color-success-10)}.grid-cell-content.late[data-v-5c9fc34d]{background:var(--color-warning-10)}.grid-cell-content.on-leave[data-v-5c9fc34d]{background:#fff3e0}.gc-time[data-v-5c9fc34d]{font-size:11px;font-weight:600;color:var(--color-success);line-height:1.2}.gc-time-out[data-v-5c9fc34d]{font-size:11px;font-weight:600;color:var(--color-primary);line-height:1.2}.gc-hours[data-v-5c9fc34d]{font-size:10px;font-weight:700;color:var(--color-primary)}.gc-shift-badge[data-v-5c9fc34d]{display:inline-block;padding:1px 5px;background:var(--color-accent-10, #e8eaf6);color:var(--color-accent, #5c6bc0);border-radius:4px;font-size:9px;font-weight:600;line-height:1.3;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-leave-badge[data-v-5c9fc34d]{display:inline-block;padding:1px 5px;background:#ff9800;color:#fff;border-radius:4px;font-size:9px;font-weight:700;text-transform:capitalize;line-height:1.3}.gc-absent[data-v-5c9fc34d]{font-size:12px;color:var(--color-error);opacity:.5}.loading-state[data-v-5c9fc34d]{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary);font-size:var(--text-sm)}.spinner[data-v-5c9fc34d]{width:24px;height:24px;color:var(--color-primary)}.empty-state-box[data-v-5c9fc34d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.empty-icon[data-v-5c9fc34d]{color:var(--color-text-secondary);margin-bottom:var(--space-3)}.empty-title[data-v-5c9fc34d]{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 4px}.empty-subtitle[data-v-5c9fc34d]{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.side-panel-overlay[data-v-5c9fc34d]{position:fixed;inset:0;background:#0000004d;z-index:200;display:flex;justify-content:flex-end}.side-panel[data-v-5c9fc34d]{width:70dvw;height:94dvh;background:var(--color-surface);box-shadow:-2px 0 20px #0000001f;display:flex;flex-direction:column}.sp-header[data-v-5c9fc34d]{padding:16px 20px 12px;border-bottom:1px solid var(--color-primary-10);flex-shrink:0}.sp-header-top[data-v-5c9fc34d]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sp-header-info[data-v-5c9fc34d]{flex:1;min-width:0}.sp-title[data-v-5c9fc34d]{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0 0 6px}.sp-chips[data-v-5c9fc34d]{display:flex;gap:5px;flex-wrap:wrap}.sp-chip[data-v-5c9fc34d]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:var(--color-primary-5);color:var(--color-text-secondary)}.sp-chip.primary[data-v-5c9fc34d]{background:var(--color-primary-10);color:var(--color-primary)}.sp-chip.accent[data-v-5c9fc34d]{background:var(--color-accent-10, #e8eaf6);color:var(--color-accent, #5c6bc0)}.sp-chip.success[data-v-5c9fc34d]{background:var(--color-success-10);color:var(--color-success)}.sp-chip.error[data-v-5c9fc34d]{background:var(--color-error-10);color:var(--color-error)}.sp-chip.warning[data-v-5c9fc34d]{background:var(--color-warning-10);color:var(--color-warning)}.sp-chip.leave[data-v-5c9fc34d]{background:#fff3e0;color:#e65100}.sp-chip.leave.annual[data-v-5c9fc34d]{background:var(--color-success-10);color:var(--color-success)}.sp-chip.leave.casual[data-v-5c9fc34d]{background:var(--color-accent-10);color:var(--color-accent)}.sp-chip.leave.medical[data-v-5c9fc34d]{background:var(--color-error-10);color:var(--color-error)}.sp-close[data-v-5c9fc34d]{padding:4px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;display:flex;align-items:center;flex-shrink:0}.sp-close[data-v-5c9fc34d]:hover{background:var(--color-primary-10);color:var(--color-text-primary)}.sp-body[data-v-5c9fc34d]{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.holiday-banner[data-v-5c9fc34d]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fffcf0;border:1px solid #fdf2b1;border-radius:12px;margin-bottom:20px;color:#856404}.h-banner-left[data-v-5c9fc34d]{display:flex;align-items:center;gap:10px}.h-banner-title[data-v-5c9fc34d]{font-weight:700;font-size:15px}.h-banner-type[data-v-5c9fc34d]{font-size:10px;text-transform:uppercase}.is-holiday[data-v-5c9fc34d]{background:#fffcf0!important}.holiday-label[data-v-5c9fc34d]{font-size:11px;font-weight:700;color:#b08d00;text-transform:uppercase}.grid-date-header.holiday[data-v-5c9fc34d]{background:#fdf2b1!important;color:#856404!important}.grid-cell.holiday[data-v-5c9fc34d]{background:#fffcf0!important}.leave-banner[data-v-5c9fc34d]{display:flex;align-items:center;gap:14px;padding:16px;border-radius:10px;background:#fff8e1;border:1px solid #ffe0b2}.leave-banner.annual[data-v-5c9fc34d]{background:var(--color-success-10);border-color:var(--color-success-20, #c8e6c9)}.leave-banner.casual[data-v-5c9fc34d]{background:var(--color-accent-10, #e8eaf6);border-color:var(--color-accent-20, #c5cae9)}.leave-banner.medical[data-v-5c9fc34d]{background:var(--color-error-10);border-color:var(--color-error-20, #ffcdd2)}.leave-banner-icon[data-v-5c9fc34d]{color:#e65100;flex-shrink:0;opacity:.7}.leave-banner.annual .leave-banner-icon[data-v-5c9fc34d]{color:var(--color-success)}.leave-banner.casual .leave-banner-icon[data-v-5c9fc34d]{color:var(--color-accent)}.leave-banner.medical .leave-banner-icon[data-v-5c9fc34d]{color:var(--color-error)}.leave-banner-info[data-v-5c9fc34d]{display:flex;flex-direction:column;gap:2px}.leave-banner-type[data-v-5c9fc34d]{font-size:15px;font-weight:700;color:var(--color-text-primary);text-transform:capitalize}.leave-banner-status[data-v-5c9fc34d]{font-size:12px;font-weight:600;text-transform:capitalize;color:var(--color-text-secondary)}.leave-banner-status.approved[data-v-5c9fc34d]{color:var(--color-success)}.leave-banner-status.pending[data-v-5c9fc34d]{color:var(--color-warning)}.leave-banner-status.rejected[data-v-5c9fc34d]{color:var(--color-error)}.leave-reason[data-v-5c9fc34d]{padding:10px 14px;background:var(--color-background);border:1px solid var(--color-primary-10);border-radius:8px}.leave-reason-label[data-v-5c9fc34d]{font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.leave-reason-text[data-v-5c9fc34d]{font-size:13px;color:var(--color-text-primary);margin:4px 0 0;line-height:1.5}.info-row-compact[data-v-5c9fc34d]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-background);border:1px solid var(--color-primary-10);border-radius:8px}.irc-label[data-v-5c9fc34d]{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;min-width:36px}.irc-value[data-v-5c9fc34d]{font-size:13px;font-weight:500;color:var(--color-text-primary)}.irc-dim[data-v-5c9fc34d]{font-size:12px;color:var(--color-text-secondary);font-weight:400}.att-summary-row[data-v-5c9fc34d]{display:flex;align-items:center;gap:0;padding:10px 14px;background:var(--color-background);border:1px solid var(--color-primary-10);border-radius:8px}.att-summary-item[data-v-5c9fc34d]{display:flex;align-items:center;gap:6px;flex:1}.att-summary-sep[data-v-5c9fc34d]{width:1px;height:24px;background:var(--color-primary-10);margin:0 8px;flex-shrink:0}.att-dot[data-v-5c9fc34d]{width:7px;height:7px;border-radius:50%;flex-shrink:0}.att-dot.in[data-v-5c9fc34d]{background:var(--color-success)}.att-dot.out[data-v-5c9fc34d]{background:var(--color-text-secondary)}.att-label[data-v-5c9fc34d]{font-size:11px;color:var(--color-text-secondary);font-weight:500}.att-val[data-v-5c9fc34d]{font-size:14px;font-weight:700;color:var(--color-text-primary)}.att-val.primary[data-v-5c9fc34d]{color:var(--color-primary)}.todo-strip[data-v-5c9fc34d]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-primary-5);border-radius:8px;font-size:12px}.todo-strip.loading[data-v-5c9fc34d]{color:var(--color-text-secondary)}.todo-strip-icon[data-v-5c9fc34d]{width:20px;height:20px;border-radius:50%;background:var(--color-warning-10);color:var(--color-warning);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.todo-strip-icon.done[data-v-5c9fc34d]{background:var(--color-success-10);color:var(--color-success)}.todo-strip-text[data-v-5c9fc34d]{flex:1;min-width:0;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-strip-badge[data-v-5c9fc34d]{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;background:var(--color-warning-10);color:var(--color-warning);flex-shrink:0}.todo-strip-badge.done[data-v-5c9fc34d]{background:var(--color-success-10);color:var(--color-success)}.tabs-nav-sub[data-v-5c9fc34d]{display:flex;gap:0;border-bottom:1.5px solid var(--color-primary-10)}.tab-btn-sub[data-v-5c9fc34d]{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1.5px;color:var(--color-text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}.tab-btn-sub[data-v-5c9fc34d]:hover{color:var(--color-text-primary)}.tab-btn-sub.active[data-v-5c9fc34d]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-pane[data-v-5c9fc34d]{padding-top:12px;animation:fadeInTab-5c9fc34d .15s ease}@keyframes fadeInTab-5c9fc34d{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.add-entry-row[data-v-5c9fc34d]{display:flex;gap:8px;margin-bottom:8px}.add-btn[data-v-5c9fc34d]{padding:5px 12px;border:1.5px dashed;border-radius:6px;background:transparent;font-size:12px;font-weight:700;cursor:pointer;transition:all .12s}.add-btn.in[data-v-5c9fc34d]{border-color:var(--color-success);color:var(--color-success)}.add-btn.in[data-v-5c9fc34d]:hover{background:var(--color-success-10)}.add-btn.out[data-v-5c9fc34d]{border-color:var(--color-error);color:var(--color-error)}.add-btn.out[data-v-5c9fc34d]:hover{background:var(--color-error-10)}.entries-compact[data-v-5c9fc34d]{display:flex;flex-direction:column;gap:4px}.entry-row[data-v-5c9fc34d]{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-background);border:1px solid var(--color-primary-10);border-radius:8px;flex-wrap:wrap}.er-type[data-v-5c9fc34d]{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;flex-shrink:0}.er-type.in[data-v-5c9fc34d]{background:var(--color-success-10);color:var(--color-success)}.er-type.out[data-v-5c9fc34d]{background:var(--color-error-10);color:var(--color-error)}.er-input[data-v-5c9fc34d]{padding:4px 6px;border:1px solid var(--color-primary-15, var(--color-primary-10));border-radius:5px;background:var(--color-surface);color:var(--color-text-primary);font-size:12px;outline:none;width:auto;max-width:120px}.er-input[data-v-5c9fc34d]:focus{border-color:var(--color-primary)}.er-meta[data-v-5c9fc34d]{display:flex;gap:4px;flex-wrap:wrap}.er-chip[data-v-5c9fc34d]{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:500;background:var(--color-primary-5);color:var(--color-text-secondary)}.er-chip.warn[data-v-5c9fc34d]{background:var(--color-warning-10);color:var(--color-warning)}.er-remove[data-v-5c9fc34d]{width:22px;height:22px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;font-size:16px;font-weight:600;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto}.er-remove[data-v-5c9fc34d]:hover{background:var(--color-error-10);color:var(--color-error)}.empty-hint[data-v-5c9fc34d]{text-align:center;padding:20px 0;color:var(--color-text-secondary);font-size:13px}.empty-hint p[data-v-5c9fc34d]{margin:0 0 10px;font-style:italic}.flags-row[data-v-5c9fc34d]{display:flex;gap:14px;padding:10px 0 4px;border-top:1px solid var(--color-primary-5);margin-top:8px;flex-wrap:wrap}.flag-check[data-v-5c9fc34d]{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:12px;font-weight:500;color:var(--color-text-primary)}.flag-check input[data-v-5c9fc34d]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.loading-hint[data-v-5c9fc34d]{display:flex;align-items:center;gap:8px;padding:16px 0;color:var(--color-text-secondary);font-size:12px}.rates-toolbar[data-v-5c9fc34d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rates-count[data-v-5c9fc34d]{font-size:12px;color:var(--color-text-secondary);font-weight:500}.btn-link[data-v-5c9fc34d]{background:none;border:none;color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer;padding:0}.btn-link[data-v-5c9fc34d]:hover{text-decoration:underline}.rates-compact[data-v-5c9fc34d]{display:flex;flex-wrap:wrap;gap:6px}.rc-item[data-v-5c9fc34d]{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--color-background);border:1px solid var(--color-primary-10);border-radius:6px}.rc-item.off[data-v-5c9fc34d]{opacity:.4}.rc-code[data-v-5c9fc34d]{font-size:11px;font-weight:600;color:var(--color-text-secondary)}.rc-amount[data-v-5c9fc34d]{font-size:13px;font-weight:700;color:var(--color-primary)}.rates-edit-compact[data-v-5c9fc34d]{display:flex;flex-direction:column;gap:6px}.re-item[data-v-5c9fc34d]{display:flex;align-items:center;gap:10px}.re-code[data-v-5c9fc34d]{font-size:12px;font-weight:600;color:var(--color-text-primary);min-width:80px}.re-code.off[data-v-5c9fc34d]{color:var(--color-text-secondary);opacity:.5}.re-input[data-v-5c9fc34d]{flex:1;padding:5px 8px;border:1px solid var(--color-primary-20);border-radius:6px;background:var(--color-surface);color:var(--color-text-primary);font-size:13px;font-weight:600;outline:none}.re-input[data-v-5c9fc34d]:focus{border-color:var(--color-primary)}.re-input[data-v-5c9fc34d]:disabled{opacity:.35;cursor:not-allowed}.enable-grid[data-v-5c9fc34d]{display:flex;flex-wrap:wrap;gap:6px}.enable-item[data-v-5c9fc34d]{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-background);border:1px solid var(--color-primary-10);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--color-text-primary)}.enable-item[data-v-5c9fc34d]:hover{background:var(--color-primary-5)}.enable-item input[data-v-5c9fc34d]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.help-text[data-v-5c9fc34d]{font-size:11px;color:var(--color-text-secondary);margin-top:8px;line-height:1.4;font-style:italic}.sp-footer[data-v-5c9fc34d]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid var(--color-primary-10);flex-shrink:0;background:var(--color-surface)}.footer-left[data-v-5c9fc34d],.footer-right[data-v-5c9fc34d]{display:flex;gap:6px}.btn-danger[data-v-5c9fc34d]{color:var(--color-error)!important}.btn-danger[data-v-5c9fc34d]:hover{background:var(--color-error-10)!important}.btn-success[data-v-5c9fc34d]{background:var(--color-success);color:#fff}.btn-success[data-v-5c9fc34d]:hover:not(:disabled){opacity:.9}.btn-success[data-v-5c9fc34d]:disabled{opacity:.5;cursor:not-allowed}.slide-panel-enter-active[data-v-5c9fc34d],.slide-panel-leave-active[data-v-5c9fc34d]{transition:all .25s ease}.slide-panel-enter-active .side-panel[data-v-5c9fc34d],.slide-panel-leave-active .side-panel[data-v-5c9fc34d]{transition:transform .25s ease}.slide-panel-enter-from[data-v-5c9fc34d]{opacity:0}.slide-panel-enter-from .side-panel[data-v-5c9fc34d]{transform:translate(100%)}.slide-panel-leave-to[data-v-5c9fc34d]{opacity:0}.slide-panel-leave-to .side-panel[data-v-5c9fc34d]{transform:translate(100%)}.entry-type[data-v-5c9fc34d]{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-bold);text-transform:uppercase}.entry-type.in[data-v-5c9fc34d]{background:var(--color-success-10);color:var(--color-success)}.entry-type.out[data-v-5c9fc34d]{background:var(--color-error-10);color:var(--color-error)}.entry-time[data-v-5c9fc34d]{color:var(--color-text-primary)}.entry-meta[data-v-5c9fc34d]{color:var(--color-text-secondary);font-size:11px}.btn[data-v-5c9fc34d]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .15s ease}.btn-sm[data-v-5c9fc34d]{padding:6px 14px;font-size:12px}.btn-primary[data-v-5c9fc34d]{background:var(--color-primary);color:#fff}.btn-primary[data-v-5c9fc34d]:hover:not(:disabled){opacity:.9}.btn-primary[data-v-5c9fc34d]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-5c9fc34d]{background:var(--color-primary-10);color:var(--color-text-primary)}.btn-secondary[data-v-5c9fc34d]:hover{background:var(--color-primary-20)}.btn-text[data-v-5c9fc34d]{background:transparent;color:var(--color-text-secondary)}.btn-text[data-v-5c9fc34d]:hover{color:var(--color-text-primary)}.btn-icon[data-v-5c9fc34d]{width:16px;height:16px}.spinning[data-v-5c9fc34d]{animation:spin-5c9fc34d 1s linear infinite}@keyframes spin-5c9fc34d{to{transform:rotate(360deg)}}.data-table[data-v-5c9fc34d]{width:100%;border-collapse:collapse}.data-table th[data-v-5c9fc34d]{text-align:left;padding:10px 14px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.data-table td[data-v-5c9fc34d]{padding:10px 14px;border-top:1px solid var(--color-primary-5)}.data-table .data-row[data-v-5c9fc34d]:hover{background:var(--color-primary-5)}.data-table .data-row.is-holiday[data-v-5c9fc34d]{background:#fff9db!important}.data-table .data-row.is-holiday[data-v-5c9fc34d]:hover{background:#fff3bf!important}.data-table .data-row.is-weekend[data-v-5c9fc34d]{background:#f8f9fa}@media (max-width: 768px){.attendance-page[data-v-5c9fc34d]{padding:var(--space-3)}.filter-grid.cols-3[data-v-5c9fc34d]{grid-template-columns:1fr}.header-strip[data-v-5c9fc34d]{flex-direction:column;align-items:flex-start;gap:10px}.header-stats[data-v-5c9fc34d]{width:100%;justify-content:space-around}.date-text[data-v-5c9fc34d]{font-size:17px}.detail-grid[data-v-5c9fc34d]{grid-template-columns:1fr}.filter-fab[data-v-5c9fc34d]{right:18px;bottom:18px;width:46px;height:46px}.cal-day[data-v-5c9fc34d]{width:30px;height:30px;font-size:12px}.grid-date-header[data-v-5c9fc34d]{min-width:64px}.grid-sticky-col[data-v-5c9fc34d]{min-width:120px}.side-panel[data-v-5c9fc34d]{width:100vw;max-width:100vw}}.theme-light-purple[data-v-ae5a59b7]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-ae5a59b7]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-ae5a59b7]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-ae5a59b7]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-ae5a59b7]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-ae5a59b7],[data-v-ae5a59b7]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-ae5a59b7]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-ae5a59b7]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-ae5a59b7]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.page-container[data-v-ae5a59b7]{max-width:1200px;margin:0 auto}.page-title[data-v-ae5a59b7]{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-8)}.content-card[data-v-ae5a59b7]{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-subtle);border:1px solid var(--border-light)}.theme-light-purple[data-v-07245310]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-07245310]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-07245310]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-07245310]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-07245310]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-07245310],[data-v-07245310]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-07245310]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-07245310]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-07245310]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.theme-switcher[data-v-07245310]{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-elevated);border:1px solid var(--border-light)}.theme-grid[data-v-07245310]{display:grid;gap:var(--space-6)}.theme-group-title[data-v-07245310]{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.theme-options[data-v-07245310]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.theme-option[data-v-07245310]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:var(--transition-normal);color:var(--color-text-primary)}.theme-option[data-v-07245310]:hover{border-color:var(--color-primary);background:var(--color-surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-subtle)}.theme-option.active[data-v-07245310]{border-color:var(--color-primary);background:var(--color-primary-5);box-shadow:var(--shadow-primary)}.theme-preview[data-v-07245310]{display:flex;gap:2px;border-radius:var(--radius-sm);overflow:hidden;width:32px;height:24px}.theme-color-primary[data-v-07245310],.theme-color-accent[data-v-07245310]{flex:1;height:100%}.theme-info[data-v-07245310]{display:flex;flex-direction:column;gap:var(--space-1)}.theme-name[data-v-07245310]{font-weight:var(--font-medium);font-size:var(--text-sm)}.theme-preview-emoji[data-v-07245310]{font-size:var(--text-xs);opacity:.7}.theme-actions[data-v-07245310]{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.toggle-button[data-v-07245310]{background:var(--color-primary);color:var(--color-surface);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;gap:var(--space-2)}.toggle-button[data-v-07245310]:hover{background:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.theme-light-purple[data-v-676a01dc]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-676a01dc]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-676a01dc]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-676a01dc]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-676a01dc]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-676a01dc],[data-v-676a01dc]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-676a01dc]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-676a01dc]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-676a01dc]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.page-container[data-v-676a01dc]{max-width:1400px;margin:0 auto;padding:var(--space-4)}.page-title[data-v-676a01dc]{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.tabs-container[data-v-676a01dc]{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle);max-height:80vh;overflow-y:auto;scrollbar-width:none}.tabs-nav[data-v-676a01dc]{display:flex;gap:var(--space-1);padding:var(--space-3);background:var(--gradient-background);border-bottom:1px solid var(--border-light);overflow-x:auto}.tab-btn[data-v-676a01dc]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.tab-btn[data-v-676a01dc]:hover{background:var(--color-primary-10);color:var(--color-text-primary)}.tab-btn.active[data-v-676a01dc]{background:var(--color-primary);color:#fff}.ad-modal[data-v-676a01dc]{max-width:600px;border-radius:4px;background:#fff}.form-control-minimal[data-v-676a01dc]{width:100%;padding:8px 0;border:none;border-bottom:1px solid rgba(0,0,0,.12);font-size:1rem;color:#000000de;background:transparent;transition:border-color .2s}.form-control-minimal[data-v-676a01dc]:focus{outline:none;border-color:var(--color-primary)}.checkbox-label-minimal[data-v-676a01dc]{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label-minimal input[data-v-676a01dc]{display:none}.checkbox-custom[data-v-676a01dc]{width:18px;height:18px;border:2px solid rgba(0,0,0,.54);border-radius:2px;position:relative;transition:all .2s}.checkbox-label-minimal input:checked+.checkbox-custom[data-v-676a01dc]{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label-minimal input:checked+.checkbox-custom[data-v-676a01dc]:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.label-text[data-v-676a01dc]{font-size:.875rem;color:#0009}.btn-text[data-v-676a01dc]{background:none;border:none;padding:8px 16px;font-size:.875rem;font-weight:600;cursor:pointer;border-radius:4px;transition:background .2s;color:#0009}.btn-text[data-v-676a01dc]:hover{background:#0000000a}.primary-text[data-v-676a01dc]{color:var(--color-primary)}.gap-12[data-v-676a01dc]{gap:3rem}.p-6[data-v-676a01dc]{padding:1.5rem}.slide-up-enter-active[data-v-676a01dc],.slide-up-leave-active[data-v-676a01dc]{transition:all .3s ease-out}.slide-up-enter-from[data-v-676a01dc],.slide-up-leave-to[data-v-676a01dc]{opacity:0;transform:translateY(20px)}.slide-up-enter-to[data-v-676a01dc],.slide-up-leave-from[data-v-676a01dc]{opacity:1;transform:translateY(0)}.text-secondary[data-v-676a01dc]{color:#0000008a}.mb-1[data-v-676a01dc]{margin-bottom:.25rem}.mb-6[data-v-676a01dc]{margin-bottom:1.5rem}.border-none[data-v-676a01dc]{border:none!important}.tab-icon[data-v-676a01dc]{flex-shrink:0}.tabs-content[data-v-676a01dc]{padding:var(--space-4);overflow-y:auto;max-height:calc(100vh - 120px);min-height:0;width:100%;box-sizing:border-box}.tab-panel[data-v-676a01dc]{animation:fadeIn-676a01dc .2s ease}@keyframes fadeIn-676a01dc{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-header[data-v-676a01dc]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-3)}.tab-header .btn[data-v-676a01dc]{display:inline-flex;align-items:center;gap:6px}.tab-header .btn-icon[data-v-676a01dc]{width:12px;height:12px;fill:currentColor}.tab-title[data-v-676a01dc]{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-1) 0}.tab-desc[data-v-676a01dc]{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.settings-sections[data-v-676a01dc]{display:flex;flex-direction:column;gap:var(--space-3);padding-right:var(--space-2);width:100%}.settings-section[data-v-676a01dc]{background:var(--color-background);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 2px 12px #0000000a;margin-bottom:var(--space-2);width:100%;overflow:visible;transition:box-shadow .2s}.settings-section[data-v-676a01dc]:focus-within,.settings-section[data-v-676a01dc]:hover{box-shadow:0 4px 24px #00000014}.section-header[data-v-676a01dc]{padding:var(--space-2) var(--space-3);background:var(--gradient-background);border-bottom:1px solid var(--border-light);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.section-header[data-v-676a01dc]:hover{background:var(--color-primary-5)}.section-header>div[data-v-676a01dc]{flex:1}.collapse-icon[data-v-676a01dc]{flex-shrink:0;transition:transform .3s ease;color:var(--color-text-secondary);width:16px;height:16px}.collapse-icon.collapsed[data-v-676a01dc]{transform:rotate(-90deg)}.section-title[data-v-676a01dc]{color:var(--color-text-primary);font-size:.875rem;font-weight:var(--font-semibold);margin:0;line-height:1.4}.section-desc[data-v-676a01dc]{color:var(--color-text-secondary);font-size:.75rem;margin:0;line-height:1.3}.section-content[data-v-676a01dc]{padding:var(--space-3);overflow:visible;width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.section-toolbar[data-v-676a01dc]{display:flex;gap:var(--space-2);justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.section-actions[data-v-676a01dc]{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-light);width:100%}.form-grid[data-v-676a01dc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3);width:100%}.form-group[data-v-676a01dc]{display:flex;flex-direction:column;gap:var(--space-1)}.form-group.full-width[data-v-676a01dc]{grid-column:1 / -1}.form-label[data-v-676a01dc]{font-size:.75rem;font-weight:var(--font-medium);color:var(--color-text-primary);display:block;margin:0}.form-control[data-v-676a01dc]{width:100%;padding:.5rem .75rem;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-primary);background:var(--color-surface);transition:var(--transition-normal);font-family:Avenir,Helvetica,Arial,sans-serif;line-height:1.4}.form-control[data-v-676a01dc]:hover{border-color:var(--color-primary-40)}.form-control[data-v-676a01dc]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring)}.form-control[data-v-676a01dc]:disabled{opacity:.5;cursor:not-allowed;background:var(--color-background)}.form-control[data-v-676a01dc]::placeholder{color:var(--color-text-secondary);opacity:.6}.form-select[data-v-676a01dc]{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237D7D7D' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.form-hint[data-v-676a01dc]{display:block;margin-top:.25rem;font-size:.7rem;color:var(--color-text-secondary);font-style:italic;line-height:1.3}.ad-grid[data-v-676a01dc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.ad-panel[data-v-676a01dc]{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-2)}.ad-header[data-v-676a01dc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-light)}.ad-title[data-v-676a01dc]{color:var(--color-text-primary);font-size:.8rem;font-weight:var(--font-semibold);margin:0}.ad-list[data-v-676a01dc]{display:flex;flex-direction:column;gap:var(--space-1)}.action-buttons[data-v-676a01dc]{display:flex;gap:var(--space-1)}.empty-state-small[data-v-676a01dc]{padding:var(--space-2);text-align:center;color:var(--color-text-secondary);font-size:.75rem;background:var(--color-background);border:1px dashed var(--border-light);border-radius:var(--radius-sm)}.ad-item[data-v-676a01dc]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1);background:var(--color-background);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:var(--transition-fast)}.ad-item[data-v-676a01dc]:hover{border-color:var(--color-primary-20)}.ad-name[data-v-676a01dc]{color:var(--color-text-primary);font-weight:var(--font-medium);font-size:.75rem;margin:0}.ad-info[data-v-676a01dc]{display:flex;flex-direction:column;gap:4px}.ad-main[data-v-676a01dc]{display:flex;align-items:center;gap:8px}.ad-id[data-v-676a01dc]{font-size:.65rem;color:var(--color-text-secondary);opacity:.7}.ad-badges[data-v-676a01dc]{display:flex;gap:4px}.packages-grid[data-v-676a01dc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.pkg-details[data-v-676a01dc]{display:flex;flex-direction:column;gap:var(--space-1)}.pkg-item[data-v-676a01dc]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;font-size:.75rem}.pkg-item[data-v-676a01dc]:not(:last-child){border-bottom:1px solid var(--border-light)}.pkg-item span[data-v-676a01dc]{color:var(--color-text-secondary);margin:0}.pkg-item strong[data-v-676a01dc]{color:var(--color-text-primary);margin:0}.pkg-item.total[data-v-676a01dc]{padding-top:var(--space-2);border-top:2px solid var(--border-medium);margin-top:var(--space-1)}.pkg-item.total strong[data-v-676a01dc]{color:var(--color-primary);font-size:.875rem}.action-buttons[data-v-676a01dc]{display:flex;gap:var(--space-1);align-items:center;justify-content:center;flex-wrap:nowrap}.action-buttons .btn-icon.error[data-v-676a01dc]{color:var(--color-error);transition:var(--transition-fast)}.action-buttons .btn-icon.error[data-v-676a01dc]:hover{background:var(--color-error-10);color:var(--color-error)}.table-wrapper[data-v-676a01dc]{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--space-3);max-height:calc(100vh - 280px);overflow-y:auto;overflow-x:auto;position:relative}.table-wrapper .data-table[data-v-676a01dc]{border:none;box-shadow:none;border-radius:0;min-width:100%;font-size:.75rem}.table-wrapper .data-table thead[data-v-676a01dc]{background:var(--gradient-background);position:sticky;top:0;z-index:10}.table-wrapper .data-table th[data-v-676a01dc]{padding:8px 10px;height:auto;font-weight:600;color:var(--color-text-primary);white-space:nowrap;position:relative;border-bottom:2px solid var(--color-primary-20);text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.table-wrapper .data-table td[data-v-676a01dc]{padding:8px 10px;height:48px;vertical-align:middle;border-bottom:1px solid var(--color-primary-10);font-size:.75rem}.table-wrapper .data-table tbody tr[data-v-676a01dc]{transition:var(--transition-normal);cursor:pointer}.table-wrapper .data-table tbody tr[data-v-676a01dc]:hover{background:var(--color-primary-5)}.modal-overlay[data-v-676a01dc]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content[data-v-676a01dc]{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-676a01dc]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--border-light)}.modal-title[data-v-676a01dc]{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal-body[data-v-676a01dc]{padding:var(--space-3);overflow-y:auto}.modal-footer[data-v-676a01dc]{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border-light)}.required[data-v-676a01dc]{color:var(--color-error);margin-left:2px;font-weight:var(--font-bold)}.checkbox-label[data-v-676a01dc]{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;padding:var(--space-2) 0;transition:var(--transition-fast)}.checkbox-label input[type=checkbox][data-v-676a01dc]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary);margin:0;flex-shrink:0}.checkbox-label[data-v-676a01dc]:hover{color:var(--color-primary)}.checkbox-label span[data-v-676a01dc]{font-weight:var(--font-medium)}.checkbox-group-horizontal[data-v-676a01dc]{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.checkbox-group-horizontal .checkbox-label[data-v-676a01dc]{padding:var(--space-1) 0;margin:0}.empty-state p[data-v-676a01dc]{margin:0 0 var(--space-4) 0;font-size:var(--text-base)}.rate-name-cell[data-v-676a01dc]{display:flex;flex-direction:column;gap:2px;min-width:150px;line-height:1.3}.rate-name-cell strong[data-v-676a01dc]{color:var(--color-text-primary);font-weight:600;font-size:.75rem;line-height:1.4}.rate-hint[data-v-676a01dc]{font-size:.65rem;color:var(--color-text-secondary);text-transform:capitalize;font-style:italic}.formula-code[data-v-676a01dc]{font-family:Avenir,Helvetica,Arial,sans-serif;font-size:.7rem;background:var(--color-primary-5);padding:2px 6px;border-radius:var(--radius-xs);color:var(--color-text-primary);border:1px solid var(--color-primary-10);display:inline-block;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.data-table .badge[data-v-676a01dc]{font-size:.65rem;padding:3px 6px;line-height:1;white-space:nowrap;font-weight:600}@media (max-width: 1200px){.page-container[data-v-676a01dc]{max-width:100vw;padding:var(--space-3)}.settings-sections[data-v-676a01dc]{padding-right:0}}@media (max-width: 992px){.tabs-content[data-v-676a01dc]{padding:var(--space-2)}.tab-header[data-v-676a01dc]{flex-direction:column;gap:var(--space-2);align-items:stretch}.settings-sections[data-v-676a01dc]{gap:var(--space-2)}}.permission-chips[data-v-676a01dc]{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.chip-item[data-v-676a01dc]{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-background);border:1px solid var(--border-light);border-radius:20px;font-size:.75rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.chip-item[data-v-676a01dc]:has(input:checked){background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}.chip-item input[data-v-676a01dc]{display:none}.permissions-manager[data-v-676a01dc]{display:flex;flex-direction:column;gap:1.5rem}.mt-4[data-v-676a01dc]{margin-top:1rem}@media (max-width: 768px){.page-container[data-v-676a01dc]{padding:var(--space-2)}.tabs-content[data-v-676a01dc]{padding:var(--space-1)}.form-grid[data-v-676a01dc],.ad-grid[data-v-676a01dc],.packages-grid[data-v-676a01dc]{grid-template-columns:1fr;gap:var(--space-2)}.settings-section[data-v-676a01dc]{padding:0}.section-header[data-v-676a01dc],.section-content[data-v-676a01dc]{padding:var(--space-2)}.table-wrapper[data-v-676a01dc]{max-width:100vw;overflow-x:auto;margin:0 -8px}.data-table th[data-v-676a01dc],.data-table td[data-v-676a01dc]{padding:.5rem;font-size:.85rem}.action-buttons[data-v-676a01dc]{flex-direction:row;gap:var(--space-1)}.tab-title[data-v-676a01dc]{font-size:1.1rem}.tab-desc[data-v-676a01dc]{font-size:.9rem}}@media (max-width: 480px){.page-title[data-v-676a01dc]{font-size:1.2rem}.tabs-nav[data-v-676a01dc]{gap:var(--space-1);padding:var(--space-2)}.tab-btn[data-v-676a01dc]{font-size:.95rem;padding:var(--space-1) var(--space-2)}.settings-section[data-v-676a01dc]{border-radius:var(--radius-sm)}.section-header[data-v-676a01dc],.section-content[data-v-676a01dc]{padding:var(--space-1)}.form-label[data-v-676a01dc],.section-title[data-v-676a01dc]{font-size:.9rem}.form-control[data-v-676a01dc]{font-size:.95rem;padding:.4rem .6rem}.ad-title[data-v-676a01dc]{font-size:.95rem}.ad-amount[data-v-676a01dc],.ad-name[data-v-676a01dc]{font-size:.9rem}}.theme-light-purple[data-v-4e115c30]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-4e115c30]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-4e115c30]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-4e115c30]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-4e115c30]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-4e115c30],[data-v-4e115c30]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-4e115c30]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-4e115c30]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-4e115c30]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.page-container[data-v-4e115c30]{max-width:1200px;margin:0 auto}.page-title[data-v-4e115c30]{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-8)}.content-card[data-v-4e115c30]{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-subtle);border:1px solid var(--border-light)}.theme-light-purple[data-v-08cbbb75]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-08cbbb75]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-08cbbb75]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-08cbbb75]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-08cbbb75]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-08cbbb75],[data-v-08cbbb75]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-08cbbb75]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-08cbbb75]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-08cbbb75]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.leave-page[data-v-08cbbb75]{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.page-header[data-v-08cbbb75]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow[data-v-08cbbb75]{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin:0 0 4px}h1[data-v-08cbbb75]{margin:0 0 4px;font-size:1.35rem;font-weight:700;color:var(--color-text-primary)}.page-subtitle[data-v-08cbbb75]{margin:0;font-size:.8rem;color:var(--color-text-secondary)}.header-actions[data-v-08cbbb75]{display:flex;gap:8px;align-items:center;flex-shrink:0}.refresh-btn[data-v-08cbbb75],.filter-btn[data-v-08cbbb75]{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-light, #e2e8f0);background:var(--color-surface);color:var(--color-text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s;position:relative}.refresh-btn[data-v-08cbbb75]:hover,.filter-btn[data-v-08cbbb75]:hover{background:var(--color-primary-10)}.refresh-btn[data-v-08cbbb75]:disabled{opacity:.5;cursor:not-allowed}.filter-badge[data-v-08cbbb75]{background:var(--color-accent);color:#fff;border-radius:100px;font-size:.65rem;font-weight:700;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;position:absolute;top:-5px;right:-5px}.filter-body[data-v-08cbbb75]{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.filter-row[data-v-08cbbb75]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.filter-field[data-v-08cbbb75]{display:flex;flex-direction:column;gap:5px}.filter-field label[data-v-08cbbb75]{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.select-input[data-v-08cbbb75],.text-input[data-v-08cbbb75]{padding:7px 10px;border:1px solid var(--border-light, #e2e8f0);border-radius:var(--radius-sm, 6px);background:var(--color-background);color:var(--color-text-primary);font-size:.82rem;width:100%;box-sizing:border-box;outline:none;transition:border-color .15s}.select-input[data-v-08cbbb75]:focus,.text-input[data-v-08cbbb75]:focus{border-color:var(--color-primary)}.filter-actions[data-v-08cbbb75]{display:flex;justify-content:flex-end;gap:10px;padding-top:4px;border-top:1px solid var(--border-light, #e2e8f0)}.btn-primary[data-v-08cbbb75]{padding:8px 18px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-primary[data-v-08cbbb75]:hover{opacity:.88}.btn-secondary[data-v-08cbbb75]{padding:8px 18px;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--border-light, #e2e8f0);border-radius:var(--radius-md, 8px);font-size:.82rem;font-weight:500;cursor:pointer}.btn-secondary[data-v-08cbbb75]:hover{background:var(--color-primary-10)}.btn-danger[data-v-08cbbb75]{padding:8px 18px;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-danger[data-v-08cbbb75]:hover{opacity:.88}.btn-danger[data-v-08cbbb75]:disabled{opacity:.5;cursor:not-allowed}.stats-grid[data-v-08cbbb75]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.stat-card[data-v-08cbbb75]{background:var(--color-surface);border:1px solid var(--border-light, #e2e8f0);border-radius:var(--radius-md, 8px);padding:12px 16px;display:flex;flex-direction:column;gap:4px}.stat-label[data-v-08cbbb75]{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.stat-value[data-v-08cbbb75]{font-size:1.4rem;font-weight:700;color:var(--color-text-primary);line-height:1}.stat-card.warning .stat-value[data-v-08cbbb75]{color:var(--color-warning)}.stat-card.positive .stat-value[data-v-08cbbb75]{color:var(--color-success)}.stat-card.negative .stat-value[data-v-08cbbb75]{color:var(--color-error)}.table-card[data-v-08cbbb75]{background:var(--color-surface);border:1px solid var(--border-light, #e2e8f0);border-radius:var(--radius-md, 8px);overflow:hidden}.table-shell[data-v-08cbbb75]{overflow-x:auto}.leave-table[data-v-08cbbb75]{width:100dvw;border-collapse:collapse;font-size:.82rem}.leave-table thead th[data-v-08cbbb75]{background:var(--color-background);color:var(--color-text-secondary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-light, #e2e8f0);white-space:nowrap}.leave-table tbody tr[data-v-08cbbb75]{border-bottom:1px solid var(--border-light, #e2e8f0);transition:background .1s}.leave-table tbody tr[data-v-08cbbb75]:last-child{border-bottom:none}.leave-table tbody tr[data-v-08cbbb75]:hover{background:var(--color-primary-5)}.leave-table td[data-v-08cbbb75]{padding:10px 14px;vertical-align:middle;color:var(--color-text-primary)}.leave-table tbody[data-v-08cbbb75]{max-height:60dvh;overflow-y:auto;scrollbar-width:none}.employee-cell[data-v-08cbbb75]{display:flex;align-items:center;gap:10px}.emp-avatar[data-v-08cbbb75]{width:32px;height:32px;border-radius:50%;background:var(--color-primary-20);color:var(--color-primary);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.emp-info[data-v-08cbbb75]{display:flex;flex-direction:column;gap:1px}.emp-name[data-v-08cbbb75]{font-weight:600;font-size:.82rem;color:var(--color-text-primary)}.emp-epf[data-v-08cbbb75]{font-size:.7rem;color:var(--color-text-secondary)}.type-badge[data-v-08cbbb75]{display:inline-block;padding:2px 8px;border-radius:100px;font-size:.68rem;font-weight:600;background:var(--color-primary-10);color:var(--color-primary);white-space:nowrap}.type-badge.type-annual[data-v-08cbbb75]{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.type-badge.type-casual[data-v-08cbbb75]{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.type-badge.type-medical[data-v-08cbbb75]{background:color-mix(in srgb,#0ea5e9 15%,transparent);color:#0ea5e9}.type-badge.type-nopay[data-v-08cbbb75]{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.type-badge.type-half[data-v-08cbbb75]{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.type-badge.type-duty[data-v-08cbbb75]{background:var(--color-primary-10);color:var(--color-primary)}.date-cell[data-v-08cbbb75]{min-width:120px}.date-primary[data-v-08cbbb75]{font-weight:500}.date-count[data-v-08cbbb75]{color:var(--color-text-secondary);font-size:.72rem}.reason-cell[data-v-08cbbb75]{max-width:200px}.reason-text[data-v-08cbbb75]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-text-secondary);font-size:.78rem}.status-badge[data-v-08cbbb75]{display:inline-block;padding:3px 9px;border-radius:100px;font-size:.68rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.badge-pending[data-v-08cbbb75]{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.badge-approved[data-v-08cbbb75]{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.badge-rejected[data-v-08cbbb75]{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.badge-cancelled[data-v-08cbbb75]{background:var(--color-primary-10);color:var(--color-text-secondary)}.actions-col[data-v-08cbbb75]{width:160px}.actions-cell[data-v-08cbbb75]{white-space:nowrap}.action-btn[data-v-08cbbb75]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-sm, 6px);border:1px solid transparent;font-size:.75rem;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s;margin-right:4px}.action-btn[data-v-08cbbb75]:disabled{opacity:.4;cursor:not-allowed}.action-btn.approve[data-v-08cbbb75]{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 25%,transparent)}.action-btn.approve[data-v-08cbbb75]:hover:not(:disabled){background:color-mix(in srgb,var(--color-success) 22%,transparent)}.action-btn.reject[data-v-08cbbb75]{background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 22%,transparent)}.action-btn.reject[data-v-08cbbb75]:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 20%,transparent)}.action-done[data-v-08cbbb75]{color:var(--color-text-secondary);font-size:.8rem}.state-block[data-v-08cbbb75]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;color:var(--color-text-secondary);font-size:.85rem}.state-block.error[data-v-08cbbb75]{color:var(--color-error)}.spinner[data-v-08cbbb75]{width:24px;height:24px;border:3px solid var(--color-primary-20);border-top-color:var(--color-primary);border-radius:50%;animation:spin-08cbbb75 .7s linear infinite}@keyframes spin-08cbbb75{to{transform:rotate(360deg)}}.modal-overlay[data-v-08cbbb75]{position:fixed;inset:0;background:#00000059;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box[data-v-08cbbb75]{background:var(--color-surface);border-radius:var(--radius-lg, 12px);padding:24px;width:100%;max-width:420px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:14px}.modal-box h3[data-v-08cbbb75]{margin:0;font-size:1rem;font-weight:700;color:var(--color-text-primary)}.modal-sub[data-v-08cbbb75]{margin:0;font-size:.82rem;color:var(--color-text-secondary)}.reason-textarea[data-v-08cbbb75]{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid var(--border-light, #e2e8f0);border-radius:var(--radius-sm, 6px);background:var(--color-background);color:var(--color-text-primary);font-size:.82rem;resize:vertical;outline:none;transition:border-color .15s;font-family:Avenir,Helvetica,Arial,sans-serif}.reason-textarea[data-v-08cbbb75]:focus{border-color:var(--color-error)}.modal-actions[data-v-08cbbb75]{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 768px){.leave-page[data-v-08cbbb75]{padding:12px 14px;gap:12px}.filter-row[data-v-08cbbb75]{grid-template-columns:1fr 1fr}.stats-grid[data-v-08cbbb75]{grid-template-columns:repeat(2,1fr)}.actions-col[data-v-08cbbb75]{width:auto}.reason-cell[data-v-08cbbb75]{display:none}}:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}.roster-monthly[data-v-cff74f19]{padding:0;max-width:100%}.roster-table-wrapper[data-v-cff74f19]{background:var(--color-background, #fff);border:1px solid var(--color-surface, #eaeaea);border-radius:4px}.monthly-table[data-v-cff74f19]{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.monthly-table th[data-v-cff74f19]{background:var(--color-surface, #f9f9f9);padding:12px;text-align:left;color:var(--color-text-secondary, #666);font-weight:600;font-size:12px;border-bottom:1px solid #ddd}.monthly-table td[data-v-cff74f19]{padding:12px;border-bottom:1px solid var(--color-surface, #eee);color:var(--color-text-primary, #333);vertical-align:middle}.col-user[data-v-cff74f19]{width:250px}.user-name[data-v-cff74f19]{font-weight:500}.user-epf[data-v-cff74f19]{color:#888;font-size:12px}.schedule-grid[data-v-cff74f19]{display:flex;flex-wrap:wrap;gap:2px}.day-tile[data-v-cff74f19]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:10px;font-weight:600;color:#fff;border-radius:2px;cursor:pointer;-webkit-user-select:none;user-select:none}.day-tile.working[data-v-cff74f19]{background-color:#4caf50}.day-tile.working[data-v-cff74f19]:hover{background-color:#43a047}.day-tile.offday[data-v-cff74f19]{background-color:#ff9800}.day-tile.offday[data-v-cff74f19]:hover{background-color:#f57c00}.day-tile.excluded[data-v-cff74f19]{background-color:#9e9e9e}.day-tile.excluded[data-v-cff74f19]:hover{background-color:#757575}.col-hours[data-v-cff74f19]{width:80px;color:#555}.col-actions[data-v-cff74f19]{width:40px}.text-right[data-v-cff74f19]{text-align:right}.actions-trigger-btn[data-v-cff74f19]{background:transparent;border:none;cursor:pointer;color:#888;padding:4px}.enroll-modal-overlay[data-v-cff74f19]{position:fixed;inset:0;background:#0006;z-index:10000;display:flex;align-items:flex-start;justify-content:center}.monthly-modal[data-v-cff74f19]{margin-top:10vh;background:#fff;border-radius:4px;box-shadow:0 4px 24px #00000026;width:600px;max-width:90vw;padding:24px;font-family:Avenir,Helvetica,Arial,sans-serif}.monthly-modal h3[data-v-cff74f19]{font-size:16px;margin:0 0 16px;font-weight:400;color:#222}.native-select[data-v-cff74f19]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:13px;background:#fff;color:#333}.enroll-col label[data-v-cff74f19]{display:block;font-size:12px;color:#888;margin-bottom:4px}.modal-footer[data-v-cff74f19]{margin-top:30px;display:flex;justify-content:space-between;align-items:center}.text-btn[data-v-cff74f19]{background:transparent;border:none;color:#666;font-size:13px;font-weight:500;cursor:pointer}.action-buttons[data-v-cff74f19]{display:flex;gap:8px}.btn[data-v-cff74f19]{border:none;border-radius:3px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 2px 4px #0000001a}.btn-orange[data-v-cff74f19]{background:#ff9800}.btn-orange[data-v-cff74f19]:hover{background:#f57c00}.btn-gray[data-v-cff74f19]{background:#9e9e9e}.btn-gray[data-v-cff74f19]:hover{background:#757575}.btn-green[data-v-cff74f19]{background:#4caf50}.btn-green[data-v-cff74f19]:hover{background:#43a047}.day-tooltip{background:#222;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;pointer-events:none;box-shadow:0 2px 8px #0003;white-space:nowrap}.day-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#222 transparent transparent transparent}.roster-monthly[data-v-4733e916]{padding:0;max-width:100%}.roster-table-wrapper[data-v-4733e916]{background:var(--color-background, #fff);border:1px solid var(--color-surface, #eaeaea);border-radius:4px}.monthly-table[data-v-4733e916]{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.monthly-table th[data-v-4733e916]{background:var(--color-surface, #f9f9f9);padding:12px;text-align:left;color:var(--color-text-secondary, #666);font-weight:600;font-size:12px;border-bottom:1px solid #ddd}.monthly-table td[data-v-4733e916]{padding:12px;border-bottom:1px solid var(--color-surface, #eee);color:var(--color-text-primary, #333);vertical-align:middle}.col-user[data-v-4733e916]{width:250px}.user-name[data-v-4733e916]{font-weight:500}.user-epf[data-v-4733e916]{color:#888;font-size:12px}.schedule-grid[data-v-4733e916]{display:flex;flex-wrap:wrap;gap:2px}.day-tile[data-v-4733e916]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:30px;font-size:12px;font-weight:600;color:#fff;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.day-tile.working[data-v-4733e916]{background-color:#4caf50}.day-tile.working[data-v-4733e916]:hover{background-color:#43a047}.day-tile.offday[data-v-4733e916]{background-color:#ff9800}.day-tile.offday[data-v-4733e916]:hover{background-color:#f57c00}.day-tile.excluded[data-v-4733e916]{background-color:#9e9e9e}.day-tile.excluded[data-v-4733e916]:hover{background-color:#757575}.col-hours[data-v-4733e916]{width:80px;color:#555}.col-actions[data-v-4733e916]{width:40px}.text-right[data-v-4733e916]{text-align:right}.actions-trigger-btn[data-v-4733e916]{background:transparent;border:none;cursor:pointer;color:#888;padding:4px}.enroll-modal-overlay[data-v-4733e916]{position:fixed;inset:0;background:#0006;z-index:10000;display:flex;align-items:flex-start;justify-content:center}.monthly-modal[data-v-4733e916]{margin-top:10vh;background:#fff;border-radius:4px;box-shadow:0 4px 24px #00000026;width:600px;max-width:90vw;padding:24px;font-family:Avenir,Helvetica,Arial,sans-serif}.monthly-modal h3[data-v-4733e916]{font-size:16px;margin:0 0 16px;font-weight:400;color:#222}.native-select[data-v-4733e916]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:13px;background:#fff;color:#333}.enroll-col label[data-v-4733e916]{display:block;font-size:12px;color:#888;margin-bottom:4px}.modal-footer[data-v-4733e916]{margin-top:30px;display:flex;justify-content:space-between;align-items:center}.text-btn[data-v-4733e916]{background:transparent;border:none;color:#666;font-size:13px;font-weight:500;cursor:pointer}.action-buttons[data-v-4733e916]{display:flex;gap:8px}.btn[data-v-4733e916]{border:none;border-radius:3px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 2px 4px #0000001a}.btn-orange[data-v-4733e916]{background:#ff9800}.btn-orange[data-v-4733e916]:hover{background:#f57c00}.btn-gray[data-v-4733e916]{background:#9e9e9e}.btn-gray[data-v-4733e916]:hover{background:#757575}.btn-green[data-v-4733e916]{background:#4caf50}.btn-green[data-v-4733e916]:hover{background:#43a047}.theme-light-purple[data-v-62048ece]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-62048ece]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-62048ece]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-62048ece]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-62048ece]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-62048ece],[data-v-62048ece]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-62048ece]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-62048ece]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-62048ece]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.roster-list-view[data-v-62048ece]{padding:1rem;max-width:100%}.roster-heading[data-v-62048ece]{margin-bottom:12px;color:var(--color-text-secondary);font-size:14px;font-weight:600;text-transform:uppercase}.breadcrumb[data-v-62048ece]{display:flex;align-items:center;font-size:14px;text-transform:none}.breadcrumb-link[data-v-62048ece]{color:var(--color-primary, #1976d2);text-decoration:none;cursor:pointer;font-weight:500}.breadcrumb-link[data-v-62048ece]:hover{text-decoration:underline}.breadcrumb-sep[data-v-62048ece]{margin:0 6px;color:#888}.breadcrumb-text[data-v-62048ece]{color:#444;font-weight:600}.roster-table-wrapper[data-v-62048ece]{background:var(--color-background);border:1px solid var(--color-surface);border-radius:4px;max-height:calc(100vh - 200px);overflow-y:auto;scrollbar-width:none}.compact-table[data-v-62048ece]{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.compact-table th[data-v-62048ece]{background:var(--color-surface);padding:8px 12px;text-align:left;color:var(--color-text-secondary);font-weight:600;font-size:11px;border-bottom:1px solid #ddd}.compact-table td[data-v-62048ece]{padding:8px 12px;border-bottom:1px solid var(--color-surface);color:var(--color-text-primary);vertical-align:middle;word-wrap:break-word}.col-name[data-v-62048ece]{overflow:hidden;text-overflow:ellipsis}.col-shifts[data-v-62048ece]{max-width:250px}.shift-container[data-v-62048ece]{display:flex;flex-wrap:wrap;gap:4px}.shift-pill[data-v-62048ece]{display:inline-flex;border:1px solid #d1d5db;border-radius:3px;font-size:10px;height:18px;line-height:18px}.shift-label[data-v-62048ece]{color:var(--color-primary);padding:0 4px;font-weight:700}.shift-range[data-v-62048ece]{padding:0 4px;background:#fff}.primary-text[data-v-62048ece]{font-weight:700;color:var(--color-primary);line-height:1.2}.user-tag-pill[data-v-62048ece]{background:var(--color-text-secondary);color:#fff;font-size:9px;padding:0 4px;border-radius:2px}.dept-text[data-v-62048ece]{font-size:10px;color:var(--color-text-secondary)}.payroll-tag[data-v-62048ece]{font-family:Avenir,Helvetica,Arial,sans-serif;color:var(--color-text-secondary);font-weight:600}.loc-text[data-v-62048ece]{font-size:11px;white-space:normal;line-height:1.2}.actions-trigger-btn[data-v-62048ece]{background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);padding:4px}.text-right[data-v-62048ece]{text-align:right}.text-center[data-v-62048ece]{text-align:center}.font-mono[data-v-62048ece]{font-family:Avenir,Helvetica,Arial,sans-serif}.enroll-modal-overlay[data-v-62048ece]{position:fixed;inset:0;background:#0000001f;z-index:10000;display:flex;align-items:flex-start;justify-content:center}.enroll-modal[data-v-62048ece]{background:#fff;margin-top:32px;border-radius:8px;box-shadow:0 4px 24px #0000001a;min-width:340px;max-width:800px;width:100%;padding:18px 20px 12px;font-size:13px}@keyframes slideDown-62048ece{0%{transform:translateY(-60px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-down-enter-active[data-v-62048ece],.slide-down-leave-active[data-v-62048ece]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-down-enter-from[data-v-62048ece],.slide-down-leave-to[data-v-62048ece]{transform:translateY(-60px);opacity:0}.enroll-modal h3[data-v-62048ece]{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--color-primary, #1976d2)}.enroll-fields[data-v-62048ece]{display:flex;gap:10px;margin-bottom:10px}.enroll-col[data-v-62048ece]{flex:1;min-width:0}.enroll-col label[data-v-62048ece]{font-size:12px;color:#888;margin-bottom:2px;display:block}.v-select[data-v-62048ece]{font-size:13px;min-height:28px}.enroll-actions[data-v-62048ece]{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.btn[data-v-62048ece]{border:none;border-radius:3px;padding:5px 16px;font-size:13px;font-weight:500;cursor:pointer;background:#f5f5f5;color:#1976d2;transition:background .18s;box-shadow:none}.btn.blue[data-v-62048ece]{background:#e3f2fd;color:#1976d2}.btn.red[data-v-62048ece]{background:#ffebee;color:#d32f2f}.btn[data-v-62048ece]:hover{background:#e0e0e0}.fab-container[data-v-62048ece]{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;align-items:flex-end;gap:15px;z-index:1000}.fab-actions[data-v-62048ece]{display:flex;align-items:center;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease-in-out}.fab-actions.show[data-v-62048ece]{opacity:1;visibility:visible;transform:translateY(0)}.fab-label[data-v-62048ece]{background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap}.fab-btn[data-v-62048ece]{border:none;border-radius:50%;box-shadow:0 4px 10px #00000040;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s;color:#fff}.fab-btn[data-v-62048ece]:hover{transform:scale(1.05)}.fab-primary[data-v-62048ece],.fab-secondary[data-v-62048ece]{width:56px;height:56px;background-color:var(--color-primary)}.actions-dropdown{position:fixed;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:120px}.dropdown-item{padding:6px 12px;font-size:13px;cursor:pointer;color:#232f3e}.dropdown-item:hover{background:#f2f3f3;color:var(--color-primary-10)}.recruit-page[data-v-a3827f51]{padding:0 16px 12px;max-width:1400px;margin:0 auto;--color-border: var(--color-primary-20, rgba(124, 131, 253, .2));--color-surface-variant: var(--color-primary-5, rgba(124, 131, 253, .05))}.page-header[data-v-a3827f51]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:16px}.page-title[data-v-a3827f51]{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0}.toggle-controls[data-v-a3827f51]{display:flex;gap:6px}.toggle-btn[data-v-a3827f51]{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.toggle-btn[data-v-a3827f51]:hover{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}.toggle-btn.active[data-v-a3827f51]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.table-section[data-v-a3827f51]{background:var(--color-surface);border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden;border:1px solid var(--color-border)}.table-header[data-v-a3827f51]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border)}.table-info[data-v-a3827f51]{display:flex;flex-direction:column;gap:2px}.table-count[data-v-a3827f51]{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.table-subtitle[data-v-a3827f51]{font-size:.75rem;color:var(--color-text-secondary)}.table-actions[data-v-a3827f51]{display:flex;gap:8px}.table-container[data-v-a3827f51]{overflow-x:auto}.data-table[data-v-a3827f51]{width:100%;border-collapse:collapse}.data-table thead[data-v-a3827f51]{background:var(--color-surface-variant);border-bottom:1px solid var(--color-border)}.data-table th[data-v-a3827f51]{padding:10px 12px;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr[data-v-a3827f51]{border-bottom:1px solid var(--color-border);transition:var(--transition-fast)}.data-table tbody tr[data-v-a3827f51]:last-child{border-bottom:none}.data-table tbody tr[data-v-a3827f51]:hover{background:var(--color-primary-5)}.data-table tbody tr.empty-row[data-v-a3827f51]:hover{background:transparent}.data-table td[data-v-a3827f51]{padding:10px 12px;font-size:.8125rem;color:var(--color-text-primary)}.table-row.clickable[data-v-a3827f51]{cursor:pointer}.badge[data-v-a3827f51]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge.primary[data-v-a3827f51]{background:var(--color-primary-10);color:var(--color-primary)}.status-badge[data-v-a3827f51]{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.success[data-v-a3827f51]{background:var(--color-success-10);color:var(--color-success)}.status-badge.warning[data-v-a3827f51]{background:var(--color-warning-10);color:var(--color-warning)}.tags-wrapper[data-v-a3827f51]{display:flex;flex-wrap:wrap;gap:4px}.tag[data-v-a3827f51]{display:inline-flex;padding:2px 8px;background:var(--color-success-10);color:var(--color-success);border-radius:4px;font-size:.6875rem;font-weight:500}.tag.more[data-v-a3827f51]{background:var(--color-primary-10);color:var(--color-primary)}.count-badge[data-v-a3827f51]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:var(--color-primary-10);color:var(--color-primary);border-radius:12px;font-size:.75rem;font-weight:600}.date-col .date-text[data-v-a3827f51]{font-size:.8125rem;color:var(--color-text-primary)}.actions-col[data-v-a3827f51]{text-align:right}.empty-state[data-v-a3827f51]{padding:60px 20px!important;text-align:center;background:var(--color-surface)}.data-table tbody tr[data-v-a3827f51]:has(.empty-state):hover{background:var(--color-surface)}.empty-state-content[data-v-a3827f51]{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:300px;margin:0 auto}.empty-icon[data-v-a3827f51]{width:64px;height:64px;fill:var(--color-text-secondary);opacity:.3}.empty-message[data-v-a3827f51]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.empty-hint[data-v-a3827f51]{font-size:.875rem;color:var(--color-text-secondary);margin:0}.btn[data-v-a3827f51]{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent}.btn[data-v-a3827f51]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-a3827f51]{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary)}.btn-primary[data-v-a3827f51]:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-primary)}.btn-secondary[data-v-a3827f51]{background:var(--color-surface-variant);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary[data-v-a3827f51]:hover:not(:disabled){background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}.btn-sm[data-v-a3827f51]{padding:4px 8px;font-size:.7rem}.btn-icon[data-v-a3827f51]{width:12px;height:12px;fill:currentColor}.btn-icon-small[data-v-a3827f51]{padding:6px;background:transparent;border:none;color:var(--color-primary);cursor:pointer;border-radius:4px;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon-small[data-v-a3827f51]:hover{background:var(--color-primary-10)}.btn-icon-small svg[data-v-a3827f51]{width:18px;height:18px;fill:currentColor}.side-panel-overlay[data-v-a3827f51]{position:fixed;inset:0;background:#00000026;z-index:100;display:flex;justify-content:flex-end}.side-panel[data-v-a3827f51]{width:70%;max-width:1000px;height:100vh;background:var(--color-surface);box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;animation:slideIn-a3827f51 .2s ease}@keyframes slideIn-a3827f51{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header[data-v-a3827f51]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.panel-title-section[data-v-a3827f51]{display:flex;flex-direction:column;gap:2px}.panel-title[data-v-a3827f51]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.panel-subtitle[data-v-a3827f51]{font-size:.75rem;color:var(--color-text-secondary)}.panel-close[data-v-a3827f51]{padding:6px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;transition:var(--transition-fast);display:flex}.panel-close[data-v-a3827f51]:hover{background:var(--color-error-10);color:var(--color-error)}.panel-close svg[data-v-a3827f51]{width:20px;height:20px;fill:currentColor}.panel-tabs[data-v-a3827f51]{display:flex;border-bottom:1px solid var(--color-border);padding:0 20px;background:var(--color-surface)}.panel-tab[data-v-a3827f51]{display:flex;align-items:center;gap:6px;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);position:relative}.panel-tab[data-v-a3827f51]:hover:not(.disabled){color:var(--color-primary);background:var(--color-primary-5)}.panel-tab.active[data-v-a3827f51]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.panel-tab.disabled[data-v-a3827f51]{opacity:.5;cursor:not-allowed}.tab-icon[data-v-a3827f51]{width:16px;height:16px;fill:currentColor}.tab-badge[data-v-a3827f51]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-primary);color:#fff;font-size:.6875rem;font-weight:600;border-radius:9px}.tab-content[data-v-a3827f51]{display:flex;flex-direction:column;gap:16px}.panel-body[data-v-a3827f51]{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px;scrollbar-width:none;-ms-overflow-style:none}.panel-body[data-v-a3827f51]::-webkit-scrollbar{display:none}.add-candidate-btn[data-v-a3827f51]{width:100%;justify-content:center}.loading-state[data-v-a3827f51]{display:flex;justify-content:center;padding:40px 0}.loading-spinner[data-v-a3827f51]{color:var(--color-primary)}.spinner[data-v-a3827f51]{width:32px;height:32px}.empty-candidates[data-v-a3827f51]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 0;color:var(--color-text-secondary)}.empty-icon-small[data-v-a3827f51]{width:40px;height:40px;fill:currentColor;opacity:.5}.empty-candidates p[data-v-a3827f51]{margin:0;font-size:.875rem}.candidates-list[data-v-a3827f51]{display:flex;flex-direction:column;gap:8px}.candidate-card[data-v-a3827f51]{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:var(--transition-fast)}.candidate-card[data-v-a3827f51]:hover{background:var(--color-primary-10);border-color:var(--color-primary-30)}.candidate-card.active[data-v-a3827f51]{background:var(--color-primary-10);border-color:var(--color-primary)}.candidate-card.hired[data-v-a3827f51]{background:#22c55e14;border-color:#22c55e4d}.candidate-card.hired[data-v-a3827f51]:hover{background:#22c55e26;border-color:#22c55e80}.candidate-avatar[data-v-a3827f51]{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.candidate-avatar.hired[data-v-a3827f51]{background:linear-gradient(135deg,#22c55e,#16a34a)}.candidate-avatar.evaluated[data-v-a3827f51]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.candidate-avatar.large[data-v-a3827f51]{width:48px;height:48px;font-size:1rem}.candidate-info[data-v-a3827f51]{flex:1;display:flex;flex-direction:column;gap:2px}.candidate-name[data-v-a3827f51]{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.candidate-meta[data-v-a3827f51]{font-size:.6875rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px}.candidate-status.hired[data-v-a3827f51]{display:inline-flex;align-items:center;gap:4px;color:#22c55e;font-weight:600}.candidate-status.evaluated[data-v-a3827f51]{display:inline-flex;align-items:center;gap:4px;color:#3b82f6;font-weight:600}.eval-icon[data-v-a3827f51],.hired-check-icon[data-v-a3827f51]{width:12px;height:12px;fill:currentColor}.candidate-status.pending[data-v-a3827f51]{color:var(--color-warning)}.candidate-card.evaluated[data-v-a3827f51]{background:#3b82f614;border-color:#3b82f64d}.candidate-card.evaluated[data-v-a3827f51]:hover{background:#3b82f626;border-color:#3b82f680}.btn-success[data-v-a3827f51]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#22c55e}.btn-success[data-v-a3827f51]:hover:not(:disabled){opacity:.9;box-shadow:0 2px 8px #22c55e66}.hired-badge-large[data-v-a3827f51]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#22c55e26;color:#22c55e;border-radius:6px;font-size:.875rem;font-weight:600}.chevron-icon[data-v-a3827f51]{width:16px;height:16px;fill:var(--color-text-secondary);flex-shrink:0}.evaluation-section[data-v-a3827f51]{margin-top:8px;padding-top:16px;border-top:1px solid var(--color-border)}.evaluation-header[data-v-a3827f51]{margin-bottom:16px}.eval-candidate-info[data-v-a3827f51]{display:flex;align-items:center;gap:12px}.eval-candidate-name[data-v-a3827f51]{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0}.eval-candidate-position[data-v-a3827f51]{font-size:.75rem;color:var(--color-text-secondary)}.evaluation-scores[data-v-a3827f51]{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.score-header[data-v-a3827f51]{display:grid;grid-template-columns:1.5fr 1fr .5fr;gap:12px;padding:10px 12px;background:var(--color-primary-5);border-bottom:1px solid var(--color-border);font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.score-row[data-v-a3827f51]{display:grid;grid-template-columns:1.5fr 1fr .5fr;gap:12px;padding:12px;border-bottom:1px solid var(--color-border);align-items:center}.score-row[data-v-a3827f51]:last-child{border-bottom:none}.score-row.gap[data-v-a3827f51]{background:var(--color-warning-5)}.score-requirement[data-v-a3827f51]{display:flex;flex-direction:column;gap:2px}.req-name[data-v-a3827f51]{font-size:.8125rem;font-weight:500;color:var(--color-text-primary)}.req-target[data-v-a3827f51]{font-size:.6875rem;color:var(--color-text-secondary)}.score-input[data-v-a3827f51]{display:flex;align-items:center;gap:8px}.score-slider[data-v-a3827f51]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-primary-20);border-radius:2px;outline:none}.score-slider[data-v-a3827f51]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 4px #0003}.score-value[data-v-a3827f51]{font-size:.875rem;font-weight:600;color:var(--color-primary);min-width:20px;text-align:center}.score-status[data-v-a3827f51]{text-align:right}.evaluation-actions[data-v-a3827f51]{display:flex;gap:8px;margin-top:16px;margin-bottom:80px}.evaluation-actions .btn[data-v-a3827f51]{flex:1;justify-content:center;max-width:200px}.vacancy-stats[data-v-a3827f51]{display:flex;gap:12px;margin-bottom:16px}.stat-card[data-v-a3827f51]{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.stat-icon[data-v-a3827f51]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-icon svg[data-v-a3827f51]{width:18px;height:18px;fill:currentColor}.stat-icon.applicants[data-v-a3827f51]{background:var(--color-primary-10);color:var(--color-primary)}.stat-icon.pending[data-v-a3827f51]{background:#fbbf2426;color:#f59e0b}.stat-icon.hired[data-v-a3827f51]{background:#22c55e26;color:#22c55e}.stat-icon.requirements[data-v-a3827f51]{background:var(--color-primary-10);color:var(--color-primary)}.stat-content[data-v-a3827f51]{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value[data-v-a3827f51]{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:4px}.stat-label[data-v-a3827f51]{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.candidate-detail-card[data-v-a3827f51]{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:16px}.detail-row[data-v-a3827f51]{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-border)}.detail-row[data-v-a3827f51]:last-child{border-bottom:none}.detail-icon[data-v-a3827f51]{width:18px;height:18px;fill:var(--color-primary);opacity:.8;flex-shrink:0}.detail-content[data-v-a3827f51]{flex:1}.detail-label[data-v-a3827f51]{font-size:.6875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.detail-value[data-v-a3827f51]{font-size:.875rem;font-weight:500;color:var(--color-text)}.skills-section[data-v-a3827f51]{padding:8px 0}.skills-label[data-v-a3827f51]{font-size:.6875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.skill-tags[data-v-a3827f51]{display:flex;flex-wrap:wrap;gap:6px}.skill-tag[data-v-a3827f51]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-primary-10);color:var(--color-primary);border-radius:100px;font-size:.75rem;font-weight:500;border:1px solid var(--color-primary-20)}.skill-level[data-v-a3827f51]{opacity:.7;font-weight:400}.info-grid[data-v-a3827f51]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item[data-v-a3827f51]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-a3827f51]{font-size:.6875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-a3827f51]{font-size:.875rem;font-weight:500;color:var(--color-text)}.section-icon[data-v-a3827f51]{width:16px;height:16px;fill:var(--color-primary);vertical-align:middle;margin-right:6px}.no-cv-state[data-v-a3827f51]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;background:var(--color-surface-variant);border:1px dashed var(--color-border);border-radius:12px;color:var(--color-text-secondary)}.no-cv-state p[data-v-a3827f51]{margin:0;font-size:.875rem}.scores-title[data-v-a3827f51]{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0 0 12px;display:flex;align-items:center}.cv-preview-section[data-v-a3827f51]{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:12px;margin-bottom:16px;overflow:hidden}.cv-header[data-v-a3827f51]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.cv-header h4[data-v-a3827f51]{margin:0;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--color-text)}.cv-toggle-btn[data-v-a3827f51]{padding:4px 12px;font-size:.75rem;background:var(--color-primary-10);color:var(--color-primary);border:1px solid var(--color-primary-20);border-radius:6px;cursor:pointer;transition:var(--transition-fast)}.cv-toggle-btn[data-v-a3827f51]:hover{background:var(--color-primary-20)}.cv-preview-header[data-v-a3827f51]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.cv-preview-header h5[data-v-a3827f51]{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text);display:flex;align-items:center}.cv-preview-container[data-v-a3827f51]{padding:0}.cv-iframe[data-v-a3827f51]{width:100%;height:350px;border:none;background:#fff}.cv-download-fallback[data-v-a3827f51]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.cv-file-icon[data-v-a3827f51]{width:48px;height:48px;fill:var(--color-text-secondary);opacity:.5}.cv-download-fallback p[data-v-a3827f51]{margin:0;color:var(--color-text-secondary);font-size:.875rem}.cv-frame[data-v-a3827f51]{width:100%;height:400px;border:none;background:#fff}.modal-overlay[data-v-a3827f51]{position:fixed;inset:0;background:#0000004d;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content[data-v-a3827f51]{background:var(--color-surface);border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:420px;animation:modalIn-a3827f51 .2s ease}.modal-content.modal-lg[data-v-a3827f51]{max-width:600px}@keyframes modalIn-a3827f51{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header[data-v-a3827f51]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modal-title[data-v-a3827f51]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close[data-v-a3827f51]{padding:4px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;display:flex}.modal-close[data-v-a3827f51]:hover{background:var(--color-error-10);color:var(--color-error)}.modal-close svg[data-v-a3827f51]{width:18px;height:18px;fill:currentColor}.modal-body[data-v-a3827f51]{padding:20px;display:flex;flex-direction:column;gap:16px}.modal-footer[data-v-a3827f51]{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--color-border)}.form-group[data-v-a3827f51]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-a3827f51]{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.form-label .required[data-v-a3827f51]{color:var(--color-error)}.form-label-row[data-v-a3827f51]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.form-input[data-v-a3827f51]{padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-primary);font-size:.875rem;transition:var(--transition-fast)}.form-input.form-input-sm[data-v-a3827f51]{padding:8px 10px;font-size:.8125rem}.form-textarea[data-v-a3827f51]{resize:vertical;min-height:80px;font-family:Avenir,Helvetica,Arial,sans-serif}.form-input[data-v-a3827f51]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20)}.empty-requirements[data-v-a3827f51]{padding:20px;text-align:center;background:var(--color-surface-variant);border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.875rem}.empty-requirements p[data-v-a3827f51]{margin:0}.requirements-list[data-v-a3827f51]{display:flex;flex-direction:column;gap:10px}.requirement-row[data-v-a3827f51]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:8px}.requirement-name[data-v-a3827f51]{flex:1}.requirement-rate[data-v-a3827f51]{display:flex;align-items:center;gap:8px}.rate-label[data-v-a3827f51]{font-size:.6875rem;color:var(--color-text-secondary);white-space:nowrap}.rate-selector[data-v-a3827f51]{display:flex;gap:4px}.rate-btn[data-v-a3827f51]{width:28px;height:28px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.rate-btn[data-v-a3827f51]:hover{border-color:var(--color-primary);color:var(--color-primary)}.rate-btn.active[data-v-a3827f51]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-icon-small.danger[data-v-a3827f51]{color:var(--color-text-secondary)}.btn-icon-small.danger[data-v-a3827f51]:hover{background:var(--color-error-10);color:var(--color-error)}.btn.btn-xs[data-v-a3827f51]{padding:4px 10px;font-size:.6875rem}.file-upload[data-v-a3827f51]{position:relative}.file-upload input[type=file][data-v-a3827f51]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-label[data-v-a3827f51]{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed var(--color-border);border-radius:8px;background:var(--color-surface-variant);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.file-upload-label[data-v-a3827f51]:hover{border-color:var(--color-primary);background:var(--color-primary-5);color:var(--color-primary)}.upload-icon[data-v-a3827f51]{width:24px;height:24px;fill:currentColor}.cv-header-actions[data-v-a3827f51]{display:flex;gap:8px;align-items:center}.hired-persons-grid[data-v-a3827f51]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;padding:16px;max-height:70vh;overflow-y:auto}.hired-person-card[data-v-a3827f51]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px;transition:var(--transition-fast)}.hired-person-card[data-v-a3827f51]:hover{box-shadow:0 4px 12px #00000014}.hired-person-header[data-v-a3827f51]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.hired-person-info[data-v-a3827f51]{display:flex;align-items:center;gap:12px}.hired-person-details[data-v-a3827f51]{display:flex;flex-direction:column}.hired-person-name[data-v-a3827f51]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.hired-person-date[data-v-a3827f51]{font-size:.75rem;color:var(--color-text-secondary)}.hired-person-actions[data-v-a3827f51]{display:flex;align-items:center;gap:8px}.gap-badge[data-v-a3827f51]{display:inline-flex;padding:4px 8px;background:var(--color-warning-10);color:var(--color-warning);border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.hired-cv-preview[data-v-a3827f51]{margin-bottom:16px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.cv-iframe-small[data-v-a3827f51]{width:100%;height:250px;border:none}.hired-person-ratings[data-v-a3827f51]{margin-bottom:16px}.ratings-title[data-v-a3827f51]{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0 0 12px}.ratings-grid[data-v-a3827f51]{display:flex;flex-direction:column;gap:10px}.rating-item[data-v-a3827f51]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;background:var(--color-surface-variant);border-radius:8px;border-left:3px solid var(--color-success)}.rating-item.gap[data-v-a3827f51]{border-left-color:var(--color-warning);background:#fbbf240d}.rating-info[data-v-a3827f51]{flex:1;min-width:200px}.rating-name[data-v-a3827f51]{display:block;font-size:.8125rem;color:var(--color-text-primary);margin-bottom:6px}.rating-bar[data-v-a3827f51]{width:100%}.rating-bar-bg[data-v-a3827f51]{position:relative;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.rating-bar-fill[data-v-a3827f51]{position:absolute;height:100%;border-radius:3px;transition:width .3s ease}.rating-bar-fill.target[data-v-a3827f51]{background:var(--color-text-secondary);opacity:.3}.rating-bar-fill.actual[data-v-a3827f51]{background:var(--color-primary)}.rating-item.gap .rating-bar-fill.actual[data-v-a3827f51]{background:var(--color-warning)}.rating-scores[data-v-a3827f51]{display:flex;align-items:baseline;gap:6px}.score[data-v-a3827f51]{font-size:.75rem;font-weight:600}.score.actual[data-v-a3827f51]{color:var(--color-primary)}.rating-item.gap .score.actual[data-v-a3827f51]{color:var(--color-warning)}.score.target[data-v-a3827f51]{color:var(--color-text-secondary);font-weight:400}.gap-indicator[data-v-a3827f51]{display:inline-flex;padding:2px 6px;background:var(--color-warning-10);color:var(--color-warning);border-radius:4px;font-size:.6875rem;font-weight:600}.hired-person-training[data-v-a3827f51]{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--color-border)}.training-notice[data-v-a3827f51]{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--color-warning-10);border-radius:8px;color:var(--color-warning);font-size:.8125rem}.notice-icon[data-v-a3827f51]{width:18px;height:18px;fill:currentColor;flex-shrink:0}.loading-state[data-v-a3827f51]{display:flex;justify-content:center;align-items:center;padding:60px 20px}.loading-spinner[data-v-a3827f51]{display:flex;align-items:center;justify-content:center}.spinner[data-v-a3827f51]{width:40px;height:40px;color:var(--color-primary)}.reminders-page[data-v-a4bde6fe]{display:flex;flex-direction:column;height:100vh;max-width:1400px;margin:0 auto;padding:16px;overflow:hidden}.page-header[data-v-a4bde6fe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.page-title[data-v-a4bde6fe]{font-size:20px;font-weight:600;color:var(--color-text);margin:0 0 2px}.page-subtitle[data-v-a4bde6fe]{font-size:12px;color:var(--color-text-secondary);margin:0}.header-actions[data-v-a4bde6fe]{display:flex;gap:12px}.toolbar[data-v-a4bde6fe]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-surface);border-radius:6px;border:1px solid var(--color-border);margin-bottom:10px;gap:12px}.tabs-compact[data-v-a4bde6fe]{display:flex;gap:4px}.tab-btn[data-v-a4bde6fe]{padding:4px 10px;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary);font-weight:500;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn span[data-v-a4bde6fe]{font-size:12px;opacity:.7}.tab-btn[data-v-a4bde6fe]:hover{background:var(--color-primary-10);color:var(--color-primary)}.tab-btn.active[data-v-a4bde6fe]{background:var(--color-primary);color:#fff}.tab-btn.active span[data-v-a4bde6fe]{opacity:.9}.filter-select-compact[data-v-a4bde6fe]{padding:4px 10px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-background);color:var(--color-text);font-size:12px;cursor:pointer;min-width:120px}.loading-container[data-v-a4bde6fe]{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.spinner[data-v-a4bde6fe]{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto 16px;animation:spin-a4bde6fe .8s linear infinite}@keyframes spin-a4bde6fe{to{transform:rotate(360deg)}}.empty-state[data-v-a4bde6fe]{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.empty-icon[data-v-a4bde6fe]{width:80px;height:80px;margin:0 auto 20px;opacity:.3}.empty-state h3[data-v-a4bde6fe]{font-size:20px;font-weight:600;color:var(--color-text);margin:0 0 8px}.empty-state p[data-v-a4bde6fe]{font-size:14px;margin:0}.todos-section[data-v-a4bde6fe]{margin-top:0;flex:1;overflow-y:auto;min-height:0;padding-bottom:100px;scrollbar-width:none;-ms-overflow-style:none}.todos-section[data-v-a4bde6fe]::-webkit-scrollbar{display:none}.todos-list[data-v-a4bde6fe]{display:flex;flex-direction:column;gap:8px;padding-bottom:20px}.todo-item[data-v-a4bde6fe]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.todo-item[data-v-a4bde6fe]:hover{border-left-color:var(--color-primary);box-shadow:0 2px 8px #00000014}.todo-item.completed[data-v-a4bde6fe]{opacity:.6;background:var(--color-background)}.todo-main[data-v-a4bde6fe]{display:flex;justify-content:space-between;align-items:center;gap:16px}.todo-left[data-v-a4bde6fe]{flex:1;min-width:0}.type-badge[data-v-a4bde6fe]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.type-badge.attendance[data-v-a4bde6fe]{background:var(--color-primary-10);color:var(--color-primary)}.type-badge.payroll[data-v-a4bde6fe]{background:var(--color-success-10);color:var(--color-success)}.type-badge.general[data-v-a4bde6fe]{background:var(--color-warning-10);color:var(--color-warning)}.type-badge.approval[data-v-a4bde6fe]{background:var(--color-error-10);color:var(--color-error)}.todo-title[data-v-a4bde6fe]{font-size:14px;font-weight:500;color:var(--color-text);margin:0 0 6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-info[data-v-a4bde6fe]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary)}.info-separator[data-v-a4bde6fe]{opacity:.5}.todo-actions[data-v-a4bde6fe]{display:flex;gap:6px;flex-shrink:0}.btn-icon-only[data-v-a4bde6fe]{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:transparent;border-radius:6px;cursor:pointer;transition:all .2s}.btn-icon-only svg[data-v-a4bde6fe]{width:16px;height:16px}.btn-icon-only.btn-success[data-v-a4bde6fe]{color:var(--color-success);border-color:var(--color-success)}.btn-icon-only.btn-success[data-v-a4bde6fe]:hover{background:var(--color-success);color:#fff}.btn-icon-only.btn-secondary[data-v-a4bde6fe]{color:var(--color-text-secondary)}.btn-icon-only.btn-secondary[data-v-a4bde6fe]:hover{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon-only.btn-danger[data-v-a4bde6fe]{color:var(--color-error);border-color:var(--color-border)}.btn-icon-only.btn-danger[data-v-a4bde6fe]:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn[data-v-a4bde6fe]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-a4bde6fe]{background:var(--color-primary);color:#fff}.btn-primary[data-v-a4bde6fe]:hover{background:var(--color-primary-dark, #2563eb)}.btn-success[data-v-a4bde6fe]{color:var(--color-success)}.btn-success[data-v-a4bde6fe]:hover{background:var(--color-success-dark, #059669)}.btn-secondary[data-v-a4bde6fe]{background:var(--color-primary-10);color:var(--color-primary);border:1px solid var(--color-border)}.btn-secondary[data-v-a4bde6fe]:hover{background:var(--color-primary-20)}.btn-outline[data-v-a4bde6fe]{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline[data-v-a4bde6fe]:hover{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}.btn-text[data-v-a4bde6fe]{background:transparent;color:var(--color-text-secondary);padding:4px 8px}.btn-text[data-v-a4bde6fe]:hover{background:var(--color-error-10)}.btn-danger[data-v-a4bde6fe]{color:var(--color-error)}.btn-sm[data-v-a4bde6fe]{padding:4px 10px;font-size:12px}.btn-icon[data-v-a4bde6fe]{width:14px;height:14px}.modal-overlay[data-v-a4bde6fe]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content[data-v-a4bde6fe]{background:var(--color-surface);border-radius:12px;max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;margin:auto}.modal-header[data-v-a4bde6fe]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--color-border)}.modal-header h2[data-v-a4bde6fe]{font-size:20px;font-weight:600;color:var(--color-text);margin:0}.btn-close[data-v-a4bde6fe]{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close[data-v-a4bde6fe]:hover{background:var(--color-error-10);color:var(--color-error)}.btn-close svg[data-v-a4bde6fe]{width:20px;height:20px}.modal-body[data-v-a4bde6fe]{padding:24px;overflow-y:auto;flex:1;min-height:0}.detail-section[data-v-a4bde6fe]{display:flex;flex-direction:column;gap:20px}.detail-header[data-v-a4bde6fe]{display:flex;justify-content:space-between;align-items:center}.detail-title[data-v-a4bde6fe]{font-size:18px;font-weight:600;color:var(--color-text);margin:0;line-height:1.4}.detail-grid[data-v-a4bde6fe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item label[data-v-a4bde6fe]{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-item p[data-v-a4bde6fe]{font-size:14px;color:var(--color-text);margin:0}.capitalize[data-v-a4bde6fe]{text-transform:capitalize}.detail-meta[data-v-a4bde6fe]{padding:16px;background:var(--color-background);border-radius:8px;border:1px solid var(--color-border)}.detail-meta h4[data-v-a4bde6fe]{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 12px}.detail-meta h5[data-v-a4bde6fe]{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin:0 0 8px}.rates-grid[data-v-a4bde6fe]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.rate-item[data-v-a4bde6fe]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-surface);border-radius:6px;border:1px solid var(--color-border)}.rate-item.enabled[data-v-a4bde6fe]{background:var(--color-success-10);border-color:var(--color-success)}.rate-name[data-v-a4bde6fe]{font-size:13px;color:var(--color-text);font-weight:500}.rate-status[data-v-a4bde6fe]{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.rate-item.enabled .rate-status[data-v-a4bde6fe]{color:var(--color-success)}.modal-footer[data-v-a4bde6fe]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--color-border);flex-shrink:0}@media (max-width: 768px){.page-header[data-v-a4bde6fe]{flex-direction:column;align-items:flex-start;gap:12px}.stats-bar[data-v-a4bde6fe]{flex-wrap:wrap;gap:16px}.toolbar[data-v-a4bde6fe]{flex-direction:column;align-items:stretch}.tabs-compact[data-v-a4bde6fe]{justify-content:stretch}.tab-btn[data-v-a4bde6fe]{flex:1;justify-content:center}.filter-select-compact[data-v-a4bde6fe]{width:100%}.todo-main[data-v-a4bde6fe]{flex-direction:column;align-items:flex-start}.todo-actions[data-v-a4bde6fe]{width:100%;justify-content:flex-end}.todo-title[data-v-a4bde6fe]{white-space:normal}.detail-grid[data-v-a4bde6fe]{grid-template-columns:1fr}.modal-content[data-v-a4bde6fe]{max-width:100%;max-height:100vh;border-radius:0}}.base-card[data-v-92ec6493]{background:var(--color-surface, #fff);color:var(--color-on-surface, #222);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-subtle, 0 2px 8px rgba(0,0,0,.06));padding:var(--space-md, 1rem);margin:0;transition:box-shadow .15s,background .15s}.base-btn[data-v-a205102d]{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm, 4px);padding:var(--space-xs, .5rem) var(--space-md, 1rem);font-size:1em;font-weight:500;cursor:pointer;background:var(--color-primary, #1976d2);color:var(--color-on-primary, #fff);transition:background .15s,color .15s;gap:.5em}.base-btn.secondary[data-v-a205102d]{background:var(--color-secondary, #e0e0e0);color:var(--color-on-secondary, #222)}.base-btn.outline[data-v-a205102d]{background:transparent;border:1px solid var(--color-primary, #1976d2);color:var(--color-primary, #1976d2)}.base-btn.text[data-v-a205102d]{background:none;color:var(--color-primary, #1976d2);padding:var(--space-xs, .5rem) var(--space-sm, .75rem)}.base-btn[data-v-a205102d]:disabled{opacity:.5;cursor:not-allowed}.base-btn.xs[data-v-a205102d]{font-size:.8em;padding:.25em .5em}.base-btn.sm[data-v-a205102d]{font-size:.9em;padding:.4em .8em}.base-btn.md[data-v-a205102d]{font-size:1em;padding:.5em 1em}.base-btn.lg[data-v-a205102d]{font-size:1.15em;padding:.7em 1.3em}.payroll-container[data-v-4d9bf248]{padding:16px 20px;max-width:1400px;margin:0 auto}.payroll-header[data-v-4d9bf248]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.header-left h1[data-v-4d9bf248]{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0;display:inline;vertical-align:middle}.tab-nav[data-v-4d9bf248]{display:flex;gap:4px;background:var(--color-surface-elevated, rgba(0, 0, 0, .03));padding:4px;border-radius:var(--radius-md, 8px)}.tab-btn[data-v-4d9bf248]{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm, 6px);transition:all .2s ease}.tab-btn[data-v-4d9bf248]:hover{color:var(--color-text-primary);background:var(--color-surface-hover, rgba(0, 0, 0, .05))}.tab-btn.active[data-v-4d9bf248]{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.tab-btn svg[data-v-4d9bf248]{flex-shrink:0}.table-container[data-v-4d9bf248]{max-height:calc(100vh - 250px);overflow-y:auto;scrollbar-width:none}.payroll-table-scroll[data-v-4d9bf248]{max-height:calc(100vh - 250px);overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:8px}.fab-container[data-v-4d9bf248]{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;align-items:flex-end;gap:15px;z-index:1000}.fab-actions[data-v-4d9bf248]{display:flex;align-items:center;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease-in-out}.fab-actions.show[data-v-4d9bf248]{opacity:1;visibility:visible;transform:translateY(0)}.fab-label[data-v-4d9bf248]{background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap}.fab-btn[data-v-4d9bf248]{border:none;border-radius:50%;box-shadow:0 4px 10px #00000040;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s;color:#fff}.fab-btn[data-v-4d9bf248]:hover{transform:scale(1.05)}.fab-primary[data-v-4d9bf248],.fab-secondary[data-v-4d9bf248]{width:56px;height:56px;background-color:var(--color-primary)}.filter-fab[data-v-4d9bf248]{width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary, #fff);box-shadow:0 4px 16px #0003;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background .2s,transform .2s,background-color .2s}.filter-fab[data-v-4d9bf248]:hover{background:var(--color-accent)}.filter-fab svg[data-v-4d9bf248]{fill:currentColor}.payroll-filter-card[data-v-4d9bf248]{padding:8px 0}.filter-row[data-v-4d9bf248]{display:flex;gap:16px;flex-wrap:wrap}.filter-group[data-v-4d9bf248]{flex:1;min-width:150px}.filter-label[data-v-4d9bf248]{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.filter-select[data-v-4d9bf248]{position:relative}.select-input[data-v-4d9bf248]{width:100%;padding:8px 12px;border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-sm, 4px);background:var(--color-background);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:border-color .2s}.select-input[data-v-4d9bf248]:focus{outline:none;border-color:var(--color-primary)}.filter-select.has-selection .select-input[data-v-4d9bf248]{border-color:var(--color-primary);background:var(--color-primary-10, rgba(25, 118, 210, .1))}.filter-actions[data-v-4d9bf248]{display:flex;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border, #eee)}.btn[data-v-4d9bf248]{padding:6px 12px;border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;font-size:.875rem;transition:background .2s}.btn-text[data-v-4d9bf248]{background:transparent;color:var(--color-primary)}.btn-text[data-v-4d9bf248]:hover{background:var(--color-primary-10, rgba(25, 118, 210, .1))}.btn-sm[data-v-4d9bf248]{padding:4px 10px;font-size:.8rem}.stats-row[data-v-4d9bf248]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-4d9bf248]{padding:16px 20px}.stat-content[data-v-4d9bf248]{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value[data-v-4d9bf248]{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.stat-label[data-v-4d9bf248]{font-size:.75rem;color:var(--color-text-secondary);margin-top:4px}.archive-list[data-v-4d9bf248]{display:flex;flex-direction:column;gap:8px}.payroll-month-card[data-v-4d9bf248]{background:var(--color-surface);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e0e0e0);overflow:hidden;min-height:100px;transition:box-shadow .2s}.payroll-month-card[data-v-4d9bf248]:hover{box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}.month-card-header[data-v-4d9bf248]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid transparent;flex-wrap:wrap;gap:10px}.month-card-header[data-v-4d9bf248]:has(+.subpayroll-detail){border-bottom-color:var(--color-border, #eee)}.month-card-title[data-v-4d9bf248]{display:flex;flex-direction:column;gap:1px}.month-card-name[data-v-4d9bf248]{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.subpayroll-chips[data-v-4d9bf248]{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.subpayroll-chip[data-v-4d9bf248]{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;border:1px solid transparent;background:var(--color-surface-elevated, rgba(0,0,0,.04));color:var(--color-text-secondary);transition:all .15s ease;-webkit-user-select:none;user-select:none}.subpayroll-chip[data-v-4d9bf248]:hover{background:var(--color-surface-hover, rgba(0,0,0,.08));color:var(--color-text-primary)}.subpayroll-chip.chip-active[data-v-4d9bf248]{background:var(--color-primary-10, rgba(25,118,210,.12));border-color:var(--color-primary-30, rgba(25,118,210,.3));color:var(--color-primary)}.chip-dot[data-v-4d9bf248]{width:6px;height:6px;border-radius:50%;flex-shrink:0}.chip-dot.status-success[data-v-4d9bf248]{background:var(--color-success, #22c55e)}.chip-dot.status-processing[data-v-4d9bf248]{background:var(--color-info, #2563eb)}.chip-dot.status-pending[data-v-4d9bf248]{background:var(--color-warning, #f59e0b)}.chip-dot.status-failed[data-v-4d9bf248]{background:var(--color-error, #ef4444)}.chip-dot.status-default[data-v-4d9bf248]{background:var(--color-text-secondary)}.chip-count[data-v-4d9bf248]{display:inline-flex;align-items:center;justify-content:center;background:#0000000f;color:var(--color-text-secondary);font-size:.65rem;font-weight:700;border-radius:10px;padding:0 5px;min-width:18px;height:15px}.subpayroll-chip.chip-active .chip-count[data-v-4d9bf248]{background:var(--color-primary-20, rgba(25,118,210,.2));color:var(--color-primary)}.subpayroll-detail[data-v-4d9bf248]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--color-background);border-top:1px solid var(--color-border, #eee);flex-wrap:wrap;gap:10px;animation:slideIn-4d9bf248 .15s ease}@keyframes slideIn-4d9bf248{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.detail-info[data-v-4d9bf248]{display:flex;align-items:center;flex-wrap:wrap;gap:4px;flex:1}.detail-actions[data-v-4d9bf248]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.detail-action-btn[data-v-4d9bf248]{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:var(--radius-sm, 5px);background:transparent;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.detail-action-btn[data-v-4d9bf248]:hover{background:var(--color-surface-hover, rgba(0,0,0,.07));color:var(--color-text-primary)}.detail-action-btn svg[data-v-4d9bf248]{flex-shrink:0}.slip-count-badge[data-v-4d9bf248]{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-10, rgba(25,118,210,.12));color:var(--color-primary);font-size:.65rem;font-weight:700;border-radius:10px;padding:0 5px;min-width:18px;height:15px}.payroll-table-header[data-v-4d9bf248]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border, #eee)}.payroll-table-header .header-left[data-v-4d9bf248]{display:flex;flex-direction:column;gap:1px}.header-label[data-v-4d9bf248]{font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.header-title[data-v-4d9bf248]{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.payroll-table-header .header-right[data-v-4d9bf248]{display:flex;align-items:center;gap:12px}.report-status[data-v-4d9bf248]{display:flex;align-items:center}.status-tip[data-v-4d9bf248]{padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.status-tip.status-success[data-v-4d9bf248]{background:var(--color-success-light, rgba(34, 197, 94, .15));color:var(--color-success, #22c55e)}.status-tip.status-processing[data-v-4d9bf248]{background:var(--color-info-light, rgba(37, 99, 235, .15));color:var(--color-info, #2563eb)}.status-tip.status-pending[data-v-4d9bf248]{background:var(--color-warning-light, rgba(245, 158, 11, .15));color:var(--color-warning, #f59e0b)}.status-tip.status-failed[data-v-4d9bf248]{background:var(--color-error-light, rgba(239, 68, 68, .15));color:var(--color-error, #ef4444)}.status-tip.status-default[data-v-4d9bf248]{background:var(--color-surface-elevated, rgba(0, 0, 0, .05));color:var(--color-text-secondary)}.header-controls[data-v-4d9bf248]{display:flex;align-items:center;gap:2px}.toggle-btn[data-v-4d9bf248]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm, 4px);transition:background .2s}.toggle-btn[data-v-4d9bf248]:hover{background:var(--color-primary-10, rgba(25, 118, 210, .1))}.icon-btn[data-v-4d9bf248]{width:32px;height:32px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background .2s,color .2s}.icon-btn[data-v-4d9bf248]:hover{background:var(--color-surface-hover, rgba(0, 0, 0, .08));color:var(--color-text-primary)}.icon-btn.slip-btn[data-v-4d9bf248]{color:var(--color-primary, #4f46e5)}.icon-btn.slip-btn[data-v-4d9bf248]:hover{background:#4f46e51a;color:var(--color-primary, #4f46e5)}.dropdown[data-v-4d9bf248]{position:relative}.dropdown-arrow[data-v-4d9bf248]{margin-left:4px;opacity:.7;transition:transform .2s}.dropdown.open .dropdown-arrow[data-v-4d9bf248]{transform:rotate(180deg)}.dropdown-menu[data-v-4d9bf248]{position:absolute;top:100%;right:0;min-width:140px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);box-shadow:var(--shadow-md, 0 4px 16px rgba(0, 0, 0, .12));list-style:none;padding:4px 0;margin:2px 0 0;z-index:100;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}.dropdown.open .dropdown-menu[data-v-4d9bf248]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li a[data-v-4d9bf248]{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--color-text-primary);text-decoration:none;font-size:.8125rem;transition:background .15s}.dropdown-menu li a[data-v-4d9bf248]:hover{background:var(--color-surface-hover, rgba(0, 0, 0, .05))}.dropdown-menu li a svg[data-v-4d9bf248]{color:var(--color-text-secondary);flex-shrink:0}.payroll-table-content[data-v-4d9bf248]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--color-background)}.content-info[data-v-4d9bf248]{flex:1}.info-text[data-v-4d9bf248]{font-size:.8125rem;color:var(--color-text-secondary)}.info-text strong[data-v-4d9bf248]{color:var(--color-text-primary);font-weight:500}.content-stats[data-v-4d9bf248]{display:flex;align-items:center;gap:12px}.stat-item[data-v-4d9bf248]{display:flex;align-items:center;gap:5px;font-size:.8125rem;color:var(--color-text-secondary);padding:4px 10px;background:var(--color-surface-elevated, rgba(0, 0, 0, .03));border-radius:var(--radius-sm, 4px)}.stat-item svg[data-v-4d9bf248]{color:var(--color-primary);width:14px;height:14px}.stat-item strong[data-v-4d9bf248]{color:var(--color-text-primary);font-weight:600}.empty-state[data-v-4d9bf248]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon[data-v-4d9bf248]{fill:var(--color-text-secondary);opacity:.5;margin-bottom:16px}.empty-state h3[data-v-4d9bf248]{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.empty-state p[data-v-4d9bf248]{font-size:.875rem;color:var(--color-text-secondary);margin:0}.loading-overlay[data-v-4d9bf248]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner[data-v-4d9bf248]{background:var(--color-background);padding:20px;border-radius:var(--radius-lg, 12px);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 4px 24px #00000026}.spinner[data-v-4d9bf248]{width:28px;height:28px;color:var(--color-primary)}.tab-button.active[data-v-4d9bf248]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.reports-section[data-v-4d9bf248]{display:flex;flex-direction:column;gap:8px}.section-header[data-v-4d9bf248]{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:4px}.section-title-group h2[data-v-4d9bf248]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.section-subtitle[data-v-4d9bf248]{font-size:.8125rem;color:var(--color-text-secondary);margin:0}.report-filter-badge[data-v-4d9bf248]{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-primary-10, rgba(25, 118, 210, .1));border:1px solid var(--color-primary-20, rgba(25, 118, 210, .2));border-radius:var(--radius-sm, 6px);font-size:.8125rem;color:var(--color-text-primary)}.report-filter-badge strong[data-v-4d9bf248]{color:var(--color-primary)}.filter-tag-chip[data-v-4d9bf248]{display:inline-block;padding:1px 7px;border-radius:10px;font-size:.72rem;font-weight:600;text-transform:uppercase;background:var(--color-primary-20, rgba(25, 118, 210, .2));color:var(--color-primary);letter-spacing:.2px}.report-period-cell[data-v-4d9bf248]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.report-sub-tag[data-v-4d9bf248]{display:inline-block;padding:1px 7px;border-radius:10px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--color-surface-elevated, rgba(0,0,0,.05));color:var(--color-text-secondary);white-space:nowrap}.clear-filter-btn[data-v-4d9bf248]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);border-radius:50%;cursor:pointer;transition:background .2s,color .2s}.clear-filter-btn[data-v-4d9bf248]:hover{background:var(--color-error-light, rgba(239, 68, 68, .1));color:var(--color-error, #ef4444)}.reports-header[data-v-4d9bf248]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.reports-header h3[data-v-4d9bf248]{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.reports-table-card[data-v-4d9bf248]{border-radius:var(--radius-md, 8px);overflow:hidden}.reports-table[data-v-4d9bf248]{width:100%;background:var(--color-surface);border-radius:0;overflow:hidden}.reports-table table[data-v-4d9bf248]{width:100%;border-collapse:collapse}.reports-table th[data-v-4d9bf248],.reports-table td[data-v-4d9bf248]{padding:10px 14px;text-align:left;border-bottom:1px solid var(--color-border)}.reports-table th[data-v-4d9bf248]{background:var(--color-surface-elevated);font-weight:600;font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.reports-table td[data-v-4d9bf248]{font-size:.8125rem;color:var(--color-text)}.reports-table tbody tr[data-v-4d9bf248]:hover{background:var(--color-surface-hover)}.reports-table tbody tr:last-child td[data-v-4d9bf248]{border-bottom:none}.report-type-badge[data-v-4d9bf248]{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:500;background:var(--color-primary-light, rgba(99, 102, 241, .1));color:var(--color-primary)}.report-download-link[data-v-4d9bf248]{color:var(--color-primary);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}.report-download-link[data-v-4d9bf248]:hover{color:var(--color-primary-dark, #4f46e5);text-decoration:underline}.empty-reports[data-v-4d9bf248]{text-align:center;padding:32px 20px;color:var(--color-text-secondary)}.empty-reports p[data-v-4d9bf248]{margin:0;font-size:.8125rem}.report-name-cell[data-v-4d9bf248]{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-title-text[data-v-4d9bf248]{flex:1}.inline-actions[data-v-4d9bf248]{display:flex;align-items:center}.download-compact-btn[data-v-4d9bf248]{padding:4px!important;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%!important}.download-compact-btn svg[data-v-4d9bf248]{margin:0!important}.payroll-month-block[data-v-4d9bf248]{margin-bottom:30px}.month-header[data-v-4d9bf248]{margin-bottom:12px;padding-left:10px;border-left:4px solid var(--accent-blue, #2563eb);background:linear-gradient(to right,rgba(37,99,235,.05),transparent);padding-top:5px;padding-bottom:5px}.month-header h3[data-v-4d9bf248]{margin:0;font-size:1.1rem;color:var(--text-muted, #666);font-weight:600}.tag-badge[data-v-4d9bf248]{background:#2563eb1a;color:var(--accent-blue, #2563eb);padding:2px 10px;border-radius:12px;font-size:.7rem;margin-left:10px;border:1px solid rgba(37,99,235,.2);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.payroll-container[data-v-4d9bf248]{padding:12px}.payroll-header[data-v-4d9bf248]{flex-direction:column;align-items:flex-start;gap:12px}.tab-nav[data-v-4d9bf248]{width:100%}.tab-btn[data-v-4d9bf248]{flex:1;justify-content:center}.filter-row[data-v-4d9bf248]{flex-direction:column}.stats-row[data-v-4d9bf248]{grid-template-columns:1fr}.filter-fab[data-v-4d9bf248]{right:12px;bottom:12px;width:44px;height:44px}.payroll-table-header[data-v-4d9bf248]{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 12px}.payroll-table-header .header-right[data-v-4d9bf248]{width:100%;justify-content:space-between}.payroll-table-content[data-v-4d9bf248]{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 12px}.content-stats[data-v-4d9bf248]{width:100%}.reports-table-card[data-v-4d9bf248]{overflow-x:auto}.reports-table[data-v-4d9bf248]{min-width:500px}}.processing-banners[data-v-4d9bf248]{margin-bottom:12px}.processing-banner[data-v-4d9bf248]{background:var(--color-info-light, rgba(37, 99, 235, .08));border:1px solid var(--color-info-20, rgba(37, 99, 235, .2));border-radius:var(--radius-md, 8px);padding:12px 16px;margin-bottom:8px;animation:bannerFadeIn-4d9bf248 .3s ease-out}.banner-content[data-v-4d9bf248]{display:flex;align-items:center;gap:16px}.pulse-icon[data-v-4d9bf248]{width:12px;height:12px;background:var(--color-info, #2563eb);border-radius:50%;position:relative;box-shadow:0 0 #2563eb66;animation:iconPulse-4d9bf248 2s infinite}@keyframes iconPulse-4d9bf248{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}.banner-info[data-v-4d9bf248]{display:flex;flex-direction:column;gap:2px}.banner-title[data-v-4d9bf248]{font-size:.875rem;color:var(--color-text-primary)}.banner-count[data-v-4d9bf248]{font-size:.75rem;color:var(--color-text-secondary)}.count-pulse[data-v-4d9bf248]{display:inline-block;color:var(--color-info, #2563eb);font-variant-numeric:tabular-nums;animation:countChange-4d9bf248 .3s ease}@keyframes countChange-4d9bf248{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes bannerFadeIn-4d9bf248{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slide-down-enter-active[data-v-4d9bf248],.slide-down-leave-active[data-v-4d9bf248]{transition:all .3s ease}.slide-down-enter-from[data-v-4d9bf248],.slide-down-leave-to[data-v-4d9bf248]{opacity:0;transform:translateY(-20px)}.processor-overlay[data-v-4d9bf248]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.processor-dialog[data-v-4d9bf248]{background:var(--color-surface, #fff);border-radius:12px;padding:28px 32px 24px;max-width:620px;width:100%;box-shadow:0 20px 60px #0000004d}.processor-title[data-v-4d9bf248]{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 20px}.processor-body[data-v-4d9bf248]{display:flex;flex-direction:column;gap:16px}.processor-info[data-v-4d9bf248]{display:flex;align-items:center}.processor-select[data-v-4d9bf248]{flex:1;padding:10px 14px;border:1px solid var(--color-border, #ddd);border-radius:var(--radius-sm, 6px);background:var(--color-background, #fafafa);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;appearance:auto}.processor-select[data-v-4d9bf248]:focus{outline:none;border-color:var(--color-primary)}.processor-divider[data-v-4d9bf248]{border:none;border-top:1px solid var(--color-border, #eee);margin:4px 0}.processor-actions[data-v-4d9bf248]{display:flex;align-items:center;gap:12px}.btn-processor[data-v-4d9bf248]{padding:10px 20px;border:none;border-radius:var(--radius-sm, 6px);font-size:.8125rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .2s,opacity .2s}.btn-processor[data-v-4d9bf248]:disabled{opacity:.6;cursor:not-allowed}.btn-lock[data-v-4d9bf248]{background:var(--color-primary, #7c3aed);color:#fff}.btn-lock[data-v-4d9bf248]:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary, #7c3aed) 85%,black)}.btn-close[data-v-4d9bf248]{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border, #ddd)}.btn-close[data-v-4d9bf248]:hover:not(:disabled){background:var(--color-surface-hover, rgba(0, 0, 0, .05))}.btn-process[data-v-4d9bf248]{background:var(--color-info, #2563eb);color:#fff;margin-left:auto}.btn-process[data-v-4d9bf248]:hover:not(:disabled){background:color-mix(in srgb,var(--color-info, #2563eb) 85%,black)}.processor-loading-text[data-v-4d9bf248],.processor-error-text[data-v-4d9bf248]{font-size:.875rem;color:var(--color-text-secondary);text-align:center;padding:16px 0;margin:0}.modal-enter-active[data-v-4d9bf248],.modal-leave-active[data-v-4d9bf248]{transition:opacity .3s ease}.modal-enter-from[data-v-4d9bf248],.modal-leave-to[data-v-4d9bf248]{opacity:0}.modal-enter-active .processor-dialog[data-v-4d9bf248],.modal-leave-active .processor-dialog[data-v-4d9bf248]{transition:transform .3s ease}.modal-enter-from .processor-dialog[data-v-4d9bf248]{transform:scale(.9) translateY(-20px)}.modal-leave-to .processor-dialog[data-v-4d9bf248]{transform:scale(.9) translateY(20px)}@media (max-width: 768px){.processor-dialog[data-v-4d9bf248]{padding:20px;max-width:100%}.processor-actions[data-v-4d9bf248]{flex-wrap:wrap}.btn-process[data-v-4d9bf248]{margin-left:0;width:100%}}.slips-overlay[data-v-4d9bf248]{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.slips-dialog[data-v-4d9bf248]{background:var(--bg-primary, #fff);color:var(--text-primary, #1a1a2e);border-radius:12px;width:720px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.slips-header[data-v-4d9bf248]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e0e0e0)}.slips-header h3[data-v-4d9bf248]{margin:0;font-size:1.1rem}.slips-close-btn[data-v-4d9bf248]{background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--text-secondary, #666);line-height:1;padding:0 4px}.slips-search[data-v-4d9bf248]{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border-color, #e0e0e0)}.slips-search-input[data-v-4d9bf248]{flex:1;padding:8px 12px;border:1px solid var(--border-color, #ccc);border-radius:6px;font-size:.9rem;background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #1a1a2e);outline:none}.slips-search-input[data-v-4d9bf248]:focus{border-color:var(--accent-color, #667eea)}.slips-count[data-v-4d9bf248]{font-size:.8rem;color:var(--text-secondary, #888);white-space:nowrap}.slips-body[data-v-4d9bf248]{flex:1;overflow-y:auto;padding:0}.slips-loading[data-v-4d9bf248],.slips-empty[data-v-4d9bf248]{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary, #888);gap:10px}.slips-table[data-v-4d9bf248]{width:100%;border-collapse:collapse;font-size:.9rem}.slips-table thead[data-v-4d9bf248]{position:sticky;top:0;background:var(--bg-primary, #fff);z-index:1}.slips-table th[data-v-4d9bf248]{padding:10px 14px;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary, #888);border-bottom:2px solid var(--border-color, #e0e0e0)}.slips-table td[data-v-4d9bf248]{padding:10px 14px;border-bottom:1px solid var(--border-color, #f0f0f0)}.slips-table tbody tr[data-v-4d9bf248]:hover{background:var(--bg-secondary, #f8f9fa)}.text-right[data-v-4d9bf248]{text-align:right!important}.text-center[data-v-4d9bf248]{text-align:center!important}.slip-download-btn[data-v-4d9bf248]{background:none;border:none;cursor:pointer;color:var(--accent-color, #667eea);padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.slip-download-btn[data-v-4d9bf248]:hover:not(:disabled){background:#667eea1f}.slip-download-btn[data-v-4d9bf248]:disabled{opacity:.5;cursor:not-allowed}.spinner-sm[data-v-4d9bf248]{width:16px;height:16px;border:2px solid var(--border-color, #ccc);border-top-color:var(--accent-color, #667eea);border-radius:50%;animation:spin-4d9bf248 .6s linear infinite;display:inline-block}@keyframes spin-4d9bf248{to{transform:rotate(360deg)}}.self-portal[data-v-874e5271]{min-height:100vh;background:radial-gradient(circle at top left,#f8fafc,#eff6ff);padding:3rem 2rem;color:#1e293b}.portal-container[data-v-874e5271]{max-width:1280px;margin:0 auto}.highlight[data-v-874e5271]{background:linear-gradient(120deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.portal-title[data-v-874e5271]{font-size:2.5rem;letter-spacing:-.025em;margin-bottom:.5rem}.portal-subtitle[data-v-874e5271]{color:#64748b;font-size:1.1rem}.btn-profile[data-v-874e5271]{background:#fff;border:1px solid #e2e8f0;padding:.6rem 1.25rem;border-radius:12px;display:flex;align-items:center;font-weight:600;color:#475569;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s}.btn-profile[data-v-874e5271]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.glass-card[data-v-874e5271]{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card[data-v-874e5271]:hover{transform:translateY(-8px);background:#ffffffe6}.card-glow[data-v-874e5271]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);pointer-events:none}.stat-icon-wrapper[data-v-874e5271]{width:4rem;height:4rem;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-right:1.5rem;flex-shrink:0}.attendance-card .stat-icon-wrapper[data-v-874e5271]{background:#eff6ff;color:#3b82f6}.annual .stat-icon-wrapper[data-v-874e5271]{background:#f5f3ff;color:#8b5cf6}.casual .stat-icon-wrapper[data-v-874e5271]{background:#fefce8;color:#eab308}.stat-label[data-v-874e5271]{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#94a3b8}.stat-value[data-v-874e5271]{font-size:2rem;font-weight:800;margin:.5rem 0}.stat-value small[data-v-874e5271]{font-size:1rem;color:#64748b;font-weight:500}.stat-badge[data-v-874e5271]{display:inline-block;background:#dcfce7;color:#166534;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700}.status-present[data-v-874e5271]{color:#10b981}.status-absent[data-v-874e5271]{color:#64748b}.glass-panel[data-v-874e5271]{background:#fff;border-radius:28px;padding:2.25rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9}.panel-title[data-v-874e5271]{font-size:1.25rem;font-weight:700;color:#334155}.btn-link[data-v-874e5271]{color:#3b82f6;text-decoration:none;font-weight:600;font-size:.9rem}.portal-table[data-v-874e5271]{width:100%;border-collapse:separate;border-spacing:0 .75rem}.portal-table th[data-v-874e5271]{color:#94a3b8;font-weight:600;font-size:.85rem;padding:0 1rem}.portal-table td[data-v-874e5271]{padding:1.25rem 1rem;background:#f8fafc}.portal-table tr td[data-v-874e5271]:first-child{border-radius:12px 0 0 12px}.portal-table tr td[data-v-874e5271]:last-child{border-radius:0 12px 12px 0}.time-tag[data-v-874e5271]{padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600}.time-tag.in[data-v-874e5271]{background:#f0fdf4;color:#15803d}.time-tag.out[data-v-874e5271]{background:#fef2f2;color:#b91c1c}.btn-apply[data-v-874e5271]{background:#3b82f6;color:#fff;border-radius:12px;font-weight:600;padding:.5rem 1.25rem}.leave-card-row[data-v-874e5271]{background:#f8fafc;border-radius:16px;padding:1.25rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.leave-card-row[data-v-874e5271]:hover{background:#f1f5f9;transform:scale(1.02)}.leave-type-tag[data-v-874e5271]{font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;color:#475569}.leave-date-range[data-v-874e5271]{font-size:.9rem;color:#64748b;margin-top:.25rem}.leave-status-pill[data-v-874e5271]{padding:.4rem 1rem;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase}.leave-status-pill.approved[data-v-874e5271]{background:#10b981;color:#fff}.leave-status-pill.pending[data-v-874e5271]{background:#eab308;color:#fff}.leave-status-pill.rejected[data-v-874e5271]{background:#ef4444;color:#fff}.empty-state[data-v-874e5271]{text-align:center;padding:3rem;color:#94a3b8;font-style:italic}.loader-overlay[data-v-874e5271]{display:flex;justify-content:center;padding:4rem}.filter-inner[data-v-9b4bcb17]{padding:0 24px 20px}.filter-grid[data-v-9b4bcb17]{display:grid;gap:16px;grid-template-columns:1fr 1fr}.filter-actions-row[data-v-9b4bcb17]{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid var(--color-primary-10);margin-top:16px}.filter-group-card[data-v-9b4bcb17]{border:1px solid var(--color-primary-10);border-radius:12px;overflow:hidden;background:var(--color-background);display:flex;flex-direction:column}.group-header[data-v-9b4bcb17]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-primary-10);background:var(--color-surface)}.group-title[data-v-9b4bcb17]{font-size:13px;font-weight:600;color:var(--color-text-primary)}.group-body[data-v-9b4bcb17]{padding:14px 16px;flex:1;max-height:300px;overflow-y:auto;scrollbar-width:none}.select-input[data-v-9b4bcb17]{width:100%;padding:0 10px;color:var(--color-text-primary);min-height:36px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--color-background)}.filter-search[data-v-9b4bcb17]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-surface);border:1.5px solid var(--color-primary-20);border-radius:8px}.filter-search[data-v-9b4bcb17]:focus-within{border-color:var(--color-primary)}.filter-search .search-icon[data-v-9b4bcb17]{width:16px;height:16px;color:var(--color-text-secondary);flex-shrink:0;fill:currentColor}.styled-search[data-v-9b4bcb17]{border:none;background:transparent;color:var(--color-text-primary);font-size:13px;outline:none;width:100%}.btn[data-v-9b4bcb17]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-sm[data-v-9b4bcb17]{padding:6px 14px;font-size:12px}.btn-primary[data-v-9b4bcb17]{background:var(--color-primary);color:#fff}.btn-primary[data-v-9b4bcb17]:hover:not(:disabled){opacity:.9}.theme-light-purple[data-v-bcf65492]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-bcf65492]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-bcf65492]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-bcf65492]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-bcf65492]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-bcf65492],[data-v-bcf65492]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-bcf65492]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-bcf65492]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-bcf65492]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.extras-page[data-v-bcf65492]{display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 96px)}.page-header[data-v-bcf65492]{display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow[data-v-bcf65492]{margin-bottom:2px;color:var(--color-accent);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.page-header h1[data-v-bcf65492]{font-size:clamp(1.2rem,2.3vw,1.6rem);line-height:1.2;color:var(--color-text-primary)}.page-subtitle[data-v-bcf65492]{margin-top:2px;font-size:.86rem;color:var(--color-text-secondary)}.refresh-btn[data-v-bcf65492],.select-input[data-v-bcf65492],.search-field[data-v-bcf65492]{font:inherit}.refresh-btn[data-v-bcf65492]{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;padding:8px 10px;cursor:pointer;transition:var(--transition-fast)}.refresh-btn[data-v-bcf65492]:disabled{opacity:.6;cursor:wait}.refresh-btn[data-v-bcf65492]:not(:disabled):hover{background:color-mix(in srgb,var(--color-primary) 88%,black)}.table-card[data-v-bcf65492],.stat-card[data-v-bcf65492]{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.extras-tabs[data-v-bcf65492]{display:flex;gap:8px;margin-bottom:4px}.tab-btn[data-v-bcf65492]{padding:8px 16px;border:none;background:transparent;font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;border-bottom:2px solid transparent}.tab-btn[data-v-bcf65492]:hover{background:color-mix(in srgb,var(--color-surface) 90%,transparent)}.tab-btn.active.allowances[data-v-bcf65492]{color:var(--color-success);border-bottom-color:var(--color-success)}.tab-btn.active.deductions[data-v-bcf65492]{color:var(--color-error);border-bottom-color:var(--color-error)}.tab-btn.active.report[data-v-bcf65492]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-btn.active.uploads[data-v-bcf65492]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.full-width[data-v-bcf65492]{width:100%!important}.font-mono[data-v-bcf65492]{font-family:Avenir,Helvetica,Arial,sans-serif}.text-center[data-v-bcf65492]{text-align:center}.delete-btn[data-v-bcf65492]{color:var(--color-error);padding:6px;border-radius:6px;transition:all .2s}.delete-btn[data-v-bcf65492]:hover{background:var(--color-error-10);transform:scale(1.1)}.btn-icon[data-v-bcf65492]{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pill[data-v-bcf65492]{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:var(--radius-sm);background:var(--color-primary-10);color:var(--color-text-primary);font-size:.76rem;font-weight:500}.pill.subtle[data-v-bcf65492]{background:var(--color-accent-10)}.btn[data-v-bcf65492]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-sm[data-v-bcf65492]{padding:6px 14px;font-size:12px}.btn-primary[data-v-bcf65492]{background:var(--color-primary);color:#fff}.btn-primary[data-v-bcf65492]:hover:not(:disabled){opacity:.9}.fab-container[data-v-bcf65492]{position:fixed;right:28px;bottom:28px;z-index:999}.filter-fab[data-v-bcf65492]{width:52px;height:52px;border-radius:50%;background:var(--color-primary);color:#fff;box-shadow:0 4px 16px #0000002e;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.filter-fab[data-v-bcf65492]:hover{transform:scale(1.08);box-shadow:0 6px 24px #00000040}.filter-fab.has-filters[data-v-bcf65492]{background:var(--color-primary)}.fab-menu[data-v-bcf65492]{position:absolute;right:0;bottom:60px;display:flex;flex-direction:column;gap:12px}.fab-menu-item[data-v-bcf65492]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-primary-20);border-radius:24px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #0000001a;font-size:14px;font-weight:500;min-width:120px;justify-content:flex-start}.fab-menu-item[data-v-bcf65492]:hover{background:var(--color-primary-5);border-color:var(--color-primary);transform:translate(-4px)}.fab-menu-item.reports-fab[data-v-bcf65492]{background:var(--color-success-5);border-color:var(--color-success-20);color:var(--color-success)}.fab-menu-item.reports-fab[data-v-bcf65492]:hover{background:var(--color-success-10);border-color:var(--color-success)}.fab-scale-enter-active[data-v-bcf65492],.fab-scale-leave-active[data-v-bcf65492]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.fab-scale-enter-from[data-v-bcf65492],.fab-scale-leave-to[data-v-bcf65492]{opacity:0;transform:scale(.8) translateY(10px)}.fab-scale-enter-to[data-v-bcf65492],.fab-scale-leave-from[data-v-bcf65492]{opacity:1;transform:scale(1) translateY(0)}.fab-menu-item[data-v-bcf65492]:nth-child(1){transition-delay:0ms}.stats-grid[data-v-bcf65492]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat-card[data-v-bcf65492]{padding:10px}.stat-card.positive[data-v-bcf65492]{border-color:var(--color-success-20)}.stat-card.negative[data-v-bcf65492]{border-color:var(--color-error-20)}.stat-card.accent[data-v-bcf65492]{border-color:var(--color-accent-20)}.stat-label[data-v-bcf65492]{display:block;margin-bottom:2px;color:var(--color-text-secondary);font-size:.76rem}.stat-value[data-v-bcf65492]{color:var(--color-text-primary);font-size:1.05rem;font-weight:600}.table-card[data-v-bcf65492]{min-height:340px;padding:0;overflow:hidden}.table-shell[data-v-bcf65492]{overflow:auto;max-height:calc(100vh - 260px)}.extras-table[data-v-bcf65492]{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.extras-table th[data-v-bcf65492],.extras-table td[data-v-bcf65492]{padding:7px 8px;border-bottom:1px solid var(--border-light);background:var(--color-background);white-space:nowrap;font-size:.8rem}.extras-table thead th[data-v-bcf65492]{position:sticky;top:0;z-index:4;background:color-mix(in srgb,var(--color-surface) 90%,var(--color-primary-10));color:var(--color-text-primary);font-weight:600}.sticky-col[data-v-bcf65492]{position:sticky;left:0;z-index:3;background:inherit}.sticky-col.second[data-v-bcf65492]{z-index:3}.extras-table thead .sticky-col[data-v-bcf65492],.extras-table thead .sticky-col.second[data-v-bcf65492]{z-index:5}.name-cell[data-v-bcf65492]{max-width:180px;overflow:hidden;text-overflow:ellipsis}.numeric[data-v-bcf65492]{text-align:right;font-variant-numeric:tabular-nums}.allowance-head[data-v-bcf65492],.allowance-cell[data-v-bcf65492]{background:color-mix(in srgb,var(--color-success) 6%,var(--color-background))}.deduction-head[data-v-bcf65492],.deduction-cell[data-v-bcf65492]{background:color-mix(in srgb,var(--color-error) 6%,var(--color-background))}.total-head[data-v-bcf65492],.total-cell[data-v-bcf65492]{font-weight:600}.net-cell[data-v-bcf65492]{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-background))}.extras-table tfoot td[data-v-bcf65492]{position:sticky;bottom:0;z-index:2;background:color-mix(in srgb,var(--color-surface) 90%,var(--color-primary-10));font-weight:600}.state-block[data-v-bcf65492]{min-height:260px;display:grid;place-items:center;gap:8px;padding:14px;color:var(--color-text-secondary);text-align:center;font-size:.86rem}.state-block.error[data-v-bcf65492]{color:var(--color-error)}.spinner[data-v-bcf65492]{width:20px;height:20px;border:2px solid var(--color-primary-20);border-top-color:var(--color-primary-50);border-radius:50%;animation:spin-bcf65492 .8s linear infinite}@keyframes spin-bcf65492{to{transform:rotate(360deg)}}@media (max-width: 1200px){.stats-grid[data-v-bcf65492]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.page-header[data-v-bcf65492]{flex-direction:column}.table-shell[data-v-bcf65492]{max-height:none}}@media (max-width: 640px){.stats-grid[data-v-bcf65492]{grid-template-columns:1fr}.stat-card[data-v-bcf65492]{padding:8px}.sticky-col[data-v-bcf65492],.sticky-col.second[data-v-bcf65492]{position:static}.extras-table[data-v-bcf65492]{width:100%}}.theme-light-purple[data-v-7418e4fe]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-7418e4fe]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-7418e4fe]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-7418e4fe]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-7418e4fe]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-7418e4fe],[data-v-7418e4fe]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-7418e4fe]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-7418e4fe]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-7418e4fe]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.logs-page[data-v-7418e4fe]{display:flex;flex-direction:column;gap:12px}.page-header[data-v-7418e4fe]{display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow[data-v-7418e4fe]{margin-bottom:2px;color:var(--color-accent);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.page-header h1[data-v-7418e4fe]{font-size:clamp(1.2rem,2.3vw,1.6rem);line-height:1.2;color:var(--color-text-primary)}.page-subtitle[data-v-7418e4fe]{margin-top:2px;font-size:.86rem;color:var(--color-text-secondary)}.toolbar-card[data-v-7418e4fe],.table-card[data-v-7418e4fe],.stat-card[data-v-7418e4fe]{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.toolbar-card[data-v-7418e4fe],.stat-card[data-v-7418e4fe]{padding:10px}.toolbar-grid[data-v-7418e4fe]{display:grid;grid-template-columns:minmax(220px,1fr) minmax(140px,180px) minmax(140px,180px);gap:10px}.filter-group[data-v-7418e4fe]{display:flex;flex-direction:column;gap:6px}.filter-group label[data-v-7418e4fe]{color:var(--color-text-secondary);font-size:.8rem;font-weight:600}.search-input[data-v-7418e4fe],.select-input[data-v-7418e4fe]{min-height:36px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--color-background)}.search-input[data-v-7418e4fe]{display:flex;align-items:center;gap:8px;padding:0 10px}.search-icon[data-v-7418e4fe]{width:15px;height:15px;fill:var(--color-text-secondary)}.search-field[data-v-7418e4fe],.select-input[data-v-7418e4fe]{font:inherit;color:var(--color-text-primary)}.search-field[data-v-7418e4fe]{width:100%;border:0;outline:none;background:transparent}.select-input[data-v-7418e4fe]{width:100%;padding:0 10px}.toolbar-meta[data-v-7418e4fe]{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.pill[data-v-7418e4fe],.badge[data-v-7418e4fe]{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:var(--radius-sm);font-size:.76rem}.pill[data-v-7418e4fe]{background:var(--color-primary-10);color:var(--color-text-primary)}.pill.subtle[data-v-7418e4fe]{background:var(--color-accent-10)}.badge[data-v-7418e4fe]{background:var(--color-primary-10);color:var(--color-primary)}.stats-grid[data-v-7418e4fe]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat-label[data-v-7418e4fe]{display:block;margin-bottom:2px;color:var(--color-text-secondary);font-size:.76rem}.stat-value[data-v-7418e4fe]{color:var(--color-text-primary);font-size:1.05rem;font-weight:600}.table-card[data-v-7418e4fe]{overflow:hidden}.table-shell[data-v-7418e4fe]{overflow:auto;max-height:calc(100vh - 290px)}.logs-table[data-v-7418e4fe]{width:100%;border-collapse:separate;border-spacing:0}.logs-table th[data-v-7418e4fe],.logs-table td[data-v-7418e4fe]{padding:8px;border-bottom:1px solid var(--border-light);background:var(--color-background);white-space:nowrap;font-size:.8rem;text-align:left;vertical-align:top}.logs-table thead th[data-v-7418e4fe]{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--color-surface) 90%,var(--color-primary-10));color:var(--color-text-primary);font-weight:600}.time-cell small[data-v-7418e4fe],.logs-table td small[data-v-7418e4fe]{color:var(--color-text-secondary);font-size:.72rem}.path-cell[data-v-7418e4fe],.details-cell[data-v-7418e4fe]{max-width:280px;overflow:hidden;text-overflow:ellipsis}.state-block[data-v-7418e4fe]{min-height:260px;display:grid;place-items:center;gap:8px;padding:14px;color:var(--color-text-secondary);text-align:center;font-size:.86rem}.state-block.error[data-v-7418e4fe]{color:var(--color-error)}.spinner[data-v-7418e4fe]{width:20px;height:20px;border:2px solid var(--color-primary-20);border-top-color:var(--color-primary-50);border-radius:50%;animation:spin-7418e4fe .8s linear infinite}.pagination-bar[data-v-7418e4fe]{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 10px;border-top:1px solid var(--border-light);background:var(--color-surface)}.page-btn[data-v-7418e4fe],.refresh-btn[data-v-7418e4fe]{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;padding:8px 10px;font:inherit;cursor:pointer;transition:var(--transition-fast)}.page-btn[data-v-7418e4fe]:disabled,.refresh-btn[data-v-7418e4fe]:disabled{opacity:.6;cursor:not-allowed}.page-btn[data-v-7418e4fe]:not(:disabled):hover,.refresh-btn[data-v-7418e4fe]:not(:disabled):hover{background:color-mix(in srgb,var(--color-primary) 88%,black)}.page-text[data-v-7418e4fe]{color:var(--color-text-secondary);font-size:.8rem}@keyframes spin-7418e4fe{to{transform:rotate(360deg)}}@media (max-width: 980px){.toolbar-grid[data-v-7418e4fe],.stats-grid[data-v-7418e4fe]{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.page-header[data-v-7418e4fe]{flex-direction:column;align-items:flex-start}.toolbar-grid[data-v-7418e4fe],.stats-grid[data-v-7418e4fe]{grid-template-columns:1fr}.table-shell[data-v-7418e4fe]{max-height:none}}.theme-light-purple[data-v-29aa00fe]{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean[data-v-29aa00fe]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple[data-v-29aa00fe]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate[data-v-29aa00fe]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-29aa00fe]:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple[data-v-29aa00fe],[data-v-29aa00fe]:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean[data-v-29aa00fe]{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple[data-v-29aa00fe]{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate[data-v-29aa00fe]{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}[data-v-29aa00fe]:root{--modal-backdrop: rgba(6, 10, 15, .55);--modal-bg: var(--color-surface, #fff);--modal-width: 720px;--modal-radius: 10px;--modal-padding: 16px;--modal-shadow: 0 8px 30px rgba(2, 6, 23, .18)}.benefits-page[data-v-29aa00fe]{max-width:1400px;margin:0 auto;height:100dvh;padding:.75rem;display:flex;flex-direction:column}.quick-stats[data-v-29aa00fe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem;flex-shrink:0}.stat-card[data-v-29aa00fe]{background:var(--color-surface);border:1px solid var(--border-color);border-radius:.25rem;padding:.75rem;text-align:center;transition:all .2s ease}.stat-card[data-v-29aa00fe]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-subtle)}.stat-number[data-v-29aa00fe]{display:block;font-size:1rem;font-weight:700;color:var(--primary-color);margin-bottom:.125rem}.stat-label[data-v-29aa00fe]{font-size:.625rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.debts-container[data-v-29aa00fe]{background:var(--color-background);border:1px solid var(--color-primary-20);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-primary);flex:1;display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 350px)}.table-wrapper[data-v-29aa00fe]{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;max-height:calc(100dvh - 350px)}.table-scroll[data-v-29aa00fe]{overflow-x:auto;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.table-scroll[data-v-29aa00fe]::-webkit-scrollbar{height:6px}.table-scroll[data-v-29aa00fe]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.debts-table[data-v-29aa00fe]{width:100%;border-collapse:collapse;font-size:.75rem;table-layout:fixed}.debts-table-body[data-v-29aa00fe]{max-height:400px;width:800px;min-width:600px;overflow-y:auto;overflow-x:auto}.debts-table th[data-v-29aa00fe]{padding:8px 10px;text-align:left;font-weight:600;color:var(--color-text-primary);white-space:nowrap;position:relative;border-bottom:2px solid var(--color-primary-20);background:var(--gradient-background);font-size:.75rem}.debts-table td[data-v-29aa00fe]{padding:8px 10px;border-bottom:1px solid var(--color-primary-10);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debt-row[data-v-29aa00fe]{border-bottom:1px solid var(--color-primary-10);transition:var(--transition-normal);cursor:pointer}.debt-row[data-v-29aa00fe]:hover{background:var(--color-primary-5)}.debt-row.selected[data-v-29aa00fe]{background:var(--color-primary-10)}.user-col[data-v-29aa00fe],.user-cell[data-v-29aa00fe]{min-width:120px;max-width:140px}.type-col[data-v-29aa00fe],.type-cell[data-v-29aa00fe],.amount-col[data-v-29aa00fe],.amount-cell[data-v-29aa00fe]{min-width:100px;max-width:120px}.installment-col[data-v-29aa00fe],.installment-cell[data-v-29aa00fe]{min-width:110px;max-width:130px}.progress-col[data-v-29aa00fe],.progress-cell[data-v-29aa00fe]{min-width:120px;max-width:140px}.status-col[data-v-29aa00fe],.status-cell[data-v-29aa00fe]{min-width:80px;max-width:100px}.date-col[data-v-29aa00fe],.date-cell[data-v-29aa00fe]{min-width:90px;max-width:100px}.actions-col[data-v-29aa00fe],.actions-cell[data-v-29aa00fe]{width:50px;text-align:center}.user-compact[data-v-29aa00fe]{display:flex;align-items:center;gap:.5rem;min-width:0}.user-avatar-sm[data-v-29aa00fe]{width:1.5rem;height:1.5rem;background:var(--primary-color);color:var(--on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;flex-shrink:0}.user-info-sm[data-v-29aa00fe]{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.user-name-sm[data-v-29aa00fe]{font-weight:500;color:var(--text-primary);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.user-email-sm[data-v-29aa00fe]{font-size:.625rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.debt-type-sm[data-v-29aa00fe]{padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500;text-transform:capitalize}.debt-type-sm.loan[data-v-29aa00fe]{background:var(--bg-tertiary);color:var(--primary-color)}.debt-type-sm.iou[data-v-29aa00fe]{background:var(--color-warning-10);color:var(--color-warning-70)}.debt-type-sm.advance[data-v-29aa00fe]{background:var(--color-accent-10);color:var(--color-accent)}.debt-type-sm.unknown[data-v-29aa00fe]{background:var(--color-background);color:var(--color-text-secondary)}.progress-compact[data-v-29aa00fe]{display:flex;align-items:center;gap:.375rem}.progress-bar-sm[data-v-29aa00fe]{width:50px;height:3px;background:var(--bg-tertiary);border-radius:1.5px;overflow:hidden}.progress-fill-sm[data-v-29aa00fe]{height:100%;background:var(--primary-color);transition:width .3s ease}.progress-text-sm[data-v-29aa00fe]{font-size:.625rem;color:var(--text-secondary);white-space:nowrap}.status-badge-sm[data-v-29aa00fe]{padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge-sm.active[data-v-29aa00fe]{background:var(--color-warning-10);color:var(--color-warning-70)}.status-badge-sm.completed[data-v-29aa00fe]{background:var(--color-success-10);color:var(--color-success)}.status-badge-sm.unknown[data-v-29aa00fe]{background:var(--color-background);color:var(--color-text-secondary)}.actions-compact[data-v-29aa00fe]{display:flex;gap:.25rem}.btn-xs[data-v-29aa00fe]{padding:.25rem .5rem;border:none;border-radius:.25rem;font-size:.625rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-xs.btn-primary[data-v-29aa00fe]{background:var(--primary-color);color:var(--on-primary)}.btn-xs.btn-primary[data-v-29aa00fe]:hover{background:var(--primary-hover)}.btn-xs.btn-outline[data-v-29aa00fe]{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-xs.btn-outline[data-v-29aa00fe]:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.amount-cell[data-v-29aa00fe]{font-weight:600;color:var(--text-primary);text-align:right;white-space:nowrap}.date-cell[data-v-29aa00fe]{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.type-cell[data-v-29aa00fe],.status-cell[data-v-29aa00fe]{text-align:center}.progress-cell[data-v-29aa00fe],.actions-cell[data-v-29aa00fe]{white-space:nowrap}.pagination[data-v-29aa00fe]{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:1.1rem 0 .5rem;background:var(--color-surface);border-radius:.3rem;z-index:20;position:relative;box-shadow:0 2px 8px #00000008;padding:.5rem .75rem;border-top:1px solid var(--border-color)}.pagination-btn[data-v-29aa00fe]{background:var(--color-surface);border:1px solid var(--border-color);border-radius:.2rem;padding:.3rem .9rem;font-size:.92rem;color:var(--primary-color);cursor:pointer;transition:background .15s,border .15s;min-width:2.5rem;min-height:2rem;box-shadow:0 1px 2px #00000005}.pagination-btn[data-v-29aa00fe]:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-secondary)}.pagination-btn[data-v-29aa00fe]:disabled{opacity:.5;cursor:not-allowed}.pagination-info[data-v-29aa00fe]{font-size:.92rem;color:var(--text-secondary);background:transparent;padding:0 .5rem;text-align:center}.total-info[data-v-29aa00fe]{font-size:.625rem;color:var(--text-secondary);display:block;margin-top:.125rem}.loading-state[data-v-29aa00fe]{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-secondary);flex:1;min-height:200px}.loading-spinner[data-v-29aa00fe]{width:1.25rem;height:1.25rem;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin-29aa00fe 1s linear infinite}.page-header[data-v-29aa00fe]{margin-bottom:2rem}.page-title[data-v-29aa00fe]{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.page-subtitle[data-v-29aa00fe]{font-size:1rem;color:var(--text-secondary);margin:0}.tab-navigation[data-v-29aa00fe]{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.tab-content[data-v-29aa00fe]{flex:1;min-height:0;display:flex;flex-direction:column}.debts-tab[data-v-29aa00fe],.users-tab[data-v-29aa00fe],.monthly-debts-tab[data-v-29aa00fe]{flex:1;display:flex;flex-direction:column;min-height:0}.tab-button[data-v-29aa00fe]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.tab-button[data-v-29aa00fe]:hover{color:var(--primary-color);background:var(--bg-secondary)}.tab-button.active[data-v-29aa00fe]{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-icon[data-v-29aa00fe]{width:1.1rem;height:1.1rem;fill:currentColor}.tab-count[data-v-29aa00fe]{background:var(--bg-tertiary);color:var(--text-secondary);padding:.125rem .375rem;border-radius:.75rem;font-size:.75rem;font-weight:600;min-width:1.25rem;text-align:center}.tab-button.active .tab-count[data-v-29aa00fe]{background:var(--primary-color);color:var(--on-primary)}.section-header_2[data-v-29aa00fe]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding:4px 10px;margin-bottom:.25rem;min-height:36px;background:var(--bg-secondary);flex-wrap:wrap}.section-title[data-v-29aa00fe]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;padding:0;flex:1 1 auto;min-width:120px}.section-stats[data-v-29aa00fe]{display:flex;flex-direction:row;align-items:center;gap:1.2rem;margin:0;flex:0 0 auto;min-width:0}.stat-item[data-v-29aa00fe]{text-align:center;margin:0 2px;display:flex;flex-direction:column;align-items:center}.stat-value[data-v-29aa00fe]{display:block;font-size:1.05rem;font-weight:700;color:var(--primary-color);line-height:1.1}.stat-label[data-v-29aa00fe]{display:block;font-size:.7rem;color:var(--text-secondary);margin-top:.1rem}.filters-section[data-v-29aa00fe]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem}.filters-content[data-v-29aa00fe]{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.filter-label[data-v-29aa00fe]{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.select-input[data-v-29aa00fe]{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--color-surface);font-size:.875rem;color:var(--text-primary);outline:none;transition:border-color .2s ease}.select-input[data-v-29aa00fe]:focus{border-color:var(--primary-color)}.search-input[data-v-29aa00fe]{display:flex;align-items:center;position:relative;min-width:200px}.search-icon[data-v-29aa00fe]{position:absolute;left:.75rem;width:1rem;height:1rem;fill:var(--text-secondary);pointer-events:none}.search-field[data-v-29aa00fe]{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--color-surface);font-size:.875rem;color:var(--text-primary);outline:none;transition:border-color .2s ease}.search-field[data-v-29aa00fe]:focus{border-color:var(--primary-color)}.filter-actions[data-v-29aa00fe]{display:flex;align-items:end}.user-info[data-v-29aa00fe]{display:flex;align-items:center;gap:.75rem}.user-avatar[data-v-29aa00fe]{width:2rem;height:2rem;background:var(--primary-color);color:var(--on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.user-details[data-v-29aa00fe]{display:flex;flex-direction:column;gap:.125rem}.user-name[data-v-29aa00fe]{font-weight:500;color:var(--text-primary)}.user-id[data-v-29aa00fe],.user-email[data-v-29aa00fe]{font-size:.75rem;color:var(--text-secondary)}.status-badge[data-v-29aa00fe]{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.active[data-v-29aa00fe]{background:var(--color-warning-10);color:var(--color-warning-70)}.status-badge.completed[data-v-29aa00fe]{background:var(--color-success-10);color:var(--color-success)}.debt-type[data-v-29aa00fe]{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.debt-type.loan[data-v-29aa00fe]{background:var(--color-primary-10);color:var(--color-primary)}.debt-type.iou[data-v-29aa00fe]{background:var(--color-warning-10);color:var(--color-warning-70)}.debt-type.advance[data-v-29aa00fe]{background:var(--color-accent-10);color:var(--color-accent)}.debt-type.unknown[data-v-29aa00fe]{background:var(--color-background);color:var(--color-text-secondary)}.amount[data-v-29aa00fe]{font-weight:600;color:var(--text-primary)}.installments-info[data-v-29aa00fe]{display:flex;flex-direction:column;gap:.5rem}.installment-count[data-v-29aa00fe]{font-size:.75rem;color:var(--text-secondary)}.installment-progress[data-v-29aa00fe]{display:flex;align-items:center;gap:.5rem}.progress-bar[data-v-29aa00fe]{width:60px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-fill[data-v-29aa00fe]{height:100%;background:var(--primary-color);transition:width .3s ease}.progress-text[data-v-29aa00fe]{font-size:.75rem;color:var(--text-secondary)}.action-buttons[data-v-29aa00fe]{display:flex;gap:.5rem}.btn-sm[data-v-29aa00fe]{padding:.375rem .75rem;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary[data-v-29aa00fe]{background:var(--primary-color);color:var(--on-primary)}.btn-primary[data-v-29aa00fe]:hover{background:var(--primary-hover)}.btn-outline[data-v-29aa00fe]{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline[data-v-29aa00fe]:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.actions-container[data-v-29aa00fe]{position:relative;display:inline-flex;align-items:center;gap:.5rem}.actions-btn[data-v-29aa00fe]{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:.25rem;border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center}.actions-menu[data-v-29aa00fe]{position:absolute;right:0;top:120%;background:var(--color-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-subtle);border-radius:.25rem;padding:.25rem;display:flex;flex-direction:column;gap:.25rem;z-index:2147483647}.menu-item[data-v-29aa00fe]{background:transparent;border:none;text-align:left;padding:.375rem .5rem;cursor:pointer;color:var(--text-primary);border-radius:.25rem}.menu-item[data-v-29aa00fe]:hover{background:var(--bg-secondary)}.adjust-panel[data-v-29aa00fe]{display:inline-flex;gap:.5rem;align-items:center}.users-list[data-v-29aa00fe]{background:var(--color-background);border:1px solid var(--color-primary-20);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-primary);flex:1;display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 350px)}.table-container[data-v-29aa00fe]{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;max-height:calc(100dvh - 350px)}.table-scroll[data-v-29aa00fe]{overflow-x:auto;overflow-y:auto;flex:1;min-height:0;max-height:calc(100vh - 350px);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.table-scroll[data-v-29aa00fe]::-webkit-scrollbar{width:8px;height:6px}.table-scroll[data-v-29aa00fe]::-webkit-scrollbar-track{background:var(--bg-secondary)}.table-scroll[data-v-29aa00fe]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.table-scroll[data-v-29aa00fe]::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.users-table[data-v-29aa00fe]{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.users-table-body[data-v-29aa00fe]{overflow-y:auto;max-height:calc(100dvh - 350px)}.table-header tr[data-v-29aa00fe]{border-bottom:1px solid var(--color-primary-20);background:var(--gradient-background)}.users-table th[data-v-29aa00fe]{background:var(--gradient-background);padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.025em;border-bottom:2px solid var(--color-primary-20);position:sticky;top:0;z-index:10}.users-table td[data-v-29aa00fe]{padding:.75rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.user-row[data-v-29aa00fe]:hover{background:var(--bg-secondary)}.employee-col[data-v-29aa00fe],.employee-cell[data-v-29aa00fe]{width:250px;min-width:220px}.emp-details-col[data-v-29aa00fe],.emp-details-cell[data-v-29aa00fe]{width:180px;min-width:160px}.designation-col[data-v-29aa00fe],.designation-cell[data-v-29aa00fe]{width:180px;min-width:150px}.department-col[data-v-29aa00fe],.department-cell[data-v-29aa00fe]{width:140px;min-width:120px}.location-col[data-v-29aa00fe],.location-cell[data-v-29aa00fe]{width:120px;min-width:100px}.status-col[data-v-29aa00fe],.status-cell[data-v-29aa00fe]{width:100px;min-width:80px}.actions-col[data-v-29aa00fe],.actions-cell[data-v-29aa00fe]{width:140px;min-width:120px}.users-table.compact th[data-v-29aa00fe],.users-table.compact td[data-v-29aa00fe],.user-row.compact>td[data-v-29aa00fe]{padding:.35rem .5rem!important;font-size:.75rem}.user-info-card.compact[data-v-29aa00fe]{gap:.4rem}.user-avatar.compact[data-v-29aa00fe]{width:1.6rem;height:1.6rem;font-size:.75rem}.user-details.compact[data-v-29aa00fe]{gap:.1rem}.user-name.compact[data-v-29aa00fe]{font-size:.75rem}.user-email.compact[data-v-29aa00fe]{font-size:.65rem}.emp-info.compact[data-v-29aa00fe],.emp-item.compact[data-v-29aa00fe]{gap:.1rem}.emp-label.compact[data-v-29aa00fe]{font-size:.6rem}.emp-value.compact[data-v-29aa00fe]{font-size:.65rem}.designation-info.compact[data-v-29aa00fe]{gap:.1rem}.designation-title.compact[data-v-29aa00fe]{font-size:.7rem}.cadre-badge.compact[data-v-29aa00fe]{font-size:.6rem;padding:.1rem .3rem}.department-name.compact[data-v-29aa00fe],.location-name.compact[data-v-29aa00fe]{font-size:.7rem}.status-badge.compact[data-v-29aa00fe]{font-size:.65rem;padding:.1rem .3rem}.actions-compact[data-v-29aa00fe]{display:flex;gap:.15rem}.btn-icon[data-v-29aa00fe]{width:1.3rem;height:1.3rem;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);color:var(--color-text-secondary);padding:.1rem}.btn-icon[data-v-29aa00fe]:hover{background:var(--color-primary-10);color:var(--color-primary)}.btn-icon svg[data-v-29aa00fe]{width:1rem;height:1rem;fill:currentColor}.user-info-card[data-v-29aa00fe]{display:flex;align-items:center;gap:.75rem}.user-avatar[data-v-29aa00fe]{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0;box-shadow:var(--shadow-subtle)}.user-details[data-v-29aa00fe]{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.user-name[data-v-29aa00fe]{font-weight:600;color:var(--text-primary);font-size:.875rem;line-height:1.2}.user-email[data-v-29aa00fe]{font-size:.75rem;color:var(--text-secondary);line-height:1.2}.emp-info[data-v-29aa00fe]{display:flex;flex-direction:column;gap:.25rem}.emp-item[data-v-29aa00fe]{display:flex;align-items:center;gap:.25rem}.emp-label[data-v-29aa00fe]{font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;min-width:30px}.emp-value[data-v-29aa00fe]{font-size:.7rem;color:var(--text-primary);font-weight:500}.designation-info[data-v-29aa00fe]{display:flex;flex-direction:column;gap:.375rem}.designation-title[data-v-29aa00fe]{font-weight:500;color:var(--text-primary);font-size:var(--text-xs);line-height:1.2}.cadre-badge[data-v-29aa00fe]{padding:.125rem .5rem;border-radius:.25rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;align-self:flex-start}.cadre-badge.permanent[data-v-29aa00fe],.cadre-badge.contract[data-v-29aa00fe]{background:var(--color-success);color:var(--text-primary)}.cadre-badge.temporary[data-v-29aa00fe]{background:var(--color-error-10);color:var(--text-primary)}.cadre-badge.intern[data-v-29aa00fe]{background:var(--color-primary-10);color:var(--color-primary)}.cadre-badge.unknown[data-v-29aa00fe]{background:var(--color-background);color:var(--color-text-secondary)}.department-name[data-v-29aa00fe],.location-name[data-v-29aa00fe]{font-weight:500;color:var(--text-primary);font-size:var(--text-sm)}.status-badge.active[data-v-29aa00fe]{background:var(--color-success-10);color:var(--color-success)}.status-badge.inactive[data-v-29aa00fe]{background:var(--color-background);color:var(--color-text-secondary)}.status-badge.suspended[data-v-29aa00fe]{background:var(--color-warning-10);color:var(--color-warning-70)}.status-badge.terminated[data-v-29aa00fe]{background:var(--color-error-10);color:var(--color-error)}.status-badge.unknown[data-v-29aa00fe]{background:var(--color-background);color:var(--color-text-secondary)}.action-buttons[data-v-29aa00fe]{display:flex;gap:.5rem;align-items:center}.btn-icon[data-v-29aa00fe]{width:.875rem;height:.875rem;fill:currentColor;margin-right:.25rem}.spinner[data-v-29aa00fe]{width:2rem;height:2rem;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin-29aa00fe 1s linear infinite;margin:0 auto 1rem}@keyframes spin-29aa00fe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-29aa00fe]{text-align:center;padding:3rem 1rem;background:var(--color-surface);border:1px solid var(--border-color);border-radius:.5rem;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px}.empty-icon[data-v-29aa00fe]{font-size:2rem;margin-bottom:1rem;opacity:.6}.empty-state h3[data-v-29aa00fe]{margin:0 0 .5rem;color:var(--text-primary);font-size:1.125rem}.empty-state p[data-v-29aa00fe]{margin:0;color:var(--text-secondary);font-size:.875rem}.installment-edit-modal[data-v-29aa00fe]{width:520px;max-width:94vw;border-radius:10px;padding:18px;background:var(--color-surface);box-shadow:0 8px 30px #0000002e}.installment-edit-modal .modal-header[data-v-29aa00fe]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.installment-edit-modal .modal-body[data-v-29aa00fe]{padding:8px 0 14px}.action-select-row[data-v-29aa00fe]{display:flex;gap:10px;margin-bottom:12px}.action-option[data-v-29aa00fe]{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:8px;cursor:pointer;flex:1;border:1px solid var(--color-primary-10);background:var(--color-background)}.action-option input[data-v-29aa00fe]{margin-top:6px}.action-option .action-content strong[data-v-29aa00fe]{display:block}.action-option .muted[data-v-29aa00fe]{color:var(--color-text-secondary);font-size:.8rem}.installment-edit-modal .form-help[data-v-29aa00fe]{display:block;margin-top:6px;color:var(--color-text-secondary);font-size:.8rem}.installment-edit-modal .form-control[data-v-29aa00fe]{width:100%;padding:8px;border-radius:6px;border:1px solid var(--color-primary-20);background:var(--color-background)}.installment-edit-modal .form-actions[data-v-29aa00fe]{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.modal-overlay[data-v-29aa00fe]{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--modal-backdrop, rgba(6, 10, 15, .55));z-index:2147483647;padding:24px;-webkit-overflow-scrolling:touch;transition:background .2s}.modal-content.installment-edit-modal[data-v-29aa00fe]{width:min(var(--modal-width, 720px),96vw);max-height:calc(100vh - 96px);background:var(--modal-bg, #fff);border-radius:var(--modal-radius, 10px);padding:var(--modal-padding, 16px);box-shadow:var(--modal-shadow, 0 8px 30px rgba(2, 6, 23, .18));box-sizing:border-box;outline:none;display:flex;flex-direction:column;gap:12px;z-index:2147483648}.modal-header[data-v-29aa00fe]{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header h3[data-v-29aa00fe]{margin:0;font-size:1.125rem;line-height:1;color:var(--text-primary);font-weight:700}.modal-close[data-v-29aa00fe]{background:transparent;border:none;color:var(--text-secondary);font-size:1.125rem;padding:6px;border-radius:6px;cursor:pointer}.modal-close[data-v-29aa00fe]:hover{background:var(--muted-bg);color:var(--text-primary)}.modal-body[data-v-29aa00fe]{overflow:auto;padding-right:6px;max-height:calc(100vh - 240px);-webkit-overflow-scrolling:touch}.detail-row[data-v-29aa00fe]{display:flex;gap:10px;align-items:baseline;margin-bottom:8px;color:var(--text-primary);font-size:.95rem}.detail-row strong[data-v-29aa00fe]{min-width:95px;color:var(--text-secondary);font-weight:600;display:inline-block}.installments-section[data-v-29aa00fe]{margin-top:12px;background:transparent}.installments-section h4[data-v-29aa00fe]{margin:8px 0;font-size:1rem;color:var(--text-primary);font-weight:700}.installments-table[data-v-29aa00fe]{width:100%;border-collapse:collapse;font-size:.92rem;background:transparent;margin-top:6px}.installments-table thead th[data-v-29aa00fe]{text-align:left;font-size:.78rem;font-weight:700;color:var(--text-secondary);padding:10px 12px;border-bottom:1px solid var(--border-medium);background:transparent}.installments-table tbody td[data-v-29aa00fe]{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle;color:var(--text-primary)}.installments-table tbody tr:hover td[data-v-29aa00fe]{background:#00000005}.inst-status[data-v-29aa00fe]{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:none}.inst-status.paid[data-v-29aa00fe]{background:var(--color-success-10);color:var(--color-success)}.inst-status.hold[data-v-29aa00fe]{background:var(--color-warning-10);color:var(--color-warning-70)}.inst-status.pending[data-v-29aa00fe]{background:var(--color-primary-10);color:var(--color-primary)}.form-actions[data-v-29aa00fe]{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.btn[data-v-29aa00fe]{padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer;border:1px solid transparent;font-size:.92rem}.btn-cancel[data-v-29aa00fe]{background:transparent;color:var(--text-primary);border-color:var(--border-medium)}.btn-cancel[data-v-29aa00fe]:hover{background:var(--muted-bg)}.btn-primary[data-v-29aa00fe]{background:var(--color-primary);color:#fff;border-color:#ffffff0f;box-shadow:0 6px 18px #2563eb1f}.btn-primary[disabled][data-v-29aa00fe]{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-xs[data-v-29aa00fe]{padding:6px 8px;border-radius:6px;font-size:.82rem;border:1px solid var(--border-medium);background:transparent;cursor:pointer}.btn-xs.btn-outline[data-v-29aa00fe]{color:var(--text-primary)}.btn-xs.btn-outline[data-v-29aa00fe]:hover{background:var(--muted-bg)}@media (max-width: 900px){.user-email-sm[data-v-29aa00fe]{font-size:.5625rem}.actions-compact[data-v-29aa00fe]{flex-direction:column;gap:.125rem}.btn-xs[data-v-29aa00fe]{font-size:.5625rem;padding:.125rem .375rem}.pagination[data-v-29aa00fe]{gap:.5rem;padding:.5rem}.pagination-info[data-v-29aa00fe]{order:0}}.modal-close[data-v-29aa00fe]:focus,.btn[data-v-29aa00fe]:focus,.btn-xs[data-v-29aa00fe]:focus{outline:3px solid var(--color-primary-20);outline-offset:2px;border-radius:6px}@media (max-width: 1024px){.users-table[data-v-29aa00fe]{min-width:800px}.table-scroll[data-v-29aa00fe]{max-height:calc(100vh - 320px)}.employee-col[data-v-29aa00fe],.employee-cell[data-v-29aa00fe]{width:200px;min-width:180px}.emp-details-col[data-v-29aa00fe],.emp-details-cell[data-v-29aa00fe],.designation-col[data-v-29aa00fe],.designation-cell[data-v-29aa00fe]{width:150px;min-width:130px}}@media (max-width: 768px){.benefits-page[data-v-29aa00fe]{padding:.5rem;height:100dvh}.quick-stats[data-v-29aa00fe]{grid-template-columns:repeat(2,1fr);gap:.5rem}.tab-navigation[data-v-29aa00fe]{margin-bottom:.75rem}.debts-table[data-v-29aa00fe]{min-width:700px;font-size:.75rem}.debts-table th[data-v-29aa00fe],.debts-table td[data-v-29aa00fe]{padding:.375rem .5rem}.user-col[data-v-29aa00fe],.user-cell[data-v-29aa00fe]{width:160px;min-width:140px}.type-col[data-v-29aa00fe],.type-cell[data-v-29aa00fe]{width:80px;min-width:70px}.amount-col[data-v-29aa00fe],.amount-cell[data-v-29aa00fe]{width:100px;min-width:90px}.progress-col[data-v-29aa00fe],.progress-cell[data-v-29aa00fe]{width:110px;min-width:100px}.status-col[data-v-29aa00fe],.status-cell[data-v-29aa00fe]{width:70px;min-width:60px}.date-col[data-v-29aa00fe],.date-cell[data-v-29aa00fe]{width:80px;min-width:70px}.actions-col[data-v-29aa00fe],.actions-cell[data-v-29aa00fe]{width:90px;min-width:80px}.user-info-sm[data-v-29aa00fe]{gap:.0625rem}.user-name-sm[data-v-29aa00fe]{font-size:.6875rem}.user-email-sm[data-v-29aa00fe]{font-size:.5625rem}.actions-compact[data-v-29aa00fe]{flex-direction:column;gap:.125rem}.btn-xs[data-v-29aa00fe]{font-size:.5625rem;padding:.125rem .375rem}.pagination[data-v-29aa00fe]{flex-direction:column;gap:.5rem;padding:.5rem}.pagination-info[data-v-29aa00fe]{order:-1}}@media (max-width: 480px){.benefits-page[data-v-29aa00fe]{padding:.25rem;height:100dvh}.debts-table[data-v-29aa00fe]{min-width:600px}.user-col[data-v-29aa00fe],.user-cell[data-v-29aa00fe]{width:140px;min-width:120px}.progress-col[data-v-29aa00fe],.progress-cell[data-v-29aa00fe]{width:90px;min-width:80px}.actions-col[data-v-29aa00fe],.actions-cell[data-v-29aa00fe]{width:70px;min-width:60px}.progress-compact[data-v-29aa00fe]{flex-direction:column;gap:.125rem;align-items:flex-start}.progress-bar-sm[data-v-29aa00fe]{width:40px;height:2px}.modal-content.installment-edit-modal[data-v-29aa00fe]{width:calc(100vw - 28px);padding:12px;border-radius:10px}.modal-header h3[data-v-29aa00fe]{font-size:1rem}.form-actions[data-v-29aa00fe]{gap:8px}.btn[data-v-29aa00fe]{font-size:.9rem;padding:8px 10px}.installments-table thead th[data-v-29aa00fe],.installments-table tbody td[data-v-29aa00fe]{padding:6px 8px;font-size:.82rem}}.monthly-header[data-v-29aa00fe]{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem 2rem;margin-bottom:1rem;flex-shrink:0}.monthly-stats[data-v-29aa00fe]{display:flex;gap:1.2rem}.monthly-stat[data-v-29aa00fe]{background:var(--color-surface);border:1px solid var(--border-color);border-radius:.25rem;padding:.6rem 1.1rem .5rem;text-align:center;min-width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center}.monthly-stat-value[data-v-29aa00fe]{font-size:1.05rem;font-weight:600;color:var(--primary-color);margin-bottom:.1rem}.monthly-stat-label[data-v-29aa00fe]{font-size:.62rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.monthly-filters[data-v-29aa00fe]{display:flex;align-items:flex-end;gap:.7rem;flex-wrap:wrap}.monthly-filters .filter-label[data-v-29aa00fe]{font-size:.8rem;color:var(--text-secondary);margin-right:.2rem}.monthly-filters .select-input[data-v-29aa00fe]{min-width:120px;padding:.3rem .7rem;font-size:.92rem}.monthly-table-container[data-v-29aa00fe]{background:var(--color-background);border:1px solid var(--color-primary-20);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-primary);flex:1;display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 350px)}.monthly-debts-table[data-v-29aa00fe]{width:100%;border-collapse:collapse;table-layout:fixed;min-width:700px}.monthly-table-header[data-v-29aa00fe]{position:sticky;top:0;background:var(--gradient-background);z-index:10;border-bottom:2px solid var(--color-primary-20)}.monthly-debts-table th[data-v-29aa00fe],.monthly-debts-table td[data-v-29aa00fe]{padding:.45rem .7rem;border-bottom:1px solid var(--border-color);text-align:left;vertical-align:middle}.monthly-debts-table th[data-v-29aa00fe]{background:var(--gradient-background);font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.025em;padding:.6rem .7rem;border-bottom:2px solid var(--color-primary-20)}.monthly-table-body[data-v-29aa00fe]{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:calc(100dvh - 350px)}.monthly-debts-table tr:last-child td[data-v-29aa00fe]{border-bottom:none}.monthly-debts-table .user-compact[data-v-29aa00fe]{gap:.4rem}.monthly-debts-table .user-avatar-sm[data-v-29aa00fe]{width:1.3rem;height:1.3rem;font-size:.58rem}.monthly-debts-table .user-info-sm[data-v-29aa00fe]{gap:.05rem}.monthly-debts-table .debt-type-sm[data-v-29aa00fe]{font-size:.85rem}.monthly-debts-table .status-badge-sm[data-v-29aa00fe]{font-size:.8rem}.monthly-debts-table .installment-progress[data-v-29aa00fe]{font-size:.82rem;color:var(--primary-color);font-weight:500}.edit-loan-btn.always-visible[data-v-29aa00fe]{padding:.2rem .5rem;font-size:.85rem;border-radius:.2rem;background:var(--bg-secondary);border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;transition:background .15s}.edit-loan-btn.always-visible[data-v-29aa00fe]:hover{background:var(--primary-color);color:var(--on-primary)}.pagination-fixed-bottom[data-v-29aa00fe]{position:sticky;bottom:0}.monthly-debts-table .user-col[data-v-29aa00fe]{min-width:160px;max-width:220px;width:18%}.monthly-debts-table .type-col[data-v-29aa00fe]{min-width:80px;max-width:120px;width:12%}.monthly-debts-table .amount-col[data-v-29aa00fe]{min-width:90px;max-width:120px;width:13%}.monthly-debts-table .installment-col[data-v-29aa00fe]{min-width:110px;max-width:140px;width:15%}.monthly-debts-table .status-col[data-v-29aa00fe]{min-width:90px;max-width:120px;width:13%}.monthly-debts-table .actions-col[data-v-29aa00fe]{min-width:80px;max-width:100px;width:10%}.pagination-fixed-bottom[data-v-29aa00fe]{position:sticky;bottom:0;left:0;right:0;z-index:100;margin-top:auto;background:var(--color-surface);padding:.75rem;border-top:1px solid var(--border-color);pointer-events:auto}.td-page[data-v-a5e58529]{padding:0 16px 12px;max-width:1400px;margin:0 auto;--color-border: var(--color-primary-20, rgba(124, 131, 253, .2));--color-surface-variant: var(--color-primary-5, rgba(124, 131, 253, .05))}.page-header[data-v-a5e58529]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.page-title[data-v-a5e58529]{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0}.header-actions[data-v-a5e58529]{display:flex;gap:8px}.stats-row[data-v-a5e58529]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.stat-card[data-v-a5e58529]{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.stat-icon[data-v-a5e58529]{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon svg[data-v-a5e58529]{width:22px;height:22px;fill:currentColor}.stat-icon.pending[data-v-a5e58529]{background:#fbbf2426;color:#f59e0b}.stat-icon.in-progress[data-v-a5e58529]{background:var(--color-primary-10);color:var(--color-primary)}.stat-icon.completed[data-v-a5e58529]{background:#22c55e26;color:#22c55e}.stat-content[data-v-a5e58529]{display:flex;flex-direction:column}.stat-value[data-v-a5e58529]{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.stat-label[data-v-a5e58529]{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.table-section[data-v-a5e58529]{background:var(--color-surface);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;border:1px solid var(--color-border)}.table-header[data-v-a5e58529]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.table-info[data-v-a5e58529]{display:flex;flex-direction:column;gap:2px}.table-count[data-v-a5e58529]{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.table-subtitle[data-v-a5e58529]{font-size:.75rem;color:var(--color-text-secondary)}.table-filters[data-v-a5e58529]{display:flex;gap:12px}.filter-select[data-v-a5e58529]{padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-primary);font-size:.8125rem;cursor:pointer}.table-container[data-v-a5e58529]{overflow-x:auto}.data-table[data-v-a5e58529]{width:100%;border-collapse:collapse}.data-table thead[data-v-a5e58529]{background:var(--color-surface-variant)}.data-table th[data-v-a5e58529]{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr[data-v-a5e58529]{border-bottom:1px solid var(--color-border);transition:background .15s ease}.data-table tbody tr[data-v-a5e58529]:last-child{border-bottom:none}.data-table tbody tr[data-v-a5e58529]:hover{background:var(--color-primary-5)}.data-table td[data-v-a5e58529]{padding:14px 16px;font-size:.875rem;color:var(--color-text-primary)}.candidate-cell[data-v-a5e58529]{display:flex;align-items:center;gap:10px}.candidate-avatar[data-v-a5e58529]{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.candidate-name[data-v-a5e58529]{font-weight:500}.requirement-text[data-v-a5e58529]{font-size:.8125rem;color:var(--color-text-primary)}.gap-info[data-v-a5e58529]{display:flex;align-items:center;gap:8px}.gap-value[data-v-a5e58529]{font-size:.8125rem;color:var(--color-text-secondary)}.gap-badge[data-v-a5e58529]{display:inline-flex;padding:2px 8px;background:var(--color-warning-10);color:var(--color-warning);border-radius:4px;font-size:.6875rem;font-weight:600}.status-badge[data-v-a5e58529]{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.pending[data-v-a5e58529]{background:#fbbf2426;color:#f59e0b}.status-badge.in-progress[data-v-a5e58529]{background:var(--color-primary-10);color:var(--color-primary)}.status-badge.completed[data-v-a5e58529]{background:#22c55e26;color:#22c55e}.date-col .date-text[data-v-a5e58529]{font-size:.8125rem;color:var(--color-text-secondary)}.actions-col[data-v-a5e58529]{text-align:right}.action-buttons[data-v-a5e58529]{display:flex;justify-content:flex-end;gap:8px}.completed-text[data-v-a5e58529]{display:inline-flex;align-items:center;gap:4px;color:#22c55e;font-size:.8125rem;font-weight:500}.completed-icon[data-v-a5e58529]{width:16px;height:16px;fill:currentColor}.btn[data-v-a5e58529]{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.btn[data-v-a5e58529]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-a5e58529]{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary)}.btn-primary[data-v-a5e58529]:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-primary)}.btn-secondary[data-v-a5e58529]{background:var(--color-surface-variant);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary[data-v-a5e58529]:hover:not(:disabled){background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}.btn-sm[data-v-a5e58529]{padding:4px 10px;font-size:.75rem}.btn-icon[data-v-a5e58529]{width:14px;height:14px;fill:currentColor}.loading-state[data-v-a5e58529]{display:flex;justify-content:center;align-items:center;padding:60px 20px}.loading-spinner[data-v-a5e58529]{display:flex;align-items:center;justify-content:center}.spinner[data-v-a5e58529]{width:40px;height:40px;color:var(--color-primary)}.empty-state[data-v-a5e58529]{padding:60px 20px;text-align:center}.empty-state-content[data-v-a5e58529]{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:300px;margin:0 auto}.empty-icon[data-v-a5e58529]{width:64px;height:64px;fill:var(--color-text-secondary);opacity:.3}.empty-message[data-v-a5e58529]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.empty-hint[data-v-a5e58529]{font-size:.875rem;color:var(--color-text-secondary);margin:0}.theme-light-purple{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}.theme-light-ocean{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}.theme-dark-purple{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}.theme-dark-slate{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}:root{--color-primary-5: color-mix(in srgb, var(--color-primary) 5%, transparent);--color-primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--color-primary-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--color-primary-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--color-primary-70: color-mix(in srgb, var(--color-primary) 70%, transparent);--color-accent-5: color-mix(in srgb, var(--color-accent) 5%, transparent);--color-accent-10: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-accent-20: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-accent-30: color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-50: color-mix(in srgb, var(--color-accent) 50%, transparent);--color-accent-70: color-mix(in srgb, var(--color-accent) 70%, transparent);--color-error-5: color-mix(in srgb, var(--color-error) 5%, transparent);--color-error-10: color-mix(in srgb, var(--color-error) 10%, transparent);--color-error-20: color-mix(in srgb, var(--color-error) 20%, transparent);--color-error-30: color-mix(in srgb, var(--color-error) 30%, transparent);--color-error-50: color-mix(in srgb, var(--color-error) 50%, transparent);--color-error-70: color-mix(in srgb, var(--color-error) 70%, transparent);--color-success-5: color-mix(in srgb, var(--color-success) 5%, transparent);--color-success-10: color-mix(in srgb, var(--color-success) 10%, transparent);--color-success-20: color-mix(in srgb, var(--color-success) 20%, transparent);--color-success-30: color-mix(in srgb, var(--color-success) 30%, transparent);--color-success-50: color-mix(in srgb, var(--color-success) 50%, transparent);--color-success-70: color-mix(in srgb, var(--color-success) 70%, transparent);--color-warning-5: color-mix(in srgb, var(--color-warning) 5%, transparent);--color-warning-10: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-warning-20: color-mix(in srgb, var(--color-warning) 20%, transparent);--color-warning-30: color-mix(in srgb, var(--color-warning) 30%, transparent);--color-warning-50: color-mix(in srgb, var(--color-warning) 50%, transparent);--color-warning-70: color-mix(in srgb, var(--color-warning) 70%, transparent);--color-surface-hover: color-mix(in srgb, var(--color-surface) 95%, var(--color-primary));--color-surface-active: color-mix(in srgb, var(--color-surface) 90%, var(--color-primary));--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, black) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 80%, black) 100%);--gradient-background: linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background) 95%, var(--color-primary)) 100%);--gradient-subtle: linear-gradient(135deg, var(--color-primary-10) 0%, var(--color-accent-10) 100%);--shadow-primary: 0 4px 12px var(--color-primary-20);--shadow-accent: 0 4px 12px var(--color-accent-20);--shadow-subtle: 0 2px 8px color-mix(in srgb, var(--color-text-primary) 10%, transparent);--shadow-elevated: 0 8px 25px color-mix(in srgb, var(--color-text-primary) 15%, transparent);--shadow-glow: 0 0 20px var(--color-primary-30);--border-light: color-mix(in srgb, var(--color-text-secondary) 20%, transparent);--border-medium: color-mix(in srgb, var(--color-text-secondary) 30%, transparent);--border-strong: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);--hover-overlay: color-mix(in srgb, var(--color-primary) 8%, transparent);--active-overlay: color-mix(in srgb, var(--color-primary) 12%, transparent);--focus-ring: var(--color-primary-50);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root.theme-light-purple,:root{--color-primary: #232F3E;--color-accent: #1847c8;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #232F3E;--color-text-secondary: #545B64;--color-success: #1D8102;--color-warning: #FF9900;--color-error: #D13212}:root.theme-light-ocean{--color-primary: #0EA5E9;--color-accent: #10B981;--color-background: #F2F3F3;--color-surface: #ffffff;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444}:root.theme-dark-purple{--color-primary: #8B5CF6;--color-accent: #F472B6;--color-background: #0F0F23;--color-surface: #1E1E3F;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171}:root.theme-dark-slate{--color-primary: #0F172A;--color-accent: #06B6D4;--color-background: #020617;--color-surface: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-background);border:1px solid var(--color-primary-20);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-primary)}.data-table thead{background:var(--gradient-background);position:sticky;top:0;z-index:10}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:var(--font-semibold);color:var(--color-text-primary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-primary-20);white-space:nowrap}.data-table tbody{max-height:calc(100dvh - 350px);overflow-y:auto}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-primary-10);vertical-align:middle;color:var(--color-text-primary)}.data-table tr{transition:var(--transition-normal)}.data-table tbody tr:hover{background:var(--color-primary-5)}.data-table tbody tr.selected{background:var(--color-primary-10)}.data-table.compact th,.data-table.compact td{padding:.5rem .75rem;font-size:var(--text-xs)}.data-table.striped tbody tr:nth-child(odd){background:var(--color-primary-5)}.card{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-subtle);transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-elevated);border-color:var(--color-primary-20)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.card-body{color:var(--color-text-primary)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.card.elevated{box-shadow:var(--shadow-elevated)}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-2px)}.stat-card{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;transition:var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-subtle)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);opacity:0;transition:var(--transition-normal)}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-icon{width:3rem;height:3rem;margin:0 auto var(--space-2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--gradient-subtle)}.stat-icon svg{width:1.5rem;height:1.5rem;fill:var(--color-primary)}.stat-value{display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-1);line-height:1.2}.stat-label{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.stat-card.total:before{background:var(--gradient-primary)}.stat-card.total .stat-value{color:var(--color-primary)}.stat-card.processed:before,.stat-card.active:before{background:linear-gradient(135deg,var(--color-success) 0%,color-mix(in srgb,var(--color-success) 80%,black) 100%)}.stat-card.processed .stat-value,.stat-card.active .stat-value{color:var(--color-success)}.stat-card.pending:before,.stat-card.amount:before{background:linear-gradient(135deg,var(--color-warning) 0%,color-mix(in srgb,var(--color-warning) 80%,black) 100%)}.stat-card.pending .stat-value,.stat-card.amount .stat-value{color:var(--color-warning)}.stat-card.error:before{background:linear-gradient(135deg,var(--color-error) 0%,color-mix(in srgb,var(--color-error) 80%,black) 100%)}.stat-card.error .stat-value{color:var(--color-error)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge.primary{background:var(--color-primary-10);color:var(--color-primary)}.badge.success{background:var(--color-success-10);color:var(--color-success)}.badge.warning{background:var(--color-warning-10);color:color-mix(in srgb,var(--color-warning) 80%,black)}.badge.error{background:var(--color-error-10);color:var(--color-error)}.badge.accent{background:var(--color-accent-10);color:var(--color-accent)}.badge.neutral{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--border-light)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.375rem .75rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--color-primary-10);color:var(--color-primary);border:1px solid var(--color-primary-20);transition:var(--transition-normal)}.chip:hover{background:var(--color-primary-20)}.chip-close{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;color:currentColor;opacity:.7;transition:var(--transition-fast)}.chip-close:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;border:1px solid transparent;transition:var(--transition-normal);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 90%,black);box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.btn.secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--border-medium)}.btn.secondary:hover:not(:disabled){background:var(--color-primary-5);border-color:var(--color-primary)}.btn.outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn.outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn.ghost{background:transparent;color:var(--color-text-primary)}.btn.ghost:hover:not(:disabled){background:var(--hover-overlay)}.btn.text{background:transparent;color:var(--color-primary);border:none;padding:.25rem .5rem}.btn.text:hover:not(:disabled){background:var(--color-primary-10)}.btn.sm{padding:.375rem .75rem;font-size:var(--text-xs)}.btn.lg{padding:.875rem 1.75rem;font-size:var(--text-base)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;border:1px solid transparent;transition:var(--transition-normal);white-space:nowrap;text-decoration:none;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 90%,black);box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;border:1px solid transparent;transition:var(--transition-normal);white-space:nowrap;text-decoration:none;background:var(--color-surface);color:var(--color-text-primary);border-color:var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-5);border-color:var(--color-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;border:1px solid transparent;transition:var(--transition-normal);white-space:nowrap;text-decoration:none;background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn-outline:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-normal);white-space:nowrap;text-decoration:none;background:transparent;color:var(--color-primary);border:none}.btn-text:hover:not(:disabled){background:var(--color-primary-10)}.btn-text:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-icon{width:2.25rem;height:2.25rem;padding:0;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.btn-icon:hover{background:var(--color-primary-10);color:var(--color-primary)}.btn-icon svg{width:1.25rem;height:1.25rem;fill:currentColor}.btn-icon.sm{width:1.75rem;height:1.75rem}.btn-icon.sm svg{width:1rem;height:1rem}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.form-control{width:100%;padding:.625rem .875rem;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-surface);transition:var(--transition-normal)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring)}.form-control:disabled{opacity:.5;cursor:not-allowed;background:var(--color-background)}.form-control::placeholder{color:var(--color-text-secondary);opacity:.6}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237D7D7D' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.filters-section{background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.filters-content{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;gap:var(--space-2);min-width:150px;flex:1}.filter-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.filter-select{position:relative}.filter-select.has-selection select{border-color:var(--color-primary);background:var(--color-primary-5)}.search-input{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.search-icon{position:absolute;left:.75rem;width:1rem;height:1rem;fill:var(--color-text-secondary);pointer-events:none}.search-field{width:100%;padding:.625rem 2.5rem .625rem 2.75rem;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-primary);transition:var(--transition-normal)}.search-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring)}.search-input.has-content .search-field{border-color:var(--color-primary);background:var(--color-primary-5)}.search-clear{position:absolute;right:.5rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);transition:var(--transition-fast)}.search-clear:hover{background:var(--color-error-10);color:var(--color-error)}.search-clear svg{width:.875rem;height:.875rem;fill:currentColor}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);border-top:1px solid var(--border-light)}.pagination-btn{padding:.5rem 1rem;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-normal);min-width:4rem}.pagination-btn:hover:not(:disabled){background:var(--color-primary-5);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.pagination-info .total-info{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-normal)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);color:var(--color-text-secondary);min-height:200px}.spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-primary-20);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner.sm{width:1.5rem;height:1.5rem;border-width:2px}.spinner.lg{width:3.5rem;height:3.5rem;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--color-primary-10) 0%,var(--color-primary-20) 50%,var(--color-primary-10) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--space-3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);min-height:300px}.empty-icon{width:4rem;height:4rem;margin-bottom:var(--space-4);opacity:.4}.empty-icon svg{width:100%;height:100%;fill:var(--color-text-secondary)}.empty-state h3{margin:0 0 var(--space-2) 0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.empty-state p{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);color:var(--color-text-secondary);max-width:400px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;z-index:var(--z-modal);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.modal-close:hover{background:var(--color-error-10);color:var(--color-error)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light)}.avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0;box-shadow:var(--shadow-subtle)}.avatar.sm{width:1.75rem;height:1.75rem;font-size:var(--text-xs)}.avatar.lg{width:3.5rem;height:3.5rem;font-size:var(--text-lg)}.user-info{display:flex;align-items:center;gap:var(--space-3)}.user-details{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:1.2}.user-email,.user-meta{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.2}.tabs{display:flex;gap:var(--space-2);border-bottom:2px solid var(--border-light);margin-bottom:var(--space-4)}.tab{padding:var(--space-3) var(--space-4);border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:var(--transition-normal);display:flex;align-items:center;gap:var(--space-2)}.tab:hover{color:var(--color-primary);background:var(--color-primary-5)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-count{padding:.125rem .5rem;border-radius:var(--radius-full);background:var(--color-background);font-size:var(--text-xs);font-weight:var(--font-semibold)}.tab.active .tab-count{background:var(--color-primary);color:#fff}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-secondary);opacity:.7}.bg-surface{background:var(--color-surface)}.bg-background{background:var(--color-background)}.bg-primary{background:var(--color-primary)}.border-light{border:1px solid var(--border-light)}.border-medium{border:1px solid var(--border-medium)}.border-primary{border:1px solid var(--color-primary)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}