:root{--theme-primary: #172554;--theme-primary-hover: #0f1a3c;--theme-primary-light: rgba(23, 37, 84, .12);--theme-primary-dark: #0a112a;--theme-secondary: #1e40af;--theme-secondary-hover: #1d3a9e;--theme-secondary-light: rgba(30, 64, 175, .12);--theme-accent: #0369a1;--theme-accent-light: rgba(3, 105, 161, .12);--theme-primary-tint: rgba(23, 37, 84, .18);--theme-primary-shade: #0a112a;--theme-secondary-tint: rgba(30, 64, 175, .18);--theme-secondary-shade: #1d3a9e;--theme-tertiary-tint: rgba(3, 105, 161, .18);--theme-tertiary-shade: #025f8a;--theme-medium: #94a3b8;--theme-medium-tint: #cbd5e1;--theme-medium-shade: #64748b;--theme-light: #eff6ff;--theme-light-tint: #dbeafe;--theme-dark: #020617;--theme-dark-shade: #000000;--theme-danger: #be123c;--theme-danger-tint: rgba(190, 18, 60, .12);--theme-danger-shade: #9f0f33;--theme-success: #15803d;--theme-success-light: rgba(21, 128, 61, .12);--theme-success-tint: rgba(21, 128, 61, .18);--theme-success-shade: #0f5c2d;--theme-success-bg: #dcfce7;--theme-success-fg: #14532d;--theme-warning: #c2410c;--theme-warning-light: rgba(194, 65, 12, .12);--theme-warning-tint: rgba(194, 65, 12, .18);--theme-warning-shade: #9a340a;--theme-warning-bg: #fff7ed;--theme-warning-fg: #7c2d12;--theme-error: #be123c;--theme-error-light: rgba(190, 18, 60, .12);--theme-error-bg: #fff1f2;--theme-error-fg: #881337;--theme-info: #0369a1;--theme-info-light: rgba(3, 105, 161, .12);--theme-info-bg: #eff6ff;--theme-info-fg: #1e40af;--theme-background: #ffffff;--theme-background-secondary: #eff6ff;--theme-background-tertiary: #dbeafe;--theme-page-gradient: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);--theme-surface: #ffffff;--theme-surface-hover: #eff6ff;--theme-surface-dark: #020617;--theme-surface-dark-elevated: #0f1a3c;--theme-card-bg: #ffffff;--theme-input-bg: #ffffff;--theme-danger: #ef4444;--theme-glass: rgba(255, 255, 255, .92);--theme-glass-border: rgba(255, 255, 255, .25);--theme-text: #020617;--theme-text-secondary: #1e3a5f;--theme-text-muted: #64748b;--theme-text-inverse: #ffffff;--theme-border: #bfdbfe;--theme-border-light: #dbeafe;--theme-border-focus: var(--theme-primary);--theme-shadow-xs: 0 1px 2px rgba(23, 37, 84, .05);--theme-shadow-sm: 0 2px 8px rgba(23, 37, 84, .07);--theme-shadow-md: 0 4px 20px rgba(23, 37, 84, .1);--theme-shadow-lg: 0 8px 32px rgba(23, 37, 84, .14);--theme-shadow: rgba(23, 37, 84, .1);--theme-shadow-light: rgba(23, 37, 84, .05);--dashboard-header: var(--theme-primary);--dashboard-sidebar: var(--theme-background-secondary);--dashboard-card: var(--theme-surface);--dashboard-card-hover: var(--theme-surface-hover);--dashboard-accent: var(--theme-accent);--dashboard-card-1: linear-gradient(135deg, #3b82f6, #172554);--dashboard-card-2: linear-gradient(135deg, #22c55e, #15803d);--dashboard-card-3: linear-gradient(135deg, #f97316, #c2410c);--dashboard-card-4: linear-gradient(135deg, #60a5fa, #1e40af);--role-admin: #dc2626;--role-admin-bg: #fef2f2;--role-manager: #d97706;--role-manager-bg: #fffbeb;--role-guard: #059669;--role-guard-bg: #ecfdf5;--role-client: #0891b2;--role-client-bg: #ecfeff;--role-accountant: #7c3aed;--role-accountant-bg: #f5f3ff;--role-superadmin: #1e293b;--role-superadmin-bg: #f1f5f9;--status-present: #059669;--status-present-bg: #ecfdf5;--status-absent: #dc2626;--status-absent-bg: #fef2f2;--status-halfday: #d97706;--status-halfday-bg: #fffbeb;--status-leave: #8b5cf6;--status-leave-bg: #f5f3ff;--status-weekoff: #64748b;--status-weekoff-bg: #f1f5f9;--status-holiday: #0891b2;--status-holiday-bg: #ecfeff;--status-overtime: #f59e0b;--status-overtime-bg: #fffbeb;--payroll-draft-bg: #f1f5f9;--payroll-draft-fg: #475569;--payroll-preview-bg: #fef9c3;--payroll-preview-fg: #854d0e;--payroll-finalized-bg: #dcfce7;--payroll-finalized-fg: #166534;--payroll-locked-bg: #e0e7ff;--payroll-locked-fg: #3730a3;--scope-tenant: #64748b;--scope-client: #6366f1;--scope-employee: #10b981;--scope-employee-client: #f59e0b;--scope-assignment: #ec4899;--scope-group: #8b5cf6;--chart-1: #3b82f6;--chart-2: #10b981;--chart-3: #f59e0b;--chart-4: #ef4444;--chart-5: #8b5cf6;--chart-6: #06b6d4;--chart-7: #f97316;--chart-8: #ec4899;--chart-9: #14b8a6;--chart-10: #a855f7;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--spacing-xs: var(--space-xs);--spacing-sm: var(--space-sm);--spacing-md: var(--space-md);--spacing-lg: var(--space-lg);--spacing-xl: var(--space-xl);--spacing-2xl: var(--space-2xl);--row-h-compact: 32px;--row-h-cozy: 40px;--cell-h-grid: 38px;--toolbar-h: 44px;--field-h: 36px;--modal-w-sm: 480px;--modal-w-md: 720px;--modal-w-lg: 960px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--theme-whatsapp: #25d366;--theme-star-color: #ffd700;--billing-active: #059669;--billing-active-bg: #ecfdf5;--billing-active-gradient: linear-gradient(135deg, #10b981, #059669);--billing-trialing: #2563eb;--billing-trialing-bg: #eff6ff;--billing-trialing-gradient: linear-gradient(135deg, #3b82f6, #2563eb);--billing-past-due: #d97706;--billing-past-due-bg: #fffbeb;--billing-past-due-gradient: linear-gradient(135deg, #f59e0b, #d97706);--billing-cancelled: #dc2626;--billing-cancelled-bg: #fef2f2;--billing-cancelled-gradient: linear-gradient(135deg, #ef4444, #dc2626);--billing-halted: #475569;--billing-halted-bg: #f1f5f9;--billing-halted-gradient: linear-gradient(135deg, #64748b, #475569);--billing-manual: #7c3aed;--billing-manual-bg: #f5f3ff;--billing-manual-gradient: linear-gradient(135deg, #8b5cf6, #7c3aed);--billing-pending: #94a3b8;--billing-pending-bg: #f8fafc;--billing-pending-gradient: linear-gradient(135deg, #cbd5e1, #94a3b8);--theme-purple: #7c3aed;--theme-purple-light: rgba(124, 58, 237, .12);--theme-purple-dark: #5b21b6;--banner-warning-bg: #fffbeb;--banner-warning-border: #fcd34d;--banner-warning-fg: #92400e;--banner-info-bg: #eff6ff;--banner-info-border: #93c5fd;--banner-info-fg: #1e40af;--banner-danger-bg: #fef2f2;--banner-danger-border: #fca5a5;--banner-danger-fg: #991b1b;--badge-primary-bg: rgba(37, 99, 235, .08);--badge-primary-icon: #2563eb;--badge-success-bg: rgba(5, 150, 105, .08);--badge-success-icon: #059669;--badge-warning-bg: rgba(217, 119, 6, .08);--badge-warning-icon: #d97706;--badge-error-bg: rgba(220, 38, 38, .08);--badge-error-icon: #dc2626;--badge-info-bg: rgba(2, 132, 199, .08);--badge-info-icon: #0284c7;--badge-accent-bg: rgba(99, 102, 241, .08);--badge-accent-icon: #6366f1;--status-bar-primary: #2563eb;--status-bar-success: #059669;--status-bar-warning: #d97706;--status-bar-error: #dc2626;--status-bar-info: #0284c7;--input-bg: #ffffff;--input-border: #e2e8f0;--input-focus-border: var(--theme-primary);--input-placeholder: #94a3b8;--theme-overlay: rgba(0, 0, 0, .5);--theme-overlay-heavy: rgba(0, 0, 0, .7);--text-inverse-90: rgba(255, 255, 255, .9);--text-inverse-75: rgba(255, 255, 255, .75);--text-inverse-50: rgba(255, 255, 255, .5);--border-inverse: rgba(255, 255, 255, .2);--gradient-primary: linear-gradient(135deg, #3b82f6, #2563eb);--gradient-success: linear-gradient(135deg, #10b981, #059669);--gradient-warning: linear-gradient(135deg, #f59e0b, #d97706);--gradient-danger: linear-gradient(135deg, #ef4444, #dc2626);--gradient-info: linear-gradient(135deg, #06b6d4, #0891b2);--gradient-purple: linear-gradient(135deg, #8b5cf6, #7c3aed);--gradient-neutral: linear-gradient(135deg, #64748b, #475569)}html,body,ion-app,*{font-family:var(--font-sans)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}pre,code,.mono,[data-monospace]{font-family:var(--font-mono)!important}body.dark{--theme-background: #090909;--theme-background-secondary: #111111;--theme-background-tertiary: #1a1a1a;--theme-page-gradient: linear-gradient(135deg, #090909 0%, #111111 100%);--theme-surface: #141414;--theme-surface-hover: #1f1f1f;--theme-surface-dark: #050505;--theme-surface-dark-elevated: #111111;--theme-card-bg: #1a1a1a;--theme-input-bg: #1f1f1f;--theme-glass: rgba(18, 18, 18, .94);--theme-glass-border: rgba(255, 255, 255, .07);--theme-text: #ededed;--theme-text-secondary: #a1a1aa;--theme-text-muted: #71717a;--theme-text-inverse: #090909;--theme-border: #2a2a2a;--theme-border-light: #1f1f1f;--theme-shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--theme-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--theme-shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--theme-shadow-lg: 0 8px 32px rgba(0, 0, 0, .65);--theme-shadow: rgba(0, 0, 0, .5);--theme-shadow-light: rgba(0, 0, 0, .3);--theme-medium: #71717a;--theme-medium-tint: #52525b;--theme-medium-shade: #a1a1aa;--theme-light: #141414;--theme-light-tint: #1f1f1f;--theme-dark: #ededed;--theme-dark-shade: #d4d4d8;--theme-danger: #f87171;--theme-danger-tint: rgba(248, 113, 113, .15);--theme-danger-shade: #fca5a5;--theme-success-tint: rgba(52, 211, 153, .18);--theme-success-shade: #34d399;--theme-warning-tint: rgba(251, 191, 36, .18);--theme-warning-shade: #fbbf24;--theme-success-bg: rgba(52, 211, 153, .12);--theme-success-fg: #6ee7b7;--theme-warning-bg: rgba(251, 191, 36, .12);--theme-warning-fg: #fcd34d;--theme-error-bg: rgba(248, 113, 113, .12);--theme-error-fg: #fca5a5;--theme-success-light: rgba(52, 211, 153, .12);--theme-warning-light: rgba(251, 191, 36, .12);--theme-error-light: rgba(248, 113, 113, .12);--status-present-bg: rgba(52, 211, 153, .12);--status-absent-bg: rgba(248, 113, 113, .12);--status-halfday-bg: rgba(251, 191, 36, .12);--status-leave-bg: rgba(167, 139, 250, .12);--status-weekoff-bg: rgba(113, 113, 122, .15);--status-holiday-bg: rgba(34, 211, 238, .12);--status-overtime: #fbbf24;--status-overtime-bg: rgba(251, 191, 36, .12);--payroll-draft-bg: rgba(63, 63, 70, .4);--payroll-draft-fg: #a1a1aa;--payroll-preview-bg: rgba(251, 191, 36, .12);--payroll-preview-fg: #fcd34d;--payroll-finalized-bg: rgba(52, 211, 153, .12);--payroll-finalized-fg: #6ee7b7;--payroll-locked-bg: rgba(129, 140, 248, .12);--payroll-locked-fg: #a5b4fc;--dashboard-sidebar: #141414;--dashboard-card: #141414;--dashboard-card-hover: #1f1f1f;--role-admin-bg: rgba(248, 113, 113, .12);--role-manager-bg: rgba(251, 191, 36, .12);--role-guard-bg: rgba(52, 211, 153, .12);--role-client-bg: rgba(34, 211, 238, .12);--role-accountant-bg: rgba(167, 139, 250, .12);--role-superadmin-bg: rgba(113, 113, 122, .15);--billing-active: #34d399;--billing-active-bg: rgba(52, 211, 153, .12);--billing-active-gradient: linear-gradient(135deg, #34d399, #10b981);--billing-past-due: #fbbf24;--billing-past-due-bg: rgba(251, 191, 36, .12);--billing-past-due-gradient: linear-gradient(135deg, #fbbf24, #f59e0b);--billing-cancelled: #f87171;--billing-cancelled-bg: rgba(248, 113, 113, .12);--billing-cancelled-gradient: linear-gradient(135deg, #f87171, #ef4444);--billing-halted: #94a3b8;--billing-halted-bg: rgba(148, 163, 184, .12);--billing-halted-gradient: linear-gradient(135deg, #94a3b8, #64748b);--billing-manual: #a78bfa;--billing-manual-bg: rgba(167, 139, 250, .12);--billing-manual-gradient: linear-gradient(135deg, #a78bfa, #8b5cf6);--billing-pending: #71717a;--billing-pending-bg: rgba(113, 113, 122, .12);--billing-pending-gradient: linear-gradient(135deg, #a1a1aa, #71717a);--theme-purple: #a78bfa;--theme-purple-light: rgba(167, 139, 250, .15);--theme-purple-dark: #7c3aed;--banner-warning-bg: rgba(251, 191, 36, .1);--banner-warning-border: rgba(251, 191, 36, .3);--banner-warning-fg: #fcd34d;--banner-danger-bg: rgba(248, 113, 113, .1);--banner-danger-border: rgba(248, 113, 113, .3);--banner-danger-fg: #fca5a5;--badge-success-bg: rgba(52, 211, 153, .12);--badge-success-icon: #34d399;--badge-warning-bg: rgba(251, 191, 36, .12);--badge-warning-icon: #fbbf24;--badge-error-bg: rgba(248, 113, 113, .12);--badge-error-icon: #f87171;--badge-info-bg: rgba(147, 197, 253, .12);--badge-info-icon: #93c5fd;--badge-accent-bg: rgba(167, 139, 250, .12);--badge-accent-icon: #a78bfa;--status-bar-success: #34d399;--status-bar-warning: #fbbf24;--status-bar-error: #f87171;--status-bar-info: #93c5fd;--input-bg: #1a1a1a;--input-border: #2a2a2a;--input-focus-border: var(--theme-primary);--input-placeholder: #71717a;--theme-overlay: rgba(0, 0, 0, .65);--theme-overlay-heavy: rgba(0, 0, 0, .85);--text-inverse-90: rgba(255, 255, 255, .9);--text-inverse-75: rgba(255, 255, 255, .75);--text-inverse-50: rgba(255, 255, 255, .5);--border-inverse: rgba(255, 255, 255, .15);--gradient-success: linear-gradient(135deg, #34d399, #10b981);--gradient-warning: linear-gradient(135deg, #fbbf24, #f59e0b);--gradient-danger: linear-gradient(135deg, #f87171, #ef4444);--gradient-info: linear-gradient(135deg, #22d3ee, #06b6d4);--gradient-purple: linear-gradient(135deg, #a78bfa, #8b5cf6);--gradient-neutral: linear-gradient(135deg, #94a3b8, #64748b)}body.dark ion-datetime{--background: var(--theme-surface) !important;color:var(--theme-text)!important}body.dark ion-card{--background: var(--theme-surface) !important;background:var(--theme-surface)!important;color:var(--theme-text)!important}body.dark ion-card-content{background:var(--theme-surface)!important;color:var(--theme-text)!important}body.dark ion-modal{--background: var(--theme-background) !important;color:var(--theme-text)!important}body.dark ion-modal ion-content{--background: var(--theme-background) !important;color:var(--theme-text)!important}body.dark ion-modal ion-header ion-toolbar{--background: var(--theme-surface) !important;--color: var(--theme-text) !important;color:var(--theme-text)!important}body.dark ion-modal ion-title{color:var(--theme-text)!important}body.dark ion-popover{--background: var(--theme-surface) !important}body.dark ion-select{--background: var(--theme-background-tertiary) !important;--placeholder-color: var(--theme-text-muted) !important;color:var(--theme-text)!important}body.dark ion-input{--background: var(--theme-background-tertiary) !important;--placeholder-color: var(--theme-text-muted) !important;color:var(--theme-text)!important}body.dark ion-textarea{--background: var(--theme-background-tertiary) !important;color:var(--theme-text)!important}body.dark ion-list{--ion-item-background: var(--theme-surface) !important;background:var(--theme-surface)!important}body.dark ion-item{--background: var(--theme-surface) !important;--color: var(--theme-text) !important;--border-color: var(--theme-border) !important;color:var(--theme-text)!important}body.dark ion-label{color:var(--theme-text)!important}body.dark ion-segment{--background: var(--theme-background-tertiary) !important}body.dark ion-segment-button{--color: var(--theme-text-secondary) !important;--color-checked: #ffffff !important;--indicator-color: var(--theme-primary) !important}body.dark ion-toolbar[color=primary]{--background: var(--theme-primary) !important;--color: #ffffff !important}body.dark ion-toolbar[color=primary] ion-title,body.dark ion-toolbar[color=primary] ion-button{color:#fff!important}body.dark ion-footer{background:var(--theme-surface)!important;border-top-color:var(--theme-border)!important}body.dark ion-searchbar{--background: var(--theme-background-tertiary) !important;--color: var(--theme-text) !important;--placeholder-color: var(--theme-text-muted) !important;--icon-color: var(--theme-text-muted) !important}body.dark ion-toggle{--background: var(--theme-background-tertiary);--background-checked: var(--theme-primary)}body.dark ion-checkbox{--background: var(--theme-background-tertiary);--background-checked: var(--theme-primary);--border-color: var(--theme-border)}:root{--ion-background-color: var(--theme-background);--ion-text-color: var(--theme-text);--ion-toolbar-background: var(--theme-surface);--ion-toolbar-color: var(--theme-text);--ion-card-background: var(--theme-surface);--ion-item-background: var(--theme-surface);--ion-tab-bar-background: var(--theme-surface);--ion-font-family: var(--font-sans)}ion-card{--background: var(--theme-surface);--color: var(--theme-text);border:1px solid var(--theme-border);box-shadow:var(--theme-shadow-sm)}ion-item{--background: var(--theme-surface);--color: var(--theme-text);--border-color: var(--theme-border)}ion-content{--background: var(--theme-background);--color: var(--theme-text)}ion-content::part(scroll){overflow-y:auto}ion-modal ion-content{min-height:unset}ion-modal ion-content::part(scroll){min-height:unset}ion-modal{--background: var(--theme-surface);--border-color: var(--theme-border)}ion-alert.modern-confirm-alert{--background: var(--theme-surface);--max-width: 380px}ion-alert.modern-confirm-alert .alert-wrapper{border-radius:16px!important;background:var(--theme-surface)!important;box-shadow:0 8px 32px #0000002e!important}ion-alert.modern-confirm-alert .alert-head{padding:20px 20px 8px!important}ion-alert.modern-confirm-alert .alert-title{font-size:1.05rem!important;font-weight:700!important;color:var(--theme-text)!important}ion-alert.modern-confirm-alert .alert-message{font-size:.88rem!important;color:var(--theme-text-secondary)!important;line-height:1.5!important;padding:8px 20px 16px!important}ion-alert.modern-confirm-alert .alert-button-group{padding:8px 16px 16px!important;gap:8px}ion-alert.modern-confirm-alert .alert-button{border-radius:10px!important;font-weight:600!important;min-height:42px!important;text-transform:none!important;font-size:.88rem!important}ion-alert.modern-confirm-alert .alert-button:last-child{background:var(--theme-primary, #3b82f6)!important;color:#fff!important}ion-input,ion-textarea,ion-select,ion-searchbar{--background: var(--theme-surface);--color: var(--theme-text);--placeholder-color: var(--theme-text-muted)}ion-segment{--background: var(--theme-background-secondary)}ion-segment-button{--color: var(--theme-text-secondary);--color-checked: #ffffff;--indicator-color: var(--theme-primary);--indicator-height: 100%}ion-list{--ion-item-background: var(--theme-surface)}ion-popover{--background: var(--theme-surface)}ion-action-sheet{--background: var(--theme-surface);--color: var(--theme-text)}ion-toast{--background: var(--theme-surface);--color: var(--theme-text)}.glass-card{background:var(--theme-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--theme-shadow-md);border:1px solid var(--theme-glass-border);transition:all var(--transition-normal)}.glass-card:hover{box-shadow:var(--theme-shadow-lg);transform:translateY(-2px)}.page-bg{min-height:100vh;background:var(--theme-page-gradient);transition:background var(--transition-normal)}.stat-card{border-radius:var(--radius-xl);padding:var(--space-lg);color:#fff;position:relative;overflow:hidden;transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--theme-shadow-lg)}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:#ffffff14;border-radius:50%}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.02em}.section-title{color:var(--theme-text);font-weight:700;letter-spacing:-.025em}.section-subtitle{color:var(--theme-text-secondary);font-size:.875rem}@media print{.page-bg{background:#fff!important}.glass-card{backdrop-filter:none;background:#fff;border:1px solid #000;box-shadow:none}}@media(prefers-reduced-motion:reduce){.glass-card,.stat-card,.status-badge{transition:none!important}.glass-card:hover,.stat-card:hover{transform:none!important}}@media(prefers-contrast:high){.glass-card{border-width:2px;border-color:var(--theme-text)}}.sa-card{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:12px;padding:20px;box-shadow:var(--theme-shadow-sm, 0 2px 8px rgba(0, 0, 0, .06));transition:background .2s ease,border-color .2s ease}.sa-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sa-card-title{font-size:16px;font-weight:700;color:var(--theme-text);margin:0}.sa-card-subtitle{font-size:13px;color:var(--theme-text-muted);margin:4px 0 0}.sa-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.sa-stat-card{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:transform .2s ease,box-shadow .2s ease}.sa-stat-card:hover{transform:translateY(-1px);box-shadow:var(--theme-shadow-md, 0 4px 20px rgba(0, 0, 0, .08))}.sa-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sa-stat-icon.primary{background:var(--theme-primary-light, rgba(99, 102, 241, .1));color:var(--theme-primary)}.sa-stat-icon.success{background:var(--theme-success-bg, rgba(34, 197, 94, .1));color:var(--theme-success)}.sa-stat-icon.warning{background:var(--theme-warning-bg, rgba(234, 179, 8, .1));color:var(--theme-warning)}.sa-stat-icon.error{background:var(--theme-error-bg, rgba(239, 68, 68, .1));color:var(--theme-error)}.sa-stat-icon.info{background:var(--theme-info-bg, rgba(59, 130, 246, .1));color:var(--theme-info, var(--theme-primary))}.sa-stat-info{display:flex;flex-direction:column}.sa-stat-value{font-size:24px;font-weight:800;color:var(--theme-text);line-height:1.2}.sa-stat-label{font-size:12px;color:var(--theme-text-muted);font-weight:500}.sa-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .18s ease;white-space:nowrap;line-height:1.4;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sa-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sa-btn-primary{background:var(--theme-primary);color:#fff}.sa-btn-primary:hover{background:var(--theme-primary-hover, var(--theme-primary));box-shadow:0 2px 8px #2563eb40}.sa-btn-primary:active{transform:scale(.97);opacity:.9}.sa-btn-secondary{background:var(--theme-background-secondary);color:var(--theme-text);border:1px solid var(--theme-border)}.sa-btn-secondary:hover{background:var(--theme-background-tertiary)}.sa-btn-secondary:active{transform:scale(.97)}.sa-btn-ghost{background:transparent;color:var(--theme-text-secondary)}.sa-btn-ghost:hover{background:var(--theme-primary-light, rgba(99, 102, 241, .08));color:var(--theme-primary)}.sa-btn-ghost:active{transform:scale(.97)}.sa-btn-danger{background:var(--theme-error-bg, rgba(239, 68, 68, .08));color:var(--theme-error);border:1px solid var(--theme-error-light, rgba(239, 68, 68, .2))}.sa-btn-danger:hover{background:var(--theme-error);color:#fff;border-color:var(--theme-error);box-shadow:0 2px 8px #dc26264d}.sa-btn-danger:active{transform:scale(.97)}.sa-btn-success{background:var(--theme-success-bg, rgba(5, 150, 105, .08));color:var(--theme-success);border:1px solid var(--theme-success-light, rgba(5, 150, 105, .2))}.sa-btn-success:hover{background:var(--theme-success);color:#fff;border-color:var(--theme-success);box-shadow:0 2px 8px #0596694d}.sa-btn-success:active{transform:scale(.97)}.sa-btn-warning{background:var(--theme-warning-bg, rgba(217, 119, 6, .08));color:var(--theme-warning);border:1px solid var(--theme-warning-light, rgba(217, 119, 6, .2))}.sa-btn-warning:hover{background:var(--theme-warning);color:#fff;border-color:var(--theme-warning);box-shadow:0 2px 8px #d977064d}.sa-btn-warning:active{transform:scale(.97)}.sa-btn-edit{background:var(--theme-info-bg, rgba(2, 132, 199, .08));color:var(--theme-info, #0284c7);border:1px solid var(--theme-info-light, rgba(2, 132, 199, .2))}.sa-btn-edit:hover{background:var(--theme-info, #0284c7);color:#fff;border-color:var(--theme-info, #0284c7);box-shadow:0 2px 8px #0284c74d}.sa-btn-edit:active{transform:scale(.97)}.sa-btn-sm{padding:5px 10px;font-size:12px;min-height:36px}.sa-btn-lg{padding:10px 20px;font-size:14px;min-height:48px}.sa-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.sa-badge-success{background:var(--theme-success-bg, rgba(34, 197, 94, .1));color:var(--theme-success)}.sa-badge-warning{background:var(--theme-warning-bg, rgba(234, 179, 8, .1));color:var(--theme-warning)}.sa-badge-error{background:var(--theme-error-bg, rgba(239, 68, 68, .1));color:var(--theme-error)}.sa-badge-info{background:var(--theme-primary-light, rgba(99, 102, 241, .1));color:var(--theme-primary)}.sa-badge-neutral{background:var(--theme-background-tertiary);color:var(--theme-text-muted)}.sa-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sa-form-label{font-size:12px;font-weight:600;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.3px}.sa-form-input{height:38px;padding:0 12px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-surface);color:var(--theme-text);font-size:13px;outline:none;transition:border-color .15s ease}.sa-form-input:focus{border-color:var(--theme-primary)}.sa-form-select{height:38px;padding:0 12px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-surface);color:var(--theme-text);font-size:13px;outline:none;cursor:pointer}.sa-form-textarea{padding:10px 12px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-surface);color:var(--theme-text);font-size:13px;outline:none;resize:vertical;min-height:80px;transition:border-color .15s ease}.sa-form-textarea:focus{border-color:var(--theme-primary)}.sa-table-wrap{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 340px);border:1px solid var(--theme-border);border-radius:10px}.sa-table{width:100%;border-collapse:collapse}.sa-table th{background:var(--theme-background-secondary);color:var(--theme-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:10px 14px;text-align:left;border-bottom:1px solid var(--theme-border);white-space:nowrap}.sa-table td{padding:12px 14px;font-size:13px;color:var(--theme-text);border-bottom:1px solid var(--theme-border);vertical-align:middle}.sa-table tr:last-child td{border-bottom:none}.sa-table tr:hover td{background:var(--theme-background-secondary)}.sa-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.sa-empty-state ion-icon{font-size:48px;color:var(--theme-text-muted);margin-bottom:16px;opacity:.5}.sa-empty-state h3{font-size:16px;font-weight:600;color:var(--theme-text);margin:0 0 8px}.sa-empty-state p{font-size:13px;color:var(--theme-text-muted);margin:0;max-width:320px}.sa-search-bar{position:relative;max-width:400px}.sa-search-bar input{width:100%;height:38px;padding:0 14px 0 36px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-surface);color:var(--theme-text);font-size:13px;outline:none;transition:border-color .15s ease}.sa-search-bar input:focus{border-color:var(--theme-primary)}.sa-search-bar input::placeholder{color:var(--theme-text-muted)}.theme-picker-input::placeholder{color:var(--input-placeholder, var(--theme-text-muted))}.sa-search-bar ion-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--theme-text-muted);pointer-events:none}.um-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:um-fade-in .2s ease}.um-modal{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 24px 48px #0003;animation:um-slide-up .25s ease}@keyframes um-fade-in{0%{opacity:0}to{opacity:1}}@keyframes um-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.um-modal-title{font-size:18px;font-weight:700;color:var(--theme-text);margin:0 0 8px;display:flex;align-items:center;gap:8px}.um-modal-subtitle{font-size:13px;color:var(--theme-text-muted);margin:0 0 20px}.um-password-box{background:var(--theme-background-secondary);border:1px solid var(--theme-border);padding:14px 16px;border-radius:10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:15px;color:var(--theme-text);user-select:all;word-break:break-all;letter-spacing:.5px}.um-modal-warning{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;border-radius:8px;background:var(--theme-warning-bg, rgba(234, 179, 8, .1));border:1px solid var(--theme-warning-light, rgba(234, 179, 8, .2));font-size:13px;color:var(--theme-warning);line-height:1.5}.um-modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.um-filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.um-search-wrap{position:relative;flex:1;min-width:240px;max-width:420px}.um-search-wrap input{width:100%;height:40px;padding:0 14px 0 38px;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-surface);color:var(--theme-text);font-size:13px;outline:none;transition:border-color .15s ease;box-sizing:border-box}.um-search-wrap input:focus{border-color:var(--theme-primary)}.um-search-wrap input::placeholder{color:var(--theme-text-muted)}.um-search-wrap ion-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--theme-text-muted);pointer-events:none}.um-role-tabs{display:flex;gap:0;border:1px solid var(--theme-border);border-radius:10px;overflow:hidden;background:var(--theme-surface)}.um-role-tab{padding:8px 16px;font-size:12px;font-weight:600;color:var(--theme-text-muted);background:transparent;border:none;border-right:1px solid var(--theme-border);cursor:pointer;transition:all .15s ease;white-space:nowrap}.um-role-tab:last-child{border-right:none}.um-role-tab:hover{background:var(--theme-background-secondary);color:var(--theme-text)}.um-role-tab.active{background:var(--theme-primary);color:#fff}.um-form-card{animation:um-slide-up .2s ease}.um-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.um-form-grid{grid-template-columns:1fr}}.um-form-full{grid-column:1 / -1}.um-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.um-list-title{font-size:15px;font-weight:700;color:var(--theme-text);margin:0;display:flex;align-items:center;gap:8px}.um-list-count{display:inline-flex;align-items:center;justify-content:center;background:var(--theme-primary-light, rgba(99, 102, 241, .1));color:var(--theme-primary);font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px}.um-user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.um-user-card{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:12px;padding:20px;box-shadow:var(--theme-shadow-sm, 0 2px 8px rgba(0, 0, 0, .06));transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.um-user-card:hover{transform:translateY(-2px);box-shadow:var(--theme-shadow-md, 0 4px 20px rgba(0, 0, 0, .08))}.um-user-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.um-avatar{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-accent, var(--theme-primary)) 100%)}.um-user-info{flex:1;min-width:0}.um-user-name{font-size:15px;font-weight:700;color:var(--theme-text);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-user-role{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:600}.um-user-role.admin{background:var(--theme-error-bg, rgba(239, 68, 68, .1));color:var(--theme-error)}.um-user-role.manager{background:var(--theme-primary-light, rgba(99, 102, 241, .1));color:var(--theme-primary)}.um-user-role.accountant{background:var(--theme-warning-bg, rgba(234, 179, 8, .1));color:var(--theme-warning)}.um-user-role.other{background:var(--theme-background-tertiary);color:var(--theme-text-muted)}.um-profile-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:10px;font-weight:600;flex-shrink:0}.um-profile-badge.complete{background:var(--theme-success-bg, rgba(34, 197, 94, .1));color:var(--theme-success)}.um-profile-badge.pending{background:var(--theme-warning-bg, rgba(234, 179, 8, .1));color:var(--theme-warning)}.um-detail-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--theme-text-secondary)}.um-detail-row ion-icon{font-size:15px;color:var(--theme-text-muted);flex-shrink:0}.um-detail-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.um-password-row{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--theme-warning-bg, rgba(234, 179, 8, .08));border:1px solid var(--theme-warning-light, rgba(234, 179, 8, .15))}.um-password-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:var(--theme-text);flex:1;overflow:hidden;text-overflow:ellipsis}.um-password-toggle{background:none;border:none;padding:2px;cursor:pointer;color:var(--theme-text-muted);font-size:15px;display:flex;align-items:center}.um-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--theme-border)}.um-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.um-loading ion-spinner{--color: var(--theme-primary);width:32px;height:32px;margin-bottom:12px}.um-loading p{color:var(--theme-text-muted);font-size:14px;margin:0}@media(max-width:768px){.um-header{padding:14px 16px}.um-content{padding:.5rem .65rem}.um-user-grid{grid-template-columns:1fr}.um-filter-bar{flex-direction:column;align-items:stretch}.um-search-wrap{max-width:none}}.inv-page{min-height:100vh;background:var(--theme-background-secondary);padding:0;display:flex;flex-direction:column}.inv-header{background:var(--theme-surface);border-bottom:1px solid var(--theme-border);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000a;gap:12px}.inv-header-left{display:flex;align-items:center;gap:12px}.inv-header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-accent, var(--theme-primary)) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.inv-header-title{font-size:20px;font-weight:800;color:var(--theme-text);margin:0;letter-spacing:-.01em}.inv-header-subtitle{font-size:12px;color:var(--theme-text-muted);margin:2px 0 0}.inv-header-actions{display:flex;gap:8px;align-items:center}.inv-content{max-width:1440px;margin:0 auto;padding:24px 28px;flex:1;width:100%;box-sizing:border-box}.inv-bulk-banner{background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent, var(--theme-primary)));color:#fff;padding:12px 20px;border-radius:12px;margin-bottom:20px;font-size:13px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #6366f133}.inv-filter-panel{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:16px;padding:22px;margin-bottom:24px;box-shadow:0 1px 4px #0000000a}.inv-filter-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.inv-filter-title{font-size:14px;font-weight:700;color:var(--theme-primary);margin:0}.inv-filter-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.inv-filter-group label{display:block;font-size:12px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.inv-active-filters{margin-top:14px;padding-top:14px;border-top:1px solid var(--theme-border);display:flex;gap:6px;flex-wrap:wrap;align-items:center}.inv-filter-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.inv-filter-tag.item{background:var(--theme-primary-light, rgba(99, 102, 241, .1));color:var(--theme-primary)}.inv-filter-tag.bundle{background:var(--theme-success-bg, rgba(34, 197, 94, .1));color:var(--theme-success)}.inv-filter-tag.category{background:var(--theme-warning-bg, rgba(234, 179, 8, .1));color:var(--theme-warning)}.inv-filter-tag.status{background:var(--theme-error-bg, rgba(239, 68, 68, .1));color:var(--theme-error)}.inv-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.inv-section-title{font-size:15px;font-weight:700;color:var(--theme-text);margin:0;display:flex;align-items:center;gap:8px}.inv-section-count{display:inline-flex;align-items:center;justify-content:center;background:var(--theme-primary-light, rgba(99, 102, 241, .1));color:var(--theme-primary);font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px}.inv-search-wrap{position:relative;margin-bottom:14px}.inv-search-wrap input{width:100%;min-height:44px;padding:0 14px 0 38px;border:1.5px solid var(--theme-border);border-radius:12px;background:var(--theme-surface);color:var(--theme-text);font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.inv-search-wrap input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #6366f11a}.inv-search-wrap input::placeholder{color:var(--theme-text-muted)}.inv-search-wrap ion-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--theme-text-muted);pointer-events:none}.inv-cards-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.inv-emp-card{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:16px;padding:20px;min-height:200px;cursor:default;transition:all .2s ease;display:flex;flex-direction:column;box-shadow:0 1px 4px #0000000a;-webkit-tap-highlight-color:transparent}.inv-emp-card:active{transform:scale(.985)}.inv-emp-card.selected{border-color:var(--theme-warning);background:var(--theme-warning-bg, rgba(234, 179, 8, .06))}.inv-emp-card.bulk-selected{border-color:var(--theme-primary);background:var(--theme-primary-light, rgba(99, 102, 241, .06));box-shadow:0 4px 20px #6366f126}.inv-emp-card.bulk-mode{cursor:pointer}.inv-emp-top{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.inv-emp-avatar{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0}.inv-emp-avatar img{width:100%;height:100%;object-fit:cover}.inv-emp-avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent, var(--theme-primary)));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.inv-emp-info{flex:1;min-width:0}.inv-emp-name{font-size:15px;font-weight:700;color:var(--theme-text);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-emp-id{font-size:12px;color:var(--theme-text-muted);margin:0 0 6px}.inv-emp-role{display:inline-flex;align-items:center;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:600;background:var(--theme-primary-light, rgba(99, 102, 241, .1));color:var(--theme-primary)}.inv-assignments-label{font-size:12px;font-weight:700;color:var(--theme-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.inv-assignment-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 10px;background:var(--theme-background-secondary);border-radius:8px;border:1px solid var(--theme-border);font-size:12px}.inv-assignment-row.selected{border-color:var(--theme-primary);background:var(--theme-primary-light, rgba(99, 102, 241, .06))}.inv-assignment-name{font-weight:600;color:var(--theme-text);margin-bottom:2px}.inv-assignment-qty{font-size:10px;color:var(--theme-text-muted)}.inv-assignment-date{font-size:11px;color:var(--theme-text-muted)}.inv-status-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.inv-more-assignments{font-size:11px;color:var(--theme-text-muted);text-align:center;margin-top:6px;font-style:italic}.inv-no-assignments{text-align:center;padding:14px;background:var(--theme-background);border-radius:8px;border:1px dashed var(--theme-border);font-size:12px;color:var(--theme-text-muted);font-style:italic}.inv-card-action{margin-top:auto;width:100%;padding:10px 16px;min-height:44px;border:none;border-radius:10px;background:var(--theme-primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.3px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.inv-card-action:hover:not(:disabled){background:var(--theme-primary-hover);box-shadow:0 4px 12px #2563eb4d}.inv-card-action:active:not(:disabled){transform:scale(.97)}.inv-card-action:disabled{opacity:.45;cursor:not-allowed;background:var(--theme-text-muted)}.inv-emp-avatar.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.inv-emp-avatar.clickable:active{transform:scale(1.08);box-shadow:0 4px 12px var(--theme-shadow)}.inv-photo-lightbox{position:fixed;top:var(--app-header-height, 56px);left:var(--sidebar-width, 259px);right:0;bottom:0;z-index:20000;background:#0009;display:flex;align-items:center;justify-content:center;cursor:default;animation:inv-fade-in .2s ease;transition:left .28s ease}body.sidebar-hidden .inv-photo-lightbox{left:0}body.sidebar-mini .inv-photo-lightbox{left:68px}@media(max-width:980px){.inv-photo-lightbox{left:0}}.inv-photo-lightbox img{max-width:420px;max-height:420px;width:auto;height:auto;border-radius:14px;box-shadow:0 12px 48px #0006;object-fit:contain;background:var(--theme-surface);padding:6px}.inv-photo-lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;border-radius:50%;background:var(--theme-surface);color:var(--theme-text);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #00000026;-webkit-tap-highlight-color:transparent}.inv-photo-lightbox-close:hover{background:var(--theme-error);color:#fff;box-shadow:0 4px 12px #ef44444d}.inv-confirm-overlay{position:fixed;inset:0;z-index:100001;background:#00000080;display:flex;align-items:center;justify-content:center;animation:inv-fade-in .2s ease}.inv-confirm-dialog{background:var(--theme-surface);border-radius:16px;padding:28px;max-width:420px;width:90%;box-shadow:0 20px 60px #00000040;animation:inv-slide-up .25s ease}.inv-confirm-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px}.inv-confirm-icon.danger{background:var(--theme-error-light, rgba(220, 38, 38, .1));color:var(--theme-error)}.inv-confirm-icon.warning{background:var(--theme-warning-light, rgba(217, 119, 6, .1));color:var(--theme-warning)}.inv-confirm-icon.info{background:var(--theme-info-light, rgba(2, 132, 199, .1));color:var(--theme-info)}.inv-confirm-title{font-size:18px;font-weight:700;color:var(--theme-text);text-align:center;margin-bottom:8px}.inv-confirm-message{font-size:14px;color:var(--theme-text-secondary);text-align:center;margin-bottom:24px;line-height:1.5}.inv-confirm-actions{display:flex;gap:12px;justify-content:center}.inv-confirm-actions .sa-btn{flex:1;padding:10px 20px}.inv-confirm-cancel{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;border:1.5px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text-secondary);cursor:pointer;transition:all .2s ease}.inv-confirm-cancel:hover{background:var(--theme-background-secondary);border-color:var(--theme-text-muted);color:var(--theme-text)}.inv-confirm-ok{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;color:#fff}.inv-confirm-ok.danger{background:var(--theme-error);box-shadow:0 2px 8px #ef444440}.inv-confirm-ok.danger:hover{background:#dc2626;box-shadow:0 4px 14px #dc262659}.inv-confirm-ok.warning{background:var(--theme-warning);box-shadow:0 2px 8px #f59e0b40}.inv-confirm-ok.warning:hover{background:#d97706;box-shadow:0 4px 14px #d9770659}.inv-confirm-ok.info{background:var(--theme-primary);box-shadow:0 2px 8px #6366f140}.inv-confirm-ok.info:hover{background:var(--theme-primary-hover, var(--theme-primary));box-shadow:0 4px 14px #6366f159}.unsaved-changes-dialog{max-width:360px;padding:22px 20px 20px}.unsaved-changes-dialog .inv-confirm-icon{width:44px;height:44px;font-size:20px;margin-bottom:12px}.unsaved-changes-dialog .inv-confirm-title{font-size:16px;margin-bottom:6px}.unsaved-changes-dialog .inv-confirm-message{font-size:13px;margin-bottom:18px;line-height:1.45}.unsaved-changes-actions{display:flex;flex-direction:column;gap:8px;width:100%}.unsaved-changes-actions-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.unsaved-changes-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:36px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;border:none;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.unsaved-changes-btn:disabled{opacity:.55;cursor:not-allowed}.unsaved-changes-btn--primary{background:var(--theme-primary);color:#fff;box-shadow:0 1px 4px color-mix(in srgb,var(--theme-primary) 35%,transparent)}.unsaved-changes-btn--primary:hover:not(:disabled){background:var(--theme-primary-hover, var(--theme-primary))}.unsaved-changes-btn--danger{background:color-mix(in srgb,var(--theme-error, #dc2626) 14%,var(--theme-surface));color:var(--theme-error, #dc2626);border:1px solid color-mix(in srgb,var(--theme-error, #dc2626) 28%,var(--theme-border))}.unsaved-changes-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--theme-error, #dc2626) 20%,var(--theme-surface))}.unsaved-changes-btn--ghost{background:var(--theme-surface);color:var(--theme-text-secondary);border:1px solid var(--theme-border)}.unsaved-changes-btn--ghost:hover:not(:disabled){background:var(--theme-background-secondary, color-mix(in srgb, var(--theme-text) 6%, transparent));color:var(--theme-text)}.unsaved-changes-error{margin:-4px 0 14px;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.4;text-align:center;color:var(--theme-error, #dc2626);background:var(--theme-error-light, rgba(220, 38, 38, .08));border:1px solid color-mix(in srgb,var(--theme-error, #dc2626) 22%,transparent)}@media(max-width:380px){.unsaved-changes-dialog{width:calc(100% - 24px);padding:18px 16px 16px}.unsaved-changes-btn{min-height:34px;font-size:12px;padding:7px 10px}}.inv-color-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.inv-color-preset{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.inv-color-preset:active{transform:scale(1.12);box-shadow:0 2px 8px #0003}.inv-color-preset.selected{border-color:var(--theme-text);box-shadow:0 0 0 2px var(--theme-primary)}.inv-color-preset.selected:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.inv-pagination{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--theme-border)}.inv-page-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--theme-text-muted)}.inv-modal-overlay{position:fixed;top:var(--app-header-height, 56px);left:var(--sidebar-width, 259px);right:0;bottom:0;background:#00000073;backdrop-filter:blur(3px);z-index:9500;display:flex;align-items:center;justify-content:center;animation:inv-fade-in .2s ease;transition:left .28s ease}body.sidebar-hidden .inv-modal-overlay{left:0}body.sidebar-mini .inv-modal-overlay{left:68px}@media(max-width:980px){.inv-modal-overlay{left:0}}.inv-modal{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #0003;animation:inv-slide-up .25s ease}.inv-modal-lg{max-width:900px}.inv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--theme-border);position:sticky;top:0;background:var(--theme-surface);z-index:1;border-radius:16px 16px 0 0}.inv-modal-title{font-size:16px;font-weight:700;color:var(--theme-text);margin:0}.inv-modal-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--theme-border);background:var(--theme-background-secondary);color:var(--theme-text-muted);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.inv-modal-close:hover{background:var(--theme-error-bg, rgba(239, 68, 68, .08));color:var(--theme-error);border-color:var(--theme-error)}.inv-modal-body{padding:24px}.inv-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--theme-border)}.inv-config-tabs{display:flex;gap:0;border:1px solid var(--theme-border);border-radius:10px;overflow:hidden;background:var(--theme-surface);margin-bottom:20px}.inv-config-tab{padding:10px 16px;font-size:12px;font-weight:600;color:var(--theme-text-muted);background:transparent;border:none;border-right:1px solid var(--theme-border);cursor:pointer;transition:all .15s ease;white-space:nowrap;flex:1;text-align:center;min-height:40px;-webkit-tap-highlight-color:transparent}.inv-config-tab:last-child{border-right:none}.inv-config-tab:hover{background:var(--theme-background-secondary);color:var(--theme-text)}.inv-config-tab.active{background:var(--theme-primary);color:#fff}.inv-config-grid{display:grid;gap:10px}.inv-config-list{display:flex;flex-direction:column;gap:6px}.inv-config-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--theme-background-secondary);border:1px solid var(--theme-border);border-radius:10px;transition:background .15s ease,border-color .15s ease}.inv-config-row:hover{background:var(--theme-surface)}.inv-config-row.selected{border-color:var(--theme-error);background:#dc26260f}.inv-config-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.inv-config-row-name{font-size:14px;font-weight:600;color:var(--theme-text)}.inv-config-row-meta{font-size:12px;color:var(--theme-text-muted)}.inv-config-row-actions{display:flex;gap:6px;flex-shrink:0}.inv-select-all{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--theme-text-muted)}.inv-checkbox{--size: 18px;--border-radius: 4px;--border-color: var(--theme-border);--background-checked: var(--theme-primary);--border-color-checked: var(--theme-primary);--checkmark-color: #fff}.inv-flag-swatch{width:16px;height:16px;border-radius:4px;border:1px solid var(--theme-border);flex-shrink:0}.inv-flag-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap}.inv-empty{text-align:center;padding:40px 20px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-surface)}.inv-empty p{color:var(--theme-text-muted);font-size:14px;margin:0}.inv-empty .sub{font-size:12px;margin-top:8px}@keyframes inv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes inv-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.inv-content{padding:16px}.inv-cards-grid,.inv-filter-grid{grid-template-columns:1fr}.inv-header{padding:14px 16px;flex-wrap:wrap;gap:8px}.inv-header-title{font-size:16px}.inv-header-subtitle{display:none}.inv-config-tabs{flex-wrap:wrap}.inv-modal{width:95vw;max-height:85vh;border-radius:14px}.inv-modal-lg{max-width:95vw}.inv-confirm-dialog{width:92%;padding:22px}.inv-header-actions{width:100%;justify-content:flex-end}.inv-header-actions .sa-btn{flex:1}.inv-filter-panel{padding:16px;border-radius:14px}.inv-section-header{flex-wrap:wrap;gap:8px}}