:root,.ds-root,.ds-overlay,.ds-toast-viewport{--ds-primary: #2463eb;--ds-primary-strong: #2563eb;--ds-primary-hover: #1d4ed8;--ds-primary-active: #1e40af;--ds-primary-light: #eff6ff;--ds-primary-border: #bfdbfe;--ds-primary-text: #1e40af;--ds-background: #f8fafc;--ds-surface: #ffffff;--ds-surface-secondary: #f1f5f9;--ds-surface-hover: #f7f9fb;--ds-border: #e2e8f0;--ds-border-strong: #cbd5e1;--ds-text-primary: #1e293b;--ds-text-heading: #10172a;--ds-text-secondary: #64748b;--ds-text-muted: #94a3b8;--ds-text-disabled: #cbd5e1;--ds-on-solid: var(--ds-white);--ds-success-solid: #0fb981;--ds-success-strong: #16a34a;--ds-success-bg: #ecfdf5;--ds-success-text: #047857;--ds-success-border: #a7f3d0;--ds-warning-solid: #f59e0b;--ds-warning-bg: #fffbeb;--ds-warning-text: #b45309;--ds-warning-border: #fde68a;--ds-danger-solid: #ef4444;--ds-danger-strong: #dc2626;--ds-danger-bg: #fef2f2;--ds-danger-text: #b91c1c;--ds-danger-border: #fecaca;--ds-info-solid: #2463eb;--ds-info-bg: #eff6ff;--ds-info-text: #1d4ed8;--ds-info-border: #bfdbfe;--ds-purple-solid: #7c3aed;--ds-purple-bg: #f5f3ff;--ds-purple-text: #6d28d9;--ds-purple-border: #ddd6fe;--ds-teal-solid: #0d9488;--ds-teal-bg: #f0fdfa;--ds-teal-text: #0f766e;--ds-teal-border: #99f6e4;--ds-neutral-solid: #64748b;--ds-neutral-bg: #f1f5f9;--ds-neutral-text: #475569;--ds-neutral-border: #cbd5e1;--ds-orange-solid: #f97316;--ds-orange-bg: #fff7ed;--ds-orange-text: #c2410c;--ds-orange-border: #fed7aa;--ds-chart-blue: #3b82f6;--ds-chart-green: #10b981;--ds-chart-amber: #f59e0b;--ds-chart-purple: #8b5cf6;--ds-chart-cyan: #06b6d4;--ds-chart-pink: #ec4899;--ds-chart-orange: #f97316;--ds-chart-indigo: #6366f1;--ds-chart-indigo-light: #818cf8;--ds-chart-purple-light: #a78bfa;--ds-chart-red: #ef4444;--ds-chart-teal: #0d9488;--ds-chart-pink-strong: #db2777;--ds-chart-indigo-strong: #4338ca;--ds-chart-cyan-strong: #0e7490;--ds-chart-teal-light: #14b8a6;--ds-warning-strong: #a16207;--ds-text-strong: #0f172a;--ds-white: #ffffff;--ds-black: #000000;--ds-overlay-bg: rgba(15, 23, 42, .42);--ds-overlay-border: rgba(255, 255, 255, .5);--ds-danger-focus: 0 0 0 3px rgba(239, 68, 68, .15);--ds-canvas: var(--ds-background);--ds-surface-1: var(--ds-surface);--ds-surface-2: var(--ds-surface-secondary);--ds-surface-3: var(--ds-surface-hover);--ds-layout-sidebar-background: var(--ds-surface);--ds-layout-header-background: var(--ds-surface);--ds-text-link: var(--ds-primary-strong);--ds-border-default: var(--ds-border);--ds-interactive: var(--ds-primary);--ds-interactive-hover: var(--ds-primary-hover);--ds-interactive-active: var(--ds-primary-active);--ds-interactive-focus: var(--ds-focus-ring);--ds-disabled-background: var(--ds-surface-secondary);--ds-disabled-border: var(--ds-border);--ds-control-background: var(--ds-surface);--ds-control-background-hover: var(--ds-surface-hover);--ds-control-border: var(--ds-border-strong);--ds-control-placeholder: var(--ds-text-muted);--ds-input-background: var(--ds-control-background);--ds-input-border: var(--ds-control-border);--ds-dropdown-background: var(--ds-surface);--ds-table-background: var(--ds-surface);--ds-table-header-background: var(--ds-surface-secondary);--ds-table-row-hover: var(--ds-surface-hover);--ds-table-row-selected: var(--ds-primary-light);--ds-table-sticky-background: var(--ds-surface);--ds-modal-background: var(--ds-surface);--ds-overlay-backdrop: var(--ds-overlay-bg);--ds-tooltip-background: var(--ds-text-strong);--ds-tooltip-text: var(--ds-white);--ds-kpi-value: var(--ds-text-heading);--ds-kpi-label: var(--ds-text-secondary);--ds-illustration-color: var(--ds-primary);--ds-illustration-opacity: .08;--ds-control-height-sm: 34px;--ds-control-height-md: 40px;--ds-control-height-lg: 46px;--ds-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-system: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ds-font-size-caption: 11px;--ds-font-size-small: 12px;--ds-font-size-label: 13px;--ds-font-size-body: 14px;--ds-font-size-base: 16px;--ds-font-size-section: 18px;--ds-font-size-title: 20px;--ds-font-size-page: 24px;--ds-font-size-display: 30px;--ds-font-size-kpi: 32px;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-16: 64px;--ds-radius-xs: 4px;--ds-radius-sm: 6px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-radius-xl: 16px;--ds-radius-pill: 9999px;--ds-shadow-card: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .045);--ds-shadow-card-raised: 0 2px 4px rgba(15, 23, 42, .05), 0 14px 30px rgba(15, 23, 42, .09);--ds-card-background: var(--ds-surface);--ds-card-border: var(--ds-border);--ds-card-radius: var(--ds-radius-xl);--ds-card-padding: var(--ds-space-6);--ds-card-icon-size: 44px;--ds-kpi-line-height: 44px;--ds-card-gradient-primary: linear-gradient( 135deg, var(--ds-white) 12%, var(--ds-primary-light) 100% );--ds-card-gradient-success: linear-gradient( 135deg, var(--ds-white) 12%, var(--ds-success-bg) 100% );--ds-card-gradient-warning: linear-gradient( 135deg, var(--ds-white) 12%, var(--ds-warning-bg) 100% );--ds-card-gradient-purple: linear-gradient(135deg, var(--ds-white) 12%, var(--ds-purple-bg) 100%);--ds-card-gradient-danger: linear-gradient(135deg, var(--ds-white) 12%, var(--ds-danger-bg) 100%);--ds-card-gradient-teal: linear-gradient(135deg, var(--ds-white) 12%, var(--ds-teal-bg) 100%);--ds-card-gradient-neutral: linear-gradient( 135deg, var(--ds-white) 12%, var(--ds-neutral-bg) 100% );--ds-shadow-dropdown: 0 4px 12px rgba(15, 23, 42, .1);--ds-shadow-modal: 0 12px 32px rgba(15, 23, 42, .15);--ds-shadow-xs: 0 1px 2px 0 var(--ds-legacy-rgba-0-0-0-0-04);--ds-shadow-sm: 0 1px 3px 0 var(--ds-legacy-rgba-0-0-0-0-07), 0 1px 2px -1px var(--ds-legacy-rgba-0-0-0-0-04);--ds-shadow-md: 0 4px 6px -1px var(--ds-legacy-rgba-0-0-0-0-07), 0 2px 4px -2px var(--ds-legacy-rgba-0-0-0-0-05);--ds-shadow-lg: 0 10px 15px -3px var(--ds-legacy-rgba-0-0-0-0-08), 0 4px 6px -4px var(--ds-legacy-rgba-0-0-0-0-05);--ds-shadow-xl: 0 20px 25px -5px var(--ds-legacy-rgba-0-0-0-0-08), 0 8px 10px -6px var(--ds-legacy-rgba-0-0-0-0-04);--ds-focus-ring: 0 0 0 3px rgba(36, 99, 235, .18);--ds-layout-sidebar-width: 280px;--ds-component-sidebar-width: 264px;--ds-layout-sidebar-collapsed: 64px;--ds-layout-header-height: 60px;--ds-layout-page-padding: 32px;--ds-layout-card-padding: 24px;--ds-component-payroll-status-column-width: 180px;--ds-component-payroll-actions-column-width: 112px;--ds-component-payroll-table-width: calc( var(--ds-legacy-size-1516-53125-px) + var(--ds-component-payroll-status-column-width) + var(--ds-component-payroll-actions-column-width) );--ds-component-payroll-table-tablet-width: calc( var(--ds-legacy-size-1444-296875-px) + var(--ds-component-payroll-status-column-width) + var(--ds-component-payroll-actions-column-width) );--ds-component-payroll-table-mobile-width: calc( var(--ds-legacy-size-1428-296875-px) + var(--ds-component-payroll-status-column-width) + var(--ds-component-payroll-actions-column-width) );--ds-transition-fast: .15s ease;--ds-transition-base: .2s ease;--ds-transition-slow: .3s ease;--ds-font-weight-normal: 400;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 600;--ds-font-weight-bold: 700;--ds-font-weight-extrabold: 800;--ds-font-weight-black: 900;--ds-legacy-size-1-5: 1.5px;--ds-legacy-size-10: 10px;--ds-legacy-size-11-5: 11.5px;--ds-legacy-size-112: 112px;--ds-legacy-size-118: 118px;--ds-legacy-size-11: 11px;--ds-legacy-size-12-5: 12.5px;--ds-legacy-size-12: 12px;--ds-legacy-size-13-5: 13.5px;--ds-legacy-size-13: 13px;--ds-legacy-size-14-8: 14.8px;--ds-legacy-size-14: 14px;--ds-legacy-size-15: 15px;--ds-legacy-size-16-9: 16.9px;--ds-legacy-size-17-6: 17.6px;--ds-legacy-size-17: 17px;--ds-legacy-size-18-390625: 18.390625px;--ds-legacy-size-18-4: 18.4px;--ds-legacy-size-18: 18px;--ds-legacy-size-19-2: 19.2px;--ds-legacy-size-19: 19px;--ds-legacy-size-1: 1px;--ds-legacy-size-2-5: 2.5px;--ds-legacy-size-20-8: 20.8px;--ds-legacy-size-20: 20px;--ds-legacy-size-21: 21px;--ds-legacy-size-22: 22px;--ds-legacy-size-23: 23px;--ds-legacy-size-24-8: 24.8px;--ds-legacy-size-248: 248px;--ds-legacy-size-25-6: 25.6px;--ds-legacy-size-25: 25px;--ds-legacy-size-26: 26px;--ds-legacy-size-27-2: 27.2px;--ds-legacy-size-27: 27px;--ds-legacy-size-28: 28px;--ds-legacy-size-2: 2px;--ds-legacy-size-30: 30px;--ds-legacy-size-34: 34px;--ds-legacy-size-35: 35px;--ds-legacy-size-36: 36px;--ds-legacy-size-38: 38px;--ds-legacy-size-3: 3px;--ds-legacy-size-4-1875: 4.1875px;--ds-legacy-size-42: 42px;--ds-legacy-size-46: 46px;--ds-legacy-size-48: 48px;--ds-legacy-size-4: 4px;--ds-legacy-size-52: 52px;--ds-legacy-size-54: 54px;--ds-legacy-size-56: 56px;--ds-legacy-size-5: 5px;--ds-legacy-size-60: 60px;--ds-legacy-size-62: 62px;--ds-legacy-size-68: 68px;--ds-legacy-size-6: 6px;--ds-legacy-size-70: 70px;--ds-legacy-size-72: 72px;--ds-legacy-size-7: 7px;--ds-legacy-size-84: 84px;--ds-legacy-size-8: 8px;--ds-legacy-size-999: 999px;--ds-legacy-size-99: 99px;--ds-legacy-size-9: 9px;--ds-legacy-size-n16: -16px;--ds-legacy-size-n1: -1px;--ds-legacy-size-n2: -2px;--ds-legacy-size-n6: -6px;--ds-legacy-size-n8: -8px;--ds-legacy-shadow-1: 0 1px 2px var(--ds-legacy-rgba-15-23-42-18);--ds-legacy-shadow-2: 0 8px 24px var(--ds-legacy-2563eb4d);--ds-legacy-shadow-3: 0 4px 14px var(--ds-legacy-2563eb47);--ds-legacy-shadow-4: 0 0 0 3px var(--ds-legacy-2563eb1f);--ds-legacy-shadow-5: 0 4px 14px var(--ds-legacy-2563eb4d);--ds-legacy-shadow-6: 0 1px 2px var(--ds-legacy-rgb-15-23-42-8);--ds-legacy-shadow-7: 0 0 0 3px var(--ds-success-bg);--ds-legacy-shadow-8: 0 20px 50px var(--ds-legacy-rgba-15-23-42-18);--ds-legacy-shadow-9: 0 0 0 3px var(--ds-legacy-rgba-37-99-235-0-1);--ds-legacy-shadow-10: 0 0 0 3px var(--ds-legacy-rgba-37-99-235-0-2);--ds-legacy-shadow-11: 0 0 0 3px var(--ds-legacy-rgba-37-99-235-0-3);--ds-legacy-shadow-12: 0 0 0 3px var(--ds-legacy-rgba-239-68-68-0-1);--ds-legacy-shadow-13: 0 0 0 2px var(--color-border);--ds-legacy-shadow-14: 0 2px 5px var(--ds-legacy-0f172a1c);--ds-legacy-shadow-15: 0 0 0 1px var(--ds-primary-border);--ds-legacy-shadow-16: 0 0 0 1px var(--ds-success-border);--ds-legacy-shadow-17: 0 0 0 1px var(--ds-purple-border);--ds-legacy-shadow-18: 0 0 0 1px var(--ds-warning-border);--ds-legacy-shadow-19: 0 0 0 1px var(--ds-legacy-bae6fd);--ds-legacy-shadow-20: 0 0 0 1px var(--ds-teal-border);--ds-legacy-shadow-21: 0 0 0 1px var(--ds-orange-border);--ds-legacy-shadow-22: 0 0 0 1px var(--ds-border);--ds-legacy-shadow-23: 0 8px 24px var(--ds-legacy-rgb-15-23-42-8);--ds-legacy-shadow-24: 0 8px 24px var(--ds-legacy-rgb-15-23-42-12);--ds-legacy-shadow-25: 0 1px 2px var(--ds-legacy-0f172a0f);--ds-legacy-shadow-26: 0 1px 2px var(--ds-legacy-0f172a0b);--ds-legacy-shadow-27: 0 1px 3px var(--ds-legacy-rgba-0-0-0-0-07), 0 1px 2px -1px var(--ds-legacy-rgba-0-0-0-0-04);--ds-legacy-shadow-28: 0 16px 32px var(--ds-legacy-rgba-15-23-42-0-14), 0 4px 10px var(--ds-legacy-rgba-15-23-42-0-08);--ds-legacy-shadow-29: 0 25px 70px var(--ds-legacy-0f172a40);--ds-legacy-shadow-30: 0 12px 30px var(--ds-legacy-0f172a1f);--ds-legacy-shadow-31: 0 1px 2px var(--ds-legacy-0f172a0a);--ds-legacy-shadow-32: inset 0 -3px var(--color-primary);--ds-legacy-shadow-33: 0 1px 3px var(--ds-legacy-0003);--ds-legacy-shadow-34: 0 1px 3px var(--ds-legacy-0f172a0f);--ds-legacy-shadow-35: 0 10px 24px var(--ds-legacy-0f172a15);--ds-legacy-shadow-36: 0 1px 3px var(--ds-legacy-rgb-15-23-42-12);--ds-legacy-shadow-37: 0 2px 5px var(--ds-legacy-rgb-15-23-42-6);--ds-legacy-shadow-38: 0 1px 4px var(--ds-legacy-rgb-37-99-235-25);--ds-legacy-shadow-39: 0 0 0 2px currentColor;--ds-legacy-shadow-40: 0 1px 2px var(--ds-legacy-rgb-15-23-42-5);--ds-legacy-shadow-41: 0 0 0 3px var(--ds-legacy-rgb-59-130-246-12);--ds-legacy-shadow-42: 0 1px 3px var(--ds-legacy-rgb-15-23-42-8);--ds-legacy-shadow-43: 0 1px 2px var(--ds-legacy-rgb-15-23-42-4);--ds-legacy-transition-1: background var(--ds-transition), border-color var(--ds-transition), color var(--ds-transition), box-shadow var(--ds-transition), transform 80ms ease;--ds-legacy-transition-2: border-color var(--ds-transition), box-shadow var(--ds-transition), background var(--ds-transition);--ds-legacy-transition-3: .15s ease;--ds-legacy-transition-4: .18s ease;--ds-legacy-transition-5: width .35s ease;--ds-legacy-transition-6: stroke-dashoffset .5s ease;--ds-legacy-transition-7: background var(--ds-transition);--ds-legacy-transition-8: border-color var(--ds-transition), box-shadow var(--ds-transition), transform var(--ds-transition);--ds-legacy-transition-9: transform var(--ds-transition-base);--ds-legacy-transition-10: width .3s ease;--ds-legacy-transition-11: color var(--transition-fast);--ds-legacy-transition-12: width var(--transition-slow), transform var(--transition-slow);--ds-legacy-transition-13: opacity var(--transition-base);--ds-legacy-transition-14: background-color var(--transition-fast), color var(--transition-fast);--ds-legacy-transition-15: background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);--ds-legacy-transition-16: background-color var(--transition-fast);--ds-legacy-transition-17: margin-left var(--transition-slow);--ds-legacy-transition-18: border-color var(--transition-fast), box-shadow var(--transition-fast);--ds-legacy-transition-19: box-shadow var(--transition-fast);--ds-legacy-transition-20: box-shadow var(--transition-fast), transform var(--transition-fast);--ds-legacy-transition-21: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);--ds-legacy-transition-22: border-color var(--transition-fast), background-color var(--transition-fast);--ds-legacy-transition-23: opacity var(--transition-fast);--ds-legacy-transition-24: color var(--transition-fast), border-color var(--transition-fast);--ds-legacy-transition-25: all var(--transition-fast);--ds-legacy-transition-26: box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);--ds-legacy-transition-27: width .6s ease;--ds-legacy-transition-28: opacity var(--transition-fast), transform var(--transition-fast);--ds-legacy-transition-29: transform .2s, box-shadow .2s;--ds-legacy-transition-30: transform .2s;--ds-legacy-transition-31: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);--ds-legacy-transition-32: .2s;--ds-legacy-transition-33: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;--ds-legacy-font-family-1: Inter, system-ui, -apple-system, sans-serif;--ds-legacy-font-family-2: "Courier New", monospace;--ds-legacy-font-family-3: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--ds-legacy-font-family-4: "Inter", system-ui, -apple-system, sans-serif;--ds-legacy-font-family-5: ui-monospace, SFMono-Regular, Menlo, monospace;--ds-legacy-font-family-6: ui-monospace, monospace;--ds-legacy-font-family-7: monospace;--ds-legacy-font-family-8: "Inter", sans-serif;--ds-legacy-size-0-2-px: .2px;--ds-legacy-size-0-3-px: .3px;--ds-legacy-size-0-5-px: .5px;--ds-legacy-size-0-6-px: .6px;--ds-legacy-size-100-09375-px: 100.09375px;--ds-legacy-size-100-25-px: 100.25px;--ds-legacy-size-100-890625-px: 100.890625px;--ds-legacy-size-100-px: 100px;--ds-legacy-size-102-109375-px: 102.109375px;--ds-legacy-size-102-5-px: 102.5px;--ds-legacy-size-102-px: 102px;--ds-legacy-size-103-5-px: 103.5px;--ds-legacy-size-103-703125-px: 103.703125px;--ds-legacy-size-103-px: 103px;--ds-legacy-size-104-015625-px: 104.015625px;--ds-legacy-size-104-796875-px: 104.796875px;--ds-legacy-size-104-890625-px: 104.890625px;--ds-legacy-size-104-px: 104px;--ds-legacy-size-105-px: 105px;--ds-legacy-size-106-px: 106px;--ds-legacy-size-1060-px: 1060px;--ds-legacy-size-107-390625-px: 107.390625px;--ds-legacy-size-108-px: 108px;--ds-legacy-size-1080-px: 1080px;--ds-legacy-size-1084-75-px: 1084.75px;--ds-legacy-size-1094-px: 1094px;--ds-legacy-size-110-px: 110px;--ds-legacy-size-1100-75-px: 1100.75px;--ds-legacy-size-111-15625-px: 111.15625px;--ds-legacy-size-1110-375-px: 1110.375px;--ds-legacy-size-112-09375-px: 112.09375px;--ds-legacy-size-112-328125-px: 112.328125px;--ds-legacy-size-1120-px: 1120px;--ds-legacy-size-1126-375-px: 1126.375px;--ds-legacy-size-114-40625-px: 114.40625px;--ds-legacy-size-115-125-px: 115.125px;--ds-legacy-size-115-703125-px: 115.703125px;--ds-legacy-size-1160-px: 1160px;--ds-legacy-size-117-140625-px: 117.140625px;--ds-legacy-size-117-28125-px: 117.28125px;--ds-legacy-size-1181-9375-px: 1181.9375px;--ds-legacy-size-120-328125-px: 120.328125px;--ds-legacy-size-120-px: 120px;--ds-legacy-size-121-875-px: 121.875px;--ds-legacy-size-122-109375-px: 122.109375px;--ds-legacy-size-123-484375-px: 123.484375px;--ds-legacy-size-124-421875-px: 124.421875px;--ds-legacy-size-124-px: 124px;--ds-legacy-size-1250-px: 1250px;--ds-legacy-size-127-375-px: 127.375px;--ds-legacy-size-128-921875-px: 128.921875px;--ds-legacy-size-1280-px: 1280px;--ds-legacy-size-129-28125-px: 129.28125px;--ds-legacy-size-129-84375-px: 129.84375px;--ds-legacy-size-130-px: 130px;--ds-legacy-size-132-21875-px: 132.21875px;--ds-legacy-size-132-375-px: 132.375px;--ds-legacy-size-132-828125-px: 132.828125px;--ds-legacy-size-132-px: 132px;--ds-legacy-size-134-578125-px: 134.578125px;--ds-legacy-size-136-640625-px: 136.640625px;--ds-legacy-size-136-921875-px: 136.921875px;--ds-legacy-size-136-px: 136px;--ds-legacy-size-138-140625-px: 138.140625px;--ds-legacy-size-138-890625-px: 138.890625px;--ds-legacy-size-138-px: 138px;--ds-legacy-size-140-328125-px: 140.328125px;--ds-legacy-size-140-9375-px: 140.9375px;--ds-legacy-size-140-px: 140px;--ds-legacy-size-142-px: 142px;--ds-legacy-size-1428-296875-px: 1428.296875px;--ds-legacy-size-1444-296875-px: 1444.296875px;--ds-legacy-size-145-px: 145px;--ds-legacy-size-148-328125-px: 148.328125px;--ds-legacy-size-148-px: 148px;--ds-legacy-size-150-px: 150px;--ds-legacy-size-1500-px: 1500px;--ds-legacy-size-1516-53125-px: 1516.53125px;--ds-legacy-size-152-1875-px: 152.1875px;--ds-legacy-size-159-1875-px: 159.1875px;--ds-legacy-size-16-px: 16px;--ds-legacy-size-160-390625-px: 160.390625px;--ds-legacy-size-160-px: 160px;--ds-legacy-size-165-px: 165px;--ds-legacy-size-166-6875-px: 166.6875px;--ds-legacy-size-170-px: 170px;--ds-legacy-size-174-234375-px: 174.234375px;--ds-legacy-size-175-890625-px: 175.890625px;--ds-legacy-size-176-84375-px: 176.84375px;--ds-legacy-size-176-px: 176px;--ds-legacy-size-177-71875-px: 177.71875px;--ds-legacy-size-178-px: 178px;--ds-legacy-size-179-625-px: 179.625px;--ds-legacy-size-180-px: 180px;--ds-legacy-size-187-34375-px: 187.34375px;--ds-legacy-size-188-px: 188px;--ds-legacy-size-190-px: 190px;--ds-legacy-size-200-px: 200px;--ds-legacy-size-205-px: 205px;--ds-legacy-size-210-px: 210px;--ds-legacy-size-211-px: 211px;--ds-legacy-size-214-px: 214px;--ds-legacy-size-220-px: 220px;--ds-legacy-size-230-px: 230px;--ds-legacy-size-234-21875-px: 234.21875px;--ds-legacy-size-24-px: 24px;--ds-legacy-size-240-px: 240px;--ds-legacy-size-247-3125-px: 247.3125px;--ds-legacy-size-260-px: 260px;--ds-legacy-size-261-px: 261px;--ds-legacy-size-270-px: 270px;--ds-legacy-size-279-65625-px: 279.65625px;--ds-legacy-size-280-px: 280px;--ds-legacy-size-287-65625-px: 287.65625px;--ds-legacy-size-296-703125-px: 296.703125px;--ds-legacy-size-300-px: 300px;--ds-legacy-size-308-px: 308px;--ds-legacy-size-31-px: 31px;--ds-legacy-size-319-34375-px: 319.34375px;--ds-legacy-size-32-px: 32px;--ds-legacy-size-320-px: 320px;--ds-legacy-size-33-px: 33px;--ds-legacy-size-330-px: 330px;--ds-legacy-size-34-390625-px: 34.390625px;--ds-legacy-size-35-5-px: 35.5px;--ds-legacy-size-350-px: 350px;--ds-legacy-size-360-px: 360px;--ds-legacy-size-380-px: 380px;--ds-legacy-size-39-px: 39px;--ds-legacy-size-390-px: 390px;--ds-legacy-size-40-px: 40px;--ds-legacy-size-400-px: 400px;--ds-legacy-size-41-px: 41px;--ds-legacy-size-420-px: 420px;--ds-legacy-size-430-px: 430px;--ds-legacy-size-44-px: 44px;--ds-legacy-size-440-px: 440px;--ds-legacy-size-45-125-px: 45.125px;--ds-legacy-size-45-px: 45px;--ds-legacy-size-457-px: 457px;--ds-legacy-size-460-px: 460px;--ds-legacy-size-47-px: 47px;--ds-legacy-size-480-px: 480px;--ds-legacy-size-50-453125-px: 50.453125px;--ds-legacy-size-50-px: 50px;--ds-legacy-size-507-px: 507px;--ds-legacy-size-509-px: 509px;--ds-legacy-size-520-px: 520px;--ds-legacy-size-53-125-px: 53.125px;--ds-legacy-size-540-px: 540px;--ds-legacy-size-544-4375-px: 544.4375px;--ds-legacy-size-55-px: 55px;--ds-legacy-size-550-px: 550px;--ds-legacy-size-560-px: 560px;--ds-legacy-size-575-px: 575px;--ds-legacy-size-58-234375-px: 58.234375px;--ds-legacy-size-58-px: 58px;--ds-legacy-size-590-px: 590px;--ds-legacy-size-600-px: 600px;--ds-legacy-size-610-px: 610px;--ds-legacy-size-620-px: 620px;--ds-legacy-size-64-px: 64px;--ds-legacy-size-65-px: 65px;--ds-legacy-size-660-px: 660px;--ds-legacy-size-68-5-px: 68.5px;--ds-legacy-size-680-px: 680px;--ds-legacy-size-69-px: 69px;--ds-legacy-size-71-px: 71px;--ds-legacy-size-720-px: 720px;--ds-legacy-size-73-390625-px: 73.390625px;--ds-legacy-size-74-578125-px: 74.578125px;--ds-legacy-size-74-px: 74px;--ds-legacy-size-76-px: 76px;--ds-legacy-size-760-px: 760px;--ds-legacy-size-770-46875-px: 770.46875px;--ds-legacy-size-78-203125-px: 78.203125px;--ds-legacy-size-78-625-px: 78.625px;--ds-legacy-size-78-6875-px: 78.6875px;--ds-legacy-size-780-px: 780px;--ds-legacy-size-79-109375-px: 79.109375px;--ds-legacy-size-79-96875-px: 79.96875px;--ds-legacy-size-80-015625-px: 80.015625px;--ds-legacy-size-80-px: 80px;--ds-legacy-size-81-px: 81px;--ds-legacy-size-812-px: 812px;--ds-legacy-size-82-4375-px: 82.4375px;--ds-legacy-size-82-px: 82px;--ds-legacy-size-820-px: 820px;--ds-legacy-size-85-625-px: 85.625px;--ds-legacy-size-85-640625-px: 85.640625px;--ds-legacy-size-86-px: 86px;--ds-legacy-size-860-px: 860px;--ds-legacy-size-87-171875-px: 87.171875px;--ds-legacy-size-87-421875-px: 87.421875px;--ds-legacy-size-87-96875-px: 87.96875px;--ds-legacy-size-88-015625-px: 88.015625px;--ds-legacy-size-88-px: 88px;--ds-legacy-size-880-px: 880px;--ds-legacy-size-89-0625-px: 89.0625px;--ds-legacy-size-90-703125-px: 90.703125px;--ds-legacy-size-90-px: 90px;--ds-legacy-size-91-546875-px: 91.546875px;--ds-legacy-size-92-125-px: 92.125px;--ds-legacy-size-92-px: 92px;--ds-legacy-size-920-px: 920px;--ds-legacy-size-925-71875-px: 925.71875px;--ds-legacy-size-941-71875-px: 941.71875px;--ds-legacy-size-95-453125-px: 95.453125px;--ds-legacy-size-96-3125-px: 96.3125px;--ds-legacy-size-96-px: 96px;--ds-legacy-size-960-px: 960px;--ds-legacy-size-97-375-px: 97.375px;--ds-legacy-size-97-453125-px: 97.453125px;--ds-legacy-size-97-578125-px: 97.578125px;--ds-legacy-size-97-734375-px: 97.734375px;--ds-legacy-size-980-px: 980px;--ds-legacy-size-99-234375-px: 99.234375px;--ds-legacy-size-99-390625-px: 99.390625px;--ds-legacy-size-99-9375-px: 99.9375px;--ds-legacy-size-n0-4-px: -.4px;--ds-legacy-size-n0-5-px: -.5px;--ds-legacy-size-n12-px: -12px;--ds-legacy-size-n120-px: -120px;--ds-legacy-size-n21-px: -21px;--ds-legacy-size-n230-px: -230px;--ds-legacy-size-n270-px: -270px;--ds-legacy-size-n3-px: -3px;--ds-legacy-size-n80-px: -80px;--ds-legacy-time-0-01-ms: .01ms;--ds-legacy-time-0-15-s: .15s;--ds-legacy-time-0-18-s: .18s;--ds-legacy-time-0-2-s: .2s;--ds-legacy-time-0-6-s: .6s;--ds-legacy-time-0-7-s: .7s;--ds-legacy-time-1-35-s: 1.35s;--ds-legacy-time-1-5-s: 1.5s;--ds-legacy-00000014: #00000014;--ds-legacy-0000001f: #0000001f;--ds-legacy-0003: #0003;--ds-legacy-0369a1: #0369a1;--ds-legacy-059669: #059669;--ds-legacy-065f46: #065f46;--ds-legacy-07875f: #07875f;--ds-legacy-0b857c: #0b857c;--ds-legacy-0f172a0a: #0f172a0a;--ds-legacy-0f172a0b: #0f172a0b;--ds-legacy-0f172a0f: #0f172a0f;--ds-legacy-0f172a15: #0f172a15;--ds-legacy-0f172a1c: #0f172a1c;--ds-legacy-0f172a1f: #0f172a1f;--ds-legacy-0f172a40: #0f172a40;--ds-legacy-0f172a99: #0f172a99;--ds-legacy-14532d: #14532d;--ds-legacy-162033: #162033;--ds-legacy-166534: #166534;--ds-legacy-173678: #173678;--ds-legacy-1e3a5f: #1e3a5f;--ds-legacy-2563eb1f: #2563eb1f;--ds-legacy-2563eb47: #2563eb47;--ds-legacy-2563eb4d: #2563eb4d;--ds-legacy-334155: #334155;--ds-legacy-374151: #374151;--ds-legacy-4d7c0f: #4d7c0f;--ds-legacy-4f46e5: #4f46e5;--ds-legacy-566273: #566273;--ds-legacy-5b21b6: #5b21b6;--ds-legacy-5f7085: #5f7085;--ds-legacy-60a5fa: #60a5fa;--ds-legacy-6366f11a: #6366f11a;--ds-legacy-67778e: #67778e;--ds-legacy-6ee7b7: #6ee7b7;--ds-legacy-854d0e: #854d0e;--ds-legacy-92400e: #92400e;--ds-legacy-93c5fd: #93c5fd;--ds-legacy-991b1b: #991b1b;--ds-legacy-9a3412: #9a3412;--ds-legacy-a16207: #a16207;--ds-legacy-a85408: #a85408;--ds-legacy-b95d0b: #b95d0b;--ds-legacy-bae6fd: #bae6fd;--ds-legacy-be123c: #be123c;--ds-legacy-be185d: #be185d;--ds-legacy-c3d0e2: #c3d0e2;--ds-legacy-c4b5fd: #c4b5fd;--ds-legacy-ca8a04: #ca8a04;--ds-legacy-ccc: #ccc;--ds-legacy-ccfbf1: #ccfbf1;--ds-legacy-d1fae5: #d1fae5;--ds-legacy-d43136: #d43136;--ds-legacy-d97706: #d97706;--ds-legacy-dbe3ee: #dbe3ee;--ds-legacy-dbe3ef: #dbe3ef;--ds-legacy-dbeafe: #dbeafe;--ds-legacy-dc363a: #dc363a;--ds-legacy-dce3ed: #dce3ed;--ds-legacy-dcfce7: #dcfce7;--ds-legacy-e0e7ff: #e0e7ff;--ds-legacy-e0f2fe: #e0f2fe;--ds-legacy-e7e2ff: #e7e2ff;--ds-legacy-e8edf3: #e8edf3;--ds-legacy-e9eef5: #e9eef5;--ds-legacy-ea580c: #ea580c;--ds-legacy-eab308: #eab308;--ds-legacy-eaf2ff: #eaf2ff;--ds-legacy-ecfeff: #ecfeff;--ds-legacy-ede9fe: #ede9fe;--ds-legacy-eef2f7: #eef2f7;--ds-legacy-eef2ff: #eef2ff;--ds-legacy-eef6ff: #eef6ff;--ds-legacy-f0f4ff: #f0f4ff;--ds-legacy-f0f9ff: #f0f9ff;--ds-legacy-f0fdf4: #f0fdf4;--ds-legacy-f6f3ff: #f6f3ff;--ds-legacy-f7f9fc: #f7f9fc;--ds-legacy-f8fbff: #f8fbff;--ds-legacy-fafbfc: #fafbfc;--ds-legacy-fafbfd: #fafbfd;--ds-legacy-fbfdff: #fbfdff;--ds-legacy-fca5a5: #fca5a5;--ds-legacy-fcd34d: #fcd34d;--ds-legacy-fdba74: #fdba74;--ds-legacy-fee2e2: #fee2e2;--ds-legacy-fef3c7: #fef3c7;--ds-legacy-fef9c3: #fef9c3;--ds-legacy-fefce8: #fefce8;--ds-legacy-ffedd5: #ffedd5;--ds-legacy-fff9: #fff9;--ds-legacy-ffffff55: #ffffff55;--ds-legacy-ffffff66: #ffffff66;--ds-legacy-ffffffb3: #ffffffb3;--ds-legacy-ffffffe6: #ffffffe6;--ds-legacy-rgb-0-0-0-10: rgb(0 0 0 / 10%);--ds-legacy-rgb-15-23-42-12: rgb(15 23 42 / 12%);--ds-legacy-rgb-15-23-42-4: rgb(15 23 42 / 4%);--ds-legacy-rgb-15-23-42-5: rgb(15 23 42 / 5%);--ds-legacy-rgb-15-23-42-6: rgb(15 23 42 / 6%);--ds-legacy-rgb-15-23-42-8: rgb(15 23 42 / 8%);--ds-legacy-rgb-153-27-27-13: rgb(153 27 27 / 13%);--ds-legacy-rgb-194-65-12-13: rgb(194 65 12 / 13%);--ds-legacy-rgb-22-101-52-13: rgb(22 101 52 / 13%);--ds-legacy-rgb-226-232-240-90: rgb(226 232 240 / 90%);--ds-legacy-rgb-37-99-235-25: rgb(37 99 235 / 25%);--ds-legacy-rgb-59-130-246-12: rgb(59 130 246 / 12%);--ds-legacy-rgba-0-0-0-0-04: rgba(0, 0, 0, .04);--ds-legacy-rgba-0-0-0-0-05: rgba(0, 0, 0, .05);--ds-legacy-rgba-0-0-0-0-07: rgba(0, 0, 0, .07);--ds-legacy-rgba-0-0-0-0-08: rgba(0, 0, 0, .08);--ds-legacy-rgba-0-0-0-0-1: rgba(0, 0, 0, .1);--ds-legacy-rgba-15-23-42-0-08: rgba(15, 23, 42, .08);--ds-legacy-rgba-15-23-42-0-14: rgba(15, 23, 42, .14);--ds-legacy-rgba-15-23-42-0-4: rgba(15, 23, 42, .4);--ds-legacy-rgba-15-23-42-0-5: rgba(15, 23, 42, .5);--ds-legacy-rgba-15-23-42-06: rgba(15, 23, 42, .06);--ds-legacy-rgba-15-23-42-07: rgba(15, 23, 42, .07);--ds-legacy-rgba-15-23-42-18: rgba(15, 23, 42, .18);--ds-legacy-rgba-15-23-42-28: rgba(15, 23, 42, .28);--ds-legacy-rgba-15-23-42-3: rgba(15, 23, 42, .3);--ds-legacy-rgba-191-219-254-8: rgba(191, 219, 254, .8);--ds-legacy-rgba-239-68-68-0-1: rgba(239, 68, 68, .1);--ds-legacy-rgba-255-255-255-0-3: rgba(255, 255, 255, .3);--ds-legacy-rgba-255-255-255-78: rgba(255, 255, 255, .78);--ds-legacy-rgba-255-255-255-9: rgba(255, 255, 255, .9);--ds-legacy-rgba-36-99-235-055: rgba(36, 99, 235, .055);--ds-legacy-rgba-37-99-235-0-1: rgba(37, 99, 235, .1);--ds-legacy-rgba-37-99-235-0-2: rgba(37, 99, 235, .2);--ds-legacy-rgba-37-99-235-0-28: rgba(37, 99, 235, .28);--ds-legacy-rgba-37-99-235-0-3: rgba(37, 99, 235, .3);--ds-transition: .16s ease}:root[data-theme=dark],:root[data-theme=dark] .ds-root,:root[data-theme=dark] .ds-overlay,:root[data-theme=dark] .ds-toast-viewport{--ds-primary: #5b8cff;--ds-primary-strong: #5b8cff;--ds-primary-hover: #7aa3ff;--ds-primary-active: #4778e8;--ds-primary-light: #172b50;--ds-primary-border: #36588f;--ds-primary-text: #afc7ff;--ds-background: #0b1220;--ds-surface: #172338;--ds-surface-secondary: #101b2d;--ds-surface-hover: #202f46;--ds-border: #31415b;--ds-border-strong: #526582;--ds-text-primary: #f1f5f9;--ds-text-heading: #f8fafc;--ds-text-secondary: #a7b6ca;--ds-text-muted: #8c9db3;--ds-text-disabled: #65748b;--ds-on-solid: #0b1220;--ds-text-strong: #f8fafc;--ds-success-solid: #34d399;--ds-success-strong: #10b981;--ds-success-bg: #12382f;--ds-success-text: #6ee7b7;--ds-success-border: #276854;--ds-warning-solid: #fbbf24;--ds-warning-strong: #f59e0b;--ds-warning-bg: #3a2d12;--ds-warning-text: #fcd34d;--ds-warning-border: #755c1c;--ds-danger-solid: #fb7185;--ds-danger-strong: #f43f5e;--ds-danger-bg: #401d2a;--ds-danger-text: #fda4af;--ds-danger-border: #7c3446;--ds-info-solid: #5b8cff;--ds-info-bg: #172b50;--ds-info-text: #afc7ff;--ds-info-border: #36588f;--ds-purple-solid: #a78bfa;--ds-purple-bg: #2d2448;--ds-purple-text: #c4b5fd;--ds-purple-border: #574580;--ds-teal-solid: #2dd4bf;--ds-teal-bg: #123a3a;--ds-teal-text: #5eead4;--ds-teal-border: #286968;--ds-neutral-solid: #a7b6ca;--ds-neutral-bg: #202f46;--ds-neutral-text: #cbd5e1;--ds-neutral-border: #44546b;--ds-orange-solid: #fb923c;--ds-orange-bg: #402817;--ds-orange-text: #fdba74;--ds-orange-border: #7c4c25;--ds-chart-blue: #5b8cff;--ds-chart-green: #34d399;--ds-chart-amber: #fbbf24;--ds-chart-purple: #a78bfa;--ds-chart-cyan: #22d3ee;--ds-chart-pink: #f472b6;--ds-chart-orange: #fb923c;--ds-chart-indigo: #818cf8;--ds-chart-indigo-light: #a5b4fc;--ds-chart-purple-light: #c4b5fd;--ds-chart-red: #fb7185;--ds-chart-teal: #2dd4bf;--ds-chart-pink-strong: #f472b6;--ds-chart-indigo-strong: #818cf8;--ds-chart-cyan-strong: #22d3ee;--ds-chart-teal-light: #5eead4;--ds-overlay-bg: rgba(3, 7, 18, .72);--ds-overlay-border: rgba(167, 182, 202, .24);--ds-danger-focus: 0 0 0 3px rgba(251, 113, 133, .22);--ds-focus-ring: 0 0 0 3px rgba(91, 140, 255, .28);--ds-shadow-card: 0 1px 2px rgba(0, 0, 0, .24), 0 10px 28px rgba(0, 0, 0, .16);--ds-shadow-card-raised: 0 2px 5px rgba(0, 0, 0, .28), 0 18px 38px rgba(0, 0, 0, .24);--ds-shadow-dropdown: 0 12px 28px rgba(0, 0, 0, .32);--ds-shadow-modal: 0 24px 56px rgba(0, 0, 0, .42);--ds-shadow-xs: 0 1px 2px rgba(0, 0, 0, .22);--ds-shadow-sm: 0 2px 5px rgba(0, 0, 0, .24);--ds-shadow-md: 0 8px 16px rgba(0, 0, 0, .25);--ds-shadow-lg: 0 16px 30px rgba(0, 0, 0, .3);--ds-shadow-xl: 0 24px 44px rgba(0, 0, 0, .36);--ds-card-gradient-primary: linear-gradient(135deg, #172338 12%, rgba(91, 140, 255, .1) 100%);--ds-card-gradient-success: linear-gradient(135deg, #172338 12%, rgba(52, 211, 153, .1) 100%);--ds-card-gradient-warning: linear-gradient(135deg, #172338 12%, rgba(251, 191, 36, .1) 100%);--ds-card-gradient-purple: linear-gradient(135deg, #172338 12%, rgba(167, 139, 250, .1) 100%);--ds-card-gradient-danger: linear-gradient(135deg, #172338 12%, rgba(251, 113, 133, .1) 100%);--ds-card-gradient-teal: linear-gradient(135deg, #172338 12%, rgba(45, 212, 191, .1) 100%);--ds-card-gradient-neutral: linear-gradient(135deg, #172338 12%, rgba(167, 182, 202, .08) 100%);--ds-canvas: var(--ds-background);--ds-surface-1: var(--ds-surface);--ds-surface-2: var(--ds-surface-secondary);--ds-surface-3: var(--ds-surface-hover);--ds-layout-sidebar-background: #101b2d;--ds-layout-header-background: #101b2d;--ds-text-link: #8fb1ff;--ds-border-default: var(--ds-border);--ds-interactive: var(--ds-primary);--ds-interactive-hover: var(--ds-primary-hover);--ds-interactive-active: var(--ds-primary-active);--ds-interactive-focus: var(--ds-focus-ring);--ds-disabled-background: #152035;--ds-disabled-border: #293850;--ds-control-background: #101b2d;--ds-control-background-hover: #202f46;--ds-control-border: #3c4d68;--ds-control-placeholder: #8c9db3;--ds-input-background: var(--ds-control-background);--ds-input-border: var(--ds-control-border);--ds-dropdown-background: #172338;--ds-table-background: #172338;--ds-table-header-background: #101b2d;--ds-table-row-hover: #202f46;--ds-table-row-selected: #172b50;--ds-table-sticky-background: #172338;--ds-modal-background: #172338;--ds-overlay-backdrop: var(--ds-overlay-bg);--ds-tooltip-background: #202f46;--ds-tooltip-text: #f1f5f9;--ds-kpi-value: #f8fafc;--ds-kpi-label: #a7b6ca;--ds-illustration-color: #5b8cff;--ds-illustration-opacity: .08;--ds-legacy-334155: var(--ds-text-primary);--ds-legacy-374151: var(--ds-text-secondary);--ds-legacy-566273: var(--ds-text-secondary);--ds-legacy-5f7085: var(--ds-text-secondary);--ds-legacy-67778e: var(--ds-text-muted);--ds-legacy-c3d0e2: var(--ds-border-strong);--ds-legacy-dbe3ee: var(--ds-border);--ds-legacy-dbe3ef: var(--ds-border);--ds-legacy-dce3ed: var(--ds-border);--ds-legacy-e8edf3: var(--ds-border);--ds-legacy-e9eef5: var(--ds-border);--ds-legacy-eef2f7: var(--ds-surface-secondary);--ds-legacy-f7f9fc: var(--ds-surface-hover);--ds-legacy-f8fbff: var(--ds-surface);--ds-legacy-fafbfc: var(--ds-surface-secondary);--ds-legacy-fafbfd: var(--ds-surface-secondary);--ds-legacy-fbfdff: var(--ds-surface);--ds-legacy-dbeafe: var(--ds-primary-light);--ds-legacy-eaf2ff: var(--ds-primary-light);--ds-legacy-eef2ff: var(--ds-primary-light);--ds-legacy-eef6ff: var(--ds-primary-light);--ds-legacy-f0f4ff: var(--ds-primary-light);--ds-legacy-e0e7ff: var(--ds-primary-light);--ds-legacy-173678: var(--ds-primary-text);--ds-legacy-1e3a5f: var(--ds-primary-text);--ds-legacy-0369a1: var(--ds-info-text);--ds-legacy-60a5fa: var(--ds-info-solid);--ds-legacy-93c5fd: var(--ds-info-text);--ds-legacy-bae6fd: var(--ds-info-border);--ds-legacy-e0f2fe: var(--ds-info-bg);--ds-legacy-f0f9ff: var(--ds-info-bg);--ds-legacy-059669: var(--ds-success-solid);--ds-legacy-065f46: var(--ds-success-text);--ds-legacy-07875f: var(--ds-success-text);--ds-legacy-0b857c: var(--ds-teal-text);--ds-legacy-14532d: var(--ds-success-text);--ds-legacy-166534: var(--ds-success-text);--ds-legacy-4d7c0f: var(--ds-success-text);--ds-legacy-6ee7b7: var(--ds-success-text);--ds-legacy-ccfbf1: var(--ds-teal-bg);--ds-legacy-d1fae5: var(--ds-success-bg);--ds-legacy-dcfce7: var(--ds-success-bg);--ds-legacy-f0fdf4: var(--ds-success-bg);--ds-legacy-854d0e: var(--ds-warning-text);--ds-legacy-92400e: var(--ds-warning-text);--ds-legacy-a16207: var(--ds-warning-text);--ds-legacy-a85408: var(--ds-warning-text);--ds-legacy-b95d0b: var(--ds-warning-text);--ds-legacy-ca8a04: var(--ds-warning-solid);--ds-legacy-d97706: var(--ds-warning-solid);--ds-legacy-eab308: var(--ds-warning-solid);--ds-legacy-fcd34d: var(--ds-warning-text);--ds-legacy-fef3c7: var(--ds-warning-bg);--ds-legacy-fef9c3: var(--ds-warning-bg);--ds-legacy-fefce8: var(--ds-warning-bg);--ds-legacy-991b1b: var(--ds-danger-text);--ds-legacy-be123c: var(--ds-danger-text);--ds-legacy-be185d: var(--ds-danger-text);--ds-legacy-d43136: var(--ds-danger-solid);--ds-legacy-dc363a: var(--ds-danger-solid);--ds-legacy-fca5a5: var(--ds-danger-text);--ds-legacy-fee2e2: var(--ds-danger-bg);--ds-legacy-4f46e5: var(--ds-purple-solid);--ds-legacy-5b21b6: var(--ds-purple-text);--ds-legacy-c4b5fd: var(--ds-purple-text);--ds-legacy-e7e2ff: var(--ds-purple-bg);--ds-legacy-ede9fe: var(--ds-purple-bg);--ds-legacy-f6f3ff: var(--ds-purple-bg);--ds-legacy-9a3412: var(--ds-orange-text);--ds-legacy-ea580c: var(--ds-orange-solid);--ds-legacy-fdba74: var(--ds-orange-text);--ds-legacy-ffedd5: var(--ds-orange-bg);--ds-legacy-ecfeff: var(--ds-teal-bg);--ds-legacy-ccc: var(--ds-border-strong);--ds-legacy-rgb-226-232-240-90: rgba(49, 65, 91, .9);--ds-legacy-rgba-255-255-255-78: rgba(23, 35, 56, .78);--ds-legacy-rgba-255-255-255-9: rgba(23, 35, 56, .9);--ds-legacy-rgba-191-219-254-8: rgba(54, 88, 143, .8);--ds-legacy-rgba-15-23-42-0-4: rgba(3, 7, 18, .68);--ds-legacy-rgba-15-23-42-0-5: rgba(3, 7, 18, .76)}:root,.ds-root,.ds-overlay,.ds-toast-viewport{font-family:var(--ds-font);font-size:var(--ds-font-size-body);line-height:1.5;color:var(--ds-text-primary)}.ds-sr-only{position:absolute!important;width:var(--ds-legacy-size-1)!important;height:var(--ds-legacy-size-1)!important;padding:0!important;margin:var(--ds-legacy-size-n1)!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ds-button{min-width:0;border:var(--ds-legacy-size-1) solid transparent;border-radius:var(--ds-radius-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);font:600 var(--ds-font-size-label)/1 var(--ds-font);white-space:nowrap;cursor:pointer;transition:var(--ds-legacy-transition-1)}.ds-button:focus-visible,.ds-overlay-close:focus-visible,.ds-tabs button:focus-visible,.ds-accordion button:focus-visible,.ds-file-upload__browse:focus-visible{outline:0;box-shadow:var(--ds-focus-ring)}.ds-button:active:not(:disabled){transform:translateY(var(--ds-legacy-size-1))}.ds-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.ds-button--xs{height:var(--ds-legacy-size-28);padding:0 var(--ds-legacy-size-9);font-size:var(--ds-font-size-small);border-radius:var(--ds-radius-sm)}.ds-button--sm{height:var(--ds-legacy-size-34);padding:0 var(--ds-space-3)}.ds-button--md{height:var(--ds-legacy-size-40-px);padding:0 var(--ds-space-4)}.ds-button--lg{height:var(--ds-legacy-size-46);padding:0 var(--ds-space-5);font-size:var(--ds-font-size-body)}.ds-button--block{width:100%}.ds-button--primary{background:var(--ds-primary);color:var(--ds-on-solid)}.ds-button--primary:hover:not(:disabled){background:var(--ds-primary-hover)}.ds-button--primary:active:not(:disabled){background:var(--ds-primary-active)}.ds-button--secondary{color:var(--ds-text-primary);background:var(--ds-surface);border-color:var(--ds-border);box-shadow:var(--ds-shadow-card)}.ds-button--secondary:hover:not(:disabled),.ds-button--outline:hover:not(:disabled),.ds-button--ghost:hover:not(:disabled){background:var(--ds-surface-hover);border-color:var(--ds-border-strong)}.ds-button--outline{color:var(--ds-primary);background:transparent;border-color:var(--ds-primary-border)}.ds-button--ghost{color:var(--ds-text-secondary);background:transparent}.ds-button--plain{min-height:0;height:auto;padding:0;border:0;border-radius:0;color:inherit;background:transparent;box-shadow:none;font:inherit}.ds-button--plain:hover:not(:disabled){color:inherit;background:transparent}.ds-button--text{color:var(--ds-primary);background:transparent;padding-inline:var(--ds-legacy-size-6)}.ds-button--link{color:var(--ds-primary);background:transparent;padding-inline:0;text-decoration:underline;text-underline-offset:var(--ds-legacy-size-3)}.ds-button--success{color:var(--ds-on-solid);background:var(--ds-success-solid)}.ds-button--success:hover:not(:disabled){background:var(--ds-success-text)}.ds-button--warning{color:var(--ds-on-solid);background:var(--ds-warning-solid)}.ds-button--warning:hover:not(:disabled){background:var(--ds-warning-text)}.ds-button--danger{color:var(--ds-on-solid);background:var(--ds-danger-solid)}.ds-button--danger:hover:not(:disabled){background:var(--ds-danger-text)}.ds-icon-button{aspect-ratio:1;padding:0;flex:none}.ds-icon-button>span{display:contents}.ds-button-group{display:inline-flex}.ds-button-group>.ds-button{border-radius:0;margin-left:var(--ds-legacy-size-n1)}.ds-button-group>.ds-button:first-child{border-radius:var(--ds-radius-md) 0 0 var(--ds-radius-md);margin-left:0}.ds-button-group>.ds-button:last-child{border-radius:0 var(--ds-radius-md) var(--ds-radius-md) 0}.ds-field{display:grid;gap:var(--ds-legacy-size-6);min-width:0}.ds-label{color:var(--ds-text-primary);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-medium)}.ds-required{color:var(--ds-danger-solid);margin-left:var(--ds-legacy-size-2)}.ds-input{width:100%;height:var(--ds-legacy-size-40-px);min-width:0;padding:0 var(--ds-space-3);border:var(--ds-legacy-size-1) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-surface);font:400 var(--ds-font-size-body)/1.5 var(--ds-font);transition:var(--ds-legacy-transition-2)}.ds-input::placeholder{color:var(--ds-text-muted)}.ds-input:hover:not(:disabled):not(:read-only){border-color:var(--ds-text-muted)}.ds-input:focus{outline:0;border-color:var(--ds-primary);box-shadow:var(--ds-focus-ring)}.ds-input:disabled{color:var(--ds-text-disabled);background:var(--ds-surface-secondary);cursor:not-allowed}.ds-input:read-only{color:var(--ds-text-secondary);background:var(--ds-surface-secondary)}.ds-native-choice{width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px);accent-color:var(--ds-primary)}.ds-field--error .ds-input{border-color:var(--ds-danger-solid)}.ds-field--error .ds-input:focus{box-shadow:var(--ds-danger-focus)}.ds-field--success .ds-input{border-color:var(--ds-success-solid)}.ds-helper{display:flex;align-items:center;gap:var(--ds-legacy-size-5);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);line-height:1.4}.ds-field--error .ds-helper{color:var(--ds-danger-text)}.ds-field--success .ds-helper{color:var(--ds-success-text)}.ds-textarea{height:auto;min-height:var(--ds-legacy-size-92-px);padding-block:var(--ds-legacy-size-10);resize:vertical}.ds-select{appearance:auto;padding-right:var(--ds-space-8)}.ds-input-affix{position:relative;min-width:0}.ds-input-affix>svg{position:absolute;left:var(--ds-legacy-size-12);top:50%;transform:translateY(-50%);z-index:1;color:var(--ds-text-muted);pointer-events:none}.ds-input-affix .ds-input,.ds-input-affix .form-control{padding-left:var(--ds-legacy-size-38)}.ds-multi-select{min-height:var(--ds-legacy-size-40-px);padding:var(--ds-legacy-size-5);display:flex;flex-wrap:wrap;gap:var(--ds-legacy-size-5);border:var(--ds-legacy-size-1) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface)}.ds-multi-select:focus-within{border-color:var(--ds-primary);box-shadow:var(--ds-focus-ring)}.ds-multi-select__tags{display:contents}.ds-multi-select .ds-input{flex:1 1 var(--ds-legacy-size-130-px);width:auto;height:var(--ds-legacy-size-28);border:0;padding:0 var(--ds-legacy-size-6);box-shadow:none}.ds-tag{min-height:var(--ds-legacy-size-26);padding:var(--ds-legacy-size-3) var(--ds-space-2);display:inline-flex;align-items:center;gap:var(--ds-legacy-size-5);border:var(--ds-legacy-size-1) solid var(--ds-primary-border);border-radius:var(--ds-radius-sm);color:var(--ds-primary-text);background:var(--ds-primary-light);font:500 var(--ds-legacy-size-12)/1.3 var(--ds-font)}button.ds-tag{cursor:pointer}.ds-tag button{padding:0;display:grid;color:inherit}.ds-choice,.ds-switch{position:relative;display:inline-flex;align-items:center;gap:var(--ds-legacy-size-9);color:var(--ds-text-primary);font-size:var(--ds-font-size-label);cursor:pointer}.ds-choice input,.ds-switch input{position:absolute;opacity:0;pointer-events:none}.ds-choice__control{width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18);display:grid;place-items:center;border:var(--ds-legacy-size-1) solid var(--ds-border-strong);border-radius:var(--ds-radius-xs);color:transparent;background:var(--ds-surface);transition:var(--ds-legacy-transition-3)}.ds-choice--radio .ds-choice__control{border-radius:50%}.ds-choice--radio .ds-choice__control:after{content:"";width:var(--ds-legacy-size-8);height:var(--ds-legacy-size-8);border-radius:50%;background:currentColor}.ds-choice input:checked+.ds-choice__control{color:var(--ds-on-solid);background:var(--ds-primary);border-color:var(--ds-primary)}.ds-choice input:focus-visible+.ds-choice__control,.ds-switch input:focus-visible+.ds-switch__track{box-shadow:var(--ds-focus-ring)}.ds-choice input:disabled~*{opacity:.45;cursor:not-allowed}.ds-switch__track{width:var(--ds-legacy-size-38);height:var(--ds-legacy-size-22);padding:var(--ds-legacy-size-2);border-radius:var(--ds-radius-pill);background:var(--ds-border-strong);transition:var(--ds-legacy-transition-4)}.ds-switch__track span{width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18);display:block;border-radius:50%;background:#fff;box-shadow:var(--ds-legacy-shadow-1);transition:var(--ds-legacy-transition-4)}.ds-switch input:checked+.ds-switch__track{background:var(--ds-primary)}.ds-switch input:checked+.ds-switch__track span{transform:translate(var(--ds-legacy-size-16-px))}.ds-switch input:disabled~*{opacity:.45;cursor:not-allowed}.ds-date-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-muted)}.ds-file-upload{min-height:var(--ds-legacy-size-104-px);padding:var(--ds-space-4);display:flex;align-items:center;gap:var(--ds-space-3);border:var(--ds-legacy-size-1) dashed var(--ds-border-strong);border-radius:var(--ds-radius-lg);background:var(--ds-surface-hover)}.ds-file-upload__icon{width:var(--ds-legacy-size-40-px);height:var(--ds-legacy-size-40-px);display:grid;place-items:center;flex:none;border-radius:var(--ds-radius-md);color:var(--ds-primary);background:var(--ds-primary-light)}.ds-file-upload>div{min-width:0;flex:1;display:grid}.ds-file-upload strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.ds-file-upload small{color:var(--ds-text-muted);font-size:var(--ds-font-size-small);overflow-wrap:anywhere}.ds-file-upload__browse{height:var(--ds-legacy-size-34);padding:0 var(--ds-space-3);flex:none;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-surface);font:600 var(--ds-legacy-size-12) var(--ds-font);cursor:pointer}.ds-dropdown{position:relative;display:inline-flex}.ds-dropdown__trigger{padding:0;display:inline-flex;color:inherit;background:transparent;cursor:pointer}.ds-dropdown__menu{min-width:var(--ds-legacy-size-180-px);padding:var(--ds-space-1);position:absolute;top:calc(100% + var(--ds-space-2));z-index:40;display:grid;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface);box-shadow:var(--ds-shadow-dropdown)}.ds-dropdown__menu--start{left:0}.ds-dropdown__menu--end{right:0}.ds-dropdown__menu button{min-height:var(--ds-legacy-size-36);padding:0 var(--ds-space-3);border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);background:transparent;font:500 var(--ds-font-size-label) var(--ds-font);text-align:left;cursor:pointer}.ds-dropdown__menu button:hover{background:var(--ds-surface-hover)}.ds-dropdown__menu button:disabled{color:var(--ds-text-disabled);cursor:not-allowed}.ds-tone-success{--tone-solid: var(--ds-success-solid);--tone-bg: var(--ds-success-bg);--tone-text: var(--ds-success-text);--tone-border: var(--ds-success-border)}.ds-tone-warning{--tone-solid: var(--ds-warning-solid);--tone-bg: var(--ds-warning-bg);--tone-text: var(--ds-warning-text);--tone-border: var(--ds-warning-border)}.ds-tone-danger{--tone-solid: var(--ds-danger-solid);--tone-bg: var(--ds-danger-bg);--tone-text: var(--ds-danger-text);--tone-border: var(--ds-danger-border)}.ds-tone-info{--tone-solid: var(--ds-info-solid);--tone-bg: var(--ds-info-bg);--tone-text: var(--ds-info-text);--tone-border: var(--ds-info-border)}.ds-tone-purple{--tone-solid: var(--ds-purple-solid);--tone-bg: var(--ds-purple-bg);--tone-text: var(--ds-purple-text);--tone-border: var(--ds-purple-border)}.ds-tone-teal{--tone-solid: var(--ds-teal-solid);--tone-bg: var(--ds-teal-bg);--tone-text: var(--ds-teal-text);--tone-border: var(--ds-teal-border)}.ds-tone-neutral{--tone-solid: var(--ds-neutral-solid);--tone-bg: var(--ds-neutral-bg);--tone-text: var(--ds-neutral-text);--tone-border: var(--ds-neutral-border)}.ds-tone-orange{--tone-solid: var(--ds-orange-solid);--tone-bg: var(--ds-orange-bg);--tone-text: var(--ds-orange-text);--tone-border: var(--ds-orange-border)}.ds-tone-bg-success{background:var(--ds-success-solid)!important}.ds-tone-bg-warning{background:var(--ds-warning-solid)!important}.ds-tone-bg-danger{background:var(--ds-danger-solid)!important}.ds-tone-bg-info{background:var(--ds-info-solid)!important}.ds-tone-bg-purple{background:var(--ds-purple-solid)!important}.ds-tone-bg-teal{background:var(--ds-teal-solid)!important}.ds-tone-bg-neutral{background:var(--ds-neutral-solid)!important}.ds-tone-bg-orange{background:var(--ds-orange-solid)!important}.ds-badge{min-height:var(--ds-legacy-size-24-px);width:fit-content;padding:var(--ds-legacy-size-3) var(--ds-space-2);display:inline-flex;align-items:center;gap:var(--ds-legacy-size-6);border:var(--ds-legacy-size-1) solid var(--tone-border);border-radius:var(--ds-radius-pill);color:var(--tone-text);background:var(--tone-bg);font:600 var(--ds-legacy-size-12)/1.3 var(--ds-font);white-space:nowrap}.ds-badge__dot{width:var(--ds-legacy-size-6);height:var(--ds-legacy-size-6);border-radius:50%;background:var(--tone-solid)}.ds-avatar{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;color:var(--ds-primary-text);background:var(--ds-primary-light);font:700 var(--ds-legacy-size-12)/1 var(--ds-font)}.ds-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.ds-avatar--sm{width:var(--ds-legacy-size-28);height:var(--ds-legacy-size-28);font-size:var(--ds-legacy-size-10)}.ds-avatar--lg{width:var(--ds-legacy-size-48);height:var(--ds-legacy-size-48);font-size:var(--ds-legacy-size-15)}.ds-avatar--xl{width:var(--ds-legacy-size-88-px);height:var(--ds-legacy-size-88-px);font-size:var(--ds-font-size-kpi)}.ds-avatar--rounded{border-radius:var(--ds-radius-md)}.ds-avatar__status{width:var(--ds-legacy-size-9);height:var(--ds-legacy-size-9);position:absolute;right:var(--ds-legacy-size-n1);bottom:0;border:var(--ds-legacy-size-2) solid var(--ds-surface);border-radius:50%}.ds-avatar__status--online{background:var(--ds-success-solid)}.ds-avatar__status--away{background:var(--ds-warning-solid)}.ds-avatar__status--offline{background:var(--ds-text-muted)}.ds-avatar-group{display:flex;padding-left:var(--ds-legacy-size-6)}.ds-avatar-group .ds-avatar{margin-left:var(--ds-legacy-size-n6);border:var(--ds-legacy-size-2) solid var(--ds-surface)}.ds-avatar--more{color:var(--ds-text-secondary);background:var(--ds-surface-secondary)}.ds-tooltip{position:relative;display:inline-flex}.ds-tooltip__content{min-width:max-content;max-width:var(--ds-legacy-size-220-px);padding:var(--ds-legacy-size-6) var(--ds-legacy-size-9);position:absolute;left:50%;bottom:calc(100% + var(--ds-legacy-size-8));z-index:20;transform:translate(-50%,var(--ds-legacy-size-4));border-radius:var(--ds-radius-sm);color:var(--ds-surface);background:var(--ds-text-heading);box-shadow:var(--ds-shadow-dropdown);font-size:var(--ds-font-size-small);opacity:0;visibility:hidden;transition:var(--ds-legacy-transition-3)}.ds-tooltip:hover .ds-tooltip__content,.ds-tooltip:focus .ds-tooltip__content{opacity:1;visibility:visible;transform:translate(-50%)}.ds-popover{position:relative;display:inline-flex}.ds-popover__trigger{padding:0;display:inline-flex;color:inherit;background:transparent;cursor:pointer}.ds-popover__trigger:focus-visible{outline:0;border-radius:var(--ds-radius-md);box-shadow:var(--ds-focus-ring)}.ds-popover__content{width:var(--ds-legacy-size-260-px);padding:var(--ds-legacy-size-14);position:absolute;top:calc(100% + var(--ds-legacy-size-8));z-index:30;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);color:var(--ds-text-primary);background:var(--ds-surface);box-shadow:var(--ds-shadow-dropdown)}.ds-popover__content--start{left:0}.ds-popover__content--end{right:0}.ds-progress{display:grid;gap:var(--ds-legacy-size-5)}.ds-progress__label{min-height:var(--ds-legacy-size-18);display:flex;justify-content:space-between;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.ds-progress__label strong{color:var(--ds-text-primary)}.ds-progress__track{height:var(--ds-legacy-size-7);overflow:hidden;border-radius:var(--ds-radius-pill);background:var(--ds-surface-secondary)}.ds-progress__track>span{height:100%;display:block;border-radius:inherit;transition:var(--ds-legacy-transition-5)}.ds-steps{display:grid;grid-template-columns:repeat(var(--step-count, 4),1fr)}.ds-steps li{min-width:0;position:relative;display:flex;gap:var(--ds-legacy-size-9)}.ds-steps li:after{content:"";height:var(--ds-legacy-size-1);position:absolute;left:var(--ds-legacy-size-34);right:var(--ds-legacy-size-8);top:var(--ds-legacy-size-13);background:var(--ds-border)}.ds-steps li:last-child:after{display:none}.ds-steps li>span{width:var(--ds-legacy-size-28);height:var(--ds-legacy-size-28);z-index:1;display:grid;place-items:center;flex:none;border:var(--ds-legacy-size-1) solid var(--ds-border-strong);border-radius:50%;color:var(--ds-text-muted);background:var(--ds-surface);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold)}.ds-steps li>div{min-width:0;display:grid;padding-right:var(--ds-space-2)}.ds-steps strong{color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.ds-steps small{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.ds-steps .is-current>span{color:var(--ds-on-solid);border-color:var(--ds-primary);background:var(--ds-primary);box-shadow:var(--ds-focus-ring)}.ds-steps .is-current strong,.ds-steps .is-complete strong{color:var(--ds-text-primary)}.ds-steps .is-complete>span{color:var(--ds-on-solid);border-color:var(--ds-success-solid);background:var(--ds-success-solid)}.ds-steps .is-complete:after{background:var(--ds-success-solid)}.ds-card{min-width:0;overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-card-border);border-radius:var(--ds-card-radius);background:var(--ds-card-background);box-shadow:var(--ds-shadow-card)}.ds-card__header{min-height:var(--ds-legacy-size-68);padding:var(--ds-space-4) var(--ds-space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.ds-card__header h3{margin:0;color:var(--ds-text-heading);font-size:var(--ds-font-size-base);line-height:1.4}.ds-card__header p{margin:var(--ds-legacy-size-2) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.ds-card__body{padding:var(--ds-space-5)}.ds-card-surface{--ds-card-accent: var(--ds-primary);--ds-card-tint: var(--ds-primary-light);--ds-card-tone-border: var(--ds-card-border);--ds-card-tone-text: var(--ds-primary-text);--ds-card-tone-gradient: var(--ds-card-gradient-primary);box-sizing:border-box;min-width:0;border:var(--ds-legacy-size-1) solid var(--ds-card-tone-border);border-radius:var(--ds-card-radius);background:var(--ds-card-background);box-shadow:var(--ds-shadow-card);color:var(--ds-text-primary)}.ds-card-surface--padded{padding:var(--ds-card-padding)}.ds-card-surface.react-card{border-color:var(--ds-card-border);border-radius:var(--ds-card-radius);background:var(--ds-card-background);box-shadow:var(--ds-shadow-card)}.ds-card-surface--compact{padding:var(--ds-space-5)}.ds-card-surface--primary{--ds-card-accent: var(--ds-primary);--ds-card-tint: var(--ds-primary-light);--ds-card-tone-border: var(--ds-primary-border);--ds-card-tone-text: var(--ds-primary-text);--ds-card-tone-gradient: var(--ds-card-gradient-primary)}.ds-card-surface--success{--ds-card-accent: var(--ds-success-solid);--ds-card-tint: var(--ds-success-bg);--ds-card-tone-border: var(--ds-success-border);--ds-card-tone-text: var(--ds-success-text);--ds-card-tone-gradient: var(--ds-card-gradient-success)}.ds-card-surface--warning{--ds-card-accent: var(--ds-warning-solid);--ds-card-tint: var(--ds-warning-bg);--ds-card-tone-border: var(--ds-warning-border);--ds-card-tone-text: var(--ds-warning-text);--ds-card-tone-gradient: var(--ds-card-gradient-warning)}.ds-card-surface--purple{--ds-card-accent: var(--ds-purple-solid);--ds-card-tint: var(--ds-purple-bg);--ds-card-tone-border: var(--ds-purple-border);--ds-card-tone-text: var(--ds-purple-text);--ds-card-tone-gradient: var(--ds-card-gradient-purple)}.ds-card-surface--danger{--ds-card-accent: var(--ds-danger-solid);--ds-card-tint: var(--ds-danger-bg);--ds-card-tone-border: var(--ds-danger-border);--ds-card-tone-text: var(--ds-danger-text);--ds-card-tone-gradient: var(--ds-card-gradient-danger)}.ds-card-surface--teal{--ds-card-accent: var(--ds-teal-solid);--ds-card-tint: var(--ds-teal-bg);--ds-card-tone-border: var(--ds-teal-border);--ds-card-tone-text: var(--ds-teal-text);--ds-card-tone-gradient: var(--ds-card-gradient-teal)}.ds-card-surface--neutral{--ds-card-accent: var(--ds-neutral-solid);--ds-card-tint: var(--ds-neutral-bg);--ds-card-tone-border: var(--ds-neutral-border);--ds-card-tone-text: var(--ds-neutral-text);--ds-card-tone-gradient: var(--ds-card-gradient-neutral)}.ds-card-surface--interactive{cursor:pointer;transition:border-color var(--ds-transition-base),box-shadow var(--ds-transition-base),transform var(--ds-transition-base)}.ds-card-surface--interactive:hover{border-color:var(--ds-card-accent);box-shadow:var(--ds-shadow-card-raised);transform:translateY(-2px)}.ds-card-surface--interactive:focus-visible{outline:none;border-color:var(--ds-card-accent);box-shadow:var(--ds-focus-ring),var(--ds-shadow-card-raised)}.ds-statistic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.ds-statistic-card{min-height:168px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;background:var(--ds-card-tone-gradient);transition:border-color var(--ds-transition-base),box-shadow var(--ds-transition-base),transform var(--ds-transition-base)}.ds-statistic-card:hover{border-color:color-mix(in srgb,var(--ds-card-accent) 64%,var(--ds-card-tone-border));box-shadow:var(--ds-shadow-card-raised);transform:translateY(-2px)}.ds-statistic-card:focus-visible{outline:none;border-color:var(--ds-card-accent);box-shadow:var(--ds-focus-ring),var(--ds-shadow-card-raised)}.ds-statistic-card__heading{min-width:0;position:relative;z-index:1;display:flex;align-items:center;gap:var(--ds-space-3);padding-right:var(--ds-space-10)}.ds-statistic-card__heading h3{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--ds-text-secondary);font-family:var(--ds-font);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-semibold);line-height:1.4}.ds-statistic-card__icon{width:var(--ds-card-icon-size);height:var(--ds-card-icon-size);flex:0 0 var(--ds-card-icon-size);display:grid;place-items:center;border:var(--ds-legacy-size-1) solid color-mix(in srgb,var(--ds-card-accent) 18%,transparent);border-radius:var(--ds-radius-lg);color:var(--ds-card-tone-text);background:var(--ds-card-tint)}.ds-statistic-card__icon svg{width:22px;height:22px}.ds-statistic-card__value{position:relative;z-index:1;min-width:0;margin-top:var(--ds-space-5);overflow-wrap:anywhere;color:var(--ds-text-strong);font-family:var(--ds-font);font-size:clamp(var(--ds-font-size-display),2.4vw,var(--ds-legacy-size-36));font-weight:var(--ds-font-weight-extrabold);letter-spacing:-.035em;line-height:var(--ds-kpi-line-height)}.ds-statistic-card__description{position:relative;z-index:1;margin-top:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);line-height:1.45}.ds-statistic-card__footer{position:relative;z-index:1;min-height:32px;margin-top:auto;padding-top:var(--ds-space-3);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-3)}.ds-statistic-card__trend{display:inline-flex;align-items:center;gap:var(--ds-space-1);color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold)}.ds-statistic-card__trend.is-up{color:var(--ds-success-text)}.ds-statistic-card__trend.is-down{color:var(--ds-danger-text)}.ds-statistic-card__sparkline{width:92px;height:38px;flex:0 0 92px;overflow:visible;color:var(--ds-card-accent)}.ds-statistic-card__sparkline polyline{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ds-statistic-card__decoration{width:104px;height:84px;position:absolute;top:var(--ds-space-4);right:var(--ds-space-3);color:var(--ds-card-accent);opacity:.09;pointer-events:none}.ds-statistic-card__decoration path,.ds-statistic-card__decoration circle{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.ds-statistic-card__loading{display:grid;gap:var(--ds-space-3);margin-top:var(--ds-space-5)}.ds-statistic-card__loading span{height:var(--ds-space-4);border-radius:var(--ds-radius-pill);background:linear-gradient(90deg,var(--ds-surface-secondary),var(--ds-card-tint),var(--ds-surface-secondary));background-size:200% 100%;animation:ds-statistic-loading 1.4s ease-in-out infinite}.ds-statistic-card__loading span:first-child{width:52%;height:var(--ds-space-8)}.ds-statistic-card__loading span:last-child{width:72%}.ds-statistic-card__error{min-width:0;margin-top:var(--ds-space-5);display:flex;align-items:flex-start;gap:var(--ds-space-2);color:var(--ds-danger-text);font-size:var(--ds-font-size-small);line-height:1.45}.ds-statistic-card__error svg{flex:none;margin-top:var(--ds-legacy-size-1)}.ds-statistic-card.ds-card-surface--compact{min-height:142px}.ds-statistic-card.ds-card-surface--compact .ds-statistic-card__icon{width:40px;height:40px;flex-basis:40px}.ds-statistic-card.ds-card-surface--compact .ds-statistic-card__value{margin-top:var(--ds-space-4);font-size:var(--ds-font-size-display)}@keyframes ds-statistic-loading{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:1100px){.ds-statistic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1101px){.ds-statistic-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.ds-statistic-grid:has(>:nth-child(5):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.ds-statistic-grid:has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1600px){.ds-statistic-grid:has(>:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:640px){.ds-statistic-grid{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-3)}.ds-statistic-card{min-height:154px;padding:var(--ds-space-5)}.ds-statistic-card__decoration{display:none}.ds-statistic-card__value{font-size:var(--ds-font-size-display)}}@media(prefers-reduced-motion:reduce){.ds-card-surface--interactive,.ds-statistic-card{transition:none}.ds-card-surface--interactive:hover,.ds-statistic-card:hover{transform:none}.ds-statistic-card__loading span{animation:none}}.ds-empty{min-height:var(--ds-legacy-size-220-px);padding:var(--ds-space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ds-empty--compact{min-height:var(--ds-legacy-size-96-px)}.ds-empty>span{width:var(--ds-legacy-size-52);height:var(--ds-legacy-size-52);margin-bottom:var(--ds-space-3);display:grid;place-items:center;border-radius:var(--ds-radius-lg);color:var(--ds-primary);background:var(--ds-primary-light)}.ds-empty>strong{font-size:var(--ds-legacy-size-15)}.ds-empty>p{max-width:var(--ds-legacy-size-360-px);margin:var(--ds-space-1) 0 var(--ds-legacy-size-14);color:var(--ds-text-secondary);font-size:var(--ds-font-size-label)}.ds-skeleton{max-width:100%;display:inline-block;border-radius:var(--ds-radius-xs);background:linear-gradient(90deg,var(--ds-surface-secondary) 25%,var(--ds-border) 37%,var(--ds-surface-secondary) 63%);background-size:400% 100%;animation:ds-shimmer var(--ds-legacy-time-1-35-s) ease infinite}@keyframes ds-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.ds-loading{display:inline-flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-label)}.ds-spinner{width:var(--ds-legacy-size-22);height:var(--ds-legacy-size-22);display:inline-block;flex:none;border:var(--ds-legacy-size-2) solid currentColor;border-right-color:transparent;border-radius:50%;animation:ds-spin var(--ds-legacy-time-0-7-s) linear infinite}.ds-spinner--small,.ds-spinner--sm{width:var(--ds-legacy-size-15);height:var(--ds-legacy-size-15)}.ds-spinner--lg{width:var(--ds-legacy-size-30);height:var(--ds-legacy-size-30);border-width:var(--ds-legacy-size-3)}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-accordion{overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg)}.ds-accordion__item+.ds-accordion__item{border-top:var(--ds-legacy-size-1) solid var(--ds-border)}.ds-accordion__item>button{width:100%;min-height:var(--ds-legacy-size-48);padding:0 var(--ds-space-4);display:flex;align-items:center;justify-content:space-between;color:var(--ds-text-primary);font:600 var(--ds-legacy-size-13) var(--ds-font);background:var(--ds-surface);cursor:pointer}.ds-accordion__item>button:hover{background:var(--ds-surface-hover)}.ds-accordion__panel{padding:0 var(--ds-space-4) var(--ds-space-4);color:var(--ds-text-secondary);font-size:var(--ds-font-size-label)}.ds-tabs{min-width:0;display:flex;gap:var(--ds-space-5);overflow-x:auto;border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.ds-tabs button{min-height:var(--ds-legacy-size-42);position:relative;display:flex;align-items:center;gap:var(--ds-legacy-size-6);flex:none;color:var(--ds-text-secondary);background:none;font:500 var(--ds-legacy-size-13) var(--ds-font);cursor:pointer}.ds-tabs button:after{content:"";height:var(--ds-legacy-size-2);position:absolute;inset:auto 0 var(--ds-legacy-size-n1);background:transparent}.ds-tabs button.is-active{color:var(--ds-primary);font-weight:var(--ds-font-weight-semibold)}.ds-tabs button.is-active:after{background:var(--ds-primary)}.ds-tabs button span{min-width:var(--ds-legacy-size-20);padding:var(--ds-legacy-size-1) var(--ds-legacy-size-5);border-radius:var(--ds-radius-pill);background:var(--ds-surface-secondary);font-size:var(--ds-font-size-caption);text-align:center}.ds-donut{width:var(--ds-legacy-size-170-px);position:relative;display:grid;place-items:center}.ds-donut svg{width:var(--ds-legacy-size-150-px);transform:rotate(-90deg)}.ds-donut circle{fill:none;stroke-width:10}.ds-donut__track{stroke:var(--ds-surface-secondary)}.ds-donut__value{stroke-linecap:round;transition:var(--ds-legacy-transition-6)}.ds-donut>div{position:absolute;display:grid;text-align:center}.ds-donut strong{color:var(--ds-text-heading);font-size:var(--ds-legacy-size-22)}.ds-donut span{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.ds-bar-chart{height:var(--ds-legacy-size-220-px);padding-top:var(--ds-space-6);display:flex;align-items:stretch;gap:var(--ds-legacy-size-10);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.ds-bar-chart__item{min-width:var(--ds-legacy-size-30);flex:1;position:relative;display:grid;grid-template-rows:1fr var(--ds-legacy-size-24-px);align-items:end;text-align:center}.ds-bar-chart__item>div{height:100%;display:flex;align-items:end;justify-content:center;border-bottom:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent var(--ds-legacy-size-39-px),var(--ds-border) var(--ds-legacy-size-40-px))}.ds-bar-chart__item i{width:min(var(--ds-legacy-size-34),70%);min-height:var(--ds-legacy-size-3);display:block;border-radius:var(--ds-radius-xs) var(--ds-radius-xs) 0 0}.ds-bar-chart__value{position:absolute;left:50%;top:var(--ds-legacy-size-n21-px);transform:translate(-50%);color:var(--ds-text-secondary);font-size:var(--ds-legacy-size-10)}.ds-bar-chart small{padding-top:var(--ds-legacy-size-6);color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption)}.ds-chart-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--ds-legacy-size-14)}.ds-chart-legend>span{display:inline-flex;align-items:center;gap:var(--ds-legacy-size-6);color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption)}.ds-chart-legend i{width:var(--ds-legacy-size-8);height:var(--ds-legacy-size-8);border-radius:var(--ds-legacy-size-2)}.ds-chart-legend b{font-weight:var(--ds-font-weight-medium)}.ds-chart-legend small{color:var(--ds-text-muted)}.ds-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-6);background:var(--ds-overlay-bg);-webkit-backdrop-filter:blur(var(--ds-legacy-size-2));backdrop-filter:blur(var(--ds-legacy-size-2));animation:ds-fade var(--ds-legacy-time-0-15-s) ease}@keyframes ds-fade{0%{opacity:0}}.ds-modal,.ds-drawer{overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-overlay-border);background:var(--ds-surface);box-shadow:var(--ds-shadow-modal)}.ds-modal{width:min(100%,var(--ds-legacy-size-560-px));max-height:min(90vh,var(--ds-legacy-size-780-px));border-radius:var(--ds-radius-xl);animation:ds-modal-in var(--ds-legacy-time-0-18-s) ease}@keyframes ds-modal-in{0%{opacity:0;transform:translateY(var(--ds-legacy-size-8)) scale(.985)}}.ds-modal--sm{max-width:var(--ds-legacy-size-420-px)}.ds-modal--lg{max-width:var(--ds-legacy-size-760-px)}.ds-modal--xl{max-width:var(--ds-legacy-size-980-px)}.ds-modal>header,.ds-drawer>header{min-height:var(--ds-legacy-size-70);padding:var(--ds-space-4) var(--ds-space-5);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-4);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.ds-modal h2,.ds-drawer h2{margin:0;color:var(--ds-text-heading);font:600 var(--ds-legacy-size-17)/1.4 var(--ds-font)}.ds-modal header p,.ds-drawer header p{margin:var(--ds-legacy-size-3) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.ds-overlay-close{width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);display:grid;place-items:center;flex:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);background:transparent;cursor:pointer}.ds-overlay-close:hover{background:var(--ds-surface-secondary)}.ds-modal__body,.ds-drawer__body{padding:var(--ds-space-5);overflow-y:auto}.ds-modal>footer,.ds-drawer>footer{padding:var(--ds-legacy-size-14) var(--ds-space-5);display:flex;justify-content:flex-end;gap:var(--ds-space-2);border-top:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-surface-hover)}.ds-drawer{width:min(var(--ds-legacy-size-420-px),92vw);height:100%;position:absolute;top:0;border-radius:0;display:flex;flex-direction:column;animation:ds-drawer-right var(--ds-legacy-time-0-2-s) ease}.ds-drawer--right{right:0}.ds-drawer--left{left:0;animation-name:ds-drawer-left}.ds-drawer__body{flex:1}@keyframes ds-drawer-right{0%{transform:translate(100%)}}@keyframes ds-drawer-left{0%{transform:translate(-100%)}}.ds-alert{min-width:0;padding:var(--ds-space-3) var(--ds-legacy-size-14);display:flex;align-items:flex-start;gap:var(--ds-legacy-size-10);border:var(--ds-legacy-size-1) solid var(--tone-border);border-radius:var(--ds-radius-md);color:var(--tone-text);background:var(--tone-bg)}.ds-alert>svg{margin-top:var(--ds-legacy-size-1);flex:none}.ds-alert>div{min-width:0;flex:1;display:grid}.ds-alert strong{font-size:var(--ds-font-size-label)}.ds-alert p{margin:var(--ds-legacy-size-2) 0 0;color:var(--tone-text);font-size:var(--ds-font-size-small);opacity:.9}.ds-alert>button{padding:var(--ds-legacy-size-2);display:grid;color:inherit;background:none;cursor:pointer}.ds-toast-viewport{width:min(var(--ds-legacy-size-380-px),calc(100vw - var(--ds-legacy-size-32-px)));position:fixed;top:var(--ds-legacy-size-18);right:var(--ds-legacy-size-18);z-index:10000;display:grid;gap:var(--ds-legacy-size-10)}.ds-toast{padding:var(--ds-legacy-size-13);display:flex;align-items:flex-start;gap:var(--ds-legacy-size-10);border:var(--ds-legacy-size-1) solid var(--ds-border);border-left:var(--ds-legacy-size-3) solid var(--toast-color);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-shadow-dropdown);animation:ds-toast-in var(--ds-legacy-time-0-2-s) ease}@keyframes ds-toast-in{0%{opacity:0;transform:translate(var(--ds-legacy-size-14))}}.ds-toast--success{--toast-color: var(--ds-success-solid)}.ds-toast--warning{--toast-color: var(--ds-warning-solid)}.ds-toast--danger{--toast-color: var(--ds-danger-solid)}.ds-toast--info{--toast-color: var(--ds-info-solid)}.ds-toast__icon{width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);display:grid;place-items:center;flex:none;border-radius:var(--ds-radius-md);color:var(--tone-text);background:var(--tone-bg)}.ds-toast>div{min-width:0;flex:1}.ds-toast strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.ds-toast p{margin:var(--ds-legacy-size-2) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.ds-toast>button{padding:var(--ds-space-1);display:grid;color:var(--ds-text-muted);background:none;cursor:pointer}.ds-notification{width:100%;padding:var(--ds-space-3);display:flex;align-items:flex-start;gap:var(--ds-legacy-size-10);border:0;border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-primary);background:var(--ds-surface);text-align:left}button.ds-notification{cursor:pointer}.ds-notification:hover{background:var(--ds-surface-hover)}.ds-notification.is-unread{background:var(--ds-primary-light)}.ds-notification__icon{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);display:grid;place-items:center;flex:none;border-radius:50%;color:var(--ds-primary);background:var(--ds-primary-light)}.ds-notification>div{min-width:0;flex:1;display:grid}.ds-notification strong{font-size:var(--ds-font-size-small)}.ds-notification p{margin:var(--ds-legacy-size-2) 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption)}.ds-notification time{color:var(--ds-text-muted);font-size:var(--ds-legacy-size-10)}.ds-notification>i{width:var(--ds-legacy-size-7);height:var(--ds-legacy-size-7);margin-top:var(--ds-legacy-size-5);flex:none;border-radius:50%;background:var(--ds-primary)}.ds-table-scroll{max-width:100%;overflow-x:auto;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface)}.ds-table-scroll:focus-visible,.react-table-scroll:focus-visible{outline:0;box-shadow:var(--ds-focus-ring)}.data-table-shell{width:100%;min-width:0}.data-table-scroll{position:relative;isolation:isolate;width:100%;max-width:100%;overflow:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.data-table.data-table--responsive,.ds-table.data-table--responsive{width:max-content;min-width:100%}.data-table--responsive :is(th,td){box-sizing:border-box}.data-table--responsive :is(th,td).is-left{text-align:left}.data-table--responsive :is(th,td).is-center{text-align:center}.data-table--responsive :is(th,td).is-right{text-align:right}.data-table--responsive .data-table__sticky{position:sticky;background-clip:padding-box;background:var(--ds-surface)}.data-table--responsive thead .data-table__sticky{z-index:14;background:var(--ds-background)}.data-table--responsive tbody .data-table__sticky{z-index:3}.data-table--responsive .data-table__sticky--left{left:0;box-shadow:var(--ds-legacy-size-1) 0 0 var(--ds-border)}.data-table--responsive .data-table__sticky--right{right:0;text-align:center;border-left:var(--ds-legacy-size-1) solid var(--ds-border);box-shadow:calc(var(--ds-legacy-size-1) * -1) 0 0 var(--ds-border)}.data-table--responsive .data-table__sticky--right>div{justify-content:center}.data-table--responsive tbody tr:hover .data-table__sticky,.data-table--responsive tbody tr.is-selected .data-table__sticky{background:var(--ds-background)}.data-table--responsive .data-table__sticky--right .table-actions{max-width:min(var(--ds-legacy-size-440-px),48vw);overflow-x:auto;opacity:1;scrollbar-width:thin}.ds-table-pagination{min-width:0;padding:var(--ds-space-3) var(--ds-space-4);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-3);border-top:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-surface)}.ds-table-pagination__summary{min-width:0;margin-right:auto;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.ds-table-pagination__size{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);white-space:nowrap}.ds-table-pagination__size select{height:var(--ds-legacy-size-34);min-width:var(--ds-legacy-size-74-px);padding:0 var(--ds-space-2);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-surface)}.ds-table-pagination__controls{min-width:0;display:flex;align-items:center;gap:var(--ds-space-1);overflow-x:auto}.ds-table-pagination__controls button{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);display:inline-grid;flex:0 0 var(--ds-legacy-size-34);place-items:center;padding:0;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);background:var(--ds-surface);cursor:pointer}.ds-table-pagination__controls button:hover:not(:disabled){border-color:var(--ds-primary-strong);color:var(--ds-primary-strong);background:var(--ds-primary-light)}.ds-table-pagination__controls button.is-active{border-color:var(--ds-primary-strong);color:var(--ds-on-solid);background:var(--ds-primary-strong)}.ds-table-pagination__controls button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:640px){.data-table--responsive .data-table__sticky--right .table-actions{max-width:56vw}.ds-table-pagination{align-items:stretch;padding:var(--ds-space-3)}.ds-table-pagination__summary{width:100%;flex-basis:100%}.ds-table-pagination__controls{margin-left:auto}}.ds-table{width:100%;min-width:var(--ds-legacy-size-760-px);border-collapse:collapse;font-size:var(--ds-font-size-label)}.ds-table th{height:var(--ds-legacy-size-44-px);padding:0 var(--ds-legacy-size-14);color:var(--ds-text-secondary);background:var(--ds-background);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold);letter-spacing:.045em;text-align:left;text-transform:uppercase}.ds-table th button{display:inline-flex;align-items:center;gap:var(--ds-space-1);color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:none;cursor:pointer}.ds-table td{height:var(--ds-legacy-size-60);padding:var(--ds-legacy-size-10) var(--ds-legacy-size-14);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-primary);vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:0}.ds-table tbody tr{transition:var(--ds-legacy-transition-7)}.ds-table tbody tr:hover{background:var(--ds-background)}.ds-table tbody tr.is-selected{background:var(--ds-primary-light)}.ds-table .is-right{text-align:right}.ds-table .is-center{text-align:center}.ds-table__check{width:var(--ds-legacy-size-42);text-align:center!important}.ds-table input[type=checkbox]{accent-color:var(--ds-primary);width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px)}.ds-table__empty{min-height:var(--ds-legacy-size-150-px);display:grid;place-items:center;color:var(--ds-text-muted)}.ds-table-toolbar{margin-bottom:var(--ds-space-3);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2)}.ds-table-toolbar__search{width:min(var(--ds-legacy-size-280-px),100%)}.ds-table-toolbar__filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2)}.ds-table-toolbar__count{margin-left:auto;color:var(--ds-text-muted);font-size:var(--ds-font-size-small)}.ds-pagination{margin-top:var(--ds-space-3);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-3)}.ds-pagination__summary{margin-right:auto;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.ds-pagination>label{display:flex;align-items:center;gap:var(--ds-legacy-size-6);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.ds-pagination select{height:var(--ds-legacy-size-32-px);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);background:var(--ds-surface)}.ds-pagination nav{display:flex;gap:var(--ds-space-1)}.ds-search-bar{min-width:0;display:flex;align-items:center;gap:var(--ds-space-2)}.ds-search-bar>.ds-input-affix{flex:1}.ds-filter-bar{min-width:0;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--ds-space-3)}.ds-filter-bar__fields,.ds-filter-bar__actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--ds-space-2)}.ds-employee-cell{min-width:var(--ds-legacy-size-190-px);display:flex;align-items:center;gap:var(--ds-legacy-size-10)}.ds-employee-cell>div{min-width:0;display:grid}.ds-employee-cell strong{overflow:hidden;color:var(--ds-text-primary);font-size:var(--ds-font-size-label);text-overflow:ellipsis;white-space:nowrap}.ds-employee-cell span{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.ds-status-cell{display:grid;gap:var(--ds-space-1)}.ds-status-cell small{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.ds-action-cell{display:flex;justify-content:flex-end;gap:var(--ds-legacy-size-2)}.ds-approval{display:flex;align-items:flex-start}.ds-approval__step{min-width:0;flex:1;position:relative;display:flex;gap:var(--ds-space-2)}.ds-approval__step>span{width:var(--ds-legacy-size-28);height:var(--ds-legacy-size-28);z-index:1;display:grid;place-items:center;flex:none;border:var(--ds-legacy-size-1) solid var(--ds-border-strong);border-radius:50%;color:var(--ds-text-muted);background:var(--ds-surface);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold)}.ds-approval__step>div{min-width:0;display:grid;padding-right:var(--ds-space-2)}.ds-approval__step strong{font-size:var(--ds-font-size-small)}.ds-approval__step small{color:var(--ds-text-muted);font-size:var(--ds-legacy-size-10)}.ds-approval__step>i{height:var(--ds-legacy-size-1);position:absolute;left:var(--ds-legacy-size-34);right:var(--ds-legacy-size-8);top:var(--ds-legacy-size-14);background:var(--ds-border)}.ds-approval__step.is-done>span{color:var(--ds-on-solid);border-color:var(--ds-success-solid);background:var(--ds-success-solid)}.ds-approval__step.is-done>i{background:var(--ds-success-solid)}.ds-approval__step.is-current>span{color:var(--ds-on-solid);border-color:var(--ds-primary);background:var(--ds-primary);box-shadow:var(--ds-focus-ring)}.ds-timeline{display:grid;gap:0}.ds-timeline li{position:relative;display:grid;grid-template-columns:var(--ds-legacy-size-34) 1fr;gap:var(--ds-legacy-size-10);padding-bottom:var(--ds-legacy-size-18)}.ds-timeline li:after{content:"";width:var(--ds-legacy-size-1);position:absolute;top:var(--ds-legacy-size-30);bottom:var(--ds-legacy-size-2);left:var(--ds-legacy-size-15);background:var(--ds-border)}.ds-timeline li:last-child:after{display:none}.ds-timeline li>span{width:var(--ds-legacy-size-30);height:var(--ds-legacy-size-30);z-index:1;display:grid;place-items:center;border:var(--ds-legacy-size-1) solid var(--tone-border);border-radius:50%;color:var(--tone-text);background:var(--tone-bg)}.ds-timeline li>div{min-width:0;display:grid}.ds-timeline strong{font-size:var(--ds-font-size-label)}.ds-timeline p{margin:var(--ds-legacy-size-2) 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.ds-timeline time{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.ds-kanban{display:grid;grid-template-columns:repeat(3,minmax(var(--ds-legacy-size-260-px),1fr));gap:var(--ds-space-3);overflow-x:auto}.ds-kanban__column{min-width:var(--ds-legacy-size-260-px);padding:var(--ds-space-3);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-background)}.ds-kanban__column>header{height:var(--ds-legacy-size-34);display:flex;align-items:center;justify-content:space-between}.ds-kanban__column>header>div{display:flex;align-items:center;gap:var(--ds-legacy-size-7)}.ds-kanban__column header i{width:var(--ds-legacy-size-8);height:var(--ds-legacy-size-8);border-radius:50%}.ds-kanban__column header strong{font-size:var(--ds-font-size-label)}.ds-kanban__column header .ds-badge{min-height:var(--ds-legacy-size-20);padding:var(--ds-legacy-size-1) var(--ds-legacy-size-6)}.ds-kanban__list{display:grid;gap:var(--ds-space-2)}.ds-kanban-card{padding:var(--ds-space-3);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface);box-shadow:var(--ds-shadow-card);transition:var(--ds-legacy-transition-8)}.ds-kanban-card:hover,.ds-kanban-card:focus{outline:0;border-color:var(--ds-primary-border);box-shadow:var(--ds-shadow-dropdown);transform:translateY(var(--ds-legacy-size-n1))}.ds-kanban-card__top{min-height:var(--ds-legacy-size-24-px);margin-bottom:var(--ds-space-2);display:flex;justify-content:space-between;color:var(--ds-text-muted)}.ds-kanban-card>strong{display:block;color:var(--ds-text-heading);font-size:var(--ds-font-size-label)}.ds-kanban-card>p{margin:var(--ds-legacy-size-3) 0 var(--ds-space-3);color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption)}.ds-kanban-card footer{margin-top:var(--ds-space-3);padding-top:var(--ds-legacy-size-10);display:flex;align-items:center;gap:var(--ds-legacy-size-7);border-top:var(--ds-legacy-size-1) solid var(--ds-border)}.ds-kanban-card footer span{color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption)}.ds-kanban-card footer small{margin-left:auto;color:var(--ds-text-muted);font-size:var(--ds-legacy-size-10)}.ds-permission{min-width:var(--ds-legacy-size-660-px);overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg)}.ds-permission__head,.ds-permission__row{display:grid;grid-template-columns:minmax(var(--ds-legacy-size-210-px),1.5fr) repeat(4,minmax(var(--ds-legacy-size-80-px),.5fr));align-items:center}.ds-permission__head{min-height:var(--ds-legacy-size-42);color:var(--ds-text-secondary);background:var(--ds-background);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold);text-align:center;text-transform:uppercase}.ds-permission__head span:first-child{padding-left:var(--ds-legacy-size-14);text-align:left}.ds-permission__row{min-height:var(--ds-legacy-size-60);border-top:var(--ds-legacy-size-1) solid var(--ds-border)}.ds-permission__row>div{padding:var(--ds-space-2) var(--ds-legacy-size-14);display:grid}.ds-permission__row strong{font-size:var(--ds-font-size-small)}.ds-permission__row small{color:var(--ds-text-muted);font-size:var(--ds-legacy-size-10)}.ds-permission__row label{height:100%;position:relative;display:grid;place-items:center;cursor:pointer}.ds-permission__row input{width:var(--ds-legacy-size-17);height:var(--ds-legacy-size-17);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);opacity:0}.ds-permission__row label>span{width:var(--ds-legacy-size-17);height:var(--ds-legacy-size-17);border:var(--ds-legacy-size-1) solid var(--ds-border-strong);border-radius:50%;background:var(--ds-surface)}.ds-permission__row input:checked+span{border:var(--ds-legacy-size-5) solid var(--ds-primary)}.ds-permission__row input:focus-visible+span{box-shadow:var(--ds-focus-ring)}.ds-app-shell{min-height:var(--ds-legacy-size-620-px);display:flex;position:relative;overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-background)}.ds-sidebar{width:var(--ds-component-sidebar-width);height:100%;z-index:5;display:flex;flex-direction:column;flex:none;border-right:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-surface);transition:var(--ds-legacy-transition-9)}.ds-sidebar__brand{height:var(--ds-legacy-size-60);padding:0 var(--ds-legacy-size-18);display:flex;align-items:center;gap:var(--ds-legacy-size-10);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.ds-sidebar__brand>span{width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);display:grid;place-items:center;border-radius:var(--ds-radius-md);color:var(--ds-on-solid);background:var(--ds-primary)}.ds-sidebar__brand>div,.ds-sidebar__footer>div{min-width:0;display:grid}.ds-sidebar__brand strong{color:var(--ds-text-heading);font-size:var(--ds-font-size-label)}.ds-sidebar__brand small,.ds-sidebar__footer small{color:var(--ds-text-muted);font-size:var(--ds-legacy-size-10)}.ds-sidebar nav{flex:1;padding:var(--ds-legacy-size-14) var(--ds-space-3);overflow-y:auto}.ds-sidebar nav section+section{margin-top:var(--ds-space-5)}.ds-sidebar nav h2{margin:0 var(--ds-legacy-size-10) var(--ds-legacy-size-6);color:var(--ds-text-muted);font-size:var(--ds-legacy-size-10);font-weight:var(--ds-font-weight-semibold);letter-spacing:.07em;text-transform:uppercase}.ds-sidebar nav a{height:var(--ds-legacy-size-40-px);padding:0 var(--ds-legacy-size-10);display:flex;align-items:center;gap:var(--ds-legacy-size-10);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-medium);text-decoration:none}.ds-sidebar nav a:hover{color:var(--ds-text-primary);background:var(--ds-surface-hover)}.ds-sidebar nav a.is-active{color:var(--ds-primary-text);background:var(--ds-primary-light)}.ds-sidebar nav a>span{flex:1}.ds-sidebar nav a b{min-width:var(--ds-legacy-size-20);padding:var(--ds-legacy-size-1) var(--ds-legacy-size-5);border-radius:var(--ds-radius-pill);color:var(--ds-primary-text);background:var(--ds-primary-light);font-size:var(--ds-legacy-size-10);text-align:center}.ds-sidebar__footer{height:var(--ds-legacy-size-62);padding:0 var(--ds-legacy-size-14);display:flex;align-items:center;gap:var(--ds-legacy-size-9);border-top:var(--ds-legacy-size-1) solid var(--ds-border)}.ds-sidebar__footer>div{flex:1}.ds-sidebar__footer strong{font-size:var(--ds-font-size-caption)}.ds-sidebar__footer>svg{color:var(--ds-text-muted)}.ds-sidebar.is-compact{width:var(--ds-legacy-size-72)}.ds-sidebar.is-compact .ds-sidebar__brand>div,.ds-sidebar.is-compact nav h2,.ds-sidebar.is-compact nav a>span,.ds-sidebar.is-compact nav a b,.ds-sidebar.is-compact .ds-sidebar__footer>div,.ds-sidebar.is-compact .ds-sidebar__footer>svg{display:none}.ds-sidebar.is-compact nav a{justify-content:center}.ds-sidebar.is-compact .ds-sidebar__footer{justify-content:center}.ds-header{height:var(--ds-legacy-size-60);padding:0 var(--ds-legacy-size-18);display:flex;align-items:center;gap:var(--ds-space-4);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-surface)}.ds-header__left,.ds-header__actions{display:flex;align-items:center;gap:var(--ds-space-2)}.ds-header__left strong{color:var(--ds-text-heading);font-size:var(--ds-font-size-body)}.ds-header__left .ds-icon-button{display:none}.ds-header__search{width:min(var(--ds-legacy-size-360-px),45%);margin:0 auto}.ds-header__search .ds-input{height:var(--ds-legacy-size-36);background:var(--ds-background)}.ds-app-shell__main{min-width:0;flex:1;display:flex;flex-direction:column}.ds-app-shell__main>main{min-width:0;padding:var(--ds-space-6);flex:1;overflow:auto}.ds-app-shell__backdrop{display:none}.ds-page-container{min-width:0;display:grid;gap:var(--ds-space-5)}.ds-page-header{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-4)}.ds-page-title{margin:0;color:var(--ds-text-heading);font-size:var(--ds-font-size-page);line-height:1.2}.ds-page-subtitle{margin:var(--ds-space-1) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-body)}.ds-page-header__actions,.ds-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2)}.ds-content-section{min-width:0;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-shadow-card)}.ds-content-section>header{min-height:var(--ds-legacy-size-60);padding:var(--ds-space-4) var(--ds-space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.ds-content-section h2{margin:0;color:var(--ds-text-heading);font-size:var(--ds-font-size-section)}.ds-content-section header p{margin:var(--ds-space-1) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.ds-content-section__body{padding:var(--ds-space-5)}.ds-grid{min-width:0;display:grid}.ds-grid--1{grid-template-columns:minmax(0,1fr)}.ds-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-grid--12{grid-template-columns:repeat(12,minmax(0,1fr))}.ds-grid--gap-sm{gap:var(--ds-space-2)}.ds-grid--gap-md{gap:var(--ds-space-4)}.ds-grid--gap-lg{gap:var(--ds-space-6)}.ds-form-layout{min-width:0;display:grid;gap:var(--ds-space-4)}.ds-form-layout--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-form-layout--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-table-layout{min-width:0}.ds-toolbar{min-height:var(--ds-legacy-size-40-px)}.ds-navigation{min-width:0}@media(max-width:639px){.ds-avatar--xl{width:var(--ds-legacy-size-72);height:var(--ds-legacy-size-72);font-size:var(--ds-legacy-size-27)}.ds-overlay{padding:var(--ds-space-3);align-items:flex-end}.ds-modal{max-height:92vh;border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0}.ds-toast-viewport{top:var(--ds-legacy-size-12);right:var(--ds-legacy-size-12)}.ds-file-upload{flex-wrap:wrap}.ds-file-upload__browse{width:100%}.ds-date-range{grid-template-columns:1fr}.ds-date-range>span{display:none}.ds-steps{display:grid;grid-template-columns:1fr;gap:var(--ds-space-3)}.ds-steps li:after{width:var(--ds-legacy-size-1);height:auto;inset:var(--ds-legacy-size-28) auto var(--ds-legacy-size-n12-px) var(--ds-legacy-size-13)}.ds-approval{display:grid;gap:var(--ds-legacy-size-10)}.ds-approval__step>i{width:var(--ds-legacy-size-1);height:var(--ds-legacy-size-10);left:var(--ds-legacy-size-13);right:auto;top:var(--ds-legacy-size-28)}.ds-pagination{align-items:flex-start}.ds-pagination nav{width:100%;overflow-x:auto}.ds-page-header{align-items:stretch;flex-direction:column}.ds-page-header__actions{width:100%}.ds-form-layout--2,.ds-form-layout--3,.ds-grid--2,.ds-grid--3,.ds-grid--4,.ds-grid--12{grid-template-columns:minmax(0,1fr)}}@media(max-width:1023px){.ds-app-shell .ds-sidebar{position:absolute;inset:0 auto 0 0;transform:translate(-100%);box-shadow:var(--ds-shadow-modal)}.ds-app-shell .ds-sidebar.is-open{transform:translate(0)}.ds-header__left .ds-icon-button{display:inline-flex}.ds-app-shell__backdrop{position:absolute;inset:0;z-index:4;display:block;background:var(--ds-overlay-bg)}}@media(prefers-reduced-motion:reduce){.ds-root *,.ds-overlay *,.ds-toast-viewport *{scroll-behavior:auto!important;animation-duration:var(--ds-legacy-time-0-01-ms)!important;animation-iteration-count:1!important;transition-duration:var(--ds-legacy-time-0-01-ms)!important}}:root{--color-bg: var(--ds-background);--color-primary: var(--ds-primary-strong);--color-primary-hover: var(--ds-primary-hover);--color-primary-light: var(--ds-primary-light);--color-navy: var(--ds-text-strong);--color-accent: var(--ds-chart-green);--color-accent-light: var(--ds-success-bg);--color-warning: var(--ds-warning-solid);--color-warning-light: var(--ds-warning-bg);--color-danger: var(--ds-danger-solid);--color-danger-light: var(--ds-danger-bg);--color-info: var(--ds-chart-blue);--color-info-light: var(--ds-primary-light);--color-border: var(--ds-border);--color-border-strong: var(--ds-border-strong);--color-text: var(--ds-text-primary);--color-text-secondary: var(--ds-text-secondary);--color-text-muted: var(--ds-text-muted);--color-sidebar-bg: var(--ds-layout-sidebar-background);--color-card-bg: var(--ds-surface-1);--color-topbar-bg: var(--ds-layout-header-background);--font-base: var(--ds-font-system);--font-size-xs: var(--ds-font-size-small);--font-size-sm: var(--ds-font-size-body);--font-size-base: var(--ds-font-size-base);--font-size-lg: var(--ds-font-size-section);--font-size-xl: var(--ds-font-size-title);--font-size-2xl: var(--ds-font-size-page);--font-size-3xl: var(--ds-font-size-display);--space-1: var(--ds-space-1);--space-2: var(--ds-space-2);--space-3: var(--ds-space-3);--space-4: var(--ds-space-4);--space-5: var(--ds-space-5);--space-6: var(--ds-space-6);--space-8: var(--ds-space-8);--space-10: var(--ds-space-10);--space-12: var(--ds-space-12);--space-16: var(--ds-space-16);--radius-sm: var(--ds-radius-sm);--radius-md: var(--ds-radius-md);--radius-lg: var(--ds-radius-lg);--radius-xl: var(--ds-radius-xl);--radius-full: var(--ds-radius-pill);--shadow-xs: var(--ds-shadow-xs);--shadow-sm: var(--ds-shadow-sm);--shadow-md: var(--ds-shadow-md);--shadow-lg: var(--ds-shadow-lg);--shadow-xl: var(--ds-shadow-xl);--sidebar-width: var(--ds-layout-sidebar-width);--sidebar-collapsed: var(--ds-layout-sidebar-collapsed);--topbar-height: var(--ds-layout-header-height);--transition-fast: var(--ds-transition-fast);--transition-base: var(--ds-transition-base);--transition-slow: var(--ds-transition-slow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--ds-font-size-base);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-base);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:var(--ds-legacy-transition-11)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}.app-layout{display:flex;min-height:100vh;background-color:var(--color-bg)}.main-wrapper{flex:1;min-width:0;display:flex;flex-direction:column}.content-wrapper{width:100%;min-width:0;max-width:100%}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--color-sidebar-bg);border-right:var(--ds-legacy-size-1) solid var(--color-border);display:flex;flex-direction:column;z-index:200;transition:var(--ds-legacy-transition-12);overflow:hidden}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);height:var(--topbar-height);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);flex-shrink:0;overflow:hidden;white-space:nowrap}.sidebar-logo-icon{width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);background-color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--ds-on-solid);font-size:var(--font-size-lg);font-weight:var(--ds-font-weight-bold);flex-shrink:0}.sidebar-logo-text{display:flex;flex-direction:column;overflow:hidden}.sidebar-logo-name{font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-bold);color:var(--color-navy);letter-spacing:-.01em;line-height:1.2;white-space:nowrap}.sidebar-logo-tagline{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4) var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.sidebar-nav::-webkit-scrollbar{width:var(--ds-legacy-size-4)}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.sidebar-group{margin-bottom:var(--space-6)}.sidebar-group-label{font-size:var(--ds-legacy-size-10);font-weight:var(--ds-font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 var(--space-3) var(--space-2);overflow:hidden;white-space:nowrap;transition:var(--ds-legacy-transition-13)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-medium);cursor:pointer;transition:var(--ds-legacy-transition-14);position:relative;white-space:nowrap;overflow:hidden;text-decoration:none;margin-bottom:var(--ds-legacy-size-2)}.sidebar-item:hover{background-color:var(--color-bg);color:var(--color-text);text-decoration:none}.sidebar-item.active{background-color:var(--color-primary-light);color:var(--ds-primary-text);font-weight:var(--ds-font-weight-semibold)}.sidebar-item.active .sidebar-item-icon,.sidebar-item.active .sidebar-icon{color:var(--ds-primary-text)}.sidebar-item-icon,.sidebar-icon{width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--ds-font-size-base)}.sidebar-item-text,.sidebar-text{flex:1;overflow:hidden;text-overflow:ellipsis;transition:var(--ds-legacy-transition-13)}.sidebar-item-badge{background-color:var(--color-danger);color:var(--ds-on-solid);font-size:var(--ds-legacy-size-10);font-weight:var(--ds-font-weight-bold);padding:var(--ds-legacy-size-1) var(--ds-legacy-size-6);border-radius:var(--radius-full);flex-shrink:0}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:var(--ds-legacy-size-1) solid var(--color-border);flex-shrink:0}.sidebar-logout-btn{width:100%;height:var(--ds-legacy-size-40-px);display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:0 var(--space-3);color:var(--color-text-secondary);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card-bg);transition:var(--ds-legacy-transition-15)}.sidebar-logout-btn:hover{background-color:var(--color-bg);border-color:var(--color-border-strong);color:var(--color-text)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:var(--ds-legacy-transition-16);overflow:hidden}.sidebar-user:hover{background-color:var(--color-bg)}.sidebar-user-avatar{width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--ds-on-solid);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-bold);flex-shrink:0}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.sidebar.collapsed,.sidebar.sidebar-collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .sidebar-group-label,.sidebar.sidebar-collapsed .sidebar-group-label,.sidebar.collapsed .sidebar-item-text,.sidebar.collapsed .sidebar-item-badge,.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .sidebar-text,.sidebar.sidebar-collapsed .sidebar-item-text,.sidebar.sidebar-collapsed .sidebar-item-badge,.sidebar.sidebar-collapsed .sidebar-logo-text,.sidebar.sidebar-collapsed .sidebar-user-info,.sidebar.sidebar-collapsed .sidebar-text{opacity:0;pointer-events:none}.sidebar.collapsed .sidebar-item,.sidebar.sidebar-collapsed .sidebar-item{justify-content:center;padding:var(--space-2);position:relative}.sidebar.collapsed .sidebar-item:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + var(--ds-legacy-size-12));top:50%;transform:translateY(-50%);background-color:var(--color-navy);color:var(--ds-on-solid);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-medium);padding:var(--ds-space-1) var(--ds-legacy-size-10);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;z-index:300}.sidebar.collapsed .sidebar-user,.sidebar.sidebar-collapsed .sidebar-user,.sidebar.collapsed .sidebar-logout-btn,.sidebar.sidebar-collapsed .sidebar-logout-btn{justify-content:center}.sidebar.collapsed .sidebar-logout-btn span,.sidebar.sidebar-collapsed .sidebar-logout-btn span{display:none}.sidebar-toggle{position:absolute;right:var(--ds-legacy-size-n12-px);top:50%;transform:translateY(-50%);width:var(--ds-legacy-size-24-px);height:var(--ds-legacy-size-24-px);background-color:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:300;font-size:var(--ds-legacy-size-10);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);transition:var(--ds-legacy-transition-14)}.sidebar-toggle:hover{background-color:var(--color-primary);color:var(--ds-on-solid);border-color:var(--color-primary)}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:var(--ds-legacy-rgba-15-23-42-0-4);z-index:150;-webkit-backdrop-filter:blur(var(--ds-legacy-size-2));backdrop-filter:blur(var(--ds-legacy-size-2))}.sidebar-overlay.active{display:block}.main-content{flex:1;margin-left:var(--sidebar-width);min-width:0;display:flex;flex-direction:column;transition:var(--ds-legacy-transition-17)}.sidebar.collapsed~.main-content,.app-layout.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed)}.topbar{position:sticky;top:0;z-index:100;height:var(--topbar-height);background-color:var(--color-topbar-bg);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);box-shadow:var(--shadow-xs);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:var(--space-4)}.topbar-left{min-width:0;flex:1}.topbar-right{margin-left:auto}.topbar-hamburger,.topbar-toggle-btn{display:none;align-items:center;justify-content:center;width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--ds-legacy-transition-14);flex-shrink:0}.topbar-toggle-btn{display:inline-flex}.topbar-hamburger:hover,.topbar-toggle-btn:hover{background-color:var(--color-bg);color:var(--color-text)}.topbar-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.topbar-breadcrumb-item{color:var(--color-text-muted)}.topbar-breadcrumb-item.current{color:var(--color-text);font-weight:var(--ds-font-weight-medium)}.topbar-breadcrumb-sep{color:var(--color-border-strong)}.topbar-search{flex:1;max-width:var(--ds-legacy-size-400-px);position:relative}.topbar-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;font-size:var(--ds-font-size-body)}.topbar-search input,.topbar-search-input{width:100%;height:var(--ds-legacy-size-36);background-color:var(--color-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-full);padding:0 var(--space-4) 0 var(--space-8);font-size:var(--font-size-sm);color:var(--color-text);transition:var(--ds-legacy-transition-18);outline:none}.topbar-search input::placeholder,.topbar-search-input::placeholder{color:var(--color-text-muted)}.topbar-search input:focus,.topbar-search-input:focus{border-color:var(--color-primary);box-shadow:var(--ds-legacy-shadow-9);background-color:var(--color-card-bg)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.topbar-notification,.topbar-icon-btn{position:relative;width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--ds-legacy-transition-14)}.topbar-notification:hover,.topbar-icon-btn:hover{background-color:var(--color-bg);color:var(--color-text)}.topbar-notification-dot,.topbar-badge{position:absolute;top:var(--ds-legacy-size-6);right:var(--ds-legacy-size-6);min-width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px);padding:0 var(--ds-space-1);background-color:var(--color-danger);border-radius:var(--radius-full);border:var(--ds-legacy-size-2) solid var(--color-topbar-bg);color:var(--ds-on-solid);font-size:var(--ds-legacy-size-10);line-height:var(--ds-legacy-size-12);font-weight:var(--ds-font-weight-bold);display:inline-flex;align-items:center;justify-content:center}.topbar-notifications{position:relative}.topbar-notification-panel{position:absolute;top:calc(100% + var(--space-3));right:0;z-index:500;display:none;width:min(var(--ds-legacy-size-400-px),calc(100vw - var(--space-6)));overflow:hidden;border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);box-shadow:var(--shadow-lg);animation:dropdownIn var(--transition-base) ease forwards}.topbar-notification-panel.is-open{display:flex;flex-direction:column}.topbar-notification-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:var(--ds-legacy-size-1) solid var(--color-border)}.topbar-notification-header>div{display:flex;align-items:baseline;gap:var(--space-2)}.topbar-notification-header strong{color:var(--color-text);font-size:var(--font-size-sm)}.topbar-notification-header span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.topbar-notification-list{max-height:min(var(--ds-legacy-size-400-px),calc(100vh - var(--topbar-height) - 8rem));overflow-y:auto}.topbar-notification-state{margin:0;padding:var(--space-6) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.topbar-notification-state.is-error{color:var(--color-danger)}.topbar-notification-item{display:grid;grid-template-columns:var(--ds-legacy-size-8) minmax(0,1fr);gap:var(--space-3);width:100%;padding:var(--space-4);border:0;border-bottom:var(--ds-legacy-size-1) solid var(--color-border);background:transparent;color:var(--color-text);text-align:left;cursor:default;transition:var(--ds-transition-fast)}.topbar-notification-item.is-unread{background:color-mix(in srgb,var(--ds-primary-light) 45%,transparent);cursor:pointer}.topbar-notification-item:hover:not(:disabled){background:var(--color-bg)}.topbar-notification-item:focus-visible{outline:0;box-shadow:inset var(--ds-focus-ring)}.topbar-notification-item:disabled{opacity:.65}.topbar-notification-marker{width:var(--ds-legacy-size-8);height:var(--ds-legacy-size-8);margin-top:var(--ds-legacy-size-6);border-radius:var(--radius-full);background:transparent}.topbar-notification-item.is-unread .topbar-notification-marker{background:var(--color-primary)}.topbar-notification-content{display:grid;min-width:0;gap:var(--space-1)}.topbar-notification-content strong{overflow-wrap:anywhere;font-size:var(--font-size-sm);line-height:1.4}.topbar-notification-content>span{overflow-wrap:anywhere;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.45}.topbar-notification-content time{color:var(--color-text-muted);font-size:var(--ds-font-size-caption)}.topbar-notification-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:var(--ds-legacy-size-1) solid var(--color-border)}.topbar-notification-footer a,.topbar-notification-footer button{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);text-decoration:none}.topbar-notification-footer a:hover,.topbar-notification-footer button:hover{text-decoration:underline}.notification-center-dialog{width:min(var(--ds-legacy-size-960-px),calc(100vw - var(--space-8)))}.notification-center-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.notification-center-toolbar>div{display:flex;gap:var(--space-2)}.notification-center-error{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-light);color:var(--color-danger);font-size:var(--font-size-sm)}.notification-center-layout{display:grid;grid-template-columns:minmax(var(--ds-legacy-size-280-px),.8fr) minmax(0,1.2fr);min-height:var(--ds-legacy-size-400-px);overflow:hidden;border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg)}.notification-center-list{max-height:min(var(--ds-legacy-size-600-px),calc(100vh - 18rem));overflow-y:auto;border-right:var(--ds-legacy-size-1) solid var(--color-border);background:var(--color-bg)}.notification-center-list-item{display:grid;grid-template-columns:var(--ds-legacy-size-8) minmax(0,1fr);gap:var(--space-3);width:100%;padding:var(--space-4);border:0;border-bottom:var(--ds-legacy-size-1) solid var(--color-border);background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.notification-center-list-item:hover,.notification-center-list-item.is-selected{background:var(--color-card-bg)}.notification-center-list-item.is-selected{box-shadow:inset var(--ds-legacy-size-3) 0 0 var(--color-primary)}.notification-center-list-item.is-unread{background:color-mix(in srgb,var(--ds-primary-light) 45%,var(--color-bg))}.notification-center-list-item>span:last-child{display:grid;min-width:0;gap:var(--space-1)}.notification-center-list-item strong{overflow:hidden;font-size:var(--font-size-sm);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.notification-center-list-item small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.notification-center-pagination{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-top:var(--ds-legacy-size-1) solid var(--color-border);background:var(--color-card-bg)}.notification-center-pagination span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.notification-center-detail{min-width:0;max-height:min(var(--ds-legacy-size-600-px),calc(100vh - 18rem));overflow-y:auto;padding:var(--space-6);background:var(--color-card-bg)}.notification-center-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.notification-center-detail-heading time{color:var(--color-text-muted);font-size:var(--font-size-xs)}.notification-center-detail h3{margin:var(--space-5) 0 var(--space-3);color:var(--color-text);font-size:var(--font-size-lg);line-height:1.4}.notification-center-detail-body{min-height:var(--ds-legacy-size-80-px);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.notification-center-action{display:inline-flex;width:fit-content;margin-top:var(--space-4);text-decoration:none}.notification-center-metadata{display:grid;gap:var(--space-3);margin:var(--space-6) 0 0;padding-top:var(--space-5);border-top:var(--ds-legacy-size-1) solid var(--color-border)}.notification-center-metadata>div{display:grid;grid-template-columns:var(--ds-legacy-size-120-px) minmax(0,1fr);gap:var(--space-3)}.notification-center-metadata dt{color:var(--color-text-muted);font-size:var(--font-size-xs)}.notification-center-metadata dd{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow-wrap:anywhere}@media(max-width:760px){.topbar-notification-panel{position:fixed;top:var(--topbar-height);right:var(--space-3);left:var(--space-3);width:auto}.topbar-notification-footer{align-items:stretch;flex-direction:column;text-align:center}.notification-center-layout{grid-template-columns:1fr}.notification-center-list{max-height:var(--ds-legacy-size-280-px);border-right:0;border-bottom:var(--ds-legacy-size-1) solid var(--color-border)}.notification-center-detail{max-height:none;padding:var(--space-4)}}.topbar-divider{width:var(--ds-legacy-size-1);height:var(--ds-legacy-size-24-px);background-color:var(--color-border);margin:0 var(--space-1)}.topbar-avatar,.topbar-user-avatar,.dropdown-avatar{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--ds-on-solid);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-bold);cursor:pointer;transition:var(--ds-legacy-transition-19);flex-shrink:0}.topbar-avatar:hover,.topbar-user-trigger:hover .topbar-user-avatar{box-shadow:var(--ds-legacy-shadow-10)}.topbar-user{position:relative}.topbar-user-trigger{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text);border-radius:var(--radius-lg);padding:var(--ds-space-1) var(--ds-space-2) var(--ds-space-1) var(--ds-space-1);transition:var(--ds-legacy-transition-16)}.topbar-user-trigger:hover{background-color:var(--color-bg)}.topbar-user-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}.topbar-user-name{font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);color:var(--color-text)}.topbar-user-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.user-dropdown,.topbar-dropdown{position:absolute;top:calc(100% + var(--ds-legacy-size-8));right:0;width:var(--ds-legacy-size-280-px);background-color:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:500;animation:dropdownIn var(--transition-base) ease forwards;display:none}.user-dropdown.dropdown-open,.topbar-dropdown.dropdown-open{display:block}.user-dropdown-header,.topbar-dropdown-header{padding:var(--space-3) var(--space-3);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.user-dropdown-name,.dropdown-name{font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);color:var(--color-text)}.user-dropdown-email,.dropdown-email{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--ds-legacy-size-2)}.user-dropdown-item,.topbar-dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--ds-legacy-transition-14);text-decoration:none;width:100%;text-align:left}.user-dropdown-item:hover,.topbar-dropdown-item:hover{background-color:var(--color-bg);color:var(--color-text)}.topbar-mfa-item{justify-content:space-between}.topbar-mfa-status{padding:var(--ds-legacy-size-2) var(--space-2);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--ds-legacy-size-10);font-weight:var(--ds-font-weight-semibold);white-space:nowrap}.topbar-mfa-status.is-enabled{background:var(--color-accent-light);color:var(--ds-success-text)}.topbar-theme-selector{padding:var(--ds-space-1) var(--space-3) var(--space-2)}.topbar-theme-label{display:block;margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.topbar-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-1);padding:var(--ds-space-1);border:var(--ds-legacy-size-1) solid var(--ds-border-default);border-radius:var(--radius-md);background:var(--ds-surface-2)}.topbar-theme-option{min-width:0;height:var(--ds-legacy-size-32-px);display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-1);border:var(--ds-legacy-size-1) solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);background:transparent;font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-medium);line-height:1;transition:var(--ds-transition-fast)}.topbar-theme-option:hover{color:var(--color-text);background:var(--ds-surface-3)}.topbar-theme-option.is-selected{color:var(--ds-primary-text);border-color:var(--ds-primary-border);background:var(--ds-primary-light)}.topbar-theme-option:focus-visible{outline:0;box-shadow:var(--ds-focus-ring)}.mfa-settings-form,.mfa-settings-intro,.mfa-settings-recovery,.change-password-form{display:grid;gap:var(--space-4)}.mfa-settings-form>p,.mfa-settings-secret-label{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.mfa-settings-qr{display:flex;justify-content:center}.mfa-settings-qr svg{display:block;max-width:100%;height:auto;border-radius:var(--radius-md)}.mfa-settings-secret{padding:var(--space-3);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);overflow-wrap:anywhere;text-align:center;-webkit-user-select:all;user-select:all}.mfa-settings-recovery pre{margin:0;padding:var(--space-4);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font:inherit;line-height:1.7;text-align:center;-webkit-user-select:all;user-select:all}.user-dropdown-item.danger,.topbar-dropdown-logout{color:var(--color-danger)}.user-dropdown-item.danger:hover,.topbar-dropdown-logout:hover{background-color:var(--color-danger-light)}.user-dropdown-separator,.topbar-dropdown-divider{height:var(--ds-legacy-size-1);background-color:var(--color-border);margin:var(--space-2) 0}.page-content{flex:1;padding:var(--space-8) var(--space-8);max-width:100%;overflow-x:hidden}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.page-header-left{flex:1;min-width:0}.page-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.page-title{font-size:var(--font-size-2xl);font-weight:var(--ds-font-weight-bold);color:var(--color-navy);letter-spacing:-.02em;line-height:1.2}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1);line-height:1.5}.section-title{font-size:var(--font-size-lg);font-weight:var(--ds-font-weight-semibold);color:var(--color-text);letter-spacing:-.01em}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-accent)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-navy{color:var(--color-navy)}.font-medium{font-weight:var(--ds-font-weight-medium)}.font-semibold{font-weight:var(--ds-font-weight-semibold)}.font-bold{font-weight:var(--ds-font-weight-bold)}.font-normal{font-weight:var(--ds-font-weight-normal)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.card{background-color:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);gap:var(--space-4)}.card-header-title{font-size:var(--font-size-base);font-weight:var(--ds-font-weight-semibold);color:var(--color-text)}.card-header-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--ds-legacy-size-2)}.card-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:var(--ds-legacy-size-1) solid var(--color-border);background-color:var(--color-bg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.stat-card{background-color:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:var(--ds-legacy-transition-20)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(var(--ds-legacy-size-n1))}.stat-card-top{display:flex;align-items:flex-start;justify-content:space-between}.stat-card-icon{width:var(--ds-legacy-size-44-px);height:var(--ds-legacy-size-44-px);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--ds-font-size-title);flex-shrink:0}.stat-card-icon.primary{background-color:var(--color-primary-light);color:var(--color-primary)}.stat-card-icon.success{background-color:var(--color-accent-light);color:var(--color-accent)}.stat-card-icon.warning{background-color:var(--color-warning-light);color:var(--color-warning)}.stat-card-icon.danger{background-color:var(--color-danger-light);color:var(--color-danger)}.stat-card-icon.navy{background-color:var(--ds-surface-secondary);color:var(--color-navy)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:var(--ds-font-weight-bold);color:var(--color-navy);letter-spacing:-.03em;line-height:1}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.stat-card-trend{display:inline-flex;align-items:center;gap:var(--ds-space-1);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-semibold);padding:var(--ds-legacy-size-3) var(--ds-space-2);border-radius:var(--radius-full)}.stat-card-trend.up{background-color:var(--color-accent-light);color:var(--color-accent)}.stat-card-trend.down{background-color:var(--color-danger-light);color:var(--color-danger)}.stat-card-trend.neutral{background-color:var(--ds-surface-secondary);color:var(--color-text-secondary)}.stat-card-bottom{display:flex;align-items:center;justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:var(--ds-legacy-size-36);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-medium);border:var(--ds-legacy-size-1) solid transparent;cursor:pointer;transition:var(--ds-legacy-transition-21);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;outline:none;line-height:1}.btn:active{transform:translateY(var(--ds-legacy-size-1))}.btn:focus-visible{box-shadow:var(--ds-legacy-shadow-11)}.btn-primary{background-color:var(--color-primary);color:var(--ds-on-solid);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-card-bg);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg);border-color:var(--color-border-strong)}.btn-success{background-color:var(--color-accent);color:var(--ds-on-solid);border-color:var(--color-accent)}.btn-success:hover{background-color:var(--ds-legacy-059669);border-color:var(--ds-legacy-059669)}.btn-danger{background-color:var(--color-danger);color:var(--ds-on-solid);border-color:var(--color-danger)}.btn-danger:hover{background-color:var(--ds-danger-strong);border-color:var(--ds-danger-strong)}.btn-warning{background-color:var(--color-warning);color:var(--ds-on-solid);border-color:var(--color-warning)}.btn-warning:hover{background-color:var(--ds-legacy-d97706);border-color:var(--ds-legacy-d97706)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--color-bg);color:var(--color-text)}.btn-ghost-primary{background-color:transparent;color:var(--color-primary);border-color:transparent}.btn-ghost-primary:hover{background-color:var(--color-primary-light)}.btn-icon{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);padding:0;border-radius:var(--radius-md)}.btn-sm{height:var(--ds-legacy-size-30);padding:0 var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-lg{height:var(--ds-legacy-size-44-px);padding:0 var(--space-6);font-size:var(--font-size-base)}.btn-full{width:100%}.btn-group{display:inline-flex;border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.btn-group .btn{border-radius:0;border:none;border-right:var(--ds-legacy-size-1) solid var(--color-border)}.btn-group .btn:last-child{border-right:none}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--color-text);line-height:1.4}.form-label .required{color:var(--color-danger);margin-left:var(--ds-legacy-size-2)}.form-control{display:block;width:100%;height:var(--ds-legacy-size-38);padding:0 var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-base);color:var(--color-text);background-color:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md);transition:var(--ds-legacy-transition-18);outline:none;appearance:none;-webkit-appearance:none}.form-control::placeholder{color:var(--color-text-muted)}.form-control:focus{border-color:var(--color-primary);box-shadow:var(--ds-legacy-shadow-9)}.form-control:disabled{background-color:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.form-control.error{border-color:var(--color-danger);box-shadow:var(--ds-legacy-shadow-12)}textarea.form-control{height:auto;padding:var(--space-3);resize:vertical;min-height:var(--ds-legacy-size-100-px);line-height:1.6}.form-select{display:block;width:100%;height:var(--ds-legacy-size-38);padding:0 var(--space-8) 0 var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-base);color:var(--color-text);background-color:var(--color-card-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2394A3B8'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ds-legacy-size-10) center;background-size:var(--ds-legacy-size-16-px);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md);outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:var(--ds-legacy-transition-18)}.form-select:focus{border-color:var(--color-primary);box-shadow:var(--ds-legacy-shadow-9)}.form-check{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-check-input{width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px);border:var(--ds-legacy-size-2) solid var(--color-border-strong);border-radius:var(--ds-radius-xs);background-color:var(--color-card-bg);cursor:pointer;appearance:none;-webkit-appearance:none;transition:var(--ds-legacy-transition-22);position:relative;flex-shrink:0}.form-check-input[type=radio]{border-radius:50%}.form-check-input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-check-input:checked:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='%23fff'%3E%3Cpath d='M10 3L5 8L2 5'  stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:var(--ds-legacy-size-10)}.form-check-input[type=radio]:checked:after{background-image:none;background-color:var(--ds-white);margin:var(--ds-legacy-size-3);border-radius:50%}.form-check-label{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.input-group{display:flex;align-items:stretch}.input-group .form-control{border-radius:0;flex:1}.input-group .form-control:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group .form-control:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group-prefix,.input-group-suffix{display:flex;align-items:center;padding:0 var(--space-3);background-color:var(--color-bg);border:var(--ds-legacy-size-1) solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.input-group-prefix{border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group-suffix{border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger)}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--space-5)}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--space-5)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:var(--ds-legacy-size-1) solid var(--color-border);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);background-color:var(--color-card-bg)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background-color:var(--color-bg);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);white-space:nowrap;position:sticky;top:0;z-index:10}.data-table th:first-child{padding-left:var(--space-6)}.data-table th:last-child{padding-right:var(--space-6)}.data-table td{padding:var(--space-4) var(--space-4);color:var(--color-text);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);vertical-align:middle}.data-table td:first-child{padding-left:var(--space-6)}.data-table td:last-child{padding-right:var(--space-6)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background-color:var(--ds-legacy-fafbfc)}.data-table tbody tr{transition:var(--ds-legacy-transition-16)}.table-actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:var(--ds-legacy-transition-23)}.data-table tr:hover .table-actions{opacity:1}.table-avatar{width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--ds-on-solid);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-bold);flex-shrink:0}.table-avatar-group{display:flex;align-items:center;gap:var(--space-3)}.table-avatar-name{font-weight:var(--ds-font-weight-medium);color:var(--color-text)}.table-avatar-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-legacy-size-3) var(--ds-legacy-size-10);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-semibold);white-space:nowrap;line-height:1.4}.badge-success{background-color:var(--color-accent-light);color:var(--ds-legacy-059669)}.badge-warning{background-color:var(--color-warning-light);color:var(--ds-legacy-d97706)}.badge-danger{background-color:var(--color-danger-light);color:var(--ds-danger-strong)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.badge-neutral{background-color:var(--ds-surface-secondary);color:var(--color-text-secondary)}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-navy{background-color:var(--ds-text-primary);color:var(--ds-on-solid)}.badge-dot{width:var(--ds-legacy-size-6);height:var(--ds-legacy-size-6);border-radius:50%;background-color:currentColor;display:inline-block}.modal-overlay{position:fixed;inset:0;background-color:var(--ds-legacy-rgba-15-23-42-0-5);-webkit-backdrop-filter:blur(var(--ds-legacy-size-2));backdrop-filter:blur(var(--ds-legacy-size-2));z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--transition-base) ease forwards}.modal{background-color:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:var(--ds-legacy-size-540-px);max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;animation:modalIn var(--transition-slow) ease forwards;overflow:hidden}.modal-sm{max-width:var(--ds-legacy-size-400-px)}.modal-lg{max-width:var(--ds-legacy-size-720-px)}.modal-xl{max-width:var(--ds-legacy-size-960-px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);flex-shrink:0}.modal-title{font-size:var(--font-size-lg);font-weight:var(--ds-font-weight-semibold);color:var(--color-text);letter-spacing:-.01em}.modal-close{width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:var(--ds-legacy-transition-14)}.modal-close:hover{background-color:var(--color-bg);color:var(--color-text)}.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:var(--ds-legacy-size-1) solid var(--color-border);flex-shrink:0;background-color:var(--color-bg)}.tabs{width:100%}.tab-list{display:flex;border-bottom:var(--ds-legacy-size-1) solid var(--color-border);gap:0;overflow-x:auto;scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-bottom:var(--ds-legacy-size-2) solid transparent;transition:var(--ds-legacy-transition-24);white-space:nowrap;position:relative;bottom:var(--ds-legacy-size-n1)}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--ds-font-weight-semibold)}.tab-btn .badge{font-size:var(--ds-legacy-size-10);padding:var(--ds-legacy-size-1) var(--ds-legacy-size-6)}.tab-panel{padding-top:var(--space-6)}.tab-panel:not(.active){display:none}.tab-pills .tab-list{border-bottom:none;gap:var(--space-2);background-color:var(--color-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-1);display:inline-flex}.tab-pills .tab-btn{border-bottom:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);bottom:0}.tab-pills .tab-btn.active{background-color:var(--color-card-bg);color:var(--color-text);box-shadow:var(--shadow-sm);border-color:transparent}.pagination{display:flex;align-items:center;gap:var(--space-1)}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--color-text-secondary);cursor:pointer;border:var(--ds-legacy-size-1) solid transparent;transition:var(--ds-legacy-transition-15);text-decoration:none}.page-btn:hover{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.page-btn.active{background-color:var(--color-primary);color:var(--ds-on-solid);border-color:var(--color-primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);background-color:var(--color-card-bg);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.filter-label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--ds-space-1) var(--space-3);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-medium);color:var(--color-text-secondary);cursor:pointer;background-color:var(--color-card-bg);transition:var(--ds-legacy-transition-25)}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.filter-chip.active{background-color:var(--color-primary);color:var(--ds-on-solid);border-color:var(--color-primary)}.search-box{position:relative;display:flex;align-items:center}.search-box-icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none;font-size:var(--ds-font-size-body)}.search-box input{height:var(--ds-legacy-size-34);padding:0 var(--space-4) 0 var(--space-8);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-card-bg);outline:none;transition:var(--ds-legacy-transition-18);min-width:var(--ds-legacy-size-220-px)}.search-box input::placeholder{color:var(--color-text-muted)}.search-box input:focus{border-color:var(--color-primary);box-shadow:var(--ds-legacy-shadow-9)}.filter-bar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.toast-container{position:fixed;top:calc(var(--topbar-height) + var(--space-4));right:var(--space-6);z-index:2000;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:var(--ds-legacy-size-300-px);max-width:var(--ds-legacy-size-400-px);pointer-events:all;animation:toastIn var(--transition-slow) ease forwards}.toast-icon{width:var(--ds-legacy-size-20);height:var(--ds-legacy-size-20);flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--ds-font-size-small);margin-top:var(--ds-legacy-size-1)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);color:var(--color-text)}.toast-message{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--ds-legacy-size-2);line-height:1.5}.toast-close{width:var(--ds-legacy-size-20);height:var(--ds-legacy-size-20);flex-shrink:0;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-xs);font-size:var(--ds-font-size-small);transition:var(--ds-legacy-transition-16)}.toast-close:hover{background-color:var(--color-bg)}.toast-success{border-left:var(--ds-legacy-size-3) solid var(--color-accent)}.toast-success .toast-icon{background-color:var(--color-accent-light);color:var(--color-accent)}.toast-error{border-left:var(--ds-legacy-size-3) solid var(--color-danger)}.toast-error .toast-icon{background-color:var(--color-danger-light);color:var(--color-danger)}.toast-warning{border-left:var(--ds-legacy-size-3) solid var(--color-warning)}.toast-warning .toast-icon{background-color:var(--color-warning-light);color:var(--color-warning)}.toast-info{border-left:var(--ds-legacy-size-3) solid var(--color-primary)}.toast-info .toast-icon{background-color:var(--color-primary-light);color:var(--color-primary)}.kanban-board{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-4);align-items:flex-start;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;min-height:var(--ds-legacy-size-300-px)}.kanban-board::-webkit-scrollbar{height:var(--ds-legacy-size-6)}.kanban-board::-webkit-scrollbar-track{background:transparent}.kanban-board::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.kanban-column{flex-shrink:0;width:var(--ds-legacy-size-280-px);background-color:var(--color-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:calc(100vh - var(--ds-legacy-size-240-px))}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);flex-shrink:0}.kanban-column-title{font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.kanban-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ds-legacy-size-20);height:var(--ds-legacy-size-20);padding:0 var(--ds-legacy-size-6);background-color:var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold)}.kanban-column-actions{display:flex;align-items:center;gap:var(--space-1)}.kanban-cards{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.kanban-card{background-color:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:var(--ds-legacy-transition-26)}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(var(--ds-legacy-size-n1))}.kanban-card-labels{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-2)}.kanban-label{height:var(--ds-legacy-size-4);width:var(--ds-legacy-size-32-px);border-radius:var(--radius-full)}.kanban-card-title{font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--color-text);line-height:1.4;margin-bottom:var(--space-3)}.kanban-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--ds-legacy-size-1) solid var(--color-border)}.kanban-card-meta-left{display:flex;align-items:center;gap:var(--space-2)}.kanban-card-due{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.kanban-card-due.overdue{color:var(--color-danger)}.kanban-add-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin:var(--space-3);border:var(--ds-legacy-size-1) dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:var(--ds-legacy-transition-25);flex-shrink:0}.kanban-add-card:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.progress{width:100%;height:var(--ds-legacy-size-8);background-color:var(--color-bg);border-radius:var(--radius-full);overflow:hidden;border:var(--ds-legacy-size-1) solid var(--color-border)}.progress-bar{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:var(--ds-legacy-transition-27)}.progress-bar-success{background-color:var(--color-accent)}.progress-bar-warning{background-color:var(--color-warning)}.progress-bar-danger{background-color:var(--color-danger)}.progress-bar-navy{background-color:var(--color-navy)}.progress-sm{height:var(--ds-legacy-size-4)}.progress-lg{height:var(--ds-legacy-size-12)}.progress-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.progress-label-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--ds-font-weight-medium)}.progress-label-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--ds-font-weight-semibold)}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:calc(var(--space-4) - var(--ds-legacy-size-1));top:var(--ds-legacy-size-8);bottom:0;width:var(--ds-legacy-size-2);background-color:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--space-6)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:calc(-1 * var(--space-8) + (var(--space-4) - var(--ds-legacy-size-8)));top:var(--ds-legacy-size-4);width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px);border-radius:50%;background-color:var(--color-primary);border:var(--ds-legacy-size-2) solid var(--color-card-bg);box-shadow:var(--ds-legacy-shadow-13);z-index:1}.timeline-dot.success{background-color:var(--color-accent)}.timeline-dot.warning{background-color:var(--color-warning)}.timeline-dot.danger{background-color:var(--color-danger)}.timeline-dot.muted{background-color:var(--color-text-muted)}.timeline-content{background-color:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.timeline-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.timeline-title{font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.timeline-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.chart-bar-wrapper{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-4) 0;height:var(--ds-legacy-size-200-px);border-bottom:var(--ds-legacy-size-2) solid var(--color-border);position:relative}.chart-bar-group{display:flex;align-items:flex-end;gap:var(--ds-space-1);flex:1}.chart-bar{flex:1;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background-color:var(--color-primary);min-width:var(--ds-legacy-size-20);transition:var(--ds-legacy-transition-28);animation:barGrow var(--ds-legacy-time-0-6-s) ease forwards;transform-origin:bottom;cursor:pointer}.chart-bar:hover{opacity:.8;transform:scaleY(1.03);transform-origin:bottom}.chart-bar.success{background-color:var(--color-accent)}.chart-bar.warning{background-color:var(--color-warning)}.chart-bar.danger{background-color:var(--color-danger)}.chart-bar.light{background-color:var(--ds-legacy-dbeafe)}.chart-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-2);flex:1}.chart-labels{display:flex;gap:var(--space-3)}.chart-donut{width:var(--ds-legacy-size-120-px);height:var(--ds-legacy-size-120-px);border-radius:50%;background:conic-gradient(var(--color-primary) 0% 45%,var(--color-accent) 45% 70%,var(--color-warning) 70% 85%,var(--color-danger) 85% 100%);position:relative;display:flex;align-items:center;justify-content:center}.chart-donut:after{content:"";position:absolute;width:var(--ds-legacy-size-72);height:var(--ds-legacy-size-72);background-color:var(--color-card-bg);border-radius:50%}.chart-donut-center{position:relative;z-index:1;text-align:center}.chart-legend{display:flex;flex-direction:column;gap:var(--space-2)}.chart-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chart-legend-dot{width:var(--ds-legacy-size-10);height:var(--ds-legacy-size-10);border-radius:var(--ds-legacy-size-2);flex-shrink:0}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:var(--ds-legacy-size-1) solid;font-size:var(--font-size-sm);line-height:1.5}.alert-icon{flex-shrink:0;width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18);margin-top:var(--ds-legacy-size-1)}.alert-content{flex:1;min-width:0}.alert-title{font-weight:var(--ds-font-weight-semibold);margin-bottom:var(--space-1)}.alert-success{background-color:var(--color-accent-light);border-color:var(--ds-success-border);color:var(--ds-legacy-065f46)}.alert-warning{background-color:var(--color-warning-light);border-color:var(--ds-warning-border);color:var(--ds-legacy-92400e)}.alert-danger{background-color:var(--color-danger-light);border-color:var(--ds-danger-border);color:var(--ds-legacy-991b1b)}.alert-info{background-color:var(--color-primary-light);border-color:var(--ds-primary-border);color:var(--ds-primary-active)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.empty-state-icon{width:var(--ds-legacy-size-64-px);height:var(--ds-legacy-size-64-px);background-color:var(--color-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--ds-legacy-size-28);margin-bottom:var(--space-5);color:var(--color-text-muted)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--ds-font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:var(--ds-legacy-size-360-px);line-height:1.6;margin-bottom:var(--space-6)}.skeleton{background:linear-gradient(90deg,var(--ds-surface-secondary) 25%,var(--ds-border) 50%,var(--ds-surface-secondary) 75%);background-size:200% 100%;animation:skeleton var(--ds-legacy-time-1-5-s) ease infinite;border-radius:var(--radius-md)}.skeleton-text{height:var(--ds-legacy-size-14);margin-bottom:var(--space-2)}.skeleton-text-sm{height:var(--ds-legacy-size-12);width:60%}.skeleton-title{height:var(--ds-legacy-size-20);width:40%;margin-bottom:var(--space-3)}.skeleton-avatar{width:var(--ds-legacy-size-40-px);height:var(--ds-legacy-size-40-px);border-radius:50%;flex-shrink:0}.skeleton-btn{height:var(--ds-legacy-size-36);width:var(--ds-legacy-size-100-px)}.skeleton-card{height:var(--ds-legacy-size-140-px);border-radius:var(--radius-lg)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + var(--ds-legacy-size-6));left:0;min-width:var(--ds-legacy-size-180-px);background-color:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:500;padding:var(--space-2);animation:dropdownIn var(--transition-base) ease forwards}.dropdown-menu.right{left:auto;right:0}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--ds-legacy-transition-14);white-space:nowrap}.dropdown-item:hover{background-color:var(--color-bg);color:var(--color-text)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background-color:var(--color-danger-light)}.dropdown-separator{height:var(--ds-legacy-size-1);background-color:var(--color-border);margin:var(--space-2) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6)}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-primary);color:var(--ds-on-solid);font-weight:var(--ds-font-weight-bold);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:var(--ds-legacy-size-24-px);height:var(--ds-legacy-size-24-px);font-size:var(--ds-legacy-size-10)}.avatar-sm{width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);font-size:var(--ds-font-size-small)}.avatar-md{width:var(--ds-legacy-size-40-px);height:var(--ds-legacy-size-40-px);font-size:var(--ds-font-size-body)}.avatar-lg{width:var(--ds-legacy-size-48);height:var(--ds-legacy-size-48);font-size:var(--ds-font-size-section)}.avatar-xl{width:var(--ds-legacy-size-64-px);height:var(--ds-legacy-size-64-px);font-size:var(--ds-legacy-size-22)}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{border:var(--ds-legacy-size-2) solid var(--color-card-bg);margin-right:var(--ds-legacy-size-n8)}.avatar-group .avatar:last-child{margin-right:0}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.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}.justify-start{justify-content:flex-start}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.max-w-sm{max-width:var(--ds-legacy-size-400-px)}.max-w-md{max-width:var(--ds-legacy-size-540-px)}.max-w-lg{max-width:var(--ds-legacy-size-720-px)}.border{border:var(--ds-legacy-size-1) solid var(--color-border)}.border-top{border-top:var(--ds-legacy-size-1) solid var(--color-border)}.border-bottom{border-bottom:var(--ds-legacy-size-1) solid var(--color-border)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.bg-white{background-color:var(--color-card-bg)}.bg-base{background-color:var(--color-bg)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-accent)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.divider{height:var(--ds-legacy-size-1);background-color:var(--color-border);margin:var(--space-6) 0}.divider-vertical{width:var(--ds-legacy-size-1);background-color:var(--color-border);align-self:stretch}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:var(--ds-legacy-size-1) solid var(--color-border)}.quick-action-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--ds-legacy-transition-25);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--color-text-secondary)}.quick-action-item:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-light)}.activity-feed{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);transition:var(--ds-legacy-transition-16)}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:var(--ds-legacy-fafbfc)}.activity-avatar{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);border-radius:50%;background-color:var(--color-primary);color:var(--ds-on-solid);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-bold);flex-shrink:0}.activity-body{flex:1;min-width:0}.activity-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4}.activity-text strong{font-weight:var(--ds-font-weight-semibold)}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--ds-legacy-size-3)}.profile-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6)}.profile-avatar{width:var(--ds-legacy-size-80-px);height:var(--ds-legacy-size-80-px);border-radius:50%;background-color:var(--color-primary);color:var(--ds-on-solid);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--ds-font-weight-bold);flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{font-size:var(--font-size-xl);font-weight:var(--ds-font-weight-bold);color:var(--color-text);letter-spacing:-.01em}.profile-role{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--ds-legacy-size-3)}.profile-meta{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3);flex-wrap:wrap}.profile-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.info-list{display:flex;flex-direction:column;gap:0}.info-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--ds-legacy-size-1) solid var(--color-border)}.info-item:last-child{border-bottom:none}.info-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--ds-font-weight-medium);min-width:var(--ds-legacy-size-140-px);flex-shrink:0}.info-value{font-size:var(--font-size-sm);color:var(--color-text);flex:1}.summary-row{display:flex;align-items:center;justify-content:space-around;padding:var(--space-5) var(--space-6);gap:var(--space-4)}.summary-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1)}.summary-value{font-size:var(--font-size-2xl);font-weight:var(--ds-font-weight-bold);color:var(--color-navy);letter-spacing:-.02em}.summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--ds-font-weight-medium)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(var(--ds-legacy-size-12)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownIn{0%{opacity:0;transform:translateY(var(--ds-legacy-size-n6))}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(var(--ds-legacy-size-20))}to{opacity:1;transform:translate(0)}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18);border:var(--ds-legacy-size-2) solid var(--ds-legacy-rgba-255-255-255-0-3);border-top-color:var(--ds-white);border-radius:50%;animation:spin var(--ds-legacy-time-0-6-s) linear infinite;display:inline-block}.spinner-primary{border-color:var(--color-primary-light);border-top-color:var(--color-primary)}@media(max-width:1199px){:root{--sidebar-width: var(--ds-legacy-size-240-px)}.page-header{align-items:flex-start;flex-wrap:wrap}.page-header-actions{flex-wrap:wrap;width:100%;justify-content:flex-start}.filter-row,.filter-bar{align-items:stretch}.page-content{padding:var(--space-6) var(--space-6)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.col-span-4,.col-span-5{grid-column:span 6}.col-span-7,.col-span-8{grid-column:span 12}.form-grid-3{grid-template-columns:repeat(2,1fr)}.filter-bar>*,.filter-row>*,.filter-control,.filter-bar .search-box,.filter-bar .form-select{min-width:0!important}.filter-control{flex:1 1 var(--ds-legacy-size-220-px)}.tabs-nav,.tab-wrapper,.tab-list,.sub-tab-list,.radio-tabs,.view-toggle,.view-toggle-bar{max-width:100%}.table-actions,.action-group{flex-wrap:wrap;opacity:1}.table-card-header,.mini-stats-row,.card-header{gap:var(--space-3)}.topbar-search{max-width:var(--ds-legacy-size-280-px)}.kanban-column{width:var(--ds-legacy-size-260-px)}}@media(max-width:767px){:root{--sidebar-width: var(--ds-legacy-size-280-px);--topbar-height: var(--ds-legacy-size-56)}.sidebar{transform:translate(-100%);box-shadow:none;z-index:300;width:var(--sidebar-width)!important}.sidebar.open,.sidebar.sidebar-mobile-open{transform:translate(0);box-shadow:var(--shadow-xl);animation:slideInLeft var(--transition-slow) ease forwards}.sidebar-overlay{z-index:250}.sidebar.collapsed .sidebar-item-text,.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .sidebar-group-label,.sidebar.collapsed .sidebar-item-badge,.sidebar.collapsed .sidebar-text,.sidebar.sidebar-collapsed .sidebar-item-text,.sidebar.sidebar-collapsed .sidebar-logo-text,.sidebar.sidebar-collapsed .sidebar-user-info,.sidebar.sidebar-collapsed .sidebar-group-label,.sidebar.sidebar-collapsed .sidebar-item-badge,.sidebar.sidebar-collapsed .sidebar-text{opacity:1;pointer-events:auto}.sidebar.collapsed .sidebar-logout-btn span,.sidebar.sidebar-collapsed .sidebar-logout-btn span{display:inline}.main-content{margin-left:0!important}.topbar{padding:0 var(--space-4);gap:var(--space-3)}.topbar-hamburger,.topbar-toggle-btn{display:flex}.topbar-search,.topbar-user-info{display:none}.topbar-breadcrumb{flex:1;min-width:0}.page-content{padding:var(--space-5) var(--space-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header-actions{width:100%;justify-content:flex-start}.page-header-actions>*,.page-header-actions .btn,.page-header-actions a,.page-header-actions .dropdown-wrap{max-width:100%}.page-title{font-size:var(--font-size-xl)}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-6)}.stats-grid-4,.stats-grid-5{grid-template-columns:1fr 1fr;gap:var(--space-3)}.stats-row{flex-direction:column}.stat-chip{width:100%;justify-content:space-between}.content-grid{display:flex;flex-direction:column;gap:var(--space-5)}.col-span-4,.col-span-5,.col-span-6,.col-span-7,.col-span-8,.col-span-12{grid-column:span 12}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh;animation:modalMobileIn var(--transition-slow) ease forwards}.card-body{padding:var(--space-4)}.card-header{padding:var(--space-4) var(--space-5)}.filter-bar{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4)}.filter-row{flex-direction:column;align-items:stretch}.filter-bar>*,.filter-row>*{width:100%;min-width:0!important;max-width:100%}.filter-control{width:100%;flex-direction:column;align-items:stretch}.filter-control select,.filter-control input{width:100%}.filter-bar-actions{margin-left:0;width:100%}.search-box input{min-width:unset;width:100%}.search-box{width:100%}.table-wrapper{border-radius:var(--radius-md)}.data-table th:first-child,.data-table td:first-child{padding-left:var(--space-4)}.data-table th:last-child,.data-table td:last-child{padding-right:var(--space-4)}.kanban-board{flex-direction:row;overflow-x:auto;padding-bottom:var(--space-2)}.kanban-col,.kanban-column{width:min(var(--ds-legacy-size-280-px),calc(100vw - var(--ds-legacy-size-40-px)));max-height:none}.tab-wrapper,.tabs-nav,.tab-list,.sub-tab-list,.radio-tabs{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-wrapper::-webkit-scrollbar,.tabs-nav::-webkit-scrollbar,.tab-list::-webkit-scrollbar,.sub-tab-list::-webkit-scrollbar,.radio-tabs::-webkit-scrollbar{display:none}.mini-stats-row{flex-direction:column;gap:var(--space-3)}.profile-card{flex-direction:column;text-align:center}.profile-meta{justify-content:center}.summary-row{flex-wrap:wrap;gap:var(--space-4)}.quick-actions{padding:var(--space-4);gap:var(--space-2)}.toast-container{right:var(--space-4);left:var(--space-4);top:calc(var(--topbar-height) + var(--space-3))}.toast{max-width:100%;min-width:unset}.btn-group{width:100%}.page-header-actions .btn,.page-header-actions a.btn,.page-header-actions .dropdown-wrap{width:100%;justify-content:center}.view-toggle,.view-toggle-bar,.filter-bar-actions{width:100%}.view-btn,.view-toggle-btn{flex:1;justify-content:center}.tab-list{overflow-x:auto}.pagination{flex-wrap:wrap;justify-content:center}.table-footer,.card-footer,.table-card-header,.card-header{flex-wrap:wrap}.table-footer,.card-footer{align-items:flex-start}.table-card-header>*,.card-header>*{width:100%}.table-actions,.action-group{width:100%;justify-content:flex-start}.info-item{flex-direction:column;gap:var(--space-1)}.info-label{min-width:unset}}@keyframes modalMobileIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media print{.sidebar,.topbar,.topbar-actions,.sidebar-overlay,.btn,.filter-bar,.pagination{display:none!important}.main-content{margin-left:0!important}.page-content{padding:0!important}.card{box-shadow:none;border:var(--ds-legacy-size-1) solid var(--ds-legacy-ccc);break-inside:avoid}body{background-color:var(--ds-white)}}:root{font-synthesis:none;text-rendering:optimizeLegibility}.employee-detail-page{min-width:0;padding-top:0}.main-content:has(>.employee-detail-page){min-width:0;padding:var(--ds-space-8)}.employee-detail-back{height:var(--ds-legacy-size-34-390625-px);margin:0 0 var(--ds-space-4);display:inline-flex;align-items:center;gap:var(--ds-legacy-size-6);padding:var(--ds-legacy-size-6) var(--ds-space-3) var(--ds-legacy-size-6) var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold);text-decoration:none}.employee-detail-hero{min-height:var(--ds-legacy-size-138-px);margin-bottom:var(--ds-space-5);padding:var(--ds-space-6);display:flex;align-items:center;gap:var(--ds-space-6);overflow:visible}.employee-detail-avatar{width:var(--ds-legacy-size-88-px);height:var(--ds-legacy-size-88-px);display:grid;place-items:center;flex:none;border-radius:50%;color:var(--ds-on-solid);font-size:var(--ds-font-size-kpi);font-weight:var(--ds-font-weight-extrabold);letter-spacing:var(--ds-legacy-size-n1);box-shadow:var(--ds-legacy-shadow-14);position:relative}.employee-detail-avatar:after{content:"";width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px);position:absolute;right:var(--ds-legacy-size-4);bottom:var(--ds-legacy-size-4);border:var(--ds-legacy-size-2-5) solid var(--ds-white);border-radius:50%;background:var(--ds-chart-green)}.employee-detail-avatar.status-warning:after{background:var(--ds-warning-solid)}.employee-detail-avatar.status-danger:after{background:var(--ds-danger-solid)}.employee-detail-avatar.status-neutral:after{background:var(--ds-text-muted)}.employee-detail-identity{flex:1 1 var(--ds-legacy-size-360-px);min-width:0}.employee-detail-identity h1{margin:0 0 var(--ds-space-2);color:var(--ds-text-primary);font-size:var(--ds-font-size-page);line-height:1.2}.employee-detail-badges{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4)}.employee-detail-badges>span,.employee-detail-badges>.react-badge{min-height:0;padding:var(--ds-space-1) var(--ds-legacy-size-10);display:inline-flex;align-items:center;gap:var(--ds-legacy-size-5);border:var(--ds-legacy-size-1-5) solid var(--ds-primary-border);border-radius:var(--ds-legacy-size-999);color:var(--ds-primary-hover);background:var(--ds-primary-light);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold)}.employee-detail-badges>span:nth-child(2){color:var(--ds-success-text);border-color:var(--ds-success-border);background:var(--ds-success-bg)}.employee-detail-badges>span:nth-child(3){color:var(--ds-purple-text);border-color:var(--ds-purple-border);background:var(--ds-purple-bg)}.employee-detail-badges>.badge{color:var(--ds-success-text);border-color:transparent;background:var(--ds-success-bg)}.employee-detail-badges>.react-badge-warning{color:var(--ds-warning-text);background:var(--ds-warning-bg)}.employee-detail-badges>.react-badge-danger{color:var(--ds-danger-text);background:var(--ds-danger-bg)}.employee-detail-badges>.react-badge-neutral{color:var(--ds-neutral-text);background:var(--ds-surface-secondary)}.employee-detail-badges>.badge:before{content:"";width:var(--ds-legacy-size-6);height:var(--ds-legacy-size-6);flex:none;border-radius:50%;background:currentColor}.employee-detail-actions{margin-left:auto;display:flex;flex:none;flex-wrap:wrap;gap:var(--ds-space-2)}.employee-detail-actions .btn{height:var(--ds-legacy-size-36);padding:0 var(--ds-space-4);white-space:nowrap}.employee-detail-actions .btn svg{margin-right:var(--ds-space-1)}.employee-detail-card{min-width:0;overflow:hidden}.employee-detail-card>div>.react-tabs{width:100%;height:var(--ds-legacy-size-48);margin:0;gap:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.employee-detail-card>div>.react-tabs button{min-height:var(--ds-legacy-size-48);flex:0 0 auto;padding:var(--ds-legacy-size-14) var(--ds-legacy-size-18);display:flex;align-items:center;gap:var(--ds-legacy-size-6);font-size:var(--ds-font-size-body);border-bottom-width:var(--ds-legacy-size-3);margin-bottom:var(--ds-legacy-size-n1)}.employee-detail-panel{min-width:0}.employee-detail-section{padding:var(--ds-space-6)}.employee-detail-section-title{margin:0 0 var(--ds-space-4);padding-bottom:var(--ds-space-4);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-secondary);font-size:var(--ds-font-size-body);line-height:var(--ds-legacy-size-18-390625);letter-spacing:.06em;text-transform:uppercase}.employee-detail-section-heading{margin:0 0 var(--ds-space-4);padding-bottom:var(--ds-space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.employee-detail-section-heading .employee-detail-section-title{margin:0;padding:0;border:0}.employee-detail-section-heading .btn{flex:none}.employee-info-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-legacy-size-1);overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-border)}.employee-info-item{min-width:0;min-height:var(--ds-legacy-size-48);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--ds-surface);font-size:var(--ds-font-size-label)}.employee-info-item>span,.employee-info-item>strong{min-width:0;padding:var(--ds-space-3) var(--ds-space-4);display:flex;align-items:center;overflow-wrap:anywhere}.employee-info-item>span{color:var(--ds-text-secondary);background:var(--ds-surface-hover);font-weight:var(--ds-font-weight-semibold)}.employee-info-item>strong{color:var(--ds-text-primary);border-left:var(--ds-legacy-size-1) solid var(--ds-border);font-weight:var(--ds-font-weight-semibold)}.employee-info-item>strong>.badge{white-space:nowrap}.employee-detail-table-section .react-table-scroll{max-width:100%;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-10)}.employee-detail-table-section .data-table.data-table--responsive{width:100%;min-width:var(--ds-legacy-size-720-px);table-layout:auto}.employee-detail-table-section .data-table th{background:var(--ds-background)}.employee-detail-table-section .data-table th,.employee-detail-table-section .data-table td{padding:var(--ds-space-3) var(--ds-space-4)}.employee-attendance-section .data-table.data-table--responsive{min-width:var(--ds-legacy-size-880-px)}.employee-attendance-section .data-table th{color:var(--ds-text-secondary);font-weight:var(--ds-font-weight-bold)}.employee-attendance-section .data-table td{height:var(--ds-legacy-size-50-px)}.employee-attendance-weekday{color:var(--ds-text-secondary)}.employee-attendance-time{color:var(--ds-text-primary);font-family:var(--ds-legacy-font-family-3);letter-spacing:.02em}.employee-attendance-hours{color:var(--ds-primary-strong)}.employee-attendance-overtime{color:var(--ds-purple-solid)}.employee-attendance-overtime.is-zero{color:var(--ds-text-muted);font-weight:var(--ds-font-weight-medium)}.employee-payroll-section .data-table.data-table--responsive{min-width:var(--ds-legacy-size-980-px)}.employee-payroll-section .data-table th{color:var(--ds-text-secondary);font-weight:var(--ds-font-weight-bold)}.employee-payroll-section .data-table td{height:var(--ds-legacy-size-50-px)}.employee-payroll-deduction{color:var(--ds-danger-solid)}.employee-payroll-net{color:var(--ds-text-primary)}.employee-payroll-summary{margin-top:var(--ds-space-4);padding:var(--ds-space-4);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-5) var(--ds-legacy-size-36);border-radius:var(--ds-legacy-size-9);color:var(--ds-success-text);background:var(--ds-success-bg)}.employee-payroll-summary>div{min-width:var(--ds-legacy-size-145-px);display:grid;gap:var(--ds-legacy-size-6)}.employee-payroll-summary span{font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.employee-payroll-summary strong{font-size:var(--ds-legacy-size-21);line-height:1.2}.employee-contract-file-actions{display:flex;align-items:center;gap:var(--ds-space-2);white-space:nowrap}.employee-contract-detail-grid{grid-template-columns:minmax(0,1fr)}.employee-contract-file-detail{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2) var(--ds-legacy-size-14)}.employee-contract-file-detail>span{overflow-wrap:anywhere}.employee-contract-file-detail button{padding:0;display:inline-flex;align-items:center;gap:var(--ds-legacy-size-5);border:0;color:var(--ds-primary-strong);background:transparent;font:inherit;font-weight:var(--ds-font-weight-bold);cursor:pointer}.employee-contract-file-detail button:hover{text-decoration:underline}.employee-detail-table-section .btn:disabled{cursor:not-allowed;opacity:.55}.employee-document-section .data-table.data-table--responsive{min-width:var(--ds-legacy-size-1120-px)}.employee-document-actions{display:flex;align-items:center;gap:var(--ds-legacy-size-6);white-space:nowrap}.employee-document-toolbar{display:flex;align-items:center;gap:var(--ds-space-2)}.employee-document-toolbar .form-control{min-width:var(--ds-legacy-size-210-px);min-height:var(--ds-legacy-size-32-px);padding-top:var(--ds-legacy-size-5);padding-bottom:var(--ds-legacy-size-5);font-size:var(--ds-font-size-small)}.employee-document-empty{min-height:var(--ds-legacy-size-210-px);padding:var(--ds-space-8);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--ds-space-2);border:var(--ds-legacy-size-1) dashed var(--ds-border-strong);border-radius:var(--ds-radius-lg);color:var(--ds-text-muted);text-align:center}.employee-document-empty strong{color:var(--ds-neutral-text);font-size:var(--ds-font-size-body)}.employee-document-empty span{max-width:var(--ds-legacy-size-520-px);font-size:var(--ds-font-size-label);line-height:1.5}.employee-document-form-grid>.react-field,.employee-document-current-file,.employee-document-hint,.employee-document-error{grid-column:1 / -1}.employee-document-current-file{padding:var(--ds-space-3) var(--ds-legacy-size-14);display:grid;gap:var(--ds-space-1);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-9);background:var(--ds-background)}.employee-document-current-file span,.employee-document-current-file small,.employee-document-hint,.employee-document-field-hint{color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.employee-document-field-hint{font-weight:var(--ds-font-weight-normal);line-height:1.4}.employee-document-title-input{position:relative;display:block}.employee-document-title-input .form-control{padding-right:var(--ds-legacy-size-38)}.employee-document-title-input .form-control::-webkit-calendar-picker-indicator{display:none!important}.employee-document-title-input>svg{position:absolute;top:50%;right:var(--ds-legacy-size-12);color:var(--ds-text-secondary);pointer-events:none;transform:translateY(-50%)}.employee-document-current-file strong{overflow-wrap:anywhere;color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.employee-document-hint{margin:0;line-height:1.5}.employee-document-error{margin:0}.contract-file-input{height:auto;min-height:var(--ds-legacy-size-42);padding:var(--ds-legacy-size-7) var(--ds-legacy-size-10)}.contract-file-input::file-selector-button{margin-right:var(--ds-legacy-size-10);padding:var(--ds-legacy-size-7) var(--ds-legacy-size-10);border:0;border-radius:var(--ds-radius-sm);color:var(--ds-primary-hover);background:var(--ds-primary-light);font:inherit;font-weight:var(--ds-font-weight-bold);cursor:pointer}select.form-control{padding-right:var(--ds-legacy-size-38);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ds-legacy-size-12) center;background-size:var(--ds-legacy-size-16-px);cursor:pointer}.contract-form-error{margin:var(--ds-space-4) 0 0}.employee-history-timeline{position:relative;display:grid;gap:0;padding:var(--ds-legacy-size-2) 0 var(--ds-legacy-size-2) var(--ds-space-1)}.employee-history-timeline:before{content:"";position:absolute;top:var(--ds-legacy-size-16-px);bottom:var(--ds-legacy-size-16-px);left:var(--ds-legacy-size-19);width:var(--ds-legacy-size-2);background:var(--ds-border)}.employee-history-item{position:relative;display:grid;grid-template-columns:var(--ds-legacy-size-38) minmax(0,1fr);gap:var(--ds-legacy-size-14);min-width:0;padding:0 0 var(--ds-legacy-size-26)}.employee-history-item:last-child{padding-bottom:0}.employee-history-dot{z-index:1;display:inline-flex;width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);margin:var(--ds-legacy-size-1) 0 0;align-items:center;justify-content:center;border:var(--ds-legacy-size-4) solid var(--ds-white);border-radius:50%;color:var(--ds-primary-strong);background:var(--ds-info-bg);box-shadow:var(--ds-legacy-shadow-15);box-sizing:border-box}.employee-history-dot svg{stroke-width:2.2}.employee-history-dot--salary{color:var(--ds-success-text);background:var(--ds-success-bg);box-shadow:var(--ds-legacy-shadow-16)}.employee-history-dot--promotion{color:var(--ds-purple-solid);background:var(--ds-purple-bg);box-shadow:var(--ds-legacy-shadow-17)}.employee-history-dot--transfer{color:var(--ds-warning-text);background:var(--ds-warning-bg);box-shadow:var(--ds-legacy-shadow-18)}.employee-history-dot--contract{color:var(--ds-info-text);background:var(--ds-info-bg);box-shadow:var(--ds-legacy-shadow-19)}.employee-history-dot--insurance{color:var(--ds-teal-text);background:var(--ds-teal-bg);box-shadow:var(--ds-legacy-shadow-20)}.employee-history-dot--document{color:var(--ds-orange-text);background:var(--ds-orange-bg);box-shadow:var(--ds-legacy-shadow-21)}.employee-history-dot--profile{color:var(--ds-neutral-text);background:var(--ds-surface-secondary);box-shadow:var(--ds-legacy-shadow-22)}.employee-history-dot--start{color:var(--ds-primary-hover);background:var(--ds-info-bg);box-shadow:var(--ds-legacy-shadow-15)}.employee-history-content{min-width:0;padding:0 0 var(--ds-space-6);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.employee-history-item:last-child .employee-history-content{padding-bottom:0;border-bottom:0}.employee-history-content time{display:block;margin-bottom:var(--ds-legacy-size-5);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold);letter-spacing:.02em}.employee-history-content h3{margin:0;color:var(--ds-text-primary);font-size:var(--ds-legacy-size-15);font-weight:var(--ds-font-weight-bold);line-height:1.4}.employee-history-content p{margin:var(--ds-legacy-size-5) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-label);line-height:1.6;overflow-wrap:anywhere}.employee-history-content p strong{color:var(--ds-text-primary);font-weight:var(--ds-font-weight-bold)}@media(max-width:1199px){.main-content:has(>.employee-detail-page){padding:var(--ds-space-6)}.employee-detail-hero{height:auto;min-height:0;padding:var(--ds-space-6);align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:var(--ds-space-6)}.employee-detail-actions{width:100%;margin:0 0 0 var(--ds-legacy-size-112)}}@media(max-width:767px){.main-content:has(>.employee-detail-page){padding:var(--ds-space-5) var(--ds-space-4)}.employee-detail-page{padding-top:0}.employee-detail-back{margin:0 0 var(--ds-space-4)}.employee-detail-hero{padding:var(--ds-space-5);height:auto;min-height:0;gap:var(--ds-legacy-size-18)}.employee-detail-avatar{width:var(--ds-legacy-size-72);height:var(--ds-legacy-size-72);font-size:var(--ds-legacy-size-27)}.employee-detail-avatar:after{right:var(--ds-legacy-size-1);bottom:var(--ds-legacy-size-1)}.employee-detail-actions{width:100%;margin:0;flex-wrap:wrap}.employee-detail-actions .btn{flex:1 1 var(--ds-legacy-size-130-px)}.employee-detail-identity h1{margin-bottom:var(--ds-space-2)}.employee-detail-card>div>.react-tabs{overflow-x:auto}.employee-detail-card>div>.react-tabs button{padding-inline:var(--ds-legacy-size-14)}.employee-detail-section{padding:var(--ds-space-5)}.employee-detail-section-title{margin-bottom:var(--ds-legacy-size-14);padding-bottom:var(--ds-legacy-size-14)}.employee-detail-section-heading{align-items:flex-start;flex-direction:column}.employee-detail-section-heading .btn{width:100%}.employee-document-toolbar{width:100%;align-items:stretch;flex-direction:column}.employee-document-toolbar .form-control{width:100%;min-width:0}}@media(max-width:479px){.employee-detail-identity{flex-basis:var(--ds-legacy-size-190-px)}.employee-detail-identity h1{font-size:var(--ds-legacy-size-21)}.employee-detail-badges{gap:var(--ds-legacy-size-6)}.employee-detail-section{padding:var(--ds-space-4)}.employee-info-item>span,.employee-info-item>strong{min-height:var(--ds-legacy-size-42);padding:var(--ds-legacy-size-10) var(--ds-space-3)}}.main-content:has(>.leads-page){padding:var(--ds-legacy-size-28) var(--ds-space-8) var(--ds-space-12)}.leads-page .page-header{margin-bottom:var(--ds-legacy-size-28)}.leads-page .page-subtitle{font-size:var(--ds-font-size-label)}.leads-page .page-header-actions{gap:var(--ds-legacy-size-10)}.leads-page .page-header-actions .btn{min-height:var(--ds-legacy-size-38);padding:var(--ds-legacy-size-9) var(--ds-legacy-size-18)}.leads-page .page-header-actions svg{width:var(--ds-legacy-size-14);height:var(--ds-legacy-size-14)}.lead-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ds-legacy-size-14);margin-bottom:var(--ds-space-6)}.lead-stat-card{min-height:var(--ds-legacy-size-138-px);padding:var(--ds-legacy-size-18) var(--ds-space-5);position:relative;overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-14);background:var(--ds-surface);transition:var(--ds-legacy-transition-29)}.lead-stat-card:hover{transform:translateY(var(--ds-legacy-size-n2));box-shadow:var(--ds-legacy-shadow-23)}.lead-stat-card:before{content:"";width:var(--ds-legacy-size-4);position:absolute;inset:0 auto 0 0;border-radius:var(--ds-legacy-size-14) 0 0 var(--ds-legacy-size-14);background:var(--ds-primary-strong)}.lead-stat-card.green:before{background:var(--ds-chart-green)}.lead-stat-card.purple:before{background:var(--ds-purple-solid)}.lead-stat-card.teal:before{background:var(--ds-chart-teal-light)}.lead-stat-card.gray:before{background:var(--ds-text-muted)}.lead-stat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-legacy-size-10)}.lead-stat-header strong,.lead-stat-header span{display:block}.lead-stat-header strong{color:var(--ds-text-strong);font-size:var(--ds-legacy-size-26);line-height:1;letter-spacing:var(--ds-legacy-size-n1)}.lead-stat-header div>span{margin-top:var(--ds-legacy-size-5);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-medium)}.lead-stat-icon{width:var(--ds-legacy-size-38);height:var(--ds-legacy-size-38);display:grid!important;place-items:center;flex:none;border-radius:var(--ds-legacy-size-10);color:var(--ds-primary-strong);background:var(--ds-primary-light)}.lead-stat-icon svg{width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18)}.lead-stat-icon.green{color:var(--ds-chart-green);background:var(--ds-success-bg)}.lead-stat-icon.purple{color:var(--ds-purple-solid);background:var(--ds-purple-bg)}.lead-stat-icon.teal{color:var(--ds-chart-teal-light);background:var(--ds-teal-bg)}.lead-stat-icon.gray{color:var(--ds-text-secondary);background:var(--ds-surface-secondary)}.lead-stat-card>small{margin-top:var(--ds-space-6);display:block;color:var(--ds-chart-green);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold)}.lead-scoring-legend{min-height:var(--ds-legacy-size-46);margin-bottom:var(--ds-space-5);padding:var(--ds-space-3) var(--ds-space-4);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-4);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-10);background:var(--ds-surface);font-size:var(--ds-font-size-small)}.lead-scoring-legend>strong{color:var(--ds-text-primary)}.lead-scoring-legend>span{display:flex;align-items:center;gap:var(--ds-legacy-size-6)}.lead-scoring-legend i{width:var(--ds-legacy-size-8);height:var(--ds-legacy-size-8);flex:none;border-radius:50%}.lead-scoring-legend b.hot{color:var(--ds-danger-text)}.lead-scoring-legend b.warm{color:var(--ds-warning-text)}.lead-scoring-legend b.cold{color:var(--ds-primary-active)}.lead-scoring-legend em{color:var(--ds-text-muted);font-style:normal}.lead-scoring-legend>small{margin-left:auto;color:var(--ds-text-muted);font-size:var(--ds-legacy-size-11-5)}.lead-source-card{min-height:var(--ds-legacy-size-84);margin-bottom:var(--ds-space-5);padding:var(--ds-space-4) var(--ds-space-5);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface)}.lead-source-card>header{margin-bottom:var(--ds-space-3);display:flex;align-items:center;justify-content:space-between}.lead-source-card>header strong{color:var(--ds-text-strong);font-size:var(--ds-font-size-label)}.lead-source-card>header span{color:var(--ds-text-muted);font-size:var(--ds-font-size-small)}.lead-source-bars{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.lead-source-item{min-width:var(--ds-legacy-size-140-px);display:grid;grid-template-columns:var(--ds-legacy-size-80-px) minmax(var(--ds-legacy-size-40-px),1fr) var( --ds-legacy-size-34 );align-items:center;gap:var(--ds-space-2);flex:1 1 var(--ds-legacy-size-140-px);font-size:var(--ds-legacy-size-11-5)}.lead-source-item>span{color:var(--ds-neutral-text);font-weight:var(--ds-font-weight-medium)}.lead-source-item>div{height:var(--ds-legacy-size-8);overflow:hidden;border-radius:var(--ds-legacy-size-99);background:var(--ds-surface-secondary)}.lead-source-item i{height:100%;display:block;border-radius:var(--ds-legacy-size-99);background:var(--ds-primary-strong)}.lead-source-item strong{color:var(--ds-text-primary);text-align:right}.lead-auto-assign{margin-bottom:var(--ds-space-6);overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-14);background:var(--ds-surface)}.lead-auto-assign-header{width:100%;min-height:var(--ds-legacy-size-55-px);padding:var(--ds-space-4) var(--ds-space-5);display:flex;align-items:center;justify-content:space-between;border:0;background:var(--ds-surface);color:var(--ds-text-strong);cursor:pointer}.lead-auto-assign.expanded .lead-auto-assign-header{border-bottom:var(--ds-legacy-size-1) solid var(--ds-surface-secondary)}.lead-auto-assign-header>span,.lead-auto-assign-header>span>*{display:inline-flex;align-items:center}.lead-auto-assign-header>span{gap:var(--ds-space-2)}.lead-auto-assign-header svg{width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px)}.lead-auto-assign-header>svg{transition:var(--ds-legacy-transition-30)}.lead-auto-assign.expanded .lead-auto-assign-header>svg{transform:rotate(180deg)}.lead-auto-assign-header strong{font-size:var(--ds-legacy-size-13-5)}.lead-auto-assign-header b{padding:var(--ds-legacy-size-3) var(--ds-legacy-size-9);border-radius:var(--ds-legacy-size-99);color:var(--ds-success-text);background:var(--ds-success-bg);font-size:var(--ds-legacy-size-10)}.lead-auto-assign-body{padding:var(--ds-space-5)}.lead-auto-assign-body>p{margin:0 0 var(--ds-legacy-size-14);color:var(--ds-text-secondary);font-size:var(--ds-legacy-size-12-5)}.lead-assign-methods{margin-bottom:var(--ds-space-4);display:flex;flex-wrap:wrap;gap:var(--ds-legacy-size-10)}.lead-assign-methods button{padding:var(--ds-space-2) var(--ds-space-4);border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface);color:var(--ds-text-primary);font-size:var(--ds-legacy-size-12-5);font-weight:var(--ds-font-weight-semibold);cursor:pointer}.lead-assign-methods button.active{border-color:var(--ds-info-border);color:var(--ds-primary-strong);background:var(--ds-primary-light)}.lead-sales-heading{margin-bottom:var(--ds-legacy-size-10);display:block;color:var(--ds-text-primary);font-size:var(--ds-legacy-size-12-5)}.lead-sales-list{display:flex;flex-wrap:wrap;gap:var(--ds-legacy-size-10)}.lead-sale-chip{padding:var(--ds-space-2) var(--ds-legacy-size-14);display:flex;align-items:center;gap:var(--ds-space-2);border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-legacy-size-10);background:var(--ds-background)}.lead-sale-chip>b{width:var(--ds-legacy-size-28);height:var(--ds-legacy-size-28);display:grid;place-items:center;border-radius:var(--ds-radius-md);color:var(--ds-on-solid);font-size:var(--ds-font-size-caption)}.lead-sale-chip span>*{display:block}.lead-sale-chip span strong{color:var(--ds-text-primary);font-size:var(--ds-legacy-size-12-5)}.lead-sale-chip span small{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.lead-filter-bar{margin-bottom:var(--ds-space-4);padding:var(--ds-space-4) var(--ds-space-5);display:grid;gap:var(--ds-legacy-size-10);background:var(--ds-surface)}.lead-filter-bar input,.lead-filter-bar select{width:100%;height:var(--ds-legacy-size-39-px);padding:0 var(--ds-space-8) 0 var(--ds-space-3);border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-surface);font-size:var(--ds-font-size-label)}.lead-filter-bar .btn{width:max-content}.lead-search-box{position:relative;display:block}.lead-search-box svg{width:var(--ds-legacy-size-15);height:var(--ds-legacy-size-15);position:absolute;top:var(--ds-legacy-size-12);left:var(--ds-legacy-size-12);color:var(--ds-text-muted)}.lead-search-box input{padding-left:var(--ds-legacy-size-38)}.lead-table-card{margin-bottom:var(--ds-legacy-size-28);overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-14);background:var(--ds-surface)}.lead-table-scroll{width:100%;overflow-x:auto}.lead-table{width:100%;min-width:var(--ds-legacy-size-1280-px);border-collapse:collapse;table-layout:fixed}.lead-table .data-table__sticky--right{min-width:var(--ds-legacy-size-220-px)}.lead-table th{padding:var(--ds-space-3);border-bottom:var(--ds-legacy-size-1) solid var(--ds-surface-secondary);color:var(--ds-text-muted);background:var(--ds-surface-hover);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-6-px);text-align:left;text-transform:uppercase}.lead-table td{height:var(--ds-legacy-size-103-px);padding:var(--ds-space-3);border-bottom:var(--ds-legacy-size-1) solid var(--ds-background);color:var(--ds-neutral-text);font-size:var(--ds-legacy-size-12-5);line-height:1.55;vertical-align:middle;overflow-wrap:anywhere}.lead-table tbody tr:last-child td{border-bottom:0}.lead-table tr:hover td{background:var(--ds-surface-hover)}.lead-table th:nth-child(1){width:var(--ds-legacy-size-42)}.lead-table th:nth-child(2){width:var(--ds-legacy-size-92-px)}.lead-table th:nth-child(3){width:var(--ds-legacy-size-108-px)}.lead-table th:nth-child(4){width:var(--ds-legacy-size-102-px)}.lead-table th:nth-child(5){width:var(--ds-legacy-size-140-px)}.lead-table th:nth-child(6){width:var(--ds-legacy-size-110-px)}.lead-table th:nth-child(7){width:var(--ds-legacy-size-72)}.lead-table th:nth-child(8){width:var(--ds-legacy-size-80-px)}.lead-table th:nth-child(9){width:var(--ds-legacy-size-92-px)}.lead-table th:nth-child(10){width:var(--ds-legacy-size-112)}.lead-table th:nth-child(11){width:var(--ds-legacy-size-330-px)}.lead-table td>strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.lead-row-number{color:var(--ds-text-muted)!important;font-size:var(--ds-font-size-small)!important}.lead-nowrap{white-space:nowrap}.lead-email{color:var(--ds-text-secondary)!important;font-size:var(--ds-font-size-small)!important}.lead-badge{padding:var(--ds-legacy-size-3) var(--ds-legacy-size-9);display:inline-flex;align-items:center;border-radius:var(--ds-legacy-size-99);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold);line-height:1.4;white-space:nowrap}.lead-badge.neutral{color:var(--ds-neutral-text);background:var(--ds-surface-secondary)}.lead-badge.info{color:var(--ds-primary-active);background:var(--ds-info-bg)}.lead-badge.warning{color:var(--ds-warning-text);background:var(--ds-warning-bg)}.lead-badge.danger{color:var(--ds-danger-text);background:var(--ds-danger-bg)}.lead-badge.success{color:var(--ds-success-text);background:var(--ds-success-bg)}.lead-score{display:inline-flex;align-items:center;gap:var(--ds-legacy-size-5);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-bold)}.lead-score i{width:var(--ds-legacy-size-6);height:var(--ds-legacy-size-6);flex:none;border-radius:50%}.lead-actions{display:flex;align-items:center;gap:var(--ds-legacy-size-5);white-space:nowrap}.lead-action-button,.lead-more-actions summary{min-height:var(--ds-legacy-size-30);padding:var(--ds-legacy-size-5) var(--ds-legacy-size-9);display:inline-flex;align-items:center;border:0;border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);background:var(--ds-surface-secondary);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold);cursor:pointer}.lead-more-actions{position:relative}.lead-more-actions summary{list-style:none}.lead-more-actions summary::-webkit-details-marker{display:none}.lead-more-actions>div{min-width:var(--ds-legacy-size-170-px);padding:var(--ds-legacy-size-6);position:absolute;z-index:20;top:calc(100% + var(--ds-legacy-size-4));right:0;display:grid;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-10);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-24)}.lead-more-actions>div button{padding:var(--ds-space-2) var(--ds-legacy-size-10);border:0;border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);background:var(--ds-surface);font-size:var(--ds-font-size-small);text-align:left}.lead-more-actions>div button:hover{background:var(--ds-surface-secondary)}.lead-more-actions>div button.danger{color:var(--ds-danger-solid)}.lead-empty{height:auto!important;padding:var(--ds-space-8)!important;color:var(--ds-text-muted)!important;text-align:center}.lead-pagination{min-height:var(--ds-legacy-size-65-px);padding:var(--ds-space-4) var(--ds-space-5);display:flex;align-items:center;justify-content:space-between;border-top:var(--ds-legacy-size-1) solid var(--ds-surface-secondary);color:var(--ds-text-secondary);font-size:var(--ds-legacy-size-12-5)}.lead-pagination>div{display:flex;gap:var(--ds-legacy-size-6)}.lead-pagination button{width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-surface);font-weight:var(--ds-font-weight-semibold)}.lead-pagination button.active{border-color:var(--ds-primary-strong);color:var(--ds-on-solid);background:var(--ds-primary-strong)}.lead-scoring-card{padding:var(--ds-space-5);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-14);background:var(--ds-surface)}.lead-scoring-card h2{margin:0 0 var(--ds-legacy-size-14);display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-strong);font-size:var(--ds-legacy-size-13-5)}.lead-scoring-card h2 svg{width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px);color:var(--ds-warning-solid)}.lead-scoring-criteria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-legacy-size-10)}.lead-scoring-criteria>div{padding:var(--ds-legacy-size-10) var(--ds-legacy-size-14);display:flex;justify-content:space-between;gap:var(--ds-space-3);border:var(--ds-legacy-size-1) solid var(--ds-surface-secondary);border-radius:var(--ds-radius-md);background:var(--ds-background);font-size:var(--ds-legacy-size-12-5)}.lead-scoring-criteria span{color:var(--ds-text-primary);font-weight:var(--ds-font-weight-medium)}.lead-scoring-criteria strong{color:var(--ds-primary-strong);font-size:var(--ds-font-size-label)}.lead-scoring-card footer{margin-top:var(--ds-space-3);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-legacy-size-10)}.lead-scoring-card footer>span{padding:var(--ds-legacy-size-6) var(--ds-space-3);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold)}.lead-scoring-card footer .hot{color:var(--ds-danger-text);background:var(--ds-danger-bg)}.lead-scoring-card footer .warm{color:var(--ds-warning-text);background:var(--ds-warning-bg)}.lead-scoring-card footer .cold{color:var(--ds-primary-active);background:var(--ds-primary-light)}.lead-scoring-card footer small{margin-left:auto;color:var(--ds-text-muted);font-size:var(--ds-font-size-small)}.lead-detail-subtitle{margin:var(--ds-legacy-size-n8) 0 var(--ds-space-4);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.lead-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-3) var(--ds-space-5)}.lead-detail-grid>div{display:flex;flex-direction:column;gap:var(--ds-legacy-size-3)}.lead-detail-grid span{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-5-px);text-transform:uppercase}.lead-detail-grid strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-medium)}.lead-log-action{margin-bottom:var(--ds-legacy-size-14);display:flex;justify-content:flex-end}.lead-timeline>div{padding-bottom:var(--ds-space-4);display:flex;gap:var(--ds-space-3);position:relative}.lead-timeline>div:not(:last-child):before{content:"";width:var(--ds-legacy-size-2);position:absolute;top:var(--ds-legacy-size-28);bottom:0;left:var(--ds-legacy-size-14);background:var(--ds-surface-secondary)}.lead-timeline i{width:var(--ds-legacy-size-30);height:var(--ds-legacy-size-30);z-index:1;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--ds-info-bg);font-size:var(--ds-font-size-small);font-style:normal}.lead-timeline span>*{display:block}.lead-timeline small{margin:var(--ds-legacy-size-3) 0 var(--ds-space-1);color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.lead-timeline strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-normal)}.lead-convert-panel{padding:var(--ds-space-6);border:var(--ds-legacy-size-2) dashed var(--ds-success-border);border-radius:var(--ds-radius-lg);background:var(--ds-success-bg);text-align:center}.lead-convert-panel>strong{color:var(--ds-success-text);font-size:var(--ds-legacy-size-15)}.lead-convert-panel p{margin:var(--ds-space-2) 0 var(--ds-space-4);color:var(--ds-success-strong);font-size:var(--ds-font-size-label)}.lead-convert-form{margin-top:var(--ds-space-5)}@media(max-width:1280px){.lead-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.main-content:has(>.leads-page){padding:var(--ds-space-5) var(--ds-space-4) var(--ds-space-10)}.lead-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-source-bars{display:grid}.lead-scoring-criteria,.lead-detail-grid{grid-template-columns:1fr}}@media(max-width:767px){.leads-page .react-page-header .page-header-actions{width:100%;display:grid;grid-template-columns:1fr}.leads-page .page-header-actions .btn{width:100%}.lead-stat-grid{grid-template-columns:1fr}.lead-scoring-legend{align-items:flex-start;flex-direction:column}.lead-scoring-legend>small,.lead-scoring-card footer small{margin-left:0}.lead-auto-assign-header{align-items:flex-start}.lead-auto-assign-header>span{align-items:flex-start;flex-wrap:wrap}.lead-pagination{align-items:flex-start;flex-direction:column;gap:var(--ds-space-3)}.lead-scoring-criteria>div{align-items:flex-start;flex-direction:column}}.main-content:has(>.kpi-page){padding:var(--ds-space-8)}.kpi-page .react-page-header{margin-bottom:var(--ds-space-6)}.kpi-page .react-page-header .page-title{font-size:var(--ds-font-size-page)}.kpi-page .page-header-actions{gap:var(--ds-space-3)}.kpi-page .page-header-actions .btn,.kpi-add-row .btn{height:var(--ds-legacy-size-38);padding:0 var(--ds-space-4);gap:var(--ds-space-2);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.kpi-page .page-header-actions .btn svg,.kpi-add-row .btn svg,.kpi-page .react-tabs svg{width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px)}.kpi-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.kpi-stat-card{min-width:0;padding:var(--ds-space-5);display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-4);background:var(--ds-surface);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-legacy-shadow-25);text-align:center}.kpi-stat-icon{width:var(--ds-legacy-size-48);height:var(--ds-legacy-size-48);display:grid;place-items:center;border-radius:var(--ds-radius-lg)}.kpi-stat-icon svg{width:var(--ds-legacy-size-22);height:var(--ds-legacy-size-22)}.kpi-stat-green .kpi-stat-icon{color:var(--ds-success-strong);background:var(--ds-success-bg)}.kpi-stat-orange .kpi-stat-icon{color:var(--ds-warning-text);background:var(--ds-orange-bg)}.kpi-stat-blue .kpi-stat-icon{color:var(--ds-primary-strong);background:var(--ds-primary-light)}.kpi-stat-card strong,.kpi-stat-card span,.kpi-stat-card small{display:block}.kpi-stat-card strong{font-size:var(--ds-legacy-size-27-2);line-height:1.1;letter-spacing:-.02em}.kpi-stat-green strong{color:var(--ds-success-strong)}.kpi-stat-orange strong{color:var(--ds-warning-text)}.kpi-stat-blue strong{color:var(--ds-primary-strong)}.kpi-stat-card>div>span{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-body)}.kpi-stat-card small{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.kpi-page>.react-tabs{gap:0;margin-bottom:var(--ds-space-6);border-bottom:var(--ds-legacy-size-2) solid var(--ds-border)}.kpi-page>.react-tabs button{padding:var(--ds-space-3) var(--ds-space-5);display:inline-flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-legacy-size-n2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-body);line-height:var(--ds-legacy-size-18)}.kpi-page>.react-tabs button.active{color:var(--ds-primary-strong)}.kpi-add-row{display:flex;justify-content:flex-end;margin-bottom:var(--ds-space-4)}.kpi-sets-panel{padding-top:var(--ds-space-6)}.kpi-templates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-5)}.kpi-template-card{min-width:0;overflow:hidden;background:var(--ds-surface);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-legacy-shadow-25)}.kpi-template-header{padding:var(--ds-space-4) var(--ds-space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.kpi-template-header h2{margin:0;color:var(--ds-text-primary);font-size:var(--ds-font-size-body);line-height:1.6}.kpi-template-header small{display:block;margin-top:var(--ds-legacy-size-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.kpi-template-header .badge{flex:none;padding:var(--ds-legacy-size-2) var(--ds-legacy-size-10)}.kpi-template-body{padding:var(--ds-space-4)}.kpi-criteria-table{width:100%;border-collapse:collapse;table-layout:auto;color:var(--ds-text-primary);font-size:var(--ds-font-size-small)}.kpi-criteria-table th{padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-background);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-secondary);font-weight:var(--ds-font-weight-bold);text-align:left}.kpi-criteria-table td{padding:var(--ds-space-2) var(--ds-space-3);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);vertical-align:middle}.kpi-criteria-table .kpi-total-row{background:var(--ds-background);color:var(--ds-text-primary);font-weight:var(--ds-font-weight-bold)}.kpi-criteria-table .kpi-total-row td{border-bottom:0}.kpi-template-footer{padding:var(--ds-space-3) var(--ds-space-4);display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-2);border-top:var(--ds-legacy-size-1) solid var(--ds-border)}.kpi-template-footer .btn{height:var(--ds-legacy-size-30);padding:0 var(--ds-space-3);font-size:var(--ds-font-size-small)}.kpi-template-footer .kpi-edit-button{color:var(--ds-primary-strong);border-color:var(--ds-primary-strong);background:transparent}@media(max-width:1199px)and (min-width:768px){.main-content:has(>.kpi-page){padding:var(--ds-space-6)}.kpi-page .react-page-header{margin-bottom:var(--ds-space-6)}.kpi-page .page-header-actions{width:100%}.kpi-stats-grid,.kpi-templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.main-content:has(>.kpi-page){padding:var(--ds-space-5) var(--ds-space-4)}.kpi-page .react-page-header{margin-bottom:var(--ds-space-6)}.kpi-page .react-page-header .page-header-actions{display:flex;flex-direction:column;gap:var(--ds-space-3);margin-top:var(--ds-space-4);grid-template-columns:none}.kpi-page .page-header-actions .btn{width:100%}.kpi-stats-grid,.kpi-templates-grid{grid-template-columns:1fr}.kpi-stats-grid{gap:var(--ds-space-4)}.kpi-page>.react-tabs{margin-top:var(--ds-space-6)}.kpi-page>.react-tabs button{padding-right:var(--ds-legacy-size-18);padding-left:var(--ds-legacy-size-18)}}body{margin:0;background:var(--color-bg, var(--ds-background))}.sr-only{position:absolute;width:var(--ds-legacy-size-1);height:var(--ds-legacy-size-1);padding:0;margin:var(--ds-legacy-size-n1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--ds-legacy-size-3) solid var(--ds-legacy-rgba-37-99-235-0-28);outline-offset:var(--ds-legacy-size-2)}.main-content{padding:var(--ds-legacy-size-28) var(--ds-space-8) var(--ds-space-12);min-width:0;overflow-x:hidden}.react-page-header{align-items:flex-start;flex-wrap:wrap}.react-page-header .page-header-actions{max-width:100%}.react-page-header .page-title{font-size:var(--ds-legacy-size-22);color:var(--ds-text-strong)}.react-page-header .page-subtitle{margin-top:var(--ds-space-1)}.react-content-grid{display:grid;gap:var(--ds-space-5)}.react-card{background:var(--ds-surface);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-legacy-shadow-26)}.react-card-header{min-height:var(--ds-legacy-size-58-px);padding:0 var(--ds-space-5);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.react-card-header h2,.react-card-header h3{font-size:var(--ds-font-size-body);margin:0;color:var(--ds-text-primary)}.react-card-body{padding:var(--ds-space-5)}.react-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-legacy-size-22)}.react-stat-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{min-height:var(--ds-legacy-size-124-px);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--ds-legacy-size-4);background:var(--ds-primary-strong)}.stat-card.indigo:before{background:var(--ds-chart-indigo)}.stat-card.purple:before{background:var(--ds-purple-solid)}.stat-card.orange:before{background:var(--ds-warning-solid)}.stat-card.yellow:before{background:var(--ds-chart-amber)}.stat-card.green:before{background:var(--ds-chart-green)}.stat-card.teal:before{background:var(--ds-chart-teal-light)}.stat-card.red:before{background:var(--ds-danger-solid)}.stat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-legacy-size-10);margin-bottom:var(--ds-legacy-size-14)}.stat-icon{width:var(--ds-legacy-size-40-px);height:var(--ds-legacy-size-40-px);border-radius:var(--ds-legacy-size-10);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{color:var(--ds-primary-strong);background:var(--ds-primary-light)}.stat-icon.indigo{color:var(--ds-chart-indigo);background:var(--ds-purple-bg)}.stat-icon.purple{color:var(--ds-purple-solid);background:var(--ds-purple-bg)}.stat-icon.orange{color:var(--ds-warning-solid);background:var(--ds-warning-bg)}.stat-icon.yellow{color:var(--ds-warning-text);background:var(--ds-warning-bg)}.stat-icon.green{color:var(--ds-chart-green);background:var(--ds-success-bg)}.stat-icon.teal{color:var(--ds-chart-teal-light);background:var(--ds-teal-bg)}.stat-icon.red{color:var(--ds-danger-solid);background:var(--ds-danger-bg)}.stat-value{font-size:var(--ds-font-size-display);font-weight:var(--ds-font-weight-extrabold);color:var(--ds-text-strong);letter-spacing:var(--ds-legacy-size-n1);line-height:1}.stat-card.blue{border-color:var(--ds-primary-border);background:color-mix(in srgb,var(--ds-primary-light) 55%,var(--ds-surface))}.stat-card.indigo{border-color:color-mix(in srgb,var(--ds-chart-indigo) 30%,var(--ds-surface));background:color-mix(in srgb,var(--ds-purple-bg) 55%,var(--ds-surface))}.stat-card.purple{border-color:var(--ds-purple-border);background:color-mix(in srgb,var(--ds-purple-bg) 55%,var(--ds-surface))}.stat-card.orange{border-color:var(--ds-warning-border);background:color-mix(in srgb,var(--ds-warning-bg) 55%,var(--ds-surface))}.stat-card.yellow{border-color:color-mix(in srgb,var(--ds-chart-amber) 30%,var(--ds-surface));background:color-mix(in srgb,var(--ds-warning-bg) 55%,var(--ds-surface))}.stat-card.green{border-color:var(--ds-success-border);background:color-mix(in srgb,var(--ds-success-bg) 55%,var(--ds-surface))}.stat-card.teal{border-color:color-mix(in srgb,var(--ds-chart-teal-light) 35%,var(--ds-surface));background:color-mix(in srgb,var(--ds-teal-bg) 55%,var(--ds-surface))}.stat-card.red{border-color:var(--ds-danger-border);background:color-mix(in srgb,var(--ds-danger-bg) 55%,var(--ds-surface))}.stat-card.blue .stat-value{color:var(--ds-primary-strong)}.stat-card.indigo .stat-value{color:var(--ds-chart-indigo)}.stat-card.purple .stat-value{color:var(--ds-purple-solid)}.stat-card.orange .stat-value{color:var(--ds-warning-solid)}.stat-card.yellow .stat-value{color:var(--ds-warning-text)}.stat-card.green .stat-value{color:var(--ds-chart-green)}.stat-card.teal .stat-value{color:var(--ds-chart-teal-light)}.stat-card.red .stat-value{color:var(--ds-danger-solid)}.stat-label{font-size:var(--ds-font-size-small);color:var(--ds-text-secondary);margin-top:var(--ds-legacy-size-3)}.stat-change,.stat-trend{font-size:var(--ds-font-size-caption);color:var(--ds-chart-green);font-weight:var(--ds-font-weight-semibold)}.stat-trend.neutral{color:var(--ds-text-secondary)}.react-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-5);margin-bottom:var(--ds-space-5)}.react-dashboard-grid>*{min-width:0}body:has(.dashboard-page){font-family:var(--ds-legacy-font-family-4)}.dashboard-page .page-header{margin-bottom:var(--ds-legacy-size-28)}.dashboard-page .page-title{line-height:1.3}.dashboard-page .page-subtitle{font-size:var(--ds-font-size-label);line-height:1.5}.dashboard-page .react-stat-grid.six{gap:var(--ds-space-4);margin-bottom:var(--ds-legacy-size-28);margin-top:var(--ds-legacy-size-10)}.dashboard-page .stat-card{min-height:0;padding:var(--ds-space-5);border-radius:var(--ds-legacy-size-14)}.dashboard-page .stat-header{gap:0}.dashboard-page .stat-card:before{border-radius:var(--ds-legacy-size-14) 0 0 var(--ds-legacy-size-14)}.dashboard-page .stat-value{margin-bottom:var(--ds-space-1)}.dashboard-page .stat-value-suffix{font-size:var(--ds-font-size-section);font-weight:var(--ds-font-weight-bold)}.dashboard-page .stat-icon svg{width:var(--ds-legacy-size-20);height:var(--ds-legacy-size-20)}.dashboard-page .stat-label{font-weight:var(--ds-font-weight-medium);margin-top:0}.dashboard-page .stat-trend{margin-top:var(--ds-legacy-size-10);font-size:var(--ds-legacy-size-11-5);font-weight:var(--ds-font-weight-medium);display:flex;gap:var(--ds-space-1)}.dashboard-page .stat-trend.up{color:var(--ds-chart-green)}.dashboard-page .react-dashboard-grid{margin-bottom:var(--ds-legacy-size-28)}.dashboard-page .react-card{padding:var(--ds-space-6);border-radius:var(--ds-legacy-size-14)}.dashboard-page .react-card-header{min-height:0;padding:var(--ds-space-5) var(--ds-space-6);margin-bottom:var(--ds-space-5)}.dashboard-page .react-card-header h2{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-strong);font-weight:var(--ds-font-weight-bold)}.dashboard-page .react-card-body{padding:0}.dashboard-page .section-title-dot{width:var(--ds-legacy-size-8);height:var(--ds-legacy-size-8);border-radius:50%;background:var(--ds-primary-strong);flex-shrink:0}.dashboard-page .section-title-dot.green{background:var(--ds-chart-green)}.dashboard-page .section-title-dot.orange{background:var(--ds-warning-solid)}.dashboard-page .section-title-dot.purple{background:var(--ds-purple-solid)}.dashboard-page .section-title-dot.teal{background:var(--ds-chart-teal-light)}.dashboard-page .react-bars{gap:var(--ds-legacy-size-10)}.dashboard-page .react-bar-row{grid-template-columns:var(--ds-legacy-size-90-px) 1fr var(--ds-legacy-size-36);gap:var(--ds-legacy-size-10)}.dashboard-page .react-bar-row>div{height:var(--ds-legacy-size-10)}.dashboard-page .react-bar-row b{font-size:var(--ds-font-size-small);color:var(--ds-text-strong)}.dashboard-kpi-list{display:flex;flex-direction:column;gap:var(--ds-legacy-size-14)}.dashboard-kpi-item>div{display:flex;justify-content:space-between;margin-bottom:var(--ds-legacy-size-6)}.dashboard-kpi-item span,.dashboard-kpi-item b{font-size:var(--ds-legacy-size-12-5)}.dashboard-kpi-item>div>span{color:var(--ds-text-primary);font-weight:var(--ds-font-weight-medium)}.dashboard-kpi-item>i{display:block;height:var(--ds-legacy-size-8);overflow:hidden;border-radius:var(--ds-legacy-size-99);background:var(--ds-surface-secondary)}.dashboard-kpi-item>i>span{display:block;height:100%;border-radius:inherit;background:var(--ds-primary-strong)}.dashboard-kpi-item:nth-child(1)>i>span{width:92%}.dashboard-kpi-item:nth-child(2)>i>span{width:88%}.dashboard-kpi-item:nth-child(3)>i>span{width:85%}.dashboard-kpi-item:nth-child(4)>i>span{width:84%}.dashboard-kpi-item:nth-child(5)>i>span{width:82%}.dashboard-kpi-item:nth-child(6)>i>span{width:79%}.dashboard-kpi-item:nth-child(7)>i>span{width:77%}.dashboard-kpi-item:nth-child(8)>i>span{width:74%}.dashboard-kpi-item.green b{color:var(--ds-chart-green)}.dashboard-kpi-item.green>i>span{background:var(--ds-chart-green)}.dashboard-kpi-item.blue b{color:var(--ds-primary-strong)}.dashboard-kpi-item.orange b{color:var(--ds-warning-solid)}.dashboard-kpi-item.orange>i>span{background:var(--ds-warning-solid)}.dashboard-alert-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-legacy-size-28)}.dashboard-alert-card{padding:var(--ds-legacy-size-18) var(--ds-space-5);display:flex;align-items:center;gap:var(--ds-space-4);border:var(--ds-legacy-size-1-5) solid transparent;border-radius:var(--ds-radius-lg)}.dashboard-alert-card.warning{color:var(--ds-warning-text);background:var(--ds-warning-bg);border-color:var(--ds-warning-border)}.dashboard-alert-card.orange{color:var(--ds-orange-text);background:var(--ds-orange-bg);border-color:var(--ds-orange-border)}.dashboard-alert-card.danger{color:var(--ds-danger-text);background:var(--ds-danger-bg);border-color:var(--ds-danger-border)}.dashboard-alert-card.info{color:var(--ds-primary-text);background:var(--ds-primary-light);border-color:var(--ds-primary-border)}.dashboard-alert-icon{width:var(--ds-legacy-size-44-px);height:var(--ds-legacy-size-44-px);border-radius:var(--ds-radius-lg);display:grid;place-items:center;flex-shrink:0;font-size:var(--ds-legacy-size-22);background:color-mix(in srgb,currentColor 10%,var(--ds-surface))}.dashboard-alert-card>span:last-child{display:grid}.dashboard-alert-card strong{font-size:var(--ds-legacy-size-26);line-height:1;font-weight:var(--ds-font-weight-extrabold)}.dashboard-alert-card b{margin-top:var(--ds-legacy-size-3);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-medium)}.dashboard-alert-card small{margin-top:var(--ds-legacy-size-2);font-size:var(--ds-font-size-caption)}.dashboard-page .dashboard-bottom-row{grid-template-columns:minmax(0,3fr) minmax(300px,2fr);align-items:stretch}.dashboard-page .dashboard-bottom-row>.react-card{min-height:0;height:100%}.dashboard-page .dashboard-status-date{color:var(--ds-text-muted);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-medium)}.dashboard-page .dashboard-status-card .react-card-body{display:flex;min-height:var(--ds-legacy-size-360-px);align-items:center;justify-content:center}.dashboard-page .dashboard-status-card .react-donut-wrap{width:100%;gap:var(--ds-space-6)}.dashboard-page .dashboard-status-card .react-donut-svg-wrap,.dashboard-page .dashboard-status-card .react-donut-svg{width:var(--ds-legacy-size-180-px);height:var(--ds-legacy-size-180-px)}.dashboard-page .dashboard-task-toggle{border:0;background:transparent;color:var(--ds-primary-strong);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-semibold);cursor:pointer}.dashboard-page .dashboard-task-toggle:hover{text-decoration:underline}.dashboard-page .dashboard-bottom-row .data-table th:last-child,.dashboard-page .dashboard-bottom-row .data-table td:last-child{width:var(--ds-legacy-size-110-px);text-align:center}.dashboard-page .dashboard-bottom-row .data-table td:last-child .btn{min-width:var(--ds-legacy-size-72)}.dashboard-page .data-table th{border-bottom-color:var(--ds-surface-secondary);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-6-px)}.dashboard-page .data-table td{padding:var(--ds-legacy-size-13) var(--ds-space-3);border-bottom-color:var(--ds-background);color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.dashboard-page .data-table th:first-child,.dashboard-page .data-table td:first-child{padding-left:var(--ds-space-6)}.dashboard-page .data-table th:last-child,.dashboard-page .data-table td:last-child{padding-right:var(--ds-space-6)}.dashboard-page .dashboard-bottom-row .data-table td:nth-child(3){max-width:var(--ds-legacy-size-220-px);white-space:normal}.dashboard-page .dashboard-bottom-row .data-table td:nth-child(4){color:var(--ds-text-muted);font-size:var(--ds-font-size-small)}.dashboard-page .task-num{display:inline-flex;align-items:center;justify-content:center;width:var(--ds-legacy-size-22);height:var(--ds-legacy-size-22);color:var(--ds-text-secondary);background:var(--ds-surface-secondary);border-radius:var(--ds-radius-sm);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold)}.dashboard-page .btn{height:var(--ds-legacy-size-36);padding:var(--ds-legacy-size-9) var(--ds-legacy-size-18);border-radius:var(--ds-radius-md);font-size:var(--ds-legacy-size-13-5);font-weight:var(--ds-font-weight-semibold)}.dashboard-page .btn-sm{height:var(--ds-legacy-size-30);padding:var(--ds-legacy-size-5) var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-font-size-small)}.dashboard-page .btn-ghost{padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);color:var(--ds-primary-strong);font-size:var(--ds-legacy-size-12-5);font-weight:var(--ds-font-weight-medium);line-height:normal}.dashboard-chart-row .react-card-header>.badge{min-width:var(--ds-legacy-size-20);height:var(--ds-legacy-size-20);padding:0 var(--ds-legacy-size-6);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);line-height:var(--ds-legacy-size-17-6)}.dashboard-page .react-donut-wrap{flex-direction:column;gap:var(--ds-space-5);padding:0}.dashboard-page .react-donut,.dashboard-page .react-donut-svg-wrap,.dashboard-page .react-donut-svg{width:var(--ds-legacy-size-160-px);height:var(--ds-legacy-size-160-px)}.dashboard-page .react-donut{padding:var(--ds-legacy-size-22)}.dashboard-page .react-donut-svg-wrap{position:relative}.dashboard-page .react-donut-svg{display:block;transform:rotate(-90deg)}.dashboard-page .react-donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.dashboard-page .react-donut-center strong{color:var(--ds-text-strong);font-size:var(--ds-legacy-size-26);line-height:1;font-weight:var(--ds-font-weight-extrabold)}.dashboard-page .react-donut-center span{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.dashboard-page .react-donut-legend{width:100%}.dashboard-page .react-donut-legend>div{grid-template-columns:var(--ds-legacy-size-10) 1fr auto;font-size:var(--ds-legacy-size-12-5)}.dashboard-page .react-donut-legend i{width:var(--ds-legacy-size-10);height:var(--ds-legacy-size-10)}.dashboard-page .react-donut-legend b{color:var(--ds-text-strong);font-size:var(--ds-font-size-label)}.dashboard-page .react-donut-legend small{margin-left:var(--ds-space-1);color:var(--ds-text-muted);font-size:var(--ds-legacy-size-11-5);font-weight:var(--ds-font-weight-normal)}.dashboard-page .react-donut-ring-wrap .react-donut-legend{align-self:stretch;min-width:0}.dashboard-page .react-donut-ring-wrap .react-donut-legend-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--ds-font-size-base)}.dashboard-page .react-donut-ring-wrap .react-donut-legend-label,.dashboard-page .react-donut-ring-wrap .react-donut-legend-value{display:flex;align-items:center}.dashboard-page .react-donut-ring-wrap .react-donut-legend-label{gap:var(--ds-space-2)}.dashboard-page .react-donut-ring-wrap .react-donut-legend-value b{line-height:var(--ds-legacy-size-20-8)}.dashboard-page .react-donut-ring-wrap .react-donut-legend-value small{line-height:var(--ds-legacy-size-18-4)}.dashboard-page .badge{padding:var(--ds-legacy-size-3) var(--ds-legacy-size-9);font-size:var(--ds-font-size-caption);line-height:normal}.dashboard-activity-person{display:flex;align-items:center;gap:var(--ds-legacy-size-10)}.dashboard-activity-person>span:last-child{display:grid}.dashboard-activity-person small{color:var(--ds-text-muted);font-size:var(--ds-font-size-small)}.dashboard-activity-person strong{color:var(--ds-text-strong);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-semibold)}.dashboard-page>.react-card .data-table td:nth-child(2){max-width:var(--ds-legacy-size-240-px);color:var(--ds-neutral-text);font-size:var(--ds-font-size-label)}.dashboard-page>.react-card .data-table td:nth-child(4){color:var(--ds-text-muted);font-size:var(--ds-font-size-small)}.dashboard-page .activity-avatar{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);display:grid;place-items:center;color:var(--ds-on-solid);border-radius:var(--ds-legacy-size-10);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-bold)}.dashboard-page .activity-avatar-1{background:var(--ds-primary-strong)}.dashboard-page .activity-avatar-2{background:var(--ds-purple-solid)}.dashboard-page .activity-avatar-3{background:var(--ds-chart-green)}.dashboard-page .activity-avatar-4{background:var(--ds-warning-solid)}.dashboard-page .activity-avatar-5{background:var(--ds-danger-solid)}.main-content:has(>.employees-page){padding-top:var(--ds-space-8);padding-bottom:var(--ds-space-8)}.employees-page .page-title{font-size:var(--ds-font-size-page);line-height:1.2}.employees-page .page-header-actions .btn svg{width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px)}.employees-page .page-header-actions .btn-primary svg{margin-right:var(--ds-space-1)}.employees-page .employee-filter-card{margin-bottom:var(--ds-space-4)}.employees-page .employee-filter-card .react-card-body{padding:var(--ds-space-4)}.employees-page .filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-3)}.employees-page .filter-bar .search-box{position:relative;flex:1 1 var(--ds-legacy-size-220-px);min-width:var(--ds-legacy-size-180-px)}.employees-page .filter-bar .search-box svg{position:absolute;left:var(--ds-legacy-size-12);top:50%;width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px);transform:translateY(-50%);color:var(--ds-text-muted);pointer-events:none}.employees-page .filter-bar .search-box input{width:100%;height:var(--ds-legacy-size-34);min-width:0;padding:var(--ds-legacy-size-9) var(--ds-space-3) var(--ds-legacy-size-9) var(--ds-legacy-size-38);border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-body);line-height:normal}.employees-page .filter-bar .form-select{flex:0 1 auto;width:100%;min-width:var(--ds-legacy-size-150-px);height:var(--ds-legacy-size-38);padding:var(--ds-legacy-size-9) var(--ds-space-8) var(--ds-legacy-size-9) var(--ds-space-3);border-width:var(--ds-legacy-size-1-5);background-size:var(--ds-legacy-size-12);line-height:normal}.employees-page .filter-bar .btn svg{margin-right:var(--ds-space-1)}.employees-page .stats-row{display:flex;flex-wrap:wrap;gap:var(--ds-space-3);margin-bottom:var(--ds-space-5)}.employees-page .stat-chip{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border:var(--ds-legacy-size-1-5) solid transparent;border-radius:var(--ds-radius-pill);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.employees-page .stat-chip-total{color:var(--ds-primary-active);background:var(--ds-primary-light);border-color:var(--ds-primary-border)}.employees-page .stat-chip-active{color:var(--ds-success-text);background:var(--ds-success-bg);border-color:var(--ds-success-border)}.employees-page .stat-chip-trial,.employees-page .stat-chip-leave{color:var(--ds-warning-text);background:var(--ds-warning-bg);border-color:var(--ds-warning-border)}.employees-page .stat-chip-quit{color:var(--ds-neutral-text);background:var(--ds-surface-secondary);border-color:var(--ds-border-strong)}.employees-page .stat-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ds-legacy-size-22);height:var(--ds-legacy-size-22);border-radius:var(--ds-radius-pill);background:var(--ds-legacy-rgba-0-0-0-0-1);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold)}.employees-page .employee-table-card{overflow:hidden}.employees-page .employee-table-card .react-card-header{min-height:0;padding:var(--ds-space-5) var(--ds-space-6)}.employees-page .employee-table-card .react-card-header h2{color:var(--ds-text-primary);font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-normal)}.employees-page .employee-table-card .react-card-header>span{font-size:var(--ds-font-size-body);line-height:1.6}.employees-page .employee-table-wrap{min-width:0;overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-legacy-shadow-27)}.employees-page .employee-table-wrap .react-table-scroll{overflow-x:auto;overflow-y:hidden}.employees-page .employee-table-wrap .data-table{min-width:var(--ds-legacy-size-1250-px)}.employees-page .employee-table-wrap .data-table th,.employees-page .employee-table-wrap .data-table td{vertical-align:middle}.employees-page .employee-table-wrap .data-table td:first-child{width:var(--ds-legacy-size-40-px)}.employees-page .employee-table-wrap .data-table td:nth-child(5){max-width:var(--ds-legacy-size-160-px);overflow:hidden;color:var(--ds-text-secondary);text-overflow:ellipsis}.employees-page .employee-table-wrap .data-table td:nth-child(6),.employees-page .employee-table-wrap .data-table td:nth-child(8){color:var(--ds-text-secondary)}.employees-page .avatar-cell{display:flex;align-items:center;gap:var(--ds-space-3)}.employees-page .avatar-initials{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--ds-radius-pill);color:var(--ds-on-solid);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-bold)}.employees-page .avatar-cell-info{display:flex;flex-direction:column;line-height:1.3}.employees-page .avatar-cell-name{color:var(--ds-text-primary);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.employees-page .avatar-cell-email{color:var(--ds-text-muted);font-size:var(--ds-font-size-small)}.employees-page .id-badge{display:inline-block;padding:var(--ds-legacy-size-2) var(--ds-space-2);border-radius:var(--ds-radius-sm);color:var(--ds-primary-strong);background:var(--ds-primary-light);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-3-px)}.employees-page .dept-badge{display:inline-block;padding:var(--ds-legacy-size-2) var(--ds-space-2);border-radius:var(--ds-radius-sm);color:var(--ds-success-text);background:var(--ds-success-bg);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-medium)}.employees-page .status-badge{display:inline-flex;align-items:center;gap:var(--ds-legacy-size-5);padding:var(--ds-legacy-size-3) var(--ds-legacy-size-10);border-radius:var(--ds-radius-pill);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold)}.employees-page .status-badge:before{width:var(--ds-legacy-size-6);height:var(--ds-legacy-size-6);flex-shrink:0;border-radius:50%;background:currentColor;content:""}.employees-page .badge-active{color:var(--ds-success-text);background:var(--ds-success-bg)}.employees-page .badge-trial,.employees-page .badge-contract-official{color:var(--ds-primary-active);background:var(--ds-info-bg)}.employees-page .badge-pause,.employees-page .badge-contract-trial{color:var(--ds-warning-text);background:var(--ds-warning-bg)}.employees-page .badge-quit{color:var(--ds-neutral-text);background:var(--ds-surface-secondary)}.employees-page .badge-contract-short{color:var(--ds-purple-text);background:var(--ds-purple-bg)}.employees-page .action-group{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-1)}.employees-page .btn-action,.employees-page .btn-action-icon{padding:var(--ds-space-1) var(--ds-legacy-size-10);border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);background:var(--ds-surface);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-medium)}.employees-page .btn-action-icon{padding:var(--ds-space-1) var(--ds-space-2)}.employees-page button.btn-action{line-height:normal}.employees-page button.btn-action-icon{height:var(--ds-legacy-size-27);line-height:normal}.employee-action-menu{position:fixed;z-index:1300;width:var(--ds-legacy-size-220-px);padding:var(--ds-legacy-size-6);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-10);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-28)}.employee-action-menu a,.employee-action-menu button{display:flex;align-items:center;width:100%;gap:var(--ds-legacy-size-10);padding:var(--ds-legacy-size-9) var(--ds-legacy-size-10);border:0;border-radius:var(--ds-legacy-size-7);color:var(--ds-text-primary);background:transparent;font:inherit;font-size:var(--ds-font-size-label);text-align:left;cursor:pointer}.employee-action-menu a:hover,.employee-action-menu button:hover:not(:disabled),.employee-action-menu a:focus-visible,.employee-action-menu button:focus-visible{color:var(--ds-primary-hover);background:var(--ds-primary-light);outline:none}.employee-action-menu button:disabled{color:var(--ds-text-muted);cursor:not-allowed}.employee-action-menu svg{flex:0 0 auto}.employees-page .pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2);padding:var(--ds-legacy-size-15) var(--ds-space-5);border-top:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-background)}.employees-page .pagination-info{margin-right:0}@media(max-width:1199px)and (min-width:768px){.main-content:has(>.employees-page){padding:var(--ds-space-6)}.employees-page .react-page-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--ds-space-4);margin-bottom:var(--ds-space-8);flex-wrap:wrap}.employees-page .react-page-header>div:first-child{width:100%;flex:1 1 100%;min-width:0}.employees-page .react-page-header .page-header-actions{width:100%;flex:1 1 100%;flex-wrap:wrap;margin-top:0}}@media(max-width:767px){.main-content:has(>.employees-page){padding:var(--ds-space-5) var(--ds-space-4) var(--ds-legacy-size-21)}.employees-page .react-page-header{margin-bottom:var(--ds-space-6)}.employees-page .page-title{font-size:var(--ds-font-size-title);line-height:1.2}.employees-page .react-page-header .page-header-actions{display:flex;flex-direction:column;gap:var(--ds-space-3);margin-top:var(--ds-space-4)}.employees-page .react-page-header .page-header-actions .btn{width:100%}.employees-page .data-table{font-size:var(--ds-font-size-body)}}.react-bars{display:grid;gap:var(--ds-space-3)}.react-bar-row{display:grid;grid-template-columns:var(--ds-legacy-size-92-px) 1fr var(--ds-legacy-size-42);align-items:center;gap:var(--ds-legacy-size-10);font-size:var(--ds-font-size-small)}.react-bar-row>span{color:var(--ds-text-secondary);text-align:right}.react-bar-row>div{height:var(--ds-legacy-size-8);border-radius:var(--ds-legacy-size-99);background:var(--ds-surface-secondary);overflow:hidden}.react-bar-row i{height:100%;display:block;border-radius:var(--ds-legacy-size-99);transition:var(--ds-legacy-transition-10)}.react-bar-row b{text-align:right;font-size:var(--ds-font-size-caption)}.react-donut-wrap{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-8);padding:var(--ds-space-3)}.react-donut{width:var(--ds-legacy-size-150-px);height:var(--ds-legacy-size-150-px);border-radius:50%;padding:var(--ds-space-6);display:grid;place-items:center}.react-donut>div{background:var(--ds-surface);width:100%;height:100%;border-radius:50%;display:grid;place-content:center;text-align:center}.react-donut strong{font-size:var(--ds-legacy-size-25)}.react-donut span{font-size:var(--ds-font-size-caption);color:var(--ds-text-muted)}.react-donut-legend{min-width:var(--ds-legacy-size-170-px);display:grid;gap:var(--ds-space-3)}.react-donut-legend>div{display:grid;grid-template-columns:var(--ds-legacy-size-8) 1fr auto;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-font-size-small)}.react-donut-legend i{width:var(--ds-legacy-size-8);height:var(--ds-legacy-size-8);border-radius:50%}.react-donut-legend span{color:var(--ds-text-secondary)}.react-table-scroll{width:100%;overflow:auto}.data-table td,.data-table th{white-space:nowrap}.react-person{display:flex;align-items:center;gap:var(--ds-legacy-size-10)}.react-avatar{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);display:grid;place-items:center;border-radius:50%;color:var(--ds-on-solid);font-weight:var(--ds-font-weight-bold);font-size:var(--ds-font-size-caption);flex:none}.react-person strong{display:block;font-size:var(--ds-font-size-small)}.react-person small{display:block;font-size:var(--ds-legacy-size-10);color:var(--ds-text-muted);margin-top:var(--ds-legacy-size-2)}.react-badge-neutral{background:var(--ds-surface-secondary);color:var(--ds-text-secondary)}.react-badge-success{background:var(--ds-success-bg);color:var(--ds-success-text)}.react-badge-warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.react-badge-danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.react-badge-info{background:var(--ds-info-bg);color:var(--ds-primary-hover)}.react-badge-purple{background:var(--ds-purple-bg);color:var(--ds-purple-text)}.react-empty{text-align:center;color:var(--ds-text-muted);padding:var(--ds-legacy-size-36) var(--ds-space-4)}.react-toolbar{display:flex;flex-wrap:wrap;gap:var(--ds-legacy-size-10);align-items:center}.react-toolbar .react-search{position:relative;flex:1 1 var(--ds-legacy-size-240-px)}.react-toolbar .react-search svg{position:absolute;left:var(--ds-legacy-size-12);top:50%;transform:translateY(-50%);color:var(--ds-text-muted)}.react-toolbar input,.react-toolbar select,.form-control{height:var(--ds-legacy-size-40-px);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface);padding:0 var(--ds-space-3);color:var(--ds-text-primary);min-width:var(--ds-legacy-size-160-px)}.react-toolbar .react-search input{width:100%;padding-left:var(--ds-legacy-size-38)}.react-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-legacy-size-14) var(--ds-legacy-size-18);border-top:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-muted);font-size:var(--ds-font-size-small)}.react-pagination>div{display:flex;gap:var(--ds-legacy-size-7)}.react-pagination button{min-width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-7);background:var(--ds-surface);color:var(--ds-text-secondary)}.react-pagination button.active{background:var(--ds-primary-strong);color:var(--ds-on-solid);border-color:var(--ds-primary-strong)}.react-tabs{display:flex;gap:var(--ds-space-1);overflow-x:auto;border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);margin-bottom:var(--ds-space-5)}.react-tabs button{border:0;background:transparent;padding:var(--ds-legacy-size-13) var(--ds-space-4);color:var(--ds-text-secondary);font-weight:var(--ds-font-weight-semibold);font-size:var(--ds-font-size-label);white-space:nowrap;border-bottom:var(--ds-legacy-size-2) solid transparent}.react-tabs button.active{color:var(--ds-primary-strong);border-color:var(--ds-primary-strong)}.react-tabs button span{margin-left:var(--ds-legacy-size-6);background:var(--ds-surface-secondary);padding:var(--ds-legacy-size-1) var(--ds-legacy-size-6);border-radius:var(--ds-legacy-size-99);font-size:var(--ds-legacy-size-10)}.react-tab-panel{min-width:0}.report-filter-card{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-4);margin-bottom:var(--ds-space-5);padding:var(--ds-space-4) var(--ds-space-5);background:var(--ds-surface);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-legacy-shadow-26)}.report-filter-card label{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-label)}.report-filter-card select{height:var(--ds-legacy-size-34);padding:0 var(--ds-space-3);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-background);color:var(--ds-text-primary)}.report-panel{display:grid;gap:var(--ds-space-5)}.report-panel .react-stat-grid,.report-panel .react-dashboard-grid{margin-bottom:0}.report-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-26);text-align:center}.report-stat-icon{display:grid;place-items:center;width:var(--ds-legacy-size-44-px);height:var(--ds-legacy-size-44-px);border-radius:var(--ds-radius-lg)}.report-stat-icon.blue{color:var(--ds-primary-strong);background:var(--ds-primary-light)}.report-stat-icon.green{color:var(--ds-chart-green);background:var(--ds-success-bg)}.report-stat-icon.orange{color:var(--ds-warning-solid);background:var(--ds-orange-bg)}.report-stat-icon.red{color:var(--ds-danger-solid);background:var(--ds-danger-bg)}.report-stat-icon.purple{color:var(--ds-purple-solid);background:var(--ds-purple-bg)}.report-stat-icon.teal{color:var(--ds-teal-solid);background:var(--ds-teal-bg)}.report-stat-card strong,.report-stat-card span,.report-stat-card small{display:block}.report-stat-card strong{color:var(--ds-text-strong);font-size:var(--ds-font-size-page);line-height:1.1}.report-stat-card span{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-label)}.report-stat-card small{margin-top:var(--ds-legacy-size-1);color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.report-card{min-width:0}.report-person-cell{display:grid;gap:var(--ds-space-1)}.report-person-cell span{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.report-card-stack{display:grid;gap:var(--ds-space-4)}.report-bars{display:grid;gap:var(--ds-space-3)}.report-chart-empty{display:grid;min-height:var(--ds-legacy-size-160-px);place-items:center;padding:var(--ds-space-5);color:var(--ds-text-muted);font-size:var(--ds-font-size-small);text-align:center}.report-bar-row{display:grid;grid-template-columns:var(--ds-legacy-size-105-px) 1fr var(--ds-legacy-size-64-px);align-items:center;gap:var(--ds-space-3);font-size:var(--ds-font-size-small)}.report-bar-row>span{color:var(--ds-text-secondary)}.report-bar-track{height:var(--ds-legacy-size-10);overflow:hidden;border-radius:var(--ds-legacy-size-99);background:var(--ds-border)}.report-bar-track i{display:block;height:100%;border-radius:inherit}.report-bar-row>b{text-align:right;font-size:var(--ds-font-size-caption)}.report-donut-wrap{display:flex;align-items:center;gap:var(--ds-space-5);flex-wrap:wrap}.report-donut{width:var(--ds-legacy-size-120-px);height:var(--ds-legacy-size-120-px);position:relative;flex:none;border-radius:50%}.report-donut:after{content:"";position:absolute;inset:var(--ds-legacy-size-24-px);border-radius:50%;background:var(--ds-surface)}.report-donut-legend{display:grid;flex:1;min-width:var(--ds-legacy-size-150-px);gap:var(--ds-space-2)}.report-donut-legend>div{display:grid;grid-template-columns:var(--ds-legacy-size-10) 1fr auto;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-font-size-small)}.report-donut-legend i{width:var(--ds-legacy-size-10);height:var(--ds-legacy-size-10);border-radius:50%}.report-donut-legend span{color:var(--ds-text-secondary)}.report-funnel{display:grid;gap:var(--ds-space-2)}.report-funnel-step{display:grid;grid-template-columns:var(--ds-legacy-size-90-px) 1fr var(--ds-legacy-size-40-px);align-items:center;gap:var(--ds-space-3);font-size:var(--ds-font-size-small)}.report-funnel-step>span{color:var(--ds-text-secondary)}.report-funnel-step>div{min-width:0}.report-funnel-step i{display:flex;align-items:center;height:var(--ds-legacy-size-28);min-width:var(--ds-legacy-size-30);padding-left:var(--ds-legacy-size-10);border-radius:var(--ds-radius-xs);color:var(--ds-on-solid);font-size:var(--ds-font-size-caption);font-style:normal;font-weight:var(--ds-font-weight-semibold);white-space:nowrap}.report-funnel-step>b{text-align:right}.report-week-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-3)}.report-week-chart>div{display:grid;gap:var(--ds-legacy-size-3)}.report-week-chart span{margin-bottom:var(--ds-legacy-size-5);color:var(--ds-text-muted);font-size:var(--ds-font-size-caption);text-align:center}.report-week-chart i{display:grid;place-items:center;height:var(--ds-legacy-size-24-px);border-radius:var(--ds-radius-xs);color:var(--ds-on-solid);font-size:var(--ds-legacy-size-10);font-style:normal;font-weight:var(--ds-font-weight-semibold)}.report-week-chart .on-time,.report-week-legend .on-time{background:var(--ds-chart-green)}.report-week-chart .late,.report-week-legend .late{background:var(--ds-warning-solid)}.report-week-chart .absent,.report-week-legend .absent{background:var(--ds-danger-solid)}.report-week-legend{display:flex;flex-wrap:wrap;gap:var(--ds-legacy-size-14);margin-top:var(--ds-space-4);font-size:var(--ds-font-size-caption)}.report-week-legend span{display:flex;align-items:center;gap:var(--ds-legacy-size-5)}.report-week-legend i{width:var(--ds-legacy-size-12);height:var(--ds-legacy-size-12);border-radius:var(--ds-legacy-size-2)}.report-vertical-bars{display:flex;align-items:stretch;gap:var(--ds-space-2);height:var(--ds-legacy-size-150-px);padding-top:var(--ds-space-1)}.report-vertical-column{display:grid;grid-template-rows:var(--ds-legacy-size-18) 1fr var(--ds-legacy-size-16-px);align-items:end;justify-items:center;flex:1;min-width:0}.report-vertical-column b,.report-vertical-column span{font-size:var(--ds-legacy-size-10)}.report-vertical-column span{color:var(--ds-text-muted)}.report-vertical-column i{width:100%;align-self:end;border-radius:var(--ds-radius-xs) var(--ds-radius-xs) 0 0}.report-cost-list>div{display:grid;grid-template-columns:minmax(0,1fr) var(--ds-legacy-size-180-px) var(--ds-legacy-size-55-px);gap:var(--ds-legacy-size-15);align-items:center;padding:var(--ds-legacy-size-9) 0;border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);font-size:var(--ds-font-size-label)}.report-cost-list span{color:var(--ds-text-secondary)}.report-cost-list strong,.report-cost-list small{text-align:right}.report-cost-list small{color:var(--ds-text-muted)}.report-cost-list .total{padding:var(--ds-space-3);border:0;border-radius:var(--ds-radius-md);background:var(--ds-background)}.report-cost-list .total span,.report-cost-list .total strong{color:var(--ds-primary-strong);font-weight:var(--ds-font-weight-bold)}.report-alert-groups{display:grid;gap:var(--ds-space-5)}.report-alert-section{margin:0 0 var(--ds-space-2);font-size:var(--ds-font-size-caption);letter-spacing:.07em}.report-alert-section.danger{color:var(--ds-danger-solid)}.report-alert-section.warning{color:var(--ds-warning-solid)}.report-alert-section.info{color:var(--ds-chart-blue)}.report-alert{display:flex;align-items:flex-start;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5);border-left:var(--ds-legacy-size-4) solid;border-radius:var(--ds-radius-lg);box-shadow:var(--ds-legacy-shadow-26)}.report-alert.danger{border-color:var(--ds-danger-solid);background:var(--ds-danger-bg);color:var(--ds-danger-solid)}.report-alert.warning{border-color:var(--ds-warning-solid);background:var(--ds-warning-bg);color:var(--ds-warning-solid)}.report-alert.info{border-color:var(--ds-chart-blue);background:var(--ds-primary-light);color:var(--ds-chart-blue)}.report-alert-icon{display:grid;place-items:center;width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);flex:none;border-radius:var(--ds-radius-md);background:var(--ds-legacy-fff9)}.report-alert>div{flex:1}.report-alert h3{margin:0;color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.report-alert p{margin:var(--ds-legacy-size-3) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption);line-height:1.5}.report-success-text{color:var(--ds-chart-green)}.report-info-text{color:var(--ds-chart-blue)}.report-warning-text{color:var(--ds-warning-solid)}.report-danger-text{color:var(--ds-danger-solid)}.reports-page{padding:var(--ds-space-1) 0}.reports-page .page-header{margin-bottom:var(--ds-space-6)}.reports-page .page-title{font-size:var(--ds-font-size-page);line-height:1.2;color:var(--ds-text-primary)}.reports-page .page-subtitle{color:var(--ds-text-secondary)}.reports-page .react-tabs{gap:0;height:var(--ds-legacy-size-44-px);margin-bottom:var(--ds-space-6);overflow-y:hidden;border-bottom-width:var(--ds-legacy-size-2)}.reports-page .react-tabs button{position:relative;bottom:var(--ds-legacy-size-n1);display:flex;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);margin-bottom:var(--ds-legacy-size-n2);font-size:var(--ds-font-size-body);line-height:normal}.reports-page .page-header-actions .btn{height:var(--ds-legacy-size-38);border-width:0;font-weight:var(--ds-font-weight-semibold)}.reports-page .page-header-actions .btn-secondary{border-width:var(--ds-legacy-size-1)}.reports-page .report-filter-card,.reports-page .report-filter-card label,.reports-page .report-filter-card select{font-size:var(--ds-font-size-body)}.reports-page .report-filter-card select{color:var(--ds-text-primary)}.reports-page .report-filter-card .btn{border:0;font-weight:var(--ds-font-weight-semibold)}.reports-page .react-tabs button span{margin-left:0;padding:var(--ds-legacy-size-1) var(--ds-legacy-size-6);background:var(--ds-danger-solid);color:var(--ds-on-solid)}.reports-page>[role=tabpanel]{padding-top:var(--ds-space-6)}.reports-page .report-stat-card span{font-size:var(--ds-font-size-body)}.reports-page .report-stat-card small{font-size:var(--ds-font-size-small)}.reports-page .report-stat-card>div:last-child>strong{color:var(--ds-text-primary)}.reports-page .report-stat-card.green>div:last-child>strong{color:var(--ds-chart-green)}.reports-page .report-stat-card.orange>div:last-child>strong{color:var(--ds-warning-solid)}.reports-page .report-stat-card.red>div:last-child>strong{color:var(--ds-danger-solid)}.reports-page .report-card .react-card-header{min-height:0;padding:var(--ds-space-4) var(--ds-space-5);gap:var(--ds-space-4)}.reports-page .report-card .react-card-body{padding:var(--ds-space-5)}.reports-page .report-bars{display:block}.reports-page .report-bar-row{grid-template-columns:var(--ds-legacy-size-100-px) 1fr var(--ds-legacy-size-60);margin-bottom:var(--ds-space-3)}.reports-page .report-bar-row>b{font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold)}.reports-page .report-donut-legend{display:block;min-width:var(--ds-legacy-size-140-px)}.reports-page .report-donut-legend>div{display:grid;margin-bottom:var(--ds-space-2)}.reports-page .react-dashboard-grid:last-child .data-table tbody tr:last-child{background:var(--ds-background);font-weight:var(--ds-font-weight-bold)}.reports-page .data-table thead th{color:var(--ds-text-secondary);font-weight:var(--ds-font-weight-bold);letter-spacing:.05em}.reports-page .data-table tbody td{padding-top:var(--ds-space-3);padding-bottom:var(--ds-space-3);white-space:normal}@media(max-width:1199px){.reports-page{padding:0}.reports-page .report-panel{margin-bottom:var(--ds-space-5)}}@media(max-width:767px){.main-content:has(>.reports-page){padding:var(--ds-space-5) var(--ds-space-4)}.reports-page .react-page-header .page-header-actions{margin-top:var(--ds-space-4)}.reports-page .report-filter-card{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-4) var(--ds-space-5)}.reports-page .report-filter-card label{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:var(--ds-space-2)}.reports-page .report-filter-card label:nth-child(3){width:auto;flex:1}.reports-page .report-filter-card select{width:100%}.reports-page .report-stat-grid{gap:var(--ds-space-4)}.reports-page .react-dashboard-grid{gap:var(--ds-space-5)}.reports-page .report-donut-wrap{display:flex}.reports-page .data-table{font-size:var(--ds-font-size-body)}}@media(min-width:1100px){.reports-page .react-tabs{margin-bottom:var(--ds-space-6)}.report-card .data-table tbody td{padding-top:var(--ds-space-3);padding-bottom:var(--ds-space-3)}}.react-dialog-backdrop{position:fixed;inset:0;background:var(--ds-overlay-bg);z-index:1500;display:grid;place-items:center;padding:var(--ds-space-5);animation:fadeIn var(--ds-legacy-time-0-15-s) ease}.react-dialog{background:var(--ds-surface);border-radius:var(--ds-legacy-size-14);box-shadow:var(--ds-legacy-shadow-29);width:min(100%,var(--ds-legacy-size-620-px));max-height:calc(100vh - var(--ds-legacy-size-40-px));display:flex;flex-direction:column}.react-dialog-sm{width:min(100%,var(--ds-legacy-size-460-px))}.react-dialog-lg{width:min(100%,var(--ds-legacy-size-820-px))}.react-dialog-xl{width:min(100%,var(--ds-legacy-size-1060-px))}.react-dialog-header,.react-dialog-footer{display:flex;align-items:center;padding:var(--ds-legacy-size-17) var(--ds-space-5);gap:var(--ds-space-3)}.react-dialog-header{justify-content:space-between;border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.react-dialog-header h2{font-size:var(--ds-legacy-size-17);margin:0}.react-dialog-footer{justify-content:flex-end;border-top:var(--ds-legacy-size-1) solid var(--ds-border)}.employee-form-footer{display:flex;align-items:center;width:100%;gap:var(--ds-space-3)}.employee-form-actions{display:flex;align-items:center;gap:var(--ds-space-3);margin-left:auto}.employee-form-select{position:relative;min-width:0}.employee-form-select .form-control{min-width:0;padding-right:var(--ds-legacy-size-38);cursor:pointer}.employee-form-select select.form-control{background-image:none}.employee-form-select>svg{position:absolute;top:50%;right:var(--ds-legacy-size-12);color:var(--ds-text-secondary);pointer-events:none;transform:translateY(-50%)}.employee-form-section-title{grid-column:1 / -1;padding-bottom:var(--ds-space-2);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-strong);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-bold)}.employee-form-section-title:not(:first-child){margin-top:var(--ds-space-2)}.employee-form-field-wide{grid-column:1 / -1}.employee-form-hint{color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption);line-height:1.4}.react-dialog-body{padding:var(--ds-space-5);overflow:auto}.react-icon-button{border:0;background:transparent;color:var(--ds-text-secondary);width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);display:grid;place-items:center;border-radius:var(--ds-legacy-size-7);cursor:pointer}.react-icon-button:hover{background:var(--ds-surface-secondary)}.react-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-4)}.react-field{display:grid;gap:var(--ds-legacy-size-7);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold);color:var(--ds-neutral-text)}.react-field b{color:var(--ds-danger-solid)}.react-field textarea.form-control{height:auto;min-height:var(--ds-legacy-size-90-px);padding-top:var(--ds-legacy-size-10);resize:vertical}.react-field small{color:var(--ds-danger-strong)}.react-toast-host{position:fixed;right:var(--ds-legacy-size-20);top:var(--ds-legacy-size-74-px);z-index:3000;display:grid;gap:var(--ds-legacy-size-10)}.react-toast{min-width:var(--ds-legacy-size-300-px);max-width:var(--ds-legacy-size-440-px);background:var(--ds-surface);border:var(--ds-legacy-size-1) solid var(--ds-border);border-left:var(--ds-legacy-size-4) solid var(--ds-chart-green);border-radius:var(--ds-legacy-size-9);box-shadow:var(--ds-legacy-shadow-30);padding:var(--ds-space-3);display:grid;grid-template-columns:auto 1fr auto;gap:var(--ds-legacy-size-10);align-items:center;font-size:var(--ds-font-size-label)}.react-toast-error{border-left-color:var(--ds-danger-solid)}.react-toast-warning{border-left-color:var(--ds-warning-solid)}.react-toast-info{border-left-color:var(--ds-chart-blue)}.react-toast button{border:0;background:transparent;color:var(--ds-text-muted)}.react-mock-note{display:inline-flex;align-items:center;gap:var(--ds-legacy-size-6);color:var(--ds-warning-text);background:var(--ds-warning-bg);border:var(--ds-legacy-size-1) solid var(--ds-warning-border);border-radius:var(--ds-legacy-size-7);padding:var(--ds-legacy-size-7) var(--ds-legacy-size-10);font-size:var(--ds-font-size-caption)}.react-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--ds-legacy-size-260-px),1fr);gap:var(--ds-legacy-size-14);overflow-x:auto;padding-bottom:var(--ds-space-2)}.react-kanban-column{background:var(--ds-surface-secondary);border-radius:var(--ds-radius-lg);padding:var(--ds-space-3);min-height:var(--ds-legacy-size-430-px)}.react-kanban-column>header{display:flex;justify-content:space-between;align-items:center;font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold);margin-bottom:var(--ds-space-3)}.react-kanban-card{background:var(--ds-surface);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-9);padding:var(--ds-legacy-size-13);margin-bottom:var(--ds-legacy-size-10);box-shadow:var(--ds-legacy-shadow-31)}.react-kanban-card h4{font-size:var(--ds-font-size-label);margin:0 0 var(--ds-legacy-size-6)}.react-kanban-card p{font-size:var(--ds-font-size-caption);color:var(--ds-text-secondary);margin:var(--ds-legacy-size-3) 0}.react-section-grid{display:grid;grid-template-columns:var(--ds-legacy-size-220-px) minmax(0,1fr);gap:var(--ds-space-5)}.react-section-grid>.react-card{min-width:0;overflow:hidden}.react-section-grid>.react-card .react-card-body{overflow-x:auto}.react-section-nav{background:var(--ds-surface);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-2);height:max-content;position:sticky;top:var(--ds-legacy-size-80-px)}.react-section-nav button{width:100%;border:0;background:transparent;padding:var(--ds-legacy-size-10) var(--ds-space-3);text-align:left;border-radius:var(--ds-legacy-size-7);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.react-section-nav button.active{background:var(--ds-primary-light);color:var(--ds-primary-strong);font-weight:var(--ds-font-weight-bold)}.settings-layout{display:flex;gap:var(--space-5);align-items:flex-start}.main-content:has(>.settings-page){padding:var(--ds-legacy-size-28) var(--ds-space-8) var(--ds-space-12)}.settings-page{width:100%;min-width:0;max-width:100%}.settings-page .page-header{margin-bottom:var(--space-6)}.settings-page .page-title{font-size:var(--font-size-2xl);line-height:1.2;letter-spacing:-.02em}.settings-nav{width:var(--ds-legacy-size-220-px);flex-shrink:0;background:var(--color-card-bg);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:sticky;top:var(--ds-legacy-size-80-px)}.settings-nav-header{padding:var(--space-4);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.settings-nav-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border:0;border-left:var(--ds-legacy-size-3) solid transparent;border-bottom:var(--ds-legacy-size-1) solid var(--color-border);background:var(--color-card-bg);text-align:left;transition:var(--ds-legacy-transition-31)}.settings-nav-item:last-child{border-bottom:0}.settings-nav-item:hover{background:var(--color-bg);color:var(--color-text)}.settings-nav-item.active{background:var(--color-primary-light);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:var(--ds-font-weight-semibold)}.settings-nav-icon{width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18);flex-shrink:0}.settings-content{flex:1;min-width:0;display:grid;align-content:start;gap:var(--space-5)}.settings-section-card{overflow:hidden}.settings-notifications-body{padding:0}.settings-notifications-list{padding:var(--space-5)}.settings-notifications-status{margin:0;padding:var(--space-5)}div.settings-notifications-status{display:grid;justify-items:start;gap:var(--space-3)}.settings-notification-item{min-height:var(--ds-legacy-size-72);display:grid;grid-template-columns:var(--ds-legacy-size-36) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border-bottom:var(--ds-legacy-size-1) solid var(--color-border)}.settings-notification-item:first-child{margin-top:calc(var(--space-2) * -1)}.settings-notification-item:last-child{margin-bottom:calc(var(--space-2) * -1);border-bottom:0}.settings-notification-icon{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);display:grid;place-items:center;border-radius:var(--radius-md);color:var(--ds-info-solid);background:var(--ds-info-bg)}.settings-notification-icon.is-success{color:var(--ds-success-solid);background:var(--ds-success-bg)}.settings-notification-icon.is-warning{color:var(--ds-warning-solid);background:var(--ds-warning-bg)}.settings-notification-icon.is-danger{color:var(--ds-danger-solid);background:var(--ds-danger-bg)}.settings-notification-icon.is-purple{color:var(--ds-purple-solid);background:var(--ds-purple-bg)}.settings-notification-icon.is-orange{color:var(--ds-orange-solid);background:var(--ds-orange-bg)}.settings-notification-copy{min-width:0}.settings-notification-copy strong{display:block;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);line-height:1.4}.settings-notification-copy p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.4}.settings-notification-item .ds-switch{flex-shrink:0}.settings-kpi-form{display:grid;gap:var(--space-5)}.settings-kpi-section{min-width:0;margin:0;padding:0;border:0}.settings-kpi-section>:is(legend,h3){margin:0 0 var(--space-3);padding:0;color:var(--ds-text-primary);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold)}.settings-kpi-periods{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.settings-kpi-score-scale{display:flex;align-items:center;gap:var(--space-3);color:var(--ds-text-secondary);font-size:var(--font-size-sm)}.settings-kpi-score-scale .form-control{width:var(--ds-legacy-size-80-px);text-align:center}.settings-kpi-table-wrap{width:100%;overflow-x:auto}.settings-kpi-table{width:100%;min-width:var(--ds-legacy-size-720-px);border-collapse:collapse}.settings-kpi-table :is(th,td){height:var(--ds-legacy-size-46);padding:var(--space-2) var(--space-3);border:var(--ds-legacy-size-1) solid var(--ds-border);vertical-align:middle}.settings-kpi-table th{color:var(--ds-text-secondary);background:var(--ds-surface-hover);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-semibold);text-align:center}.settings-kpi-table td{color:var(--ds-text-primary);font-size:var(--font-size-sm)}.settings-kpi-table :is(th,td):first-child{width:22%}.settings-kpi-table :is(th,td):nth-child(2),.settings-kpi-table :is(th,td):nth-child(3){width:16%}.settings-kpi-table :is(th,td):nth-child(4){width:20%}.settings-kpi-table .form-control{width:var(--ds-legacy-size-70-px);min-height:var(--ds-legacy-size-32-px);padding-block:var(--space-1);text-align:center}.settings-kpi-color.is-warning{color:var(--ds-warning-text)}.settings-kpi-color.is-success{color:var(--ds-success-solid)}.settings-kpi-color.is-info{color:var(--ds-info-solid)}.settings-kpi-color.is-neutral{color:var(--ds-text-secondary)}.settings-kpi-color.is-danger{color:var(--ds-danger-solid)}.settings-kpi-notifications{display:grid;justify-items:start;gap:var(--space-2)}.settings-kpi-notifications>legend{margin-bottom:var(--space-1)}.settings-leave-tabs{min-width:0}.settings-leave-tabs>.react-tabs{margin-bottom:var(--space-4)}.settings-leave-types-card .react-card-header{min-height:var(--ds-legacy-size-62)}.settings-leave-types-card .data-table-scroll{scrollbar-gutter:auto}.settings-leave-types-card .data-table th{padding-top:var(--ds-legacy-size-14);padding-bottom:var(--ds-legacy-size-14)}.settings-leave-types-card .data-table td{height:var(--ds-legacy-size-55-px);padding-top:var(--space-3);padding-bottom:var(--space-3);white-space:normal}.settings-leave-types-card .data-table td:first-child strong{color:var(--color-text);font-weight:var(--ds-font-weight-semibold)}.settings-leave-types-card .data-table :is(th,td):last-child{padding-right:var(--space-5);padding-left:var(--space-5)}.settings-leave-types-card .ds-table-pagination{border-top:var(--ds-legacy-size-1) solid var(--color-border)}.settings-leave-policy-card .react-card-header>div{min-width:0}.settings-leave-policy-card .react-card-header p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings-leave-policy-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.settings-leave-policy-selector{width:min(100%,var(--ds-legacy-size-360-px));margin-bottom:var(--space-5)}.settings-leave-policy-summary{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.settings-leave-policy-summary>div{min-width:0;padding:var(--space-4);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.settings-leave-policy-summary dt{margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs)}.settings-leave-policy-summary dd{margin:0;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);overflow-wrap:anywhere}.settings-leave-policy-form{display:grid;gap:var(--space-4)}.settings-payroll-card .react-card-header>div{min-width:0}.settings-payroll-card .react-card-header p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings-payroll-loading{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings-payroll-empty{min-height:var(--ds-legacy-size-260-px)}.settings-payroll-formula{margin-bottom:var(--space-5);padding:var(--space-5);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-light),var(--color-card-bg) 64%)}.settings-payroll-formula__heading{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.settings-payroll-formula__heading>span{width:var(--ds-legacy-size-38);height:var(--ds-legacy-size-38);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-card-bg);box-shadow:var(--shadow-sm)}.settings-payroll-formula__heading :is(h2,h3){margin:0;color:var(--color-text);font-size:var(--font-size-base)}.settings-payroll-formula__heading p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.settings-payroll-formula__expression{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.settings-payroll-formula__expression>strong,.settings-payroll-formula__expression em{display:inline-flex;align-items:center;min-height:var(--ds-legacy-size-34);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-style:normal;font-weight:var(--ds-font-weight-semibold)}.settings-payroll-formula__expression>strong{color:var(--color-card-bg);background:var(--color-primary)}.settings-payroll-formula__expression>span{display:inline-flex;align-items:center;gap:var(--space-2)}.settings-payroll-formula__expression b{color:var(--color-text-muted);font-size:var(--font-size-base)}.settings-payroll-formula__expression .is-earning{color:var(--ds-success-text);background:var(--ds-success-bg)}.settings-payroll-formula__expression .is-deduction{color:var(--color-danger);background:var(--ds-danger-bg)}.settings-payroll-config-table-wrap{margin-bottom:var(--space-4);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg)}.settings-payroll-config-table{width:100%;min-width:var(--ds-legacy-size-680-px);border-collapse:collapse;table-layout:fixed}.settings-payroll-config-table :is(th,td){padding:var(--space-3) var(--space-4);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);vertical-align:middle;white-space:normal}.settings-payroll-config-table thead th{color:var(--color-text-secondary);background:var(--color-bg);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-bold);text-align:left}.settings-payroll-config-table thead th:first-child{width:var(--ds-legacy-size-160-px)}.settings-payroll-config-table thead th:nth-child(2){width:var(--ds-legacy-size-230-px)}.settings-payroll-config-table tbody th{color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-semibold);text-align:left}.settings-payroll-config-table__group{color:var(--color-primary);background:var(--color-primary-light);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-bold);vertical-align:top!important}.settings-payroll-config-table tbody tr:last-child>:is(th,td){border-bottom:0}.settings-payroll-actions{margin-top:var(--space-4);display:flex;justify-content:flex-end}.settings-payroll-dialog .react-dialog-header>div{min-width:0}.settings-payroll-dialog .react-dialog-header p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings-payroll-dialog .react-dialog-body{background:var(--color-bg)}.settings-payroll-dialog form{display:grid;gap:var(--space-4)}.settings-payroll-editor-section{overflow:hidden;border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg)}.settings-payroll-editor-section>header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);background:var(--color-card-bg)}.settings-payroll-editor-section>header>div{min-width:0}.settings-payroll-editor-section>header h3{margin:0;color:var(--color-text);font-size:var(--font-size-sm)}.settings-payroll-editor-section>header p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.settings-payroll-editor-section__icon{width:var(--ds-legacy-size-38);height:var(--ds-legacy-size-38);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-md);color:var(--color-primary);background:var(--color-primary-light)}.settings-payroll-editor-section__icon.is-green{color:var(--ds-success-text);background:var(--ds-success-bg)}.settings-payroll-editor-section__icon.is-purple{color:var(--ds-purple-text);background:var(--ds-purple-bg)}.settings-payroll-editor-section__icon.is-orange{color:var(--ds-warning-text);background:var(--ds-warning-bg)}.settings-payroll-editor-grid{display:grid;gap:var(--space-4);padding:var(--space-5)}.settings-payroll-editor-grid--calculation{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-payroll-editor-grid--tax{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:var(--space-4)}.settings-payroll-component-list{display:grid}.settings-payroll-component-row{display:grid;grid-template-columns:var(--ds-legacy-size-38) minmax(var(--ds-legacy-size-200-px),1fr) minmax(var(--ds-legacy-size-260-px),1fr) var(--ds-legacy-size-180-px);align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--ds-legacy-size-1) solid var(--color-border)}.settings-payroll-component-row:last-child{border-bottom:0}.settings-payroll-component-sign{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--ds-font-weight-bold)}.settings-payroll-component-sign.is-earning{color:var(--ds-success-text);background:var(--ds-success-bg)}.settings-payroll-component-sign.is-deduction{color:var(--ds-danger-text);background:var(--ds-danger-bg)}.settings-payroll-component-options{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.settings-payroll-component-options .ds-choice{font-size:var(--font-size-xs)}.settings-payroll-dialog .react-field:has(.settings-payroll-input-suffix){position:relative}.settings-payroll-dialog .react-field:has(.settings-payroll-input-suffix) .form-control{padding-right:var(--ds-legacy-size-34)}.settings-payroll-input-suffix{position:absolute;right:var(--space-3);bottom:var(--ds-legacy-size-10);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);pointer-events:none}.settings-payroll-tax-brackets{margin:0 var(--space-5) var(--space-5);overflow:hidden;border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md)}.settings-payroll-editor-table-head,.settings-payroll-tax-row{display:grid;grid-template-columns:var(--ds-legacy-size-62) minmax(0,1fr) var(--ds-legacy-size-180-px);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.settings-payroll-editor-table-head{color:var(--color-text-muted);background:var(--color-bg);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-bold);text-transform:uppercase;letter-spacing:.04em}.settings-payroll-tax-row{border-top:var(--ds-legacy-size-1) solid var(--color-border)}.settings-payroll-tax-row>strong{width:var(--ds-legacy-size-28);height:var(--ds-legacy-size-28);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-primary);background:var(--color-primary-light);font-size:var(--font-size-xs)}.settings-payroll-tax-row .react-field>span:first-child{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-payroll-insurance-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);padding:var(--space-5)}.settings-payroll-insurance-group{min-width:0;overflow:hidden;border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-md)}.settings-payroll-insurance-group h4{margin:0;padding:var(--space-3) var(--space-4);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);color:var(--color-text);background:var(--color-bg);font-size:var(--font-size-xs)}.settings-payroll-insurance-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(90px,.55fr) minmax(150px,.9fr);gap:var(--space-3);padding:var(--space-4);border-bottom:var(--ds-legacy-size-1) solid var(--color-border)}.settings-payroll-insurance-row:last-child{border-bottom:0}.settings-payroll-insurance-row .react-field,.settings-payroll-insurance-row .form-control{min-width:0}.settings-device-section{display:grid;gap:var(--space-4)}.settings-device-toolbar{min-height:var(--ds-legacy-size-44-px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-device-toolbar>div{min-width:0;display:flex;align-items:center;gap:var(--space-3)}.settings-device-toolbar h2{margin:0;color:var(--color-text);font-size:var(--font-size-base)}.settings-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.settings-device-card{min-width:0;min-height:var(--ds-legacy-size-300-px);padding:var(--space-5);display:flex;flex-direction:column}.settings-device-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.settings-device-card__identity{min-width:0;display:flex;align-items:center;gap:var(--space-3)}.settings-device-card__identity>div{min-width:0;display:grid;gap:var(--space-1)}.settings-device-card__identity h3{margin:0;overflow-wrap:anywhere;color:var(--color-text);font-size:var(--font-size-base)}.settings-device-card__identity span:not(.settings-device-card__icon){color:var(--color-text-muted);font-size:var(--font-size-xs)}.settings-device-card__icon{width:var(--ds-legacy-size-40-px);height:var(--ds-legacy-size-40-px);flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary)}.settings-device-card__details{margin:var(--space-5) 0 0;display:grid;gap:var(--space-3)}.settings-device-card__details>div{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.settings-device-card__details dt,.settings-device-card__details dd{margin:0;font-size:var(--font-size-sm);line-height:1.4}.settings-device-card__details dt{flex:0 0 auto;color:var(--color-text-secondary)}.settings-device-card__details dd{min-width:0;overflow-wrap:anywhere;color:var(--color-text-secondary);font-weight:var(--ds-font-weight-semibold);text-align:right}.settings-device-card__actions{margin-top:auto;padding-top:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-device-state{min-height:var(--ds-legacy-size-160-px);padding:var(--space-5);display:grid;place-items:center;color:var(--color-text-secondary)}.settings-device-form{margin:0}.settings-branch-section{display:grid;gap:var(--space-4)}.settings-branch-toolbar{min-height:var(--ds-legacy-size-44-px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-branch-toolbar>div{min-width:0;display:flex;align-items:center;gap:var(--space-3)}.settings-branch-toolbar h2{margin:0;color:var(--color-text);font-size:var(--font-size-base)}.settings-branch-toolbar span{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-semibold)}.settings-branch-grid{margin-bottom:0}.settings-branch-card{min-height:var(--ds-legacy-size-230-px);overflow:hidden}.settings-branch-card-body{height:100%;padding:var(--space-5);display:flex;flex-direction:column}.settings-branch-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.settings-branch-card-header>div{min-width:0;display:grid;justify-items:start;gap:var(--space-2)}.settings-branch-card-header h3{margin:0;color:var(--color-text);font-size:var(--font-size-base);overflow-wrap:anywhere}.settings-branch-code{flex-shrink:0;min-width:var(--ds-legacy-size-48-px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--ds-font-weight-bold);text-align:center}.settings-branch-details{margin-top:var(--space-4);display:grid;gap:var(--space-2)}.settings-branch-details p{min-width:0;margin:0;display:flex;align-items:flex-start;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.settings-branch-details svg{flex:0 0 auto;margin-top:var(--ds-legacy-size-2);color:var(--color-text-muted)}.settings-branch-details span{min-width:0;overflow-wrap:anywhere}.settings-branch-card-actions{margin-top:auto;padding-top:var(--space-4)}.settings-checkbox-field{min-height:var(--ds-legacy-size-40-px);display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.settings-field-hint{display:block;margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.4}.settings-roles-card .react-card-header>div{min-width:0}.settings-roles-card .react-card-header p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings-role-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-users-card .settings-section-body{padding:0}.settings-users-card .data-table{min-width:1180px;table-layout:fixed}.settings-users-card .data-table :is(th,td):nth-child(1){width:var(--ds-legacy-size-136-px)}.settings-users-card .data-table :is(th,td):nth-child(2){width:var(--ds-legacy-size-210-px)}.settings-users-card .data-table :is(th,td):nth-child(3){width:var(--ds-legacy-size-132-px)}.settings-users-card .data-table :is(th,td):nth-child(4){width:var(--ds-legacy-size-110-px);white-space:normal}.settings-users-card .data-table :is(th,td):nth-child(5){width:var(--ds-legacy-size-148-px)}.settings-users-card .data-table :is(th,td):nth-child(6){width:var(--ds-legacy-size-160-px)}.settings-users-card .data-table :is(th,td):nth-child(7){width:140px}.settings-users-card .data-table td{padding-top:var(--ds-legacy-size-16-9);padding-bottom:var(--ds-legacy-size-16-9)}.settings-users-card .data-table :is(th,td):first-child{padding-left:var(--ds-space-4)}.settings-users-card .data-table :is(th,td):last-child{padding-right:var(--ds-space-4)}.settings-user-cell{display:flex;align-items:center;gap:var(--ds-space-3)}.settings-user-avatar{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;color:var(--ds-on-solid);background:var(--color-primary);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold)}.settings-user-roles{display:flex;flex-wrap:wrap;gap:var(--ds-space-1)}.settings-users-actions{display:flex;align-items:center;gap:var(--ds-space-3)}.settings-user-row-actions{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:var(--ds-space-2)}.settings-user-action-button{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);background:var(--ds-surface);cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.settings-user-action-button:hover:not(:disabled),.settings-user-action-button:focus-visible{border-color:var(--ds-primary-border);color:var(--ds-primary);background:var(--ds-primary-light)}.settings-user-action-button--roles:hover:not(:disabled),.settings-user-action-button--roles:focus-visible{color:var(--ds-purple-text);background:var(--ds-purple-bg)}.settings-user-action-button--reset:hover:not(:disabled),.settings-user-action-button--reset:focus-visible{border-color:var(--ds-orange-border);color:var(--ds-orange-text);background:var(--ds-orange-bg)}.settings-user-action-button:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.settings-user-action-button:disabled{color:var(--ds-text-muted);background:var(--ds-surface-secondary);cursor:not-allowed;opacity:.55}.settings-account-warning{margin:var(--ds-space-4) 0 0;padding:var(--ds-space-3);border-radius:var(--ds-radius-md);color:var(--ds-orange-text);background:var(--ds-orange-bg);font-size:var(--ds-font-size-small)}.settings-panel-message{margin:0;padding:var(--ds-space-5)}.settings-account-note{grid-column:1 / -1;margin:0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);line-height:1.5}.settings-create-account-dialog{width:min(100%,var(--ds-legacy-size-620-px));border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-xl)}.settings-create-account-dialog .react-dialog-header{padding:var(--ds-space-6)}.settings-create-account-dialog .react-dialog-header>div{min-width:0}.settings-create-account-dialog .react-dialog-header h2{color:var(--ds-text-primary);font-size:var(--ds-font-size-section)}.settings-create-account-dialog .react-dialog-header p{margin:var(--ds-space-1) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-body);line-height:1.5}.settings-create-account-dialog .react-dialog-body{padding:var(--ds-space-6)}.settings-create-account-dialog .react-dialog-footer{padding:var(--ds-space-4) var(--ds-space-6)}.settings-create-account-form{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-5)}.settings-create-account-form .form-control{width:100%;min-width:0}.settings-create-account-form .react-field{gap:var(--ds-space-2)}.settings-create-account-form .form-control{min-height:var(--ds-control-height-lg);border-radius:var(--ds-radius-md)}.settings-create-account-form .settings-account-note{padding:var(--ds-space-3) var(--ds-space-4);border:var(--ds-legacy-size-1) solid var(--ds-primary-border);border-radius:var(--ds-radius-md);background:var(--ds-primary-light)}.settings-credentials{display:grid;gap:var(--ds-space-3)}.settings-credentials>div:not(.ds-alert){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-space-2);align-items:center;padding:var(--ds-space-3);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface-secondary)}.settings-credentials span{grid-column:1 / -1;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.settings-credentials code{min-width:0;overflow-wrap:anywhere;color:var(--ds-text-primary);font-size:var(--ds-font-size-body)}.settings-current-roles{margin-top:var(--ds-space-5);padding-top:var(--ds-space-4);border-top:var(--ds-legacy-size-1) solid var(--ds-border)}.settings-current-roles h3{margin:0 0 var(--ds-space-3);font-size:var(--ds-font-size-body)}.settings-current-roles>div{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-2) 0;border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.settings-current-roles span{display:grid;gap:var(--ds-space-1)}.settings-current-roles small{color:var(--ds-text-secondary)}.settings-user-identity{min-width:0;display:grid}.settings-user-identity strong{white-space:normal;color:var(--ds-text-primary);font-size:var(--ds-font-size-body);line-height:var(--ds-legacy-size-20)}.settings-user-identity small{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-muted);font-size:var(--ds-font-size-small);line-height:var(--ds-legacy-size-18)}.settings-role-badge{display:inline-flex;align-items:center;padding:var(--ds-legacy-size-2) var(--ds-legacy-size-10);border-radius:var(--ds-legacy-size-999);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold);white-space:nowrap}.settings-role-badge.role-red{color:var(--ds-danger-text);background:var(--ds-danger-bg)}.settings-role-badge.role-info{color:var(--ds-primary-active);background:var(--ds-info-bg)}.settings-role-badge.role-cyan{color:var(--ds-chart-cyan-strong);background:var(--ds-teal-bg)}.settings-role-badge.role-purple{color:var(--ds-purple-text);background:var(--ds-purple-bg)}.settings-role-badge.role-neutral{color:var(--ds-neutral-text);background:var(--ds-surface-secondary)}.settings-role-badge.role-orange{color:var(--ds-orange-text);background:var(--ds-orange-bg)}.settings-role-badge.role-navy{color:var(--ds-text-primary);background:var(--ds-primary-light)}.settings-role-badge.role-green{color:var(--ds-success-text);background:var(--ds-success-bg)}@media(min-width:768px)and (max-width:1199px){.settings-users-card{margin-bottom:var(--ds-legacy-size-62)}.settings-device-grid,.settings-payroll-insurance-columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.settings-users-card{margin-bottom:var(--ds-legacy-size-11)}.settings-branch-toolbar{align-items:stretch;flex-direction:column}.settings-branch-toolbar>div{justify-content:space-between}.settings-branch-toolbar>.btn{width:100%;justify-content:center}.settings-branch-card-body{padding:var(--space-4)}.settings-device-toolbar{align-items:stretch;flex-direction:column}.settings-device-toolbar>div{justify-content:space-between}.settings-device-toolbar>.btn{width:100%;justify-content:center}.settings-device-grid{grid-template-columns:minmax(0,1fr)}.settings-device-card{min-height:0;padding:var(--space-4)}.settings-device-card__header{align-items:stretch;flex-direction:column}.settings-device-card__header>.badge{align-self:flex-start}.settings-device-card__details>div{align-items:flex-start}.settings-device-card__actions .btn{flex:1 1 auto;justify-content:center}.main-content:has(>.settings-page){padding:var(--ds-space-5) var(--ds-space-4) var(--ds-space-8)}.settings-layout{width:100%;min-width:0;flex-direction:column}.settings-nav{width:100%;position:static;display:flex;overflow-x:auto;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-header{display:none}.settings-nav-item{width:auto;min-height:var(--ds-legacy-size-44-px);flex:0 0 auto;white-space:nowrap;border-bottom:0;border-left:0;border-right:var(--ds-legacy-size-1) solid var(--color-border)}.settings-nav-item.active{border-left-color:transparent;box-shadow:var(--ds-legacy-shadow-32)}.settings-content{width:100%}.settings-leave-policy-actions{width:100%;justify-content:space-between}.settings-leave-policy-summary{grid-template-columns:minmax(0,1fr)}.settings-payroll-formula{padding:var(--space-4)}.settings-payroll-actions .btn{width:100%;justify-content:center}.settings-payroll-dialog .react-dialog-body{padding:var(--space-3)}.settings-payroll-editor-section>header,.settings-payroll-editor-grid,.settings-payroll-component-row,.settings-payroll-insurance-columns{padding:var(--space-4)}.settings-payroll-editor-grid--calculation,.settings-payroll-editor-grid--tax,.settings-payroll-insurance-columns{grid-template-columns:minmax(0,1fr)}.settings-payroll-component-row{grid-template-columns:var(--ds-legacy-size-38) minmax(0,1fr);align-items:start}.settings-payroll-component-options,.settings-payroll-component-row>.react-field:last-child{grid-column:2}.settings-payroll-tax-brackets{margin:0 var(--space-4) var(--space-4)}.settings-payroll-editor-table-head{display:none}.settings-payroll-tax-row{grid-template-columns:var(--ds-legacy-size-38) minmax(0,1fr);align-items:start}.settings-payroll-tax-row .react-field:last-child{grid-column:2}.settings-payroll-tax-row .react-field>span:first-child{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.settings-payroll-insurance-row{grid-template-columns:minmax(0,1fr)}.settings-section-card .react-card-header{height:auto;min-height:var(--ds-legacy-size-58-px);align-items:flex-start;flex-direction:column;padding-block:var(--ds-legacy-size-14)}.settings-section-card .react-card-header .btn{width:100%;justify-content:center}.settings-notifications-list{padding:0 var(--space-4)}.settings-notification-item{min-height:var(--ds-legacy-size-84)}.settings-notification-item:first-child,.settings-notification-item:last-child{margin:0}.settings-kpi-form{padding:var(--space-4)}.settings-kpi-periods{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.settings-kpi-score-scale{flex-wrap:wrap}}.settings-permission-card{margin-bottom:var(--space-5)}.settings-permission-card .card-header{padding:var(--space-4) var(--space-5)}.settings-permission-card .card-title{font-size:var(--font-size-base);font-weight:var(--ds-font-weight-bold)}.permission-legend{display:flex;gap:var(--space-2);align-items:center;color:var(--color-text-muted);font-size:var(--font-size-xs)}.table-wrap{overflow-x:auto}.settings-config-table{width:100%;min-width:var(--ds-legacy-size-720-px)}.settings-attendance-policy-table-wrap{margin-top:var(--space-4);border:var(--ds-legacy-size-1) solid var(--color-border);border-radius:var(--radius-lg)}.settings-attendance-policy-table{width:100%;min-width:var(--ds-legacy-size-880-px);border-collapse:collapse;table-layout:fixed}.settings-attendance-policy-table :is(th,td){padding:var(--space-3) var(--space-4);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);vertical-align:middle;white-space:normal}.settings-attendance-policy-table thead th{color:var(--color-text-secondary);background:var(--color-bg);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-bold);text-align:left}.settings-attendance-policy-table thead th:first-child{width:var(--ds-legacy-size-180-px)}.settings-attendance-policy-table thead th:nth-child(2){width:var(--ds-legacy-size-230-px)}.settings-attendance-policy-table tbody th{color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--ds-font-weight-semibold);text-align:left}.settings-attendance-policy-table__group{color:var(--color-primary);background:var(--color-primary-light);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-bold);vertical-align:top!important}.settings-attendance-policy-table .form-control{width:100%}.settings-attendance-policy-table tbody tr:last-child>:is(th,td){border-bottom:0}.settings-attendance-policy-holidays{display:grid;gap:var(--space-1)}.settings-attendance-policy-holidays span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.settings-attendance-policy-holidays strong{color:var(--color-text);font-weight:var(--ds-font-weight-semibold)}.settings-attendance-policy-dialog .react-dialog-header>div{min-width:0}.settings-attendance-policy-dialog .react-dialog-header p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings-attendance-policy-form__section{grid-column:1 / -1;margin:var(--space-2) 0 0;padding-bottom:var(--space-2);border-bottom:var(--ds-legacy-size-1) solid var(--color-border);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-bold)}.settings-attendance-policy-form__section:first-child{margin-top:0}.settings-attendance-policy-form>.ds-alert{grid-column:1 / -1}.settings-attendance-policy-confirm-summary{margin:var(--space-4) 0 0}.settings-attendance-policy-confirm-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:var(--ds-legacy-size-1) solid var(--color-border)}.settings-attendance-policy-confirm-summary dt{color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings-attendance-policy-confirm-summary dd{margin:0;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--ds-font-weight-semibold);text-align:right}.settings-attendance-policy-actions{margin-top:var(--space-4);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4)}.settings-attendance-policy-actions p{margin:0 auto 0 0;color:var(--color-danger);font-size:var(--font-size-sm)}.perm-matrix{width:100%;min-width:1500px;border-collapse:collapse;font-size:var(--font-size-xs)}.perm-matrix th,.perm-matrix td{padding:var(--space-2) var(--space-3);border:var(--ds-legacy-size-1) solid var(--color-border);text-align:center;white-space:nowrap}.perm-matrix thead th{background:var(--color-bg);font-weight:var(--ds-font-weight-bold);color:var(--color-text-secondary)}.perm-matrix thead .permission-feature-heading{width:var(--ds-legacy-size-160-px);text-align:left}.perm-matrix tbody th{background:var(--color-bg);text-align:left;font-weight:var(--ds-font-weight-semibold);color:var(--color-text)}.perm-matrix .section-row th,.perm-matrix .section-row td{background:var(--ds-primary-light)}.perm-matrix .section-row th{color:var(--color-primary);font-size:var(--ds-font-size-caption);text-transform:uppercase;letter-spacing:.05em}.perm-matrix .permission-tab-row th{padding-left:var(--space-6);background:color-mix(in srgb,var(--ds-primary-light) 35%,var(--color-bg));color:var(--color-text-secondary);font-weight:var(--ds-font-weight-medium)}.perm-matrix .permission-tab-row td{background:color-mix(in srgb,var(--ds-primary-light) 18%,transparent)}.permission-module-checkbox{width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px);margin:0;accent-color:var(--color-primary);cursor:pointer;vertical-align:middle}.permission-module-checkbox:disabled{cursor:not-allowed;opacity:.6}.perm-yes{color:var(--ds-chart-green);font-size:var(--ds-font-size-base)}.perm-no{color:var(--ds-border-strong);font-size:var(--ds-font-size-body)}.perm-self,.perm-scope{color:var(--ds-chart-blue);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold)}.permission-matrix-toggle{width:100%;min-width:var(--ds-legacy-size-80-px);min-height:var(--ds-legacy-size-32-px);padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer}.permission-matrix-toggle:hover:not(:disabled),.permission-matrix-toggle:focus-visible{background:var(--ds-primary-light);outline:var(--ds-legacy-size-2) solid var(--color-primary);outline-offset:calc(var(--ds-legacy-size-2) * -1)}.permission-matrix-toggle:disabled{cursor:wait;opacity:.65}.react-profile-hero{background:linear-gradient(135deg,var(--ds-primary-active),var(--ds-primary-strong));color:var(--ds-on-solid);border-radius:var(--ds-legacy-size-14);padding:var(--ds-legacy-size-25);display:flex;align-items:center;gap:var(--ds-space-5);margin-bottom:var(--ds-space-5)}.react-profile-hero .react-avatar{width:var(--ds-legacy-size-72);height:var(--ds-legacy-size-72);font-size:var(--ds-legacy-size-22);border:var(--ds-legacy-size-3) solid var(--ds-legacy-ffffff55)}.react-profile-hero h1{font-size:var(--ds-legacy-size-22);margin:0 0 var(--ds-legacy-size-6)}.react-profile-hero p{margin:var(--ds-legacy-size-3) 0;color:var(--ds-info-border);font-size:var(--ds-font-size-small)}.react-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--ds-space-6)}.react-detail-row{display:flex;justify-content:space-between;gap:var(--ds-space-3);border-bottom:var(--ds-legacy-size-1) solid var(--ds-surface-secondary);padding:var(--ds-space-3) 0;font-size:var(--ds-font-size-small)}.react-detail-row span{color:var(--ds-text-secondary)}.react-detail-row strong{text-align:right}.react-placeholder-chart{height:var(--ds-legacy-size-180-px);display:flex;align-items:flex-end;gap:var(--ds-legacy-size-10);padding:var(--ds-space-5)}.react-placeholder-chart i{flex:1;border-radius:var(--ds-legacy-size-5) var(--ds-legacy-size-5) 0 0;background:var(--ds-primary-strong);min-width:var(--ds-legacy-size-14)}.react-not-found{min-height:60vh;display:grid;place-content:center;text-align:center}.react-not-found strong{font-size:var(--ds-legacy-size-84);color:var(--ds-info-border)}.react-not-found h1{font-size:var(--ds-legacy-size-26)}.react-not-found p{color:var(--ds-text-secondary)}.sidebar-overlay{border:0;padding:0}.sidebar.sidebar-mobile-open{transform:translate(0)}@media(max-width:1199px)and (min-width:768px){.main-content{padding:var(--ds-space-6)}.react-stat-grid.six{grid-template-columns:repeat(3,1fr)}.react-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.react-dashboard-grid{grid-template-columns:1fr}}@media(max-width:767px){.main-content{padding:var(--ds-space-4) var(--ds-space-3) var(--ds-legacy-size-35)}.react-page-header{display:block;margin-bottom:var(--ds-legacy-size-18)}.react-page-header .page-header-actions{margin-top:var(--ds-legacy-size-13);display:grid;grid-template-columns:1fr 1fr}.react-page-header .page-header-actions .btn{justify-content:center}.react-stat-grid,.react-stat-grid.six{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-legacy-size-9)}.stat-card{padding:var(--ds-legacy-size-14);min-height:var(--ds-legacy-size-112)}.react-dashboard-grid{grid-template-columns:1fr;gap:var(--ds-space-3)}.dashboard-alert-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-legacy-size-10)}.dashboard-alert-card{min-width:0;padding:var(--ds-legacy-size-14);gap:var(--ds-legacy-size-10)}.dashboard-alert-card>span:last-child{min-width:0}.dashboard-alert-card b,.dashboard-alert-card small{overflow-wrap:anywhere}.react-card-header{padding:0 var(--ds-legacy-size-14)}.react-card-body{padding:var(--ds-legacy-size-14)}.react-bar-row{grid-template-columns:var(--ds-legacy-size-70) 1fr var(--ds-legacy-size-32-px);gap:var(--ds-legacy-size-7);font-size:var(--ds-legacy-size-10)}.react-donut-wrap{display:grid}.react-donut{margin:auto}.report-filter-card{display:grid;gap:var(--ds-legacy-size-10);padding:var(--ds-legacy-size-14)}.report-filter-card label{display:grid;grid-template-columns:var(--ds-legacy-size-90-px) minmax(0,1fr)}.report-filter-card select{width:100%;min-width:0}.report-bar-row{grid-template-columns:var(--ds-legacy-size-82-px) 1fr var(--ds-legacy-size-55-px);gap:var(--ds-legacy-size-7);font-size:var(--ds-legacy-size-10)}.report-donut-wrap{display:grid}.report-donut{margin:auto}.report-funnel-step{grid-template-columns:var(--ds-legacy-size-72) 1fr var(--ds-legacy-size-25);gap:var(--ds-legacy-size-7);font-size:var(--ds-legacy-size-10)}.report-funnel-step i{overflow:hidden;padding-left:var(--ds-legacy-size-6);font-size:var(--ds-legacy-size-9)}.report-cost-list>div{grid-template-columns:minmax(0,1fr) auto}.report-cost-list small{grid-column:2}.report-alert{padding:var(--ds-legacy-size-14);flex-wrap:wrap}.report-alert .btn{margin-left:var(--ds-space-12)}.reports-page .page-header-actions,.report-stat-grid{grid-template-columns:1fr}.react-toolbar{display:grid;grid-template-columns:1fr 1fr}.react-toolbar .react-search{grid-column:1/-1}.react-toolbar input,.react-toolbar select{width:100%;min-width:0}.react-form-grid,.react-detail-grid{grid-template-columns:1fr}.react-dialog-backdrop{align-items:end;padding:0}.react-dialog{width:100%;max-height:92vh;border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0}.employee-form-footer{align-items:stretch;flex-direction:column}.employee-form-footer>.btn{width:100%}.employee-form-actions{width:100%;margin-left:0}.employee-form-actions .btn{flex:1}.react-section-grid{grid-template-columns:1fr}.react-section-nav{position:static;display:flex;overflow-x:auto}.react-section-nav button{white-space:nowrap;width:auto}.react-profile-hero{align-items:flex-start}.react-toast-host{left:var(--ds-legacy-size-12);right:var(--ds-legacy-size-12);top:var(--ds-legacy-size-65-px)}.react-toast{min-width:0}.data-table{font-size:var(--ds-font-size-caption)}}@media print{.react-page-header .page-header-actions,.react-mock-note,.react-pagination{display:none!important}.main-content{padding:0}.react-card{box-shadow:none;break-inside:avoid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:var(--ds-legacy-time-0-01-ms)!important;animation-iteration-count:1!important;transition-duration:var(--ds-legacy-time-0-01-ms)!important}}.react-status-strip{margin:var(--ds-legacy-size-14) 0}.react-rating{display:flex;gap:var(--ds-legacy-size-3)}.react-rating button{border:0;background:transparent;color:var(--ds-border-strong);font-size:var(--ds-legacy-size-25);padding:var(--ds-legacy-size-2);cursor:pointer}.react-rating button.active{color:var(--ds-warning-solid)}.react-score-total{display:flex;align-items:center;justify-content:space-between;background:var(--ds-primary-light);color:var(--ds-primary-hover);padding:var(--ds-legacy-size-15);border-radius:var(--ds-legacy-size-9);margin-bottom:var(--ds-legacy-size-18)}.react-score-total strong{font-size:var(--ds-legacy-size-25)}.react-card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-legacy-size-14);padding:var(--ds-space-5)}.react-card-list h3{font-size:var(--ds-font-size-body);margin:var(--ds-legacy-size-13) 0 var(--ds-space-2)}.react-card-list p{font-size:var(--ds-font-size-small);color:var(--ds-text-secondary)}.react-toggle{position:relative;width:var(--ds-legacy-size-42);height:var(--ds-legacy-size-24-px);display:inline-block}.react-toggle input{opacity:0;width:0;height:0}.react-toggle span{position:absolute;inset:0;border-radius:var(--ds-legacy-size-99);background:var(--ds-border-strong);transition:var(--ds-legacy-transition-32)}.react-toggle span:before{content:"";position:absolute;width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18);left:var(--ds-legacy-size-3);top:var(--ds-legacy-size-3);border-radius:50%;background:var(--ds-white);transition:var(--ds-legacy-transition-32);box-shadow:var(--ds-legacy-shadow-33)}.react-toggle input:checked+span{background:var(--ds-primary-strong)}.react-toggle input:checked+span:before{transform:translate(var(--ds-legacy-size-18))}.react-quote-lines{display:grid;gap:var(--ds-legacy-size-9);margin:var(--ds-legacy-size-18) 0}.react-quote-line{display:grid;grid-template-columns:2fr var(--ds-legacy-size-110-px) var(--ds-legacy-size-150-px) var(--ds-legacy-size-140-px) var(--ds-legacy-size-36);gap:var(--ds-legacy-size-9);align-items:end}.react-quote-line>strong{height:var(--ds-legacy-size-40-px);display:flex;align-items:center;justify-content:flex-end}.react-quote-total{width:min(100%,var(--ds-legacy-size-360-px));margin:var(--ds-space-5) 0 0 auto;border-top:var(--ds-legacy-size-1) solid var(--ds-border);padding-top:var(--ds-legacy-size-10)}.react-quote-total div{display:flex;justify-content:space-between;padding:var(--ds-legacy-size-6)}.react-quote-total div:last-child{font-size:var(--ds-font-size-base);color:var(--ds-primary-hover);border-top:var(--ds-legacy-size-1) solid var(--ds-border)}.react-quote-preview{text-align:center;border:var(--ds-legacy-size-1) solid var(--ds-border);padding:var(--ds-legacy-size-25)}.react-quote-preview h2{color:var(--ds-primary-hover)}.react-timeline article{display:grid;grid-template-columns:var(--ds-legacy-size-12) 1fr;gap:var(--ds-legacy-size-10);padding-bottom:var(--ds-legacy-size-18);position:relative}.react-timeline article:before{content:"";position:absolute;left:var(--ds-legacy-size-4);top:var(--ds-legacy-size-10);bottom:var(--ds-legacy-size-n3-px);width:var(--ds-legacy-size-2);background:var(--ds-border)}.react-timeline article:last-child:before{display:none}.react-timeline i{width:var(--ds-legacy-size-10);height:var(--ds-legacy-size-10);background:var(--ds-primary-strong);border-radius:50%;margin-top:var(--ds-space-1);z-index:1}.react-timeline p{font-size:var(--ds-font-size-small);color:var(--ds-text-secondary);margin:var(--ds-space-1) 0}.react-timeline small{color:var(--ds-text-muted)}.react-permission-row{display:grid;grid-template-columns:1fr repeat(5,var(--ds-legacy-size-90-px));gap:var(--ds-legacy-size-10);align-items:center;padding:var(--ds-legacy-size-13) 0;border-bottom:var(--ds-legacy-size-1) solid var(--ds-surface-secondary);font-size:var(--ds-font-size-small)}.react-permission-row label{display:flex;gap:var(--ds-legacy-size-5);align-items:center}.crm-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crm-dashboard-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-5);margin-bottom:var(--ds-legacy-size-28)}.crm-dashboard-chart-row{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.crm-dashboard-split>*{min-width:0}.crm-dashboard-split .react-card-header h2{display:flex;align-items:center;gap:var(--ds-space-2)}.crm-section-dot{width:var(--ds-legacy-size-8);height:var(--ds-legacy-size-8);border-radius:50%;background:var(--ds-primary-strong);flex:0 0 auto}.crm-section-dot.purple{background:var(--ds-purple-solid)}.crm-section-dot.teal{background:var(--ds-chart-teal-light)}.crm-section-dot.orange{background:var(--ds-warning-solid)}.crm-section-dot.red{background:var(--ds-danger-solid)}.crm-trend-badge,.crm-card-badge{border-radius:var(--ds-legacy-size-99);padding:var(--ds-legacy-size-3) var(--ds-space-2);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold)}.crm-trend-badge{color:var(--ds-success-text);background:var(--ds-success-bg)}.crm-card-badge{color:var(--ds-purple-text);background:var(--ds-purple-bg)}.crm-revenue-chart{height:var(--ds-legacy-size-240-px);padding:var(--ds-space-5) var(--ds-legacy-size-28) 0;display:flex;align-items:end;gap:var(--ds-space-3)}.crm-revenue-chart>div{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--ds-legacy-size-6)}.crm-revenue-chart b{color:var(--ds-text-primary);font-size:var(--ds-font-size-caption)}.crm-revenue-chart i{width:100%;min-height:var(--ds-legacy-size-8);border-radius:var(--ds-radius-sm) var(--ds-radius-sm) 0 0;background:var(--ds-chart-blue)}.crm-revenue-chart i.recent{background:var(--ds-chart-blue)}.crm-revenue-chart i.current{background:var(--ds-primary-strong)}.crm-revenue-chart span{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.crm-chart-note{display:flex;justify-content:space-between;gap:var(--ds-space-3);margin:var(--ds-space-3) var(--ds-space-5) var(--ds-space-5);padding-top:var(--ds-space-3);border-top:var(--ds-legacy-size-1) solid var(--ds-surface-secondary);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.crm-chart-note strong{color:var(--ds-chart-green)}.crm-pipeline-list{padding:var(--ds-space-5);display:grid;gap:var(--ds-legacy-size-10)}.crm-pipeline-list p{display:flex;justify-content:space-between;margin:0 0 var(--ds-legacy-size-5);color:var(--ds-neutral-text);font-size:var(--ds-font-size-small)}.crm-pipeline-list small{color:var(--ds-text-muted)}.crm-pipeline-list>div>i{display:block;height:var(--ds-legacy-size-8);overflow:hidden;border-radius:var(--ds-legacy-size-99);background:var(--ds-surface-secondary)}.crm-pipeline-list>div>i>span{display:block;height:100%;border-radius:inherit}.crm-activity-feed{padding:0 var(--ds-space-5) var(--ds-space-2)}.crm-activity-feed article{display:flex;gap:var(--ds-space-3);padding:var(--ds-space-3) 0;border-bottom:var(--ds-legacy-size-1) solid var(--ds-surface-secondary)}.crm-activity-feed article:last-child{border-bottom:0}.crm-activity-feed article>span{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);flex:0 0 auto;border-radius:var(--ds-legacy-size-10);display:grid;place-items:center;color:var(--ds-on-solid);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold)}.crm-activity-feed p{margin:0;color:var(--ds-text-primary);font-size:var(--ds-font-size-small);line-height:1.5}.crm-activity-feed small{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.crm-rank{width:var(--ds-legacy-size-24-px);height:var(--ds-legacy-size-24-px);border-radius:var(--ds-radius-sm);display:inline-grid;place-items:center;color:var(--ds-text-muted);background:var(--ds-background);font-weight:var(--ds-font-weight-extrabold)}.crm-rank-1{color:var(--ds-warning-text);background:var(--ds-warning-bg)}.crm-rank-2{color:var(--ds-neutral-text);background:var(--ds-surface-secondary)}.crm-rank-3{color:var(--ds-orange-text);background:var(--ds-orange-bg)}.crm-kpi-inline{display:flex;align-items:center;gap:var(--ds-space-2)}.crm-kpi-inline>i{width:var(--ds-legacy-size-60);height:var(--ds-legacy-size-6);border-radius:var(--ds-legacy-size-99);overflow:hidden;background:var(--ds-surface-secondary)}.crm-kpi-inline>i>span{display:block;height:100%;border-radius:inherit;background:var(--ds-primary-strong)}.crm-kpi-inline b{color:var(--ds-primary-strong);font-size:var(--ds-font-size-small)}.crm-priority{font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold)}.crm-priority.high{color:var(--ds-danger-strong)}.crm-priority.medium{color:var(--ds-warning-solid)}.crm-alert-list{padding:var(--ds-space-5);display:grid;gap:var(--ds-legacy-size-10)}.crm-alert-list article{display:flex;gap:var(--ds-space-3);padding:var(--ds-legacy-size-14) var(--ds-space-4);border:var(--ds-legacy-size-1-5) solid;border-radius:var(--ds-legacy-size-10)}.crm-alert-list article>span{font-size:var(--ds-font-size-section)}.crm-alert-list article strong,.crm-alert-list article small{display:block}.crm-alert-list article strong{font-size:var(--ds-font-size-label)}.crm-alert-list article small{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption)}.crm-alert-list .red{color:var(--ds-danger-text);background:var(--ds-danger-bg);border-color:var(--ds-danger-border)}.crm-alert-list .orange{color:var(--ds-orange-text);background:var(--ds-orange-bg);border-color:var(--ds-orange-border)}.crm-alert-list .yellow{color:var(--ds-warning-text);background:var(--ds-warning-bg);border-color:var(--ds-warning-border)}.crm-alert-list .blue{color:var(--ds-primary-active);background:var(--ds-primary-light);border-color:var(--ds-primary-border)}body:has(.crm-dashboard-page){font-family:var(--ds-legacy-font-family-4)}.crm-dashboard-page .page-header{margin-bottom:var(--ds-legacy-size-28)}.crm-page-title-wrap{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-legacy-size-6)}.crm-page-badge{display:inline-flex;align-items:center;padding:var(--ds-space-1) var(--ds-legacy-size-10);border-radius:var(--ds-radius-sm);background:linear-gradient(135deg,var(--ds-purple-solid),var(--ds-chart-indigo));color:var(--ds-on-solid);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-5-px)}.crm-dashboard-page .page-title{color:var(--ds-text-strong);font-size:var(--ds-legacy-size-22);letter-spacing:var(--ds-legacy-size-n0-4-px)}.crm-dashboard-page .page-subtitle{color:var(--ds-text-secondary);font-size:var(--ds-font-size-label)}.crm-dashboard-page .page-header-actions{gap:var(--ds-legacy-size-10)}.crm-dashboard-page .page-header-actions .btn{height:var(--ds-legacy-size-36);gap:var(--ds-legacy-size-6);padding:var(--ds-legacy-size-9) var(--ds-legacy-size-18);border-radius:var(--ds-radius-md);font-size:var(--ds-legacy-size-13-5);font-weight:var(--ds-font-weight-semibold)}.crm-dashboard-page .page-header-actions .btn-primary{border:0}.crm-dashboard-page .page-header-actions .btn-secondary{border-width:var(--ds-legacy-size-1-5)}.crm-dashboard-page .crm-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-legacy-size-28)}.crm-dashboard-page .stat-card{min-height:0;padding:var(--ds-space-5);border-radius:var(--ds-legacy-size-14)}.crm-dashboard-page .stat-header{margin-bottom:var(--ds-legacy-size-14)}.crm-dashboard-page .stat-value{margin-bottom:var(--ds-space-1);font-size:var(--ds-legacy-size-28)}.crm-dashboard-page .stat-card.red .stat-value{font-size:var(--ds-legacy-size-22)}.crm-dashboard-page .stat-label{margin-top:0;font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-medium)}.crm-dashboard-page .stat-sub,.crm-dashboard-page .stat-trend{font-size:var(--ds-legacy-size-11-5);line-height:1.6}.crm-dashboard-page .stat-sub{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-muted)}.crm-dashboard-page .stat-trend{display:flex;align-items:center;gap:var(--ds-space-1);margin-top:var(--ds-legacy-size-10);font-weight:var(--ds-font-weight-medium)}.crm-dashboard-page .stat-trend.up{color:var(--ds-chart-green)}.crm-dashboard-page .stat-trend.down{color:var(--ds-danger-solid)}.crm-dashboard-page .stat-trend.neutral{color:var(--ds-text-muted)}.crm-dashboard-page .crm-dashboard-split>.react-card{padding:var(--ds-space-6);border-radius:var(--ds-legacy-size-14)}.crm-dashboard-page .crm-dashboard-split .react-card-header{min-height:0;padding:var(--ds-space-5) var(--ds-space-6);margin-bottom:var(--ds-space-5);gap:var(--ds-space-4)}.crm-dashboard-page .crm-dashboard-split .react-card-header h2{color:var(--ds-text-strong);font-size:var(--ds-font-size-body);line-height:1.6}.crm-dashboard-page .crm-revenue-chart{height:var(--ds-legacy-size-200-px);padding:0 var(--ds-space-2);align-items:flex-end}.crm-dashboard-page .crm-revenue-chart>div{gap:var(--ds-legacy-size-6)}.crm-dashboard-page .crm-revenue-chart span{margin-top:var(--ds-space-2);font-weight:var(--ds-font-weight-medium)}.crm-dashboard-page .crm-revenue-chart i{height:var(--ds-legacy-size-8)!important;min-height:var(--ds-legacy-size-8)}.crm-dashboard-page .crm-chart-note{margin:var(--ds-space-3) 0 0}.crm-dashboard-page .crm-pipeline-list{display:flex;flex-direction:column;gap:var(--ds-legacy-size-10);padding:0}.crm-dashboard-page .crm-pipeline-list p{line-height:var(--ds-legacy-size-19-2)}.crm-dashboard-page .crm-pipeline-list p>span{font-weight:var(--ds-font-weight-medium)}.crm-dashboard-page .crm-pipeline-list small{font-size:var(--ds-font-size-caption);line-height:var(--ds-legacy-size-17-6)}.crm-dashboard-page .crm-card-badge{min-width:var(--ds-legacy-size-20);height:var(--ds-legacy-size-20);padding:0 var(--ds-legacy-size-6)}.crm-dashboard-page .crm-dashboard-split:not(.crm-dashboard-chart-row){grid-template-columns:repeat(2,minmax(0,1fr))}.crm-dashboard-page .crm-activity-feed{padding:0}.crm-dashboard-page .crm-activity-feed article{align-items:flex-start;padding:var(--ds-space-3) 0}.crm-dashboard-page .crm-activity-feed p{font-size:var(--ds-legacy-size-12-5);line-height:1.5}.crm-dashboard-page .crm-activity-feed p strong{font-weight:var(--ds-font-weight-semibold)}.crm-dashboard-page .crm-activity-feed article>div{flex:1;min-width:0}.crm-dashboard-page .crm-activity-feed small{display:block;margin-top:var(--ds-legacy-size-2)}.crm-dashboard-page .data-table{width:100%;border-collapse:collapse}.crm-dashboard-page .data-table th{border-bottom-color:var(--ds-surface-secondary);color:var(--ds-text-muted);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-6-px)}.crm-dashboard-page .data-table td{padding:var(--ds-legacy-size-11) var(--ds-legacy-size-10);border-bottom-color:var(--ds-background);color:var(--ds-text-primary);font-size:var(--ds-legacy-size-12-5)}.crm-dashboard-page .data-table th:first-child,.crm-dashboard-page .data-table td:first-child{padding-left:var(--ds-space-6)}.crm-dashboard-page .data-table th:last-child,.crm-dashboard-page .data-table td:last-child{padding-right:var(--ds-space-6)}.crm-dashboard-page .data-table tbody tr:last-child td{border-bottom:0}.crm-dashboard-page .crm-dashboard-split .data-table td:nth-child(2) strong{font-size:var(--ds-legacy-size-12-5);font-weight:var(--ds-font-weight-semibold)}.crm-dashboard-page .crm-dashboard-split:not(.crm-dashboard-bottom) .data-table tbody td{white-space:normal}.crm-dashboard-page .crm-rank{font-size:var(--ds-font-size-small)}.crm-dashboard-page .crm-kpi-inline>i{flex:0 0 auto}.crm-dashboard-page .crm-alert-list{padding:0}.crm-dashboard-page .crm-alert-list article{align-items:flex-start}.crm-dashboard-page .crm-alert-list article>span{flex:0 0 auto;margin-top:var(--ds-legacy-size-1)}.crm-dashboard-page .crm-alert-list article strong{font-weight:var(--ds-font-weight-semibold)}.crm-dashboard-page .crm-alert-list article small{font-size:var(--ds-legacy-size-11-5)}.crm-dashboard-page .crm-task-action{height:auto;border:0;padding:var(--ds-legacy-size-5) var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold);line-height:normal}.crm-dashboard-page .crm-task-action.action-1{background:var(--ds-success-bg);color:var(--ds-success-text)}.crm-dashboard-page .crm-task-action.action-2{background:var(--ds-info-bg);color:var(--ds-primary-active)}.crm-dashboard-page .crm-task-action.action-3{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.crm-dashboard-page .crm-task-action.action-4{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.crm-dashboard-page .btn-ghost{padding:var(--ds-space-1) var(--ds-space-2);border:0;border-radius:var(--ds-radius-sm);background:transparent;color:var(--ds-primary-strong);font-size:var(--ds-legacy-size-12-5);font-weight:var(--ds-font-weight-medium);line-height:normal}.crm-dashboard-page .crm-dashboard-bottom .data-table{min-width:0;table-layout:fixed}.crm-dashboard-page .crm-dashboard-bottom .data-table th:nth-child(1),.crm-dashboard-page .crm-dashboard-bottom .data-table td:nth-child(1){width:var(--ds-legacy-size-103-703125-px)}.crm-dashboard-page .crm-dashboard-bottom .data-table th:nth-child(2),.crm-dashboard-page .crm-dashboard-bottom .data-table td:nth-child(2){width:var(--ds-legacy-size-132-375-px)}.crm-dashboard-page .crm-dashboard-bottom .data-table th:nth-child(3),.crm-dashboard-page .crm-dashboard-bottom .data-table td:nth-child(3){width:var(--ds-legacy-size-79-96875-px)}.crm-dashboard-page .crm-dashboard-bottom .data-table th:nth-child(4),.crm-dashboard-page .crm-dashboard-bottom .data-table td:nth-child(4){width:var(--ds-legacy-size-74-578125-px)}.crm-dashboard-page .crm-dashboard-bottom .data-table th:nth-child(5),.crm-dashboard-page .crm-dashboard-bottom .data-table td:nth-child(5){width:var(--ds-legacy-size-97-375-px)}.crm-dashboard-page .crm-dashboard-bottom .data-table td{white-space:normal}.crm-dashboard-page .crm-dashboard-bottom .data-table td:nth-child(2){max-width:var(--ds-legacy-size-200-px);font-size:var(--ds-legacy-size-12-5)}.crm-dashboard-page .crm-dashboard-bottom .data-table td:nth-child(3){color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);white-space:nowrap}.crm-dashboard-page .crm-dashboard-bottom .data-table td:nth-child(4),.crm-dashboard-page .crm-dashboard-bottom .data-table td:nth-child(5){white-space:nowrap}.payroll-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-stat-grid .stat-value{font-size:var(--ds-legacy-size-22)}.payroll-section-label{margin:0 0 var(--ds-space-6);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.payroll-rules{display:flex;flex-wrap:wrap;gap:var(--ds-space-3) var(--ds-legacy-size-30);margin-top:var(--ds-legacy-size-22)}.payroll-rules span{padding:var(--ds-space-2) var(--ds-legacy-size-18);border:var(--ds-legacy-size-1) solid var(--ds-success-border);border-radius:var(--ds-legacy-size-99);color:var(--ds-success-text);background:var(--ds-success-bg);font-size:var(--ds-font-size-base);line-height:1.25;white-space:nowrap}.payroll-rules .overtime{color:var(--ds-warning-text);border-color:var(--ds-warning-border);background:var(--ds-warning-bg)}.payroll-rules .tax{color:var(--ds-primary-active);border-color:var(--ds-primary-border);background:var(--ds-primary-light)}.payroll-page-formula{margin-bottom:var(--ds-space-6)}.payroll-page-formula .payroll-rules{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--ds-legacy-size-1) solid var(--color-border)}.payroll-page-formula .payroll-rules span{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.payroll-table{min-width:var(--ds-legacy-size-1500-px)}.payroll-table tfoot td{padding:var(--ds-space-3) var(--ds-space-4);border-top:var(--ds-legacy-size-2) solid var(--ds-border);background:var(--ds-background);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold)}.payroll-money{font-family:var(--ds-legacy-font-family-5);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold);white-space:nowrap}.payroll-money.blue{color:var(--ds-primary-strong)}.payroll-money.teal{color:var(--ds-teal-solid)}.payroll-money.purple{color:var(--ds-purple-solid)}.payroll-money.orange{color:var(--ds-warning-solid)}.payroll-money.red{color:var(--ds-danger-solid)}.payroll-money.total{color:var(--ds-success-text);font-size:var(--ds-font-size-label)}.main-content:has(>.payroll-page){padding-top:var(--ds-space-8);padding-bottom:var(--ds-space-8)}.payroll-page .page-header{margin-bottom:var(--ds-space-6)}.payroll-page .page-title{font-size:var(--ds-font-size-page);color:var(--ds-text-primary);line-height:1.2}.payroll-page .page-subtitle{color:var(--ds-text-secondary);font-size:var(--ds-font-size-body)}.payroll-page .page-header-actions{align-items:center;gap:var(--ds-space-2)}.payroll-period-switcher{width:min(var(--ds-legacy-size-240-px),30vw);height:var(--ds-legacy-size-38);display:flex;align-items:center;gap:var(--ds-space-2);padding:0 var(--ds-space-3);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-primary-strong);background:var(--ds-surface)}.payroll-period-switcher select{min-width:0;flex:1;border:0;outline:0;color:var(--ds-text-primary);background:transparent;font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-medium)}.payroll-page .page-header-actions .btn{height:var(--ds-legacy-size-38);padding:0 var(--ds-space-4);gap:var(--ds-space-2);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.payroll-page .page-header-actions .btn svg{width:var(--ds-legacy-size-14);height:var(--ds-legacy-size-14)}.payroll-page .page-header-actions .btn svg:last-child:not(:first-child){width:var(--ds-legacy-size-12);height:var(--ds-legacy-size-12)}.payroll-page .page-header-actions .btn-warning{color:var(--ds-text-strong);background:var(--ds-warning-solid);border:0}.payroll-page .page-header-actions .btn-success{color:var(--ds-on-solid);border:var(--ds-legacy-size-1) solid var(--ds-success-strong);background:linear-gradient(135deg,var(--ds-success-solid),var(--ds-success-strong))}.payroll-page .page-header-actions .payroll-approve-button{min-width:var(--ds-legacy-size-92-px);justify-content:center;box-shadow:0 var(--ds-legacy-size-4) var(--ds-legacy-size-12) color-mix(in srgb,var(--ds-success-solid) 28%,transparent);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.payroll-page .page-header-actions .payroll-approve-button:hover:not(:disabled){filter:brightness(.96);transform:translateY(var(--ds-legacy-size-n1));box-shadow:0 var(--ds-legacy-size-6) var(--ds-legacy-size-16-px) color-mix(in srgb,var(--ds-success-solid) 34%,transparent)}.payroll-page .page-header-actions .payroll-approve-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--ds-legacy-shadow-26)}.payroll-page .page-header-actions .payroll-approve-button:disabled{color:var(--ds-on-solid);border-color:var(--ds-neutral-solid);background:var(--ds-neutral-solid);box-shadow:none}.payroll-page .page-header-actions .btn-primary{border:0}body .app-layout .payroll-page .payroll-money.blue{color:var(--ds-primary-strong)!important}.payroll-page .payroll-stat-grid{gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.payroll-page .payroll-stat-grid .stat-card{height:var(--ds-legacy-size-176-84375-px);min-height:0;display:grid;grid-template-columns:max-content;justify-content:center;align-content:start;gap:0;padding:var(--ds-space-5);overflow:visible;border-radius:var(--ds-radius-lg)}.payroll-page .payroll-stat-grid .stat-card:before{display:none}.payroll-page .payroll-stat-grid .stat-header{display:contents}.payroll-page .payroll-stat-grid .stat-header>div:first-child{order:2;text-align:center}.payroll-page .payroll-stat-grid .stat-icon{order:1;width:var(--ds-legacy-size-46);height:var(--ds-legacy-size-46);margin-bottom:var(--ds-space-4);border-radius:var(--ds-radius-lg);justify-self:center}.payroll-page .payroll-stat-grid .stat-icon svg{width:var(--ds-legacy-size-22);height:var(--ds-legacy-size-22)}.payroll-page .payroll-stat-grid .stat-value{margin:0;font-size:var(--ds-legacy-size-24-8);letter-spacing:normal;line-height:1.1}.payroll-page .payroll-stat-grid .stat-label{margin-top:var(--ds-legacy-size-2);font-size:var(--ds-font-size-body)}.payroll-page .payroll-stat-grid .stat-trend{order:3;margin-top:var(--ds-legacy-size-2);color:var(--ds-text-muted);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-normal)}.payroll-page .payroll-stat-grid .stat-card:nth-child(3) .stat-value,.payroll-page .payroll-stat-grid .stat-card:nth-child(4) .stat-value{font-size:var(--ds-legacy-size-18-4);line-height:1.2;letter-spacing:normal}@media(max-width:767px){.payroll-page-formula .payroll-rules span{width:100%;padding:var(--ds-legacy-size-7) var(--ds-space-3);white-space:normal}}.payroll-page .react-tabs{gap:0;min-height:var(--ds-legacy-size-44-px);margin-bottom:var(--ds-space-6);border-bottom-width:var(--ds-legacy-size-2)}.payroll-page .react-tabs button{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);margin-bottom:var(--ds-legacy-size-n2);font-size:var(--ds-font-size-body);line-height:normal;position:relative;bottom:var(--ds-legacy-size-n1)}.payroll-page .payroll-tab-panel{min-width:0;padding-top:var(--ds-space-6)}.payroll-page .payroll-filter-bar{height:var(--ds-legacy-size-69-px);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-6);margin-bottom:var(--ds-space-4);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-surface)}.payroll-page .payroll-filter-bar .react-search{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary)}.payroll-page .payroll-filter-control{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-body)}.payroll-page .payroll-filter-action{margin-left:auto;display:flex;gap:var(--ds-space-2)}.payroll-page .payroll-filter-bar .react-search svg{width:var(--ds-legacy-size-14);height:var(--ds-legacy-size-14)}.payroll-page .payroll-filter-bar input,.payroll-page .payroll-filter-bar select{height:var(--ds-legacy-size-36);padding:0 var(--ds-space-3);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-surface);font-size:var(--ds-font-size-body);line-height:normal}.payroll-page .payroll-filter-bar input{width:var(--ds-legacy-size-200-px)}.payroll-page .payroll-filter-bar .btn{height:var(--ds-legacy-size-36);padding:0 var(--ds-space-4);font-size:var(--ds-font-size-small)}.payroll-page .payroll-review-note{margin-bottom:var(--ds-space-6)}.payroll-payment-form{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-4)}.payroll-payment-form .react-field,.payroll-payment-form .form-control{width:100%}.payroll-payment-form textarea.form-control{min-height:var(--ds-legacy-size-96-px)}.payroll-page .payroll-period-list-card{margin-bottom:var(--ds-space-4)}.payroll-page .payroll-period-list-header>span,.payroll-page .payroll-period-payment{display:flex;flex-direction:column;gap:var(--ds-space-1)}.payroll-page .payroll-period-list-header small,.payroll-page .payroll-period-payment small{color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-regular)}.payroll-page .payroll-period-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2)}.payroll-page .payroll-review-note .ds-alert{padding:var(--ds-space-4) var(--ds-space-5);gap:var(--ds-space-3);border-left:var(--ds-legacy-size-4) solid var(--ds-warning-solid);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-legacy-shadow-26)}.payroll-page .payroll-review-note .ds-alert>svg{width:var(--ds-legacy-size-22);height:var(--ds-legacy-size-22);margin-top:0;color:var(--ds-warning-solid)}.payroll-page .payroll-review-note .ds-alert strong{font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-bold)}.payroll-page .payroll-review-note .ds-alert p{margin-top:var(--ds-space-1);color:var(--ds-text-primary);font-size:var(--ds-font-size-body);line-height:1.5;opacity:1}.payroll-page .payroll-table-card{overflow:hidden}.payroll-page .payroll-table-card .react-table-scroll{overflow-x:auto}.payroll-page .payroll-table{width:100%;min-width:var(--ds-legacy-size-1250-px);table-layout:auto}.payroll-page .payroll-table :is(th,td){text-align:center;vertical-align:middle}.payroll-page .payroll-table :is(th,td):nth-child(-n+3){text-align:left}.payroll-page .payroll-table td{padding:var(--ds-space-3) var(--ds-space-4);color:var(--ds-text-primary);white-space:nowrap}.payroll-page .payroll-table td:first-child{color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.payroll-page .payroll-table .react-person{gap:var(--ds-space-3);justify-content:flex-start;text-align:left}.payroll-page .payroll-table th:nth-child(2),.payroll-page .payroll-table td:nth-child(2){min-width:var(--ds-legacy-size-190-px)}.payroll-page .payroll-table th:nth-child(1){width:var(--ds-legacy-size-53-125-px);padding-left:var(--ds-space-4)}.payroll-page .payroll-table td:first-child{padding-left:var(--ds-space-4)}.payroll-page .payroll-table th:nth-child(3){min-width:var(--ds-legacy-size-150-px)}.payroll-page .payroll-table th:nth-child(4){min-width:var(--ds-legacy-size-120-px)}.payroll-page .payroll-table th:nth-child(5),.payroll-page .payroll-table th:nth-child(6),.payroll-page .payroll-table th:nth-child(7){min-width:var(--ds-legacy-size-120-px)}.payroll-page .payroll-table :is(th,td):nth-child(8){min-width:var(--ds-legacy-size-160-px);white-space:nowrap}.payroll-page .payroll-table th:nth-child(9){min-width:var(--ds-legacy-size-160-px)}.payroll-page .payroll-table :is(th,td):nth-child(10){min-width:var(--ds-legacy-size-150-px);white-space:nowrap}.payroll-page .payroll-table :is(th,td):nth-child(11){min-width:var(--ds-component-payroll-actions-column-width);white-space:nowrap}.payroll-page .payroll-table .react-avatar{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);font-size:var(--ds-font-size-small)}.payroll-page .payroll-table .react-person strong{font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.payroll-page .payroll-table .react-person small{margin-top:0;font-size:var(--ds-font-size-caption)}.payroll-page .payroll-table-card .react-pagination{height:var(--ds-legacy-size-68-5-px);padding:var(--ds-space-4) var(--ds-space-6);color:var(--ds-text-secondary);font-size:var(--ds-font-size-body)}.payroll-page .payroll-table tfoot td{font-size:var(--ds-font-size-body);line-height:1.6}.payroll-page .payroll-table-card .react-pagination>div{align-items:center;gap:var(--ds-space-1)}.payroll-page .payroll-table-card .react-pagination>div>span{margin-right:var(--ds-space-1);color:var(--ds-text-muted)}.payroll-pagination-controls{display:flex;align-items:center}.payroll-page .payroll-table-card .payroll-pagination-controls button{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);margin:0}.payroll-page .payroll-table-card .payroll-pagination-controls button:first-child{margin-right:var(--ds-space-1)}.payroll-page .payroll-table-card .payroll-pagination-controls button:last-child{margin-left:var(--ds-space-1)}.payroll-payslip{max-width:var(--ds-legacy-size-600-px);margin:var(--ds-space-6) auto;overflow:hidden;border:var(--ds-legacy-size-2) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-35)}.payroll-payslip>header{padding:var(--ds-space-6) var(--ds-space-8);color:var(--ds-on-solid);text-align:center;background:linear-gradient(135deg,var(--ds-primary-active),var(--ds-primary-strong))}.payroll-payslip>header b{font-size:var(--ds-font-size-section);letter-spacing:.05em}.payroll-payslip>header h2{margin:var(--ds-space-2) 0 var(--ds-space-1);font-size:var(--ds-legacy-size-22);letter-spacing:.1em}.payroll-payslip>header span{font-size:var(--ds-font-size-small);opacity:.85}.payroll-payslip-person{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-2) var(--ds-space-6);padding:var(--ds-space-4) var(--ds-space-8);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-background)}.payroll-payslip-person div{display:flex;flex-direction:column}.payroll-payslip-person small{color:var(--ds-text-muted);font-size:var(--ds-legacy-size-10);letter-spacing:.05em;text-transform:uppercase}.payroll-payslip-person strong{margin-top:var(--ds-legacy-size-2);font-size:var(--ds-font-size-small)}.payroll-payslip section h3{margin:0;padding:var(--ds-legacy-size-10) var(--ds-space-8) var(--ds-space-2);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-secondary);background:var(--ds-background);font-size:var(--ds-font-size-caption);letter-spacing:.08em}.payroll-payslip section.deduct h3{color:var(--ds-danger-text);background:var(--ds-danger-bg);border-color:var(--ds-danger-border)}.payroll-payslip section>div{display:flex;justify-content:space-between;padding:var(--ds-space-2) var(--ds-space-8);border-bottom:var(--ds-legacy-size-1) solid var(--ds-surface-secondary);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.payroll-payslip section>div strong{color:var(--ds-success-strong);font-family:var(--ds-legacy-font-family-6)}.payroll-payslip section.deduct>div strong{color:var(--ds-danger-strong)}.payroll-payslip section>div.subtotal{padding-block:var(--ds-space-3);color:var(--ds-success-text);background:var(--ds-success-bg);border-top:var(--ds-legacy-size-1) dashed var(--ds-success-border)}.payroll-payslip section.deduct>div.subtotal{color:var(--ds-danger-text);background:var(--ds-danger-bg);border-color:var(--ds-danger-border)}.payroll-payslip-total{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-5) var(--ds-space-8);color:var(--ds-on-solid);background:linear-gradient(135deg,var(--ds-primary-active),var(--ds-primary-strong))}.payroll-payslip-total strong{font:900 var(--ds-legacy-size-22) ui-monospace,monospace}.payroll-payslip-note{padding:var(--ds-space-3) var(--ds-space-8) var(--ds-space-4);color:var(--ds-text-muted);font-size:var(--ds-font-size-caption);text-align:center}.payroll-payslip-print{display:none}@page payroll-payslip{size:A4 portrait;margin:12mm}@media print{html,body{background:var(--ds-white)!important}body:has(:is(.payroll-page,.employee-detail-page).is-printing-payslip){color:var(--ds-text-primary);print-color-adjust:exact;-webkit-print-color-adjust:exact}body:has(:is(.payroll-page,.employee-detail-page).is-printing-payslip) .sidebar,body:has(:is(.payroll-page,.employee-detail-page).is-printing-payslip) .topbar,body:has(:is(.payroll-page,.employee-detail-page).is-printing-payslip) .react-toast-host{display:none!important}body:has(:is(.payroll-page,.employee-detail-page).is-printing-payslip) .main-wrapper,body:has(:is(.payroll-page,.employee-detail-page).is-printing-payslip) .main-content{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}:is(.payroll-page,.employee-detail-page).is-printing-payslip>:not(.payroll-payslip-print){display:none!important}:is(.payroll-page,.employee-detail-page).is-printing-payslip .payroll-payslip-print{display:block;padding:0}:is(.payroll-page,.employee-detail-page).is-printing-payslip .payroll-payslip{page:payroll-payslip;width:100%;max-width:180mm;margin:0 auto;overflow:visible;border-color:var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:none;break-inside:avoid}:is(.payroll-page,.employee-detail-page).is-printing-payslip .payroll-payslip>header,:is(.payroll-page,.employee-detail-page).is-printing-payslip .payroll-payslip-person,:is(.payroll-page,.employee-detail-page).is-printing-payslip .payroll-payslip section,:is(.payroll-page,.employee-detail-page).is-printing-payslip .payroll-payslip-total,:is(.payroll-page,.employee-detail-page).is-printing-payslip .payroll-payslip-note{break-inside:avoid}}.payroll-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-5);margin-bottom:var(--ds-space-6)}.payroll-cost-chart-card .react-card-body{min-height:var(--ds-legacy-size-180-px);display:flex;align-items:center}.payroll-cost-chart-card .react-bars,.payroll-cost-chart-card .react-donut-wrap{width:100%}.payroll-cost-chart-card .react-bar-row{grid-template-columns:minmax(var(--ds-legacy-size-92-px),var(--ds-legacy-size-120-px)) minmax(0,1fr) minmax(var(--ds-legacy-size-70),max-content)}.payroll-cost-chart-card .react-bar-row>span{overflow-wrap:anywhere}.payroll-cost-chart-card .react-bar-row b,.payroll-cost-chart-card .react-donut-legend b{color:var(--ds-text-primary);white-space:nowrap}.payroll-cost-chart-card .react-donut-legend{min-width:min(var(--ds-legacy-size-220-px),45%)}.payroll-cost-chart-card .react-donut-legend>div{grid-template-columns:var(--ds-legacy-size-8) minmax(0,1fr) max-content}.payroll-cost-chart-card .react-donut-legend span{min-width:0;overflow-wrap:anywhere}.payroll-cost-summary{grid-column:1 / -1}.payroll-cost-summary .react-card-body{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-6)}.payroll-cost-summary h2,.payroll-cost-summary p,.payroll-cost-summary small{margin:0}.payroll-cost-summary p,.payroll-cost-summary small{color:var(--ds-text-secondary)}.payroll-cost-summary>.react-card-body>div:last-child{display:grid;gap:var(--ds-space-1);text-align:right}.payroll-cost-summary strong{color:var(--ds-primary-strong);font-size:var(--ds-font-size-title)}.payroll-monthly{grid-column:1/-1}.payroll-monthly-bars{height:var(--ds-legacy-size-180-px);padding:var(--ds-space-5) var(--ds-space-6);display:flex;align-items:end;gap:var(--ds-space-3)}.payroll-monthly-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:var(--ds-legacy-size-5)}.payroll-monthly-bars b{color:var(--ds-text-secondary);font-size:var(--ds-legacy-size-10)}.payroll-monthly-bars i{width:100%;border-radius:var(--ds-radius-xs) var(--ds-radius-xs) 0 0;background:var(--ds-primary-strong);opacity:.7}.payroll-monthly-bars i.current{background:var(--ds-chart-green);opacity:1}.payroll-monthly-bars span{color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold)}@media(max-width:900px){.react-card-list{grid-template-columns:repeat(2,1fr)}.react-quote-line{grid-template-columns:1fr var(--ds-legacy-size-90-px) var(--ds-legacy-size-120-px)}.react-quote-line>strong{grid-column:2/4}.react-permission-row{grid-template-columns:1fr repeat(5,var(--ds-legacy-size-70))}.crm-dashboard-split{grid-template-columns:1fr}.payroll-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.crm-dashboard-chart-row,.payroll-cost-report .payroll-chart-grid{grid-template-columns:1fr}}@media(max-width:767px){.react-card-list{grid-template-columns:1fr;padding:var(--ds-space-3)}.react-quote-line{grid-template-columns:1fr 1fr}.react-quote-line .react-field:first-child{grid-column:1/-1}.react-quote-line>strong{grid-column:auto}.react-permission-row{min-width:var(--ds-legacy-size-620-px)}.react-section-grid>.react-card{overflow:auto}.crm-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-chart-note{display:grid}.payroll-stat-grid,.payroll-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-monthly{grid-column:1/-1}.payroll-payslip-person{grid-template-columns:1fr}.payroll-cost-chart-card .react-card-body{min-height:0}.payroll-cost-chart-card .react-donut-wrap{flex-direction:column;gap:var(--ds-space-5)}.payroll-cost-chart-card .react-donut-legend{width:100%;min-width:0}.payroll-cost-summary .react-card-body{align-items:flex-start;flex-direction:column;gap:var(--ds-space-4)}.payroll-cost-summary>.react-card-body>div:last-child{text-align:left}}@media(max-width:1280px){.dashboard-page .react-stat-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:901px)and (max-width:1199px){.main-content:has(>.dashboard-page){padding:var(--ds-legacy-size-28) var(--ds-space-8) var(--ds-space-12)}}@media(max-width:900px){.main-content:has(>.dashboard-page){padding:var(--ds-space-5) var(--ds-space-4) var(--ds-space-10)}.dashboard-page .page-header-actions .btn{height:var(--ds-legacy-size-36);line-height:var(--ds-legacy-size-13-5)}.dashboard-page .react-stat-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .react-dashboard-grid,.dashboard-page .dashboard-chart-row,.dashboard-page .dashboard-bottom-row{grid-template-columns:1fr;gap:var(--ds-space-5)}.dashboard-page .dashboard-bottom-row>.react-card{min-height:0}.dashboard-page .dashboard-alert-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-4)}.dashboard-page .dashboard-alert-card{padding:var(--ds-legacy-size-18) var(--ds-space-5);gap:var(--ds-space-4)}.dashboard-page .data-table th,.dashboard-page .data-table td{white-space:normal}.dashboard-page .dashboard-bottom-row .data-table{width:100%;min-width:var(--ds-legacy-size-509-px)}.dashboard-page>.react-card:last-child .data-table{width:100%;min-width:var(--ds-legacy-size-544-4375-px)}.dashboard-page .react-donut-legend{gap:var(--ds-legacy-size-10)}.dashboard-page .react-donut-legend>div{line-height:var(--ds-legacy-size-25-6)}}@media(min-width:601px)and (max-width:767px){.dashboard-page .data-table th:first-child,.dashboard-page .data-table td:first-child{padding-left:var(--ds-space-4)}.dashboard-page .data-table th:last-child,.dashboard-page .data-table td:last-child{padding-right:var(--ds-space-4)}.dashboard-page>.react-card:last-child .data-table th:nth-child(4){width:var(--ds-legacy-size-87-171875-px)}}@media(max-width:600px),(min-width:768px)and (max-width:900px){.dashboard-page .dashboard-bottom-row .data-table{table-layout:fixed}.dashboard-page .dashboard-bottom-row .data-table th:nth-child(1){width:var(--ds-legacy-size-58-px)}.dashboard-page .dashboard-bottom-row .data-table th:nth-child(2){width:var(--ds-legacy-size-104-890625-px)}.dashboard-page .dashboard-bottom-row .data-table th:nth-child(3){width:var(--ds-legacy-size-85-625-px)}.dashboard-page .dashboard-bottom-row .data-table th:nth-child(4){width:var(--ds-legacy-size-58-234375-px)}.dashboard-page .dashboard-bottom-row .data-table th:nth-child(5){width:var(--ds-legacy-size-104-796875-px)}.dashboard-page .dashboard-bottom-row .data-table th:nth-child(6){width:var(--ds-legacy-size-97-453125-px)}.dashboard-page>.react-card:last-child .data-table{table-layout:fixed}.dashboard-page>.react-card:last-child .data-table th:nth-child(1){width:var(--ds-legacy-size-138-890625-px)}.dashboard-page>.react-card:last-child .data-table th:nth-child(2){width:var(--ds-legacy-size-97-734375-px)}.dashboard-page>.react-card:last-child .data-table th:nth-child(3){width:var(--ds-legacy-size-103-5-px)}.dashboard-page>.react-card:last-child .data-table th:nth-child(4){width:var(--ds-legacy-size-87-171875-px)}.dashboard-page>.react-card:last-child .data-table th:nth-child(5){width:var(--ds-legacy-size-117-140625-px)}}@media(max-width:767px){.dashboard-page .react-page-header{display:flex;flex-direction:column;gap:var(--ds-space-4);margin-bottom:var(--ds-legacy-size-28)}.dashboard-page .react-page-header .page-header-actions{width:100%;margin-top:0;display:grid;grid-template-columns:1fr;gap:var(--ds-legacy-size-10)}.dashboard-page .react-page-header .page-header-actions .btn{width:100%}.dashboard-page .react-card-header{padding:var(--ds-space-4) var(--ds-space-5);flex-wrap:wrap}.dashboard-page .react-card-header>*{width:100%}}body .app-layout .payroll-money.teal{color:var(--ds-teal-text)!important}body .app-layout .react-pagination>div>span{color:var(--ds-text-secondary)!important}body .app-layout .payroll-page :where(p,small,.stat-trend.neutral){color:var(--ds-text-secondary)!important}body .app-layout .payroll-page .page-subtitle,body .app-layout .payroll-page th{color:var(--ds-text-secondary)!important}body .app-layout .payroll-page .react-pagination>div>span{color:var(--ds-text-secondary)!important}body .app-layout .payroll-page .green .stat-value{color:var(--ds-success-text)!important}body .app-layout .payroll-page .orange .stat-value,body .app-layout .payroll-page .payroll-money.orange{color:var(--ds-orange-text)!important}body .app-layout .payroll-page .payroll-money.red{color:var(--ds-danger-solid)!important}body .app-layout .payroll-page .payroll-money.teal{color:var(--ds-teal-text)!important}.main-content:has(>.recruitment-page){padding-top:var(--ds-space-8);padding-bottom:var(--ds-space-8)}.recruitment-page .page-header{margin-bottom:var(--ds-space-6)}.recruitment-page .page-title{font-size:var(--ds-font-size-page);line-height:1.2}.recruitment-page .page-subtitle{margin-top:var(--ds-space-1);color:var(--ds-text-secondary)!important;font-size:var(--ds-font-size-body);line-height:1.6}.recruitment-page .page-header-actions{gap:var(--ds-space-3)}.recruitment-page .page-header-actions .btn{min-height:var(--ds-legacy-size-36);padding:var(--ds-space-2) var(--ds-space-4)}.recruitment-page .react-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.recruitment-page .stat-card{min-height:var(--ds-legacy-size-159-1875-px);padding:var(--ds-space-5) var(--ds-space-6);overflow:visible;border-radius:var(--ds-radius-lg)}.recruitment-page .stat-card:before{display:none}.recruitment-page .stat-header{height:100%;margin:0;flex-direction:column-reverse;align-items:center;justify-content:center;gap:var(--ds-legacy-size-14);text-align:center}.recruitment-page .stat-icon{width:var(--ds-legacy-size-48);height:var(--ds-legacy-size-48);border-radius:var(--ds-radius-lg)}.recruitment-page .stat-value{font-size:var(--ds-font-size-page);font-weight:var(--ds-font-weight-bold);line-height:1.2;letter-spacing:normal}.recruitment-page .stat-label{margin-top:var(--ds-legacy-size-2);font-size:var(--ds-font-size-body)}.recruitment-pipeline{margin-bottom:var(--ds-space-6);padding:var(--ds-space-5) var(--ds-space-6)}.recruitment-pipeline h2{margin:0 0 var(--ds-space-4);color:var(--ds-text-secondary);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.recruitment-pipeline-flow,.recruitment-pipeline-part{display:flex;align-items:center}.recruitment-pipeline-flow{flex-wrap:wrap;gap:var(--ds-space-1)}.recruitment-pipeline-part{gap:var(--ds-space-1)}.recruitment-pipeline-node{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-pill);color:var(--ds-primary-hover);background:var(--ds-primary-light);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold);white-space:nowrap}.recruitment-pipeline-node b{width:var(--ds-legacy-size-22);height:var(--ds-legacy-size-22);display:grid;place-items:center;border-radius:50%;background:var(--ds-legacy-0000001f);font-size:var(--ds-font-size-caption)}.recruitment-pipeline-node.step-2{color:var(--ds-warning-text);background:var(--ds-warning-bg)}.recruitment-pipeline-node.step-3{color:var(--ds-purple-text);background:var(--ds-purple-bg)}.recruitment-pipeline-node.step-4,.recruitment-pipeline-node.step-5{color:var(--ds-success-text);background:var(--ds-success-bg)}.recruitment-pipeline-part i{color:var(--ds-text-secondary);font-size:var(--ds-font-size-section);font-style:normal}.recruitment-filter{margin-bottom:var(--ds-space-6)}.recruitment-filter .react-card-body{padding:var(--ds-space-4) var(--ds-space-6)}.recruitment-status-tabs{display:flex;flex-wrap:wrap;gap:var(--ds-space-1);margin-bottom:var(--ds-space-4);padding-bottom:var(--ds-space-3);border-bottom:var(--ds-legacy-size-1-5) solid var(--ds-border)}.recruitment-status-tabs button{padding:var(--ds-space-2) var(--ds-space-4);border:0;border-radius:var(--ds-radius-pill);color:var(--ds-text-secondary);background:transparent;font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-medium);line-height:1.2}.recruitment-status-tabs button.active{color:var(--ds-on-solid);background:var(--ds-primary-strong)}.recruitment-filter .react-toolbar{gap:var(--ds-space-3)}.recruitment-filter .react-toolbar input,.recruitment-filter .react-toolbar select{height:var(--ds-legacy-size-38);border-width:var(--ds-legacy-size-1-5);font-size:var(--ds-font-size-body)}.recruitment-filter .react-toolbar input{height:var(--ds-legacy-size-34)}.recruitment-filter .react-toolbar select{flex:0 1 100%}.recruitment-table-card{margin-bottom:var(--ds-space-6);overflow:hidden}.recruitment-table-card .react-card-header{min-height:var(--ds-legacy-size-56);padding:var(--ds-space-4) var(--ds-space-6)}.recruitment-table-card .react-card-header h2{display:flex;align-items:center;gap:var(--ds-space-3);color:var(--ds-text-primary);font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-semibold)}.recruitment-table-card .react-card-header h2 span{padding:var(--ds-legacy-size-2) var(--ds-legacy-size-10);border-radius:var(--ds-radius-pill);color:var(--ds-primary-strong);background:var(--ds-primary-light);font-size:var(--ds-font-size-small)}.recruitment-table-card .data-table{width:max-content;min-width:100%;table-layout:auto}.recruitment-table-card .data-table th,.recruitment-table-card .data-table td{padding:var(--ds-space-3) var(--ds-space-4)}.recruitment-table-card .data-table td{white-space:normal;font-size:var(--ds-font-size-body)}.recruitment-table-card .data-table :is(th,td):first-child{padding-left:var(--ds-space-6)}.recruitment-table-card .data-table :is(th,td):last-child{padding-right:var(--ds-space-6)}.recruitment-table-card .data-table td:nth-child(2){font-weight:var(--ds-font-weight-semibold)}.recruitment-table-card .data-table td:nth-child(2) strong{font-weight:var(--ds-font-weight-semibold)}.recruitment-table-card .data-table td:first-child .badge{padding:var(--ds-legacy-size-2) var(--ds-legacy-size-6);border-radius:var(--ds-radius-xs);color:var(--ds-purple-text)!important;background:var(--ds-purple-bg);font-family:var(--ds-legacy-font-family-7);font-size:var(--ds-font-size-small)}.recruitment-table-card .react-badge-info{color:var(--ds-primary-active)!important;background:var(--ds-info-bg)}.recruitment-table-card .react-badge-success{color:var(--ds-success-text)!important;background:var(--ds-success-bg)}.recruitment-table-card .react-badge-warning{color:var(--ds-warning-text)!important;background:var(--ds-warning-bg)}.recruitment-table-card .react-badge-danger{color:var(--ds-danger-text)!important;background:var(--ds-danger-bg)}.recruitment-table-card .react-badge-neutral{color:var(--ds-neutral-text)!important;background:var(--ds-surface-secondary)}.recruitment-table-card .table-actions{flex-wrap:nowrap}.recruitment-table-card .btn-sm{min-height:var(--ds-legacy-size-28);padding:var(--ds-legacy-size-5) var(--ds-legacy-size-10);font-size:var(--ds-font-size-small);white-space:nowrap}.recruitment-detail-copy{grid-column:1 / -1;margin-top:var(--ds-space-3)}.recruitment-detail-copy h3{margin:var(--ds-legacy-size-14) 0 var(--ds-legacy-size-5);color:var(--ds-primary-hover);font-size:var(--ds-font-size-label)}.recruitment-detail-copy p{margin:0;color:var(--ds-text-secondary)!important;font-size:var(--ds-font-size-body);line-height:1.6}.recruitment-detail-view,.recruitment-confirm-view{gap:var(--ds-space-3)}.recruitment-detail-view .react-detail-row,.recruitment-confirm-view .react-detail-row{align-items:center;min-height:var(--ds-legacy-size-56);padding:var(--ds-space-3) var(--ds-space-4);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface-secondary)}.recruitment-detail-view .react-detail-row strong,.recruitment-confirm-view .react-detail-row strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-body)}.recruitment-detail-view .recruitment-detail-copy,.recruitment-confirm-view .recruitment-detail-copy{display:grid;gap:var(--ds-space-3);margin-top:var(--ds-space-2)}.recruitment-detail-view .recruitment-detail-copy section,.recruitment-confirm-view .recruitment-detail-copy section{padding:var(--ds-space-4);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface)}.recruitment-detail-view .recruitment-detail-copy h3,.recruitment-confirm-view .recruitment-detail-copy h3{margin:0 0 var(--ds-space-2)}.recruitment-reject-form{grid-column:1 / -1;margin-top:var(--ds-space-2);padding:var(--ds-space-4);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface-secondary)}.recruitment-reject-form textarea{min-height:var(--ds-legacy-size-90-px)}.recruitment-detail-view .recruitment-approval-history{margin-top:var(--ds-space-3);padding-top:var(--ds-space-3);border-top:var(--ds-legacy-size-1) solid var(--ds-border)}.recruitment-detail-view .recruitment-approval-history p+p{margin-top:var(--ds-space-1)}.recruitment-request-form{display:grid;gap:var(--ds-space-4)}.recruitment-form-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-5);overflow:hidden;padding:var(--ds-space-5);border:var(--ds-legacy-size-1) solid var(--ds-info-border);border-radius:var(--ds-radius-lg);background:linear-gradient(135deg,var(--ds-info-bg),var(--ds-surface))}.recruitment-form-hero:after{position:absolute;right:var(--ds-legacy-size-20);bottom:calc(var(--ds-legacy-size-20) * -1);width:var(--ds-legacy-size-90-px);height:var(--ds-legacy-size-90-px);border-radius:50%;background:var(--ds-legacy-0000001f);content:"";opacity:.22}.recruitment-form-hero>*{position:relative;z-index:1}.recruitment-form-eyebrow{display:block;margin-bottom:var(--ds-space-1);color:var(--ds-primary-active);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.recruitment-form-hero h3,.recruitment-form-section-heading h3{margin:0;color:var(--ds-text-primary)}.recruitment-form-hero h3{font-size:var(--ds-font-size-base)}.recruitment-form-hero p,.recruitment-form-section-heading p{margin:var(--ds-space-1) 0 0;color:var(--ds-text-secondary)!important;font-size:var(--ds-font-size-small);line-height:1.5}.recruitment-form-hero .recruitment-sample-button{min-width:max-content;border-color:var(--ds-primary-strong);color:var(--ds-primary-strong);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-30)}.recruitment-form-hero .recruitment-sample-button:hover:not(:disabled){color:var(--ds-on-solid);background:var(--ds-primary-strong)}.recruitment-form-section{padding:var(--ds-space-5);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface)}.recruitment-form-section-heading{display:flex;align-items:flex-start;gap:var(--ds-space-3);margin-bottom:var(--ds-space-4);padding-bottom:var(--ds-space-4);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.recruitment-form-section-heading>span{width:var(--ds-legacy-size-28);height:var(--ds-legacy-size-28);display:grid;flex:0 0 var(--ds-legacy-size-28);place-items:center;border-radius:var(--ds-radius-pill);color:var(--ds-on-solid);background:var(--ds-primary-strong);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold)}.recruitment-form-section-heading h3{font-size:var(--ds-font-size-label)}.recruitment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-4)}.recruitment-form-field-wide{grid-column:1 / -1}.recruitment-form-grid .form-control{min-width:0}.recruitment-form-grid-copy textarea.form-control{min-height:var(--ds-legacy-size-110-px);line-height:1.55}.recruitment-form-grid-copy .recruitment-form-field-wide textarea.form-control{min-height:var(--ds-legacy-size-90-px)}@media(min-width:768px)and (max-width:1199px){.main-content:has(>.recruitment-page){padding-top:var(--ds-space-6);padding-bottom:var(--ds-space-6)}}@media(max-width:900px){.recruitment-page .react-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.main-content:has(>.recruitment-page){padding-top:var(--ds-space-5);padding-bottom:var(--ds-legacy-size-21)}.recruitment-page{margin-inline:var(--ds-space-1)}.recruitment-page .react-page-header .page-header-actions{display:flex;flex-direction:column;margin-top:var(--ds-space-4)}.recruitment-page .page-header-actions .btn{width:100%}.recruitment-page .react-stat-grid{grid-template-columns:1fr}.recruitment-page .stat-card{min-height:var(--ds-legacy-size-159-1875-px)}.recruitment-form-hero{align-items:stretch;flex-direction:column}.recruitment-form-hero .recruitment-sample-button{width:100%;justify-content:center}.recruitment-form-section{padding:var(--ds-space-4)}.recruitment-form-grid{grid-template-columns:1fr}.recruitment-form-field-wide{grid-column:auto}.recruitment-pipeline-flow{gap:var(--ds-space-2)}.recruitment-pipeline-part:nth-child(4){flex-basis:100%}.recruitment-filter .react-toolbar{display:flex;height:var(--ds-legacy-size-270-px);flex-direction:column;align-items:stretch}.recruitment-filter .react-search{display:flex;align-items:center;height:var(--ds-legacy-size-220-px);width:100%;min-width:0;flex:0 0 var(--ds-legacy-size-220-px)}.recruitment-filter .react-toolbar select{width:100%;min-width:100%;flex:0 0 var(--ds-legacy-size-38)}.recruitment-table-card .data-table :is(th,td):first-child{padding-left:var(--ds-space-4)}.recruitment-table-card .data-table :is(th,td):last-child{padding-right:var(--ds-space-4)}}body .app-layout .react-badge-neutral,body .app-layout .perm-no{color:var(--ds-text-secondary)!important}body .app-layout :where(.btn-success,.report-week-chart .on-time){background-color:var(--ds-success-text)}body .app-layout :where(.btn-warning,.report-week-chart .late){background-color:var(--ds-warning-text)}body .app-layout .report-week-chart .absent{background-color:var(--ds-danger-text)}.main-content:has(>.candidates-page){padding-top:var(--ds-space-8);padding-bottom:var(--ds-space-8)}.candidates-page .page-header{margin-bottom:var(--ds-space-6)}.candidates-page .page-title{font-size:var(--ds-font-size-page);line-height:1.2}.candidates-page .page-subtitle{margin-top:var(--ds-space-1);font-size:var(--ds-font-size-body);line-height:1.6}.candidates-page .page-header-actions{gap:var(--ds-space-3)}.candidates-page .page-header-actions .btn{min-height:var(--ds-legacy-size-36);padding:var(--ds-space-2) var(--ds-space-5)}.candidate-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.candidate-stat-grid .stat-card{min-height:var(--ds-legacy-size-134-578125-px);padding:var(--ds-space-4) var(--ds-space-5);overflow:visible}.candidate-stat-grid .stat-card:before{display:none}.candidate-stat-grid .stat-header{height:100%;margin:0;flex-direction:column-reverse;align-items:center;justify-content:center;gap:var(--ds-space-3);text-align:center}.candidate-stat-grid .stat-icon{width:var(--ds-legacy-size-42);height:var(--ds-legacy-size-42);border-radius:var(--ds-radius-md)}.candidate-stat-grid .stat-value{font-size:var(--ds-legacy-size-22);line-height:1.2}.candidate-stat-grid .stat-label{margin-top:var(--ds-legacy-size-1);font-size:var(--ds-font-size-small)}.candidate-view-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);min-height:var(--ds-legacy-size-35);margin-bottom:var(--ds-space-5)}.candidate-view-toggle>strong{color:var(--ds-text-secondary);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.candidate-view-toggle>div{display:flex;overflow:hidden;border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface)}.candidate-view-toggle .btn{min-height:var(--ds-legacy-size-33-px);padding:var(--ds-legacy-size-7) var(--ds-space-4);border:0;border-radius:0}.candidate-kanban-board{display:flex;align-items:flex-start;gap:var(--ds-space-4);min-height:var(--ds-legacy-size-770-46875-px);padding-bottom:var(--ds-space-4);overflow-x:auto}.candidate-kanban-column{width:var(--ds-legacy-size-260-px);min-height:var(--ds-legacy-size-200-px);flex:0 0 var(--ds-legacy-size-260-px);overflow:hidden;border-radius:var(--ds-radius-lg);background:var(--ds-surface-secondary)}.candidate-kanban-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--ds-legacy-size-52);padding:var(--ds-space-3) var(--ds-space-4);border-bottom:var(--ds-legacy-size-2) solid var(--ds-info-border);color:var(--ds-primary-hover);background:var(--ds-primary-light);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-bold)}.candidate-kanban-header span{display:flex;align-items:center;gap:var(--ds-space-2)}.candidate-kanban-header .badge{min-width:var(--ds-legacy-size-22);height:var(--ds-legacy-size-22);padding:0 var(--ds-legacy-size-6);display:inline-flex;align-items:center;justify-content:center;color:inherit!important;background:var(--ds-legacy-0000001f);font-size:var(--ds-font-size-caption)}.candidate-kanban-header>button{width:var(--ds-legacy-size-26);height:var(--ds-legacy-size-26);display:grid;place-items:center;border:0;border-radius:var(--ds-radius-sm);color:inherit;background:var(--ds-legacy-00000014);font-size:var(--ds-font-size-base)}.candidate-kanban-column.screen .candidate-kanban-header{color:var(--ds-warning-text);border-color:var(--ds-warning-border);background:var(--ds-warning-bg)}.candidate-kanban-column.interview .candidate-kanban-header{color:var(--ds-purple-text);border-color:var(--ds-purple-border);background:var(--ds-purple-bg)}.candidate-kanban-column.offer .candidate-kanban-header{color:var(--ds-orange-text);border-color:var(--ds-orange-border);background:var(--ds-orange-bg)}.candidate-kanban-column.hired .candidate-kanban-header{color:var(--ds-success-text);border-color:var(--ds-success-border);background:var(--ds-success-bg)}.candidate-kanban-column.rejected .candidate-kanban-header{color:var(--ds-danger-text);border-color:var(--ds-danger-border);background:var(--ds-danger-bg)}.candidate-kanban-cards{min-height:var(--ds-legacy-size-100-px);padding:var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-3)}.candidate-card{padding:var(--ds-space-3) var(--ds-space-4);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-26)}.candidate-card-top{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-2)}.candidate-card-top strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-bold)}.candidate-avatar{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);display:grid;place-items:center;flex:none;border-radius:50%;color:var(--ds-on-solid);background:var(--ds-primary-strong);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-bold)}.candidate-avatar.avatar-1{background:var(--ds-success-text)}.candidate-avatar.avatar-2{background:var(--ds-purple-solid)}.candidate-avatar.avatar-3{background:var(--ds-orange-text)}.candidate-avatar.avatar-4{background:var(--ds-chart-cyan-strong)}.candidate-avatar.avatar-5{background:var(--ds-chart-pink-strong)}.candidate-avatar.avatar-6{background:var(--ds-teal-text)}.candidate-avatar.avatar-7{background:var(--ds-chart-indigo)}.candidate-avatar.avatar-8{background:var(--ds-warning-text)}.candidate-avatar.avatar-9{background:var(--ds-info-text)}.candidate-avatar.avatar-10{background:var(--ds-danger-text)}.candidate-avatar.avatar-11{background:var(--ds-danger-solid)}.candidate-card p{display:flex;align-items:center;gap:var(--ds-space-1);margin:0 0 var(--ds-space-1);color:var(--ds-text-secondary)!important;font-size:var(--ds-font-size-small);line-height:1.6}.candidate-source{display:inline-block;margin-bottom:var(--ds-space-2);padding:var(--ds-legacy-size-2) var(--ds-space-2);border-radius:var(--ds-radius-pill);color:var(--ds-text-secondary);background:var(--ds-surface-secondary);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold)}.candidate-card .candidate-score{color:var(--ds-warning-text)!important;font-weight:var(--ds-font-weight-semibold)}.candidate-card hr{height:var(--ds-legacy-size-1);margin:var(--ds-space-3) 0;border:0;background:var(--ds-border)}.candidate-card-actions{display:flex;gap:var(--ds-space-2)}.candidate-card-actions button{flex:1;padding:var(--ds-legacy-size-5) var(--ds-space-2);border:var(--ds-legacy-size-1) solid var(--ds-purple-border);border-radius:var(--ds-radius-sm);color:var(--ds-purple-text);background:var(--ds-purple-bg);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold);line-height:normal}.candidate-card-actions button:last-child{color:var(--ds-primary-hover);border-color:var(--ds-primary-border);background:var(--ds-primary-light)}.candidate-card-actions button:disabled{opacity:.5}.candidate-empty{padding:var(--ds-space-6) var(--ds-space-4);color:var(--ds-text-secondary)!important;text-align:center;font-size:var(--ds-font-size-label)}.candidate-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(160px,220px) minmax(180px,240px) auto;gap:12px;align-items:center;margin:18px 0;padding:14px;border:1px solid var(--ds-border);border-radius:14px;background:var(--ds-surface)}.candidate-table-actions,.candidate-profile-tags,.candidate-profile-section-heading,.candidate-file-row,.candidate-file-row>div:last-child{display:flex;align-items:center;gap:8px}.candidate-profile-form>h3{margin:22px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--ds-border);font-size:15px}.candidate-sample-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin-bottom:18px;border:1px solid var(--ds-info-border);border-radius:12px;background:linear-gradient(135deg,var(--ds-info-bg),var(--ds-surface-secondary))}.candidate-sample-toolbar strong,.candidate-sample-toolbar span{display:block}.candidate-create-cv{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1fr);gap:20px;align-items:center;padding:16px;margin-top:20px;border:1px dashed var(--ds-primary-border);border-radius:12px;background:var(--ds-info-bg)}.candidate-create-cv strong,.candidate-create-cv span{display:block}.candidate-create-cv span{margin-top:5px;color:var(--ds-text-muted);font-size:13px}.candidate-sample-toolbar span{margin-top:4px;color:var(--ds-text-muted);font-size:13px}.candidate-profile-form>h3:first-child{margin-top:0}.candidate-profile-wide{grid-column:1 / -1}.candidate-profile-text-grid textarea{min-height:110px}.candidate-profile-detail{display:grid;gap:16px}.candidate-profile-detail>section{padding:16px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-surface)}.candidate-profile-detail h3{margin:8px 0}.candidate-profile-heading{display:flex;justify-content:space-between;gap:20px}.candidate-profile-heading p,.candidate-profile-copy p{margin:6px 0 0;color:var(--ds-text-secondary);white-space:pre-wrap}.candidate-profile-tags{justify-content:flex-end;align-content:flex-start;flex-wrap:wrap}.candidate-profile-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;margin:20px 0 0}.candidate-profile-info-item dt{margin-bottom:4px;color:var(--ds-text-muted);font-size:12px}.candidate-profile-info-item dd{margin:0;overflow-wrap:anywhere;font-weight:600}.candidate-profile-section-heading{justify-content:space-between;margin-bottom:12px}.candidate-file-list,.candidate-history-list{display:grid;gap:8px}.candidate-file-row{justify-content:space-between;padding:10px 12px;border-radius:10px;background:var(--ds-surface-secondary)}.candidate-file-row strong,.candidate-file-row small{display:block}.candidate-file-row small{margin-top:4px;color:var(--ds-text-muted)}.candidate-history-list>div{display:grid;grid-template-columns:max-content max-content 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ds-border)}.candidate-history-list p{grid-column:1 / -1;margin:0}@media(max-width:900px){.candidate-filter-bar,.candidate-profile-info-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.candidate-filter-bar,.candidate-profile-info-grid{grid-template-columns:1fr}.candidate-profile-heading,.candidate-file-row,.candidate-sample-toolbar,.candidate-create-cv{align-items:stretch;flex-direction:column}.candidate-create-cv{display:flex}}@media(max-width:1199px)and (min-width:768px){.main-content:has(>.candidates-page){padding-top:var(--ds-space-6);padding-bottom:var(--ds-space-6)}.candidate-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.main-content:has(>.candidates-page){padding:var(--ds-space-5) var(--ds-space-4)}.candidates-page .react-page-header .page-header-actions{display:flex;flex-direction:column;margin-top:var(--ds-space-4)}.candidates-page .page-header-actions .btn{width:100%}.candidate-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-4)}.candidate-view-toggle{align-items:flex-start;min-height:var(--ds-legacy-size-73-390625-px);flex-direction:column}.candidate-view-toggle>div{width:100%}.candidate-view-toggle .btn{flex:1;justify-content:center}}.main-content:has(>.attendance-page){padding-top:var(--ds-space-8);padding-bottom:var(--ds-space-8)}.attendance-page .page-header{margin-bottom:var(--ds-space-6)}.attendance-page .page-title{font-size:var(--ds-font-size-page);color:var(--ds-text-primary);line-height:1.2}.attendance-page .page-subtitle{margin-top:var(--ds-space-1);font-size:var(--ds-font-size-body);line-height:1.5}.attendance-page .page-header-actions{gap:var(--ds-space-3)}.attendance-page .page-header-actions .btn{min-height:var(--ds-legacy-size-38);height:var(--ds-legacy-size-38);padding:0 var(--ds-space-4);font-weight:var(--ds-font-weight-semibold)}.attendance-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.attendance-stat-grid .stat-card{min-height:var(--ds-legacy-size-177-71875-px);padding:var(--ds-space-5);overflow:visible}.attendance-stat-grid .stat-header{height:100%;margin:0;flex-direction:column-reverse;align-items:center;justify-content:center;gap:var(--ds-space-4);text-align:center}.attendance-stat-grid .stat-value{font-size:var(--ds-legacy-size-25-6);font-weight:var(--ds-font-weight-bold);line-height:1.1}.attendance-stat-grid .stat-card.green .stat-value{color:var(--ds-success-text)}.attendance-stat-grid .stat-card.orange .stat-value{color:var(--ds-orange-text)}.attendance-stat-grid .stat-card.blue .stat-value{color:var(--ds-primary-strong)}.attendance-stat-grid .stat-card.purple .stat-value{color:var(--ds-purple-solid)}.attendance-stat-grid .stat-card.teal .stat-value{color:var(--ds-teal-text)}.attendance-stat-grid .stat-label{margin-top:var(--ds-legacy-size-2);font-size:var(--ds-font-size-body)}.attendance-stat-grid .stat-sub{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.attendance-filter-bar{min-height:var(--ds-legacy-size-68);margin-bottom:var(--ds-space-5);padding:var(--ds-space-4) var(--ds-space-5);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-4)}.attendance-month{display:flex;align-items:center;gap:var(--ds-space-2)}.attendance-month button{width:var(--ds-legacy-size-30);height:var(--ds-legacy-size-30);display:grid;place-items:center;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);background:var(--ds-background)}.attendance-month strong{min-width:var(--ds-legacy-size-110-px);color:var(--ds-text-primary);font-size:var(--ds-font-size-body);text-align:center}.attendance-filter-bar>i{width:var(--ds-legacy-size-1);height:var(--ds-legacy-size-24-px);background:var(--ds-border)}.attendance-filter-control{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-body)}.attendance-filter-control .form-control,.attendance-filter-bar input{height:var(--ds-legacy-size-34);min-width:0;padding:0 var(--ds-space-3);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-background);font-size:var(--ds-font-size-body)}.attendance-filter-control .form-control{width:var(--ds-legacy-size-190-px)}.attendance-filter-control:last-child .form-control{width:var(--ds-legacy-size-160-px)}.attendance-search{color:var(--ds-text-secondary)}.attendance-page>[role=tablist]{height:var(--ds-legacy-size-45-px);min-height:var(--ds-legacy-size-45-px);gap:0;margin-bottom:var(--ds-space-12);border-bottom-width:var(--ds-legacy-size-2)}.attendance-page>[role=tablist] button{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5)}.attendance-page>[role=tablist] button>span{min-width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18);margin-left:0;padding:0 var(--ds-legacy-size-5);display:inline-flex;align-items:center;justify-content:center;color:var(--ds-warning-text);background:var(--ds-warning-bg)}.attendance-ot-actions{display:flex;justify-content:flex-end;gap:var(--ds-legacy-size-6);white-space:nowrap}.attendance-table-card{overflow:hidden}.attendance-mini-stats{min-height:var(--ds-legacy-size-81-px);padding:var(--ds-space-4) var(--ds-space-6);display:flex;align-items:center;gap:var(--ds-space-6);border-bottom:var(--ds-legacy-size-1) solid var(--ds-info-border);background:var(--ds-primary-light)}.attendance-mini-stats>div{min-width:var(--ds-legacy-size-106-px);display:flex;flex-direction:column;padding-right:var(--ds-space-6);border-right:var(--ds-legacy-size-1) solid var(--ds-primary-border)}.attendance-mini-stats strong{color:var(--ds-primary-strong);font-size:var(--ds-font-size-section)}.attendance-mini-stats span{color:var(--ds-primary-hover);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-medium)}.attendance-mini-stats>span{margin-left:auto;color:var(--ds-text-secondary);font-size:var(--ds-font-size-body)}.attendance-table-card .data-table{width:var(--ds-legacy-size-1094-px);min-width:var(--ds-legacy-size-1094-px);table-layout:fixed}.attendance-table-card .data-table th,.attendance-table-card .data-table td{padding:var(--ds-space-3) var(--ds-space-4);white-space:normal;font-size:var(--ds-font-size-body)}.attendance-table-card .data-table th{font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold);white-space:nowrap}@media(min-width:1200px){.attendance-table-card .data-table th{font-weight:var(--ds-font-weight-semibold)}}.attendance-table-card .data-table td:nth-child(9){color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);line-height:1.6}.attendance-table-card .data-table td{color:var(--ds-text-primary)}.attendance-table-card .data-table td:first-child{color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);line-height:1.6}.attendance-table-card .data-table :is(th,td):nth-child(1){width:var(--ds-legacy-size-53-125-px);padding-left:var(--ds-space-6)}.attendance-table-card .data-table :is(th,td):nth-child(2){width:var(--ds-legacy-size-187-34375-px)}.attendance-table-card .data-table :is(th,td):nth-child(3){width:var(--ds-legacy-size-152-1875-px)}.attendance-table-card .data-table :is(th,td):nth-child(4){width:var(--ds-legacy-size-92-125-px)}.attendance-table-card .data-table :is(th,td):nth-child(5){width:var(--ds-legacy-size-87-96875-px)}.attendance-table-card .data-table :is(th,td):nth-child(6){width:var(--ds-legacy-size-78-6875-px)}.attendance-table-card .data-table :is(th,td):nth-child(7){width:var(--ds-legacy-size-79-109375-px)}.attendance-table-card .data-table :is(th,td):nth-child(8){width:var(--ds-legacy-size-115-125-px)}.attendance-table-card .data-table :is(th,td):nth-child(9){width:var(--ds-legacy-size-140-9375-px)}.attendance-table-card .data-table :is(th,td):nth-child(10){width:var(--ds-legacy-size-107-390625-px);padding-right:var(--ds-space-6)}.attendance-person{display:flex;align-items:center;gap:var(--ds-space-3)}.attendance-person strong,.attendance-person small{display:block}.attendance-person strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.attendance-person small{color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption)}.attendance-avatar{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);display:grid;place-items:center;flex:none;border-radius:50%;color:var(--ds-on-solid);background:var(--ds-primary-strong);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-bold)}.attendance-avatar.avatar-1{color:var(--ds-text-strong);background:var(--ds-chart-green)}.attendance-avatar.avatar-2{background:var(--ds-purple-solid)}.attendance-avatar.avatar-3{color:var(--ds-text-strong);background:var(--ds-warning-solid)}.attendance-avatar.avatar-4{color:var(--ds-text-strong);background:var(--ds-danger-solid)}.attendance-avatar.avatar-5{color:var(--ds-text-strong);background:var(--ds-teal-solid)}.attendance-avatar.avatar-6{color:var(--ds-text-strong);background:var(--ds-chart-pink)}.attendance-avatar.avatar-7{color:var(--ds-text-strong);background:var(--ds-orange-solid)}.attendance-in{color:var(--ds-success-text);font-family:var(--ds-legacy-font-family-7)}.attendance-out{color:var(--ds-danger-solid);font-family:var(--ds-legacy-font-family-7)}.attendance-table-card .btn-sm{height:var(--ds-legacy-size-25);min-height:var(--ds-legacy-size-25);padding:var(--ds-space-1) var(--ds-legacy-size-10);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold)}.attendance-table-footer{min-height:var(--ds-legacy-size-68-5-px);padding:var(--ds-space-4) var(--ds-space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);color:var(--ds-text-secondary);border-top:var(--ds-legacy-size-1) solid var(--ds-border);font-size:var(--ds-font-size-body)}.attendance-pagination{display:flex;align-items:center;gap:var(--ds-space-1)}.attendance-pagination-controls{display:flex;align-items:center}.attendance-pagination-controls button:first-child{margin-right:var(--ds-space-1)}.attendance-pagination-controls button:last-child{margin-left:var(--ds-space-1)}.attendance-table-footer button{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);border-radius:var(--ds-radius-md);color:var(--ds-neutral-text)}.attendance-table-footer button:disabled{opacity:.4}.attendance-table-footer button.active{color:var(--ds-on-solid);background:var(--ds-primary-strong)}@media(max-width:1199px)and (min-width:768px){.main-content:has(>.attendance-page){padding-top:var(--ds-space-6);padding-bottom:var(--ds-space-6)}.attendance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-filter-bar{min-height:var(--ds-legacy-size-214-px);align-items:stretch}.attendance-filter-control{min-width:0;flex:1 1 var(--ds-legacy-size-220-px)}.attendance-filter-control .form-control,.attendance-filter-control input{flex:1;width:auto}.attendance-page>[role=tablist]{margin-bottom:var(--ds-space-12)}.attendance-mini-stats{min-height:var(--ds-legacy-size-127-375-px);flex-wrap:wrap}.attendance-table-card .data-table{width:var(--ds-legacy-size-941-71875-px);min-width:var(--ds-legacy-size-941-71875-px)}.attendance-table-card .data-table :is(th,td):nth-child(2){width:var(--ds-legacy-size-129-84375-px)}.attendance-table-card .data-table :is(th,td):nth-child(3){width:var(--ds-legacy-size-112-09375-px)}.attendance-table-card .data-table :is(th,td):nth-child(4){width:var(--ds-legacy-size-91-546875-px)}.attendance-table-card .data-table :is(th,td):nth-child(5){width:var(--ds-legacy-size-87-421875-px)}.attendance-table-card .data-table :is(th,td):nth-child(6){width:var(--ds-legacy-size-78-203125-px)}.attendance-table-card .data-table :is(th,td):nth-child(7){width:var(--ds-legacy-size-78-625-px)}.attendance-table-card .data-table :is(th,td):nth-child(8){width:var(--ds-legacy-size-114-40625-px)}.attendance-table-card .data-table :is(th,td):nth-child(9){width:var(--ds-legacy-size-89-0625-px)}}@media(max-width:767px){.main-content:has(>.attendance-page){padding:var(--ds-space-5) var(--ds-space-4)}.attendance-page .react-page-header .page-header-actions{display:flex;flex-direction:column;margin-top:var(--ds-space-4)}.attendance-page .page-header-actions .btn{width:100%}.attendance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-filter-bar{min-height:var(--ds-legacy-size-812-px);align-content:flex-start}.attendance-filter-bar>i{display:block}.attendance-month,.attendance-filter-control{width:100%}.attendance-filter-control{min-width:0;flex:1 1 var(--ds-legacy-size-220-px);flex-direction:column;align-items:center}.attendance-filter-control .form-control,.attendance-filter-control:last-child .form-control,.attendance-search input{width:100%}.attendance-search input{width:var(--ds-legacy-size-180-px)}.attendance-page>[role=tablist]{margin-bottom:var(--ds-space-12)}.attendance-mini-stats{min-height:var(--ds-legacy-size-319-34375-px);align-items:flex-start;flex-direction:column}.attendance-mini-stats>div{border:0}.attendance-mini-stats>span{margin:auto 0 0 auto}.attendance-table-card .data-table{width:var(--ds-legacy-size-925-71875-px);min-width:var(--ds-legacy-size-925-71875-px)}.attendance-table-card .data-table :is(th,td):nth-child(1){width:var(--ds-legacy-size-45-125-px);padding-left:var(--ds-space-4)}.attendance-table-card .data-table :is(th,td):nth-child(10){width:var(--ds-legacy-size-99-390625-px);padding-right:var(--ds-space-4)}.attendance-table-card .data-table :is(th,td):nth-child(2){width:var(--ds-legacy-size-129-84375-px)}.attendance-table-card .data-table :is(th,td):nth-child(3){width:var(--ds-legacy-size-112-09375-px)}.attendance-table-card .data-table :is(th,td):nth-child(4){width:var(--ds-legacy-size-91-546875-px)}.attendance-table-card .data-table :is(th,td):nth-child(5){width:var(--ds-legacy-size-87-421875-px)}.attendance-table-card .data-table :is(th,td):nth-child(6){width:var(--ds-legacy-size-78-203125-px)}.attendance-table-card .data-table :is(th,td):nth-child(7){width:var(--ds-legacy-size-78-625-px)}.attendance-table-card .data-table :is(th,td):nth-child(8){width:var(--ds-legacy-size-114-40625-px)}.attendance-table-card .data-table :is(th,td):nth-child(9){width:var(--ds-legacy-size-89-0625-px)}.attendance-table-footer{min-height:var(--ds-legacy-size-129-28125-px);align-items:flex-start;flex-direction:column}.attendance-pagination{width:100%;flex-wrap:wrap;justify-content:center}}@media(max-width:1199px){.main-content:has(>.payroll-page){padding-top:var(--ds-space-6);padding-bottom:var(--ds-space-6)}.payroll-page .payroll-stat-grid{grid-template-columns:repeat(2,1fr)}.payroll-page .payroll-filter-bar{height:auto;min-height:var(--ds-legacy-size-69-px);align-items:stretch}.payroll-page .payroll-filter-control{min-width:0;flex:1 1 var(--ds-legacy-size-220-px)}.payroll-page .payroll-filter-control input,.payroll-page .payroll-filter-control select{flex:1;width:auto;min-width:0}.payroll-page .payroll-table-card .react-pagination{height:var(--ds-legacy-size-102-5-px)}}@media(max-width:767px){.main-content:has(>.payroll-page){padding:var(--ds-space-5) var(--ds-space-4)}.payroll-page .react-page-header .page-header-actions{display:flex;flex-direction:column;gap:var(--ds-space-2);margin-top:var(--ds-space-4)}.payroll-page .page-header-actions .btn,.payroll-period-switcher{width:100%}.payroll-page .payroll-filter-bar{height:auto;min-height:0;padding:var(--ds-space-4);flex-direction:column;align-items:stretch;align-content:flex-start}.payroll-page .payroll-filter-control{width:100%;flex:0 0 auto;flex-direction:row;align-items:center}.payroll-page .payroll-filter-control input,.payroll-page .payroll-filter-control select{width:100%;flex:none}.payroll-page .payroll-filter-control.react-search input{width:100%}.payroll-page .payroll-filter-action{width:100%;margin-left:0}.payroll-page .payroll-review-note{margin-bottom:var(--ds-space-5)}.payroll-page .payroll-review-note .ds-alert{padding:var(--ds-space-4)}.payroll-page .payroll-table :is(th,td):first-child{width:var(--ds-legacy-size-45-125-px);padding-left:var(--ds-space-4)}.payroll-page .payroll-table-card .react-pagination{height:var(--ds-legacy-size-117-28125-px);align-items:flex-start;flex-direction:column}.payroll-page .payroll-table-card .react-pagination>div{width:100%;flex-wrap:wrap;justify-content:center}.payroll-page .payroll-table-card .react-pagination>div>span{width:100%;margin-right:0;text-align:center}}.main-content:has(>.contracts-page){padding:var(--ds-space-8)}.contracts-page .page-header{margin-bottom:var(--ds-space-8);flex-wrap:nowrap}.contracts-page .react-page-header>div:first-child{min-width:0;flex:1 1 0%}.contracts-page .page-title{font-size:var(--ds-font-size-page);line-height:1.2}.contracts-page .page-subtitle{margin-top:var(--ds-space-1);font-size:var(--ds-font-size-body);line-height:1.5}.contracts-page .page-header-actions{gap:var(--ds-space-3)}.contracts-page .page-header-actions .btn{min-height:var(--ds-legacy-size-36);padding:var(--ds-space-2) var(--ds-space-4);font-size:var(--ds-font-size-body)}.contract-stats-grid{margin-bottom:var(--ds-space-6);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-4)}.contract-stat-card{min-height:var(--ds-legacy-size-160-390625-px);padding:var(--ds-space-5);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--ds-space-4);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-6);text-align:center}.contract-stat-icon{width:var(--ds-legacy-size-48);height:var(--ds-legacy-size-48);display:grid;place-items:center;border-radius:var(--ds-radius-lg);color:var(--ds-primary-strong);background:var(--ds-primary-light)}.contract-stat-icon svg{width:var(--ds-legacy-size-22);height:var(--ds-legacy-size-22)}.contract-stat-icon.green{color:var(--ds-chart-green);background:var(--ds-success-bg)}.contract-stat-icon.orange{color:var(--ds-warning-solid);background:var(--ds-orange-bg)}.contract-stat-icon.purple{color:var(--ds-chart-indigo);background:var(--ds-purple-bg)}.contract-stat-card div>*{display:block}.contract-stat-card div strong{color:var(--ds-text-strong);font-size:var(--ds-font-size-title);line-height:1.2}.contract-stat-card div span{margin-top:var(--ds-legacy-size-6);color:var(--ds-text-secondary);font-size:var(--ds-font-size-label)}.contract-filter-card{height:var(--ds-legacy-size-261-px);margin-bottom:var(--ds-space-6);padding:var(--ds-space-4) var(--ds-space-6);display:grid;grid-template-columns:1fr;align-content:start;gap:var(--ds-space-3) var(--ds-legacy-size-10);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-6)}.contract-filter-card input,.contract-filter-card select{width:100%;height:var(--ds-legacy-size-38);padding:0 var(--ds-legacy-size-34) 0 var(--ds-space-3);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-surface);font-size:var(--ds-font-size-label)}.contract-filter-card>select{grid-column:1}.contract-search{position:relative;display:block}.contract-search svg{width:var(--ds-legacy-size-16-px);height:var(--ds-legacy-size-16-px);position:absolute;top:var(--ds-legacy-size-11);left:var(--ds-legacy-size-12);color:var(--ds-text-muted)}.contract-search input{padding-left:var(--ds-legacy-size-38)}.contract-filter-card>.btn{width:max-content;grid-column:1;justify-self:end}.contract-table-card{overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-6)}.contract-table-card>header{padding:var(--ds-space-4) var(--ds-space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border)}.contract-table-card>header h2{margin:0;color:var(--ds-text-primary);font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-semibold)}.contract-table-card>header p{margin:var(--ds-legacy-size-2) 0 0;color:var(--ds-text-muted);font-size:var(--ds-font-size-small)}.contract-table-card>header>span{padding:var(--ds-space-1) var(--ds-legacy-size-10);border-radius:var(--ds-legacy-size-99);color:var(--ds-primary-hover);background:var(--ds-info-bg);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold);line-height:var(--ds-legacy-size-14-8);white-space:nowrap}.contract-table-scroll{width:100%;overflow-x:auto;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-legacy-shadow-6)}.contract-table{width:var(--ds-legacy-size-1181-9375-px);min-width:var(--ds-legacy-size-1181-9375-px);border-collapse:collapse;table-layout:fixed}.contract-table th{padding:var(--ds-space-3) var(--ds-space-4);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-muted);background:var(--ds-background);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold);letter-spacing:.06em;text-align:left;text-transform:uppercase}.contract-table td{padding:var(--ds-space-4);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-primary);font-size:var(--ds-font-size-body);line-height:1.6;vertical-align:middle}.contract-table tbody tr:last-child td{border-bottom:0}.contract-table :is(th,td):first-child{padding-left:var(--ds-space-6)}.contract-table :is(th,td):last-child{padding-right:var(--ds-space-6)}.contract-table th:nth-child(1){width:var(--ds-legacy-size-136-921875-px)}.contract-table th:nth-child(2){width:var(--ds-legacy-size-122-109375-px)}.contract-table th:nth-child(3){width:var(--ds-legacy-size-140-328125-px)}.contract-table th:nth-child(4){width:var(--ds-legacy-size-97-578125-px)}.contract-table th:nth-child(5){width:var(--ds-legacy-size-132-21875-px)}.contract-table th:nth-child(6){width:var(--ds-legacy-size-136-640625-px)}.contract-table th:nth-child(7){width:var(--ds-legacy-size-138-140625-px)}.contract-table th:nth-child(8){width:var(--ds-legacy-size-102-109375-px)}.contract-table th:nth-child(9){width:var(--ds-legacy-size-175-890625-px)}.contract-table td>strong,.contract-table td>small{display:block}.contract-table td>strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.contract-table td>small{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-muted);font-size:var(--ds-font-size-small)}.contract-nowrap{white-space:nowrap}.contract-badge,.contract-warning{padding:var(--ds-space-1) var(--ds-legacy-size-10);display:inline-flex;align-items:center;border-radius:var(--ds-legacy-size-99);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);line-height:1.45}.contract-badge.neutral,.contract-warning.neutral{color:var(--ds-neutral-text);background:var(--ds-surface-secondary)}.contract-badge.success,.contract-warning.success{color:var(--ds-success-text);background:var(--ds-success-bg)}.contract-badge.warning,.contract-warning.warning{color:var(--ds-warning-text);background:var(--ds-warning-bg)}.contract-badge.danger,.contract-warning.danger{color:var(--ds-danger-text);background:var(--ds-danger-bg)}.contract-warning{white-space:normal}.contract-actions{display:flex;gap:var(--ds-legacy-size-6);white-space:nowrap}.contract-table .contract-empty{height:auto;padding:var(--ds-legacy-size-36);color:var(--ds-text-muted);text-align:center}.contract-table-card>footer{padding:var(--ds-space-4) var(--ds-space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);border-top:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-muted);font-size:var(--ds-font-size-body);line-height:1.6}.contract-pagination{width:var(--ds-legacy-size-296-703125-px);display:flex;align-items:center;gap:var(--ds-space-1)}.contract-pagination small{width:var(--ds-legacy-size-148-328125-px);flex:none;font-size:var(--ds-font-size-body);line-height:1.6;white-space:nowrap}.contract-pagination button{min-width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);padding:0 var(--ds-space-2);border:0;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);background:transparent;font-size:var(--ds-font-size-body);line-height:normal}.contract-pagination button.active{color:var(--ds-on-solid);background:var(--ds-primary-strong)}.contract-pagination button:disabled{opacity:.45}.contract-detail-subtitle{margin:var(--ds-legacy-size-n8) 0 var(--ds-space-5);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.contract-detail-stats{margin-bottom:var(--ds-space-5);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-4)}.contract-detail-stats article{padding:var(--ds-space-4);display:flex;align-items:center;gap:var(--ds-space-4);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg)}.contract-detail-stats article>span{width:var(--ds-legacy-size-48);height:var(--ds-legacy-size-48);display:grid;place-items:center;flex:none;border-radius:var(--ds-radius-lg)}.contract-detail-stats article>span svg{width:var(--ds-legacy-size-20);height:var(--ds-legacy-size-20)}.contract-detail-stats .blue{color:var(--ds-primary-strong);background:var(--ds-primary-light)}.contract-detail-stats .green{color:var(--ds-success-strong);background:var(--ds-success-bg)}.contract-detail-stats .orange{color:var(--ds-orange-solid);background:var(--ds-orange-bg)}.contract-detail-stats article div>*{display:block}.contract-detail-stats article small{margin-bottom:var(--ds-space-1);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.contract-detail-stats article strong{color:var(--ds-text-strong);font-size:var(--ds-legacy-size-15)}.contract-detail-card{margin-bottom:var(--ds-space-5);overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg)}.contract-detail-card:last-child{margin-bottom:0}.contract-detail-card h3{min-height:var(--ds-legacy-size-48);margin:0;padding:var(--ds-legacy-size-14) var(--ds-space-5);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);color:var(--ds-text-primary);font-size:var(--ds-font-size-body)}.contract-detail-grid{padding:var(--ds-space-5);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-4)}.contract-detail-grid>div{padding:var(--ds-space-4);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-10)}.contract-detail-grid small,.contract-detail-grid strong{display:block}.contract-detail-grid small{margin-bottom:var(--ds-legacy-size-6);color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.contract-detail-grid strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.contract-payment-list{padding:var(--ds-space-5);display:grid;gap:var(--ds-space-3)}.contract-payment-list>div{padding:var(--ds-space-3) var(--ds-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface-secondary)}.contract-payment-list>div>span>*{display:block}.contract-payment-list>div>span:last-child{text-align:right}.contract-payment-list strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.contract-payment-list small{margin-top:var(--ds-legacy-size-3);color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.contract-payment-list .contract-badge{margin-top:var(--ds-space-1)}@media(min-width:1200px){.contract-table-card>footer{height:var(--ds-legacy-size-68-5-px)}}@media(max-width:1024px){.contract-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px)and (max-width:1199px){.main-content:has(>.contracts-page){padding:var(--ds-space-6)}.contracts-page .page-header-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.contract-table{width:var(--ds-legacy-size-1126-375-px);min-width:var(--ds-legacy-size-1126-375-px)}.contract-table th:nth-child(9){width:var(--ds-legacy-size-120-328125-px)}.contract-table-card>footer>span{width:var(--ds-legacy-size-247-3125-px);flex:none}.contract-pagination{width:var(--ds-legacy-size-166-6875-px);height:var(--ds-legacy-size-71-px);flex-wrap:wrap}.contract-pagination small{width:var(--ds-legacy-size-82-4375-px);white-space:normal}}@media(max-width:767px){.main-content:has(>.contracts-page){padding:var(--ds-space-5) var(--ds-space-4)}.contracts-page .react-page-header{margin-bottom:var(--ds-space-6);display:flex;align-items:flex-start;flex-direction:column}.contracts-page .page-title{font-size:var(--ds-font-size-title)}.contracts-page .page-subtitle{font-size:var(--ds-font-size-body)}.contracts-page .react-page-header .page-header-actions{width:100%;margin-top:0;display:flex;flex-wrap:wrap}.contracts-page .page-header-actions .btn{width:100%}.contract-stats-grid{grid-template-columns:1fr}.contract-filter-card{height:var(--ds-legacy-size-507-px);grid-template-columns:1fr;grid-template-rows:var(--ds-legacy-size-280-px) var(--ds-legacy-size-38) var(--ds-legacy-size-38) var(--ds-legacy-size-38) var(--ds-legacy-size-30);padding:var(--ds-space-4)}.contract-filter-card>*{grid-column:1}.contract-filter-card>.btn{grid-column:1;justify-self:start}.contract-search{height:var(--ds-legacy-size-280-px)}.contract-table-card>header{align-items:flex-start;flex-direction:column}.contract-table-card>header>*{width:100%}.contract-table-card>footer{align-items:center;flex-wrap:wrap}.contract-table-card>footer>span{width:100%}.contract-pagination{width:var(--ds-legacy-size-296-703125-px);height:var(--ds-legacy-size-35-5-px);flex-wrap:nowrap}.contract-pagination small{width:var(--ds-legacy-size-148-328125-px)}.contract-table :is(th,td):first-child{padding-left:var(--ds-space-4)}.contract-table :is(th,td):last-child{padding-right:var(--ds-space-4)}.contract-table{width:var(--ds-legacy-size-1110-375-px);min-width:var(--ds-legacy-size-1110-375-px)}.contract-table th:nth-child(1){width:var(--ds-legacy-size-128-921875-px)}.contract-table th:nth-child(9){width:var(--ds-legacy-size-112-328125-px)}.contract-detail-stats,.contract-detail-grid{grid-template-columns:1fr}.contract-payment-list>div{align-items:flex-start;flex-direction:column}.contract-payment-list>div>span:last-child{text-align:left}}.main-content:has(>.opportunities-page){padding:var(--ds-legacy-size-28) var(--ds-space-8) var(--ds-space-12)}.opportunities-page .page-header{margin-bottom:var(--ds-legacy-size-28)}.opportunities-page .react-page-header>div:first-child{position:relative}.opportunities-page .page-title{padding-left:var(--ds-legacy-size-56)}.opportunities-page .page-title:before{content:"CRM";position:absolute;left:0;top:0;padding:var(--ds-legacy-size-5) var(--ds-legacy-size-10);border-radius:var(--ds-radius-sm);color:var(--ds-on-solid);background:var(--ds-purple-solid);font-size:var(--ds-font-size-caption);letter-spacing:0}.opportunities-page .page-subtitle{font-size:var(--ds-font-size-label)}.opportunity-stats{margin-bottom:var(--ds-space-5);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-legacy-size-14)}.opportunity-stat{min-height:var(--ds-legacy-size-130-px);padding:var(--ds-legacy-size-18) var(--ds-space-5);position:relative;overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-14);background:var(--ds-surface)}.opportunity-stat:before{content:"";width:var(--ds-legacy-size-4);position:absolute;inset:0 auto 0 0;background:var(--ds-primary-strong)}.opportunity-stat.green:before{background:var(--ds-chart-green)}.opportunity-stat.orange:before{background:var(--ds-warning-solid)}.opportunity-stat>div{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-3)}.opportunity-stat>div span>*{display:block}.opportunity-stat strong{color:var(--ds-text-strong);font-size:var(--ds-font-size-page);line-height:1}.opportunity-stat b{margin-top:var(--ds-legacy-size-6);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-medium)}.opportunity-stat>div>i{width:var(--ds-legacy-size-38);height:var(--ds-legacy-size-38);display:grid;place-items:center;flex:none;border-radius:var(--ds-legacy-size-10);color:var(--ds-primary-strong);background:var(--ds-primary-light)}.opportunity-stat>div>i.green{color:var(--ds-chart-green);background:var(--ds-success-bg)}.opportunity-stat>div>i.orange{color:var(--ds-warning-solid);background:var(--ds-warning-bg)}.opportunity-stat>div>i svg{width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18)}.opportunity-stat>small{margin-top:var(--ds-legacy-size-26);display:block;color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.opportunity-toolbar{margin-bottom:var(--ds-space-5);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-legacy-size-10)}.opportunity-view-toggle{padding:var(--ds-legacy-size-3);display:flex;border-radius:var(--ds-radius-md);background:var(--ds-border)}.opportunity-view-toggle button{min-height:var(--ds-legacy-size-32-px);padding:var(--ds-legacy-size-6) var(--ds-legacy-size-14);display:flex;align-items:center;gap:var(--ds-legacy-size-6);border:0;border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);background:transparent;font-size:var(--ds-legacy-size-12-5);font-weight:var(--ds-font-weight-semibold)}.opportunity-view-toggle button.active{color:var(--ds-primary-strong);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-36)}.opportunity-view-toggle svg{width:var(--ds-legacy-size-13);height:var(--ds-legacy-size-13)}.opportunity-search{width:var(--ds-legacy-size-220-px);position:relative;display:block}.opportunity-search svg{width:var(--ds-legacy-size-14);height:var(--ds-legacy-size-14);position:absolute;top:var(--ds-legacy-size-10);left:var(--ds-legacy-size-12);color:var(--ds-text-muted)}.opportunity-search input,.opportunity-toolbar select{height:var(--ds-legacy-size-34);border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-surface);font-size:var(--ds-font-size-label)}.opportunity-search input{width:100%;padding:0 var(--ds-space-3) 0 var(--ds-legacy-size-36)}.opportunity-toolbar select{min-width:var(--ds-legacy-size-160-px);padding:0 var(--ds-space-8) 0 var(--ds-space-3)}.opportunity-board-scroll{width:100%;overflow-x:auto;padding-bottom:var(--ds-space-4)}.opportunity-board{min-width:max-content;display:flex;align-items:flex-start;gap:var(--ds-legacy-size-14)}.opportunity-column{width:var(--ds-legacy-size-260-px);flex:none;overflow:hidden;border-radius:var(--ds-radius-lg);background:var(--ds-info-bg)}.opportunity-column.stage-contact,.opportunity-column.stage-need-analysis{background:var(--ds-purple-bg)}.opportunity-column.stage-proposal{background:var(--ds-warning-bg)}.opportunity-column.stage-negotiation{background:var(--ds-orange-bg)}.opportunity-column.stage-won{background:var(--ds-success-bg)}.opportunity-column.stage-lost{background:var(--ds-danger-bg)}.opportunity-column>header{min-height:var(--ds-legacy-size-72);padding:var(--ds-space-3) var(--ds-legacy-size-14);display:flex;align-items:flex-start;justify-content:space-between}.opportunity-column>header div>*{display:block}.opportunity-column>header strong{color:var(--ds-primary-hover);font-size:var(--ds-font-size-label)}.opportunity-column.stage-contact>header strong{color:var(--ds-chart-indigo-strong)}.opportunity-column.stage-need-analysis>header strong{color:var(--ds-purple-solid)}.opportunity-column.stage-proposal>header strong{color:var(--ds-warning-solid)}.opportunity-column.stage-negotiation>header strong{color:var(--ds-orange-solid)}.opportunity-column.stage-won>header strong{color:var(--ds-success-strong)}.opportunity-column.stage-lost>header strong{color:var(--ds-danger-strong)}.opportunity-column>header small{margin-top:var(--ds-space-1);color:currentColor;font-size:var(--ds-font-size-caption);opacity:.75}.opportunity-column>header>span{min-width:var(--ds-legacy-size-20);height:var(--ds-legacy-size-20);padding:0 var(--ds-legacy-size-5);display:grid;place-items:center;border-radius:var(--ds-legacy-size-99);background:var(--ds-legacy-rgb-0-0-0-10);color:var(--ds-primary-hover);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold)}.opportunity-cards{min-height:var(--ds-legacy-size-60);padding:0 var(--ds-legacy-size-10) var(--ds-legacy-size-10);display:flex;flex-direction:column;gap:var(--ds-legacy-size-10)}.opportunity-empty{padding:var(--ds-space-6) 0;color:var(--ds-text-muted);font-size:var(--ds-font-size-small);text-align:center}.opportunity-card{min-height:var(--ds-legacy-size-205-px);padding:var(--ds-legacy-size-14);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-10);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-37)}.opportunity-card h3{margin:0 0 var(--ds-legacy-size-9);color:var(--ds-text-strong);font-size:var(--ds-font-size-label);line-height:1.3}.opportunity-card h3 i{width:var(--ds-legacy-size-7);height:var(--ds-legacy-size-7);margin-left:var(--ds-legacy-size-5);display:inline-block;border-radius:50%;background:var(--ds-danger-solid)}.opportunity-card>p{margin:0 0 var(--ds-legacy-size-7);color:var(--ds-text-secondary);font-size:var(--ds-legacy-size-11-5);line-height:1.35}.opportunity-card>b{margin-bottom:var(--ds-space-2);display:block;color:var(--ds-text-strong);font-size:var(--ds-font-size-body)}.opportunity-probability{display:grid;grid-template-columns:1fr var(--ds-legacy-size-34);align-items:center;gap:var(--ds-space-2)}.opportunity-probability>span{height:var(--ds-legacy-size-6);overflow:hidden;border-radius:var(--ds-legacy-size-99);background:var(--ds-surface-secondary)}.opportunity-probability>span i{height:100%;display:block;border-radius:var(--ds-legacy-size-99);background:var(--ds-primary-strong)}.opportunity-probability>b{color:var(--ds-primary-strong);font-size:var(--ds-font-size-caption);text-align:right}.opportunity-card footer{margin-top:var(--ds-legacy-size-10);display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-legacy-size-6)}.opportunity-card footer .btn{width:100%;padding:var(--ds-legacy-size-5) var(--ds-space-2);justify-content:center}.opportunity-list-wrap{overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-14);background:var(--ds-surface)}.opportunity-list-wrap{overflow-x:auto}.opportunity-list-wrap table{width:var(--ds-legacy-size-1250-px);min-width:var(--ds-legacy-size-1250-px);border-collapse:collapse}.opportunity-list-wrap th,.opportunity-list-wrap td{padding:var(--ds-space-3) var(--ds-legacy-size-14);border-bottom:var(--ds-legacy-size-1) solid var(--ds-surface-secondary);color:var(--ds-neutral-text);font-size:var(--ds-legacy-size-12-5);text-align:left}.opportunity-list-wrap th{color:var(--ds-text-muted);background:var(--ds-surface-hover);font-size:var(--ds-font-size-caption);text-transform:uppercase}.opportunity-hot{margin-left:var(--ds-legacy-size-5);padding:var(--ds-legacy-size-2) var(--ds-legacy-size-6);border-radius:var(--ds-radius-xs);color:var(--ds-danger-strong);background:var(--ds-danger-bg);font-size:var(--ds-legacy-size-10)}.opportunity-detail-sub{margin:var(--ds-legacy-size-n8) 0 var(--ds-space-4);color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.opportunity-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-legacy-size-14) var(--ds-space-5)}.opportunity-detail-grid>div{display:flex;flex-direction:column;gap:var(--ds-space-1)}.opportunity-detail-grid>div:last-child{grid-column:1 / -1}.opportunity-detail-grid small{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-5-px);text-transform:uppercase}.opportunity-detail-grid strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.opportunity-detail-progress{margin-top:var(--ds-space-4);padding-top:var(--ds-space-4);display:grid;grid-template-columns:1fr var(--ds-legacy-size-40-px);gap:var(--ds-space-2);border-top:var(--ds-legacy-size-1) solid var(--ds-surface-secondary)}.opportunity-detail-progress>strong{grid-column:1 / -1;color:var(--ds-text-primary);font-size:var(--ds-font-size-small)}.opportunity-detail-progress>span{height:var(--ds-legacy-size-10);overflow:hidden;border-radius:var(--ds-legacy-size-99);background:var(--ds-surface-secondary)}.opportunity-detail-progress>span i{height:100%;display:block;border-radius:var(--ds-legacy-size-99);background:var(--ds-primary-strong)}.opportunity-detail-progress>b{color:var(--ds-primary-strong);font-size:var(--ds-font-size-small)}.opportunity-timeline{display:grid;gap:var(--ds-space-4)}.opportunity-timeline>div{display:flex;gap:var(--ds-space-3)}.opportunity-timeline>div>i{width:var(--ds-legacy-size-34);height:var(--ds-legacy-size-34);display:grid;place-items:center;flex:none;border-radius:50%;background:var(--ds-primary-light);font-style:normal}.opportunity-timeline strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.opportunity-timeline p{margin:var(--ds-space-1) 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.opportunity-timeline small{color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.opportunity-documents{display:grid;gap:var(--ds-legacy-size-10)}.opportunity-documents>div{padding:var(--ds-space-3) var(--ds-space-4);display:flex;align-items:center;gap:var(--ds-legacy-size-10);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-10);background:var(--ds-background)}.opportunity-documents>div>i{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);display:grid;place-items:center;flex:none;border-radius:var(--ds-radius-md);background:var(--ds-info-bg);font-style:normal}.opportunity-documents>div>span{min-width:0;flex:1}.opportunity-documents>div>span>*{display:block}.opportunity-documents strong{color:var(--ds-text-strong);font-size:var(--ds-font-size-label)}.opportunity-documents small{margin-top:var(--ds-legacy-size-3);color:var(--ds-text-muted);font-size:var(--ds-legacy-size-11-5)}.opportunity-move-summary{margin-bottom:var(--ds-space-4);padding:var(--ds-space-3);border-radius:var(--ds-legacy-size-10);background:var(--ds-background)}.opportunity-move-summary>*{display:block}.opportunity-move-summary small,.opportunity-move-summary p{margin:0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.opportunity-move-summary strong{margin:var(--ds-legacy-size-3) 0 var(--ds-legacy-size-5);color:var(--ds-text-strong);font-size:var(--ds-font-size-body)}.opportunity-move-summary b{color:var(--ds-primary-strong)}@media(max-width:1100px){.opportunity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.main-content:has(>.opportunities-page){padding:var(--ds-space-5) var(--ds-space-4) var(--ds-space-10)}.opportunities-page .react-page-header .page-header-actions{width:100%;display:grid;grid-template-columns:1fr}.opportunities-page .page-header-actions .btn{width:100%}.opportunity-stats{grid-template-columns:1fr}.opportunity-toolbar{align-items:stretch;flex-direction:column}.opportunity-search,.opportunity-toolbar select{width:100%}.opportunity-detail-grid{grid-template-columns:1fr}.opportunity-detail-grid>div:last-child{grid-column:1}}body:has(.customers-page){font-family:var(--ds-legacy-font-family-4)}.main-content:has(>.customers-page){padding:var(--ds-legacy-size-28) var(--ds-space-8) var(--ds-space-12)}.customers-page .page-header{margin-bottom:var(--ds-legacy-size-28)}.customers-page .page-title{color:var(--ds-text-strong);font-size:var(--ds-legacy-size-22);letter-spacing:var(--ds-legacy-size-n0-4-px)}.customers-page .page-subtitle{margin-top:var(--ds-space-1);color:var(--ds-text-secondary);font-size:var(--ds-font-size-label)}.customers-page .page-header-actions{gap:var(--ds-legacy-size-10)}.customers-page .page-header-actions .btn{padding:var(--ds-legacy-size-9) var(--ds-legacy-size-18);gap:var(--ds-legacy-size-6);border-radius:var(--ds-radius-md);font-size:var(--ds-legacy-size-13-5);font-weight:var(--ds-font-weight-semibold)}.customers-page .page-header-actions svg{width:var(--ds-legacy-size-14);height:var(--ds-legacy-size-14)}.customers-page .page-header-actions .btn-secondary{border-width:var(--ds-legacy-size-1-5)}.customers-page .page-header-actions .btn-primary{box-shadow:var(--ds-legacy-shadow-38)}.customer-stat-chips{margin-bottom:var(--ds-space-5);display:flex;flex-wrap:wrap;gap:var(--ds-legacy-size-10)}.customer-stat-chip{padding:var(--ds-space-2) var(--ds-space-4);display:inline-flex;align-items:center;gap:var(--ds-space-2);border:var(--ds-legacy-size-1-5) solid transparent;border-radius:var(--ds-legacy-size-99);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-semibold)}.customer-stat-chip span{min-width:var(--ds-legacy-size-22);height:var(--ds-legacy-size-22);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-legacy-size-99);background:var(--ds-legacy-rgb-0-0-0-10);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-extrabold)}.customer-stat-chip.all{color:var(--ds-primary-active);border-color:var(--ds-primary-border);background:var(--ds-primary-light)}.customer-stat-chip.active-customer{color:var(--ds-success-text);border-color:var(--ds-success-border);background:var(--ds-success-bg)}.customer-stat-chip.potential{color:var(--ds-primary-hover);border-color:var(--ds-info-border);background:var(--ds-primary-light)}.customer-stat-chip.inactive{color:var(--ds-neutral-text);border-color:var(--ds-border-strong);background:var(--ds-surface-secondary)}.customer-stat-chip.active{box-shadow:var(--ds-legacy-shadow-39)}.customer-toolbar{margin-bottom:var(--ds-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.customer-filter-bar{min-width:0;flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-legacy-size-10);padding:var(--ds-space-4) var(--ds-space-6);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-surface)}.customer-search{min-width:var(--ds-legacy-size-180-px);flex:1 1 var(--ds-legacy-size-220-px);position:relative;display:flex;align-items:center}.customer-search svg{width:var(--ds-legacy-size-15);height:var(--ds-legacy-size-15);position:absolute;top:50%;left:var(--ds-legacy-size-12);z-index:1;transform:translateY(-50%);color:var(--ds-text-muted)}.customer-search input,.customer-filter-bar select{width:100%;border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background-color:var(--ds-surface);font-size:var(--ds-font-size-label)}.customer-search input{height:var(--ds-legacy-size-34);padding:0 var(--ds-space-3) 0 var(--ds-legacy-size-38)}.customer-filter-bar select{height:var(--ds-legacy-size-38)}.customer-filter-bar select{padding:var(--ds-legacy-size-9) var(--ds-space-8) var(--ds-legacy-size-9) var(--ds-space-3)}.customer-filter-bar .btn{padding:var(--ds-legacy-size-5) var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-font-size-small)}.customer-view-toggle{flex:none;display:flex;gap:var(--ds-space-1)}.customer-view-toggle button{padding:var(--ds-legacy-size-7) var(--ds-legacy-size-14);display:inline-flex;align-items:center;gap:var(--ds-legacy-size-6);border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-neutral-text);background:var(--ds-surface);font-size:var(--ds-legacy-size-12-5);font-weight:var(--ds-font-weight-semibold);line-height:normal}.customer-view-toggle button.active{color:var(--ds-on-solid);border-color:var(--ds-primary-strong);background:var(--ds-primary-strong)}.customer-view-toggle svg{width:var(--ds-legacy-size-14);height:var(--ds-legacy-size-14)}.customer-table-card{overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-14);background:var(--ds-surface)}.customer-table-card .data-table{table-layout:auto}.customer-table-card .data-table th{padding:var(--ds-space-3) var(--ds-legacy-size-14);color:var(--ds-text-muted);background:var(--ds-surface-hover);border-bottom-color:var(--ds-surface-secondary);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-6-px)}.customer-table-card .data-table td{padding:var(--ds-legacy-size-13) var(--ds-legacy-size-14);color:var(--ds-text-primary);border-bottom-color:var(--ds-background);font-size:var(--ds-font-size-label)}.customer-table-card .data-table th:first-child,.customer-table-card .data-table td:first-child{padding-left:var(--ds-space-6);color:var(--ds-text-muted)}.customer-table-card .data-table td:first-child{font-size:var(--ds-font-size-small)}.customer-table-card .data-table th:last-child{padding-right:var(--ds-space-6)}.customer-table-card .data-table td:nth-child(4){max-width:var(--ds-legacy-size-100-px);white-space:normal;color:var(--ds-neutral-text);font-size:var(--ds-font-size-small)}.customer-table-card .data-table td:nth-child(5),.customer-table-card .data-table td:nth-child(6),.customer-table-card .data-table td:nth-child(7){font-size:var(--ds-legacy-size-12-5)}.customer-table-card .data-table td:nth-child(6){white-space:nowrap}.customer-table-card .data-table td:nth-child(5),.customer-table-card .data-table td:nth-child(7){white-space:normal}.customer-id-badge{padding:var(--ds-legacy-size-2) var(--ds-space-2);display:inline-block;border-radius:var(--ds-radius-sm);color:var(--ds-primary-strong);background:var(--ds-primary-light);font-size:var(--ds-legacy-size-11-5);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-3-px)}.customer-avatar-cell{display:flex;align-items:center;gap:var(--ds-legacy-size-10)}.customer-avatar{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:var(--ds-legacy-size-10);color:var(--ds-on-solid);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-extrabold)}.customer-avatar-info{min-width:0;display:flex;flex-direction:column;line-height:1.3}.customer-avatar-info strong{color:var(--ds-text-strong);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-semibold);white-space:normal}.customer-avatar-info small{color:var(--ds-text-muted);font-size:var(--ds-legacy-size-11-5)}.customer-table-card .badge{padding:var(--ds-legacy-size-3) var(--ds-legacy-size-9);font-size:var(--ds-font-size-caption);line-height:1.4}.customer-table-card .react-badge-success{color:var(--ds-success-text)}.customer-table-card .react-badge-info{color:var(--ds-primary-active)}.customer-table-card .react-badge-danger{color:var(--ds-danger-text)}.customer-table-card .react-badge-neutral{color:var(--ds-neutral-text)}.customer-actions{display:flex;align-items:center;gap:var(--ds-legacy-size-6)}.customer-actions .btn{padding:var(--ds-legacy-size-5) var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold)}.customer-icon-button{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36);padding:var(--ds-legacy-size-6) var(--ds-space-2);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);background:var(--ds-surface-secondary);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-semibold)}.customer-pagination{padding:var(--ds-space-4) var(--ds-space-5);display:flex;align-items:center;justify-content:space-between;border-top:var(--ds-legacy-size-1) solid var(--ds-surface-secondary);color:var(--ds-text-secondary);font-size:var(--ds-legacy-size-12-5)}.customer-pagination>div{display:flex;gap:var(--ds-legacy-size-6)}.customer-pagination button{width:var(--ds-legacy-size-32-px);height:var(--ds-legacy-size-32-px);border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-surface);font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-semibold)}.customer-pagination button.active{color:var(--ds-on-solid);border-color:var(--ds-primary-strong);background:var(--ds-primary-strong)}@media(max-width:900px){.main-content:has(>.customers-page){padding:var(--ds-space-5) var(--ds-space-4) var(--ds-space-10)}.customer-table-card .data-table{min-width:0;table-layout:auto}.customer-table-card .data-table th:nth-child(n),.customer-table-card .data-table td:nth-child(n){width:auto}.customer-table-card .data-table td{white-space:normal}}@media(min-width:1200px){.customer-table-card .data-table{table-layout:fixed}.customer-table-card .data-table th:nth-child(1){width:var(--ds-legacy-size-50-453125-px)}.customer-table-card .data-table th:nth-child(2){width:var(--ds-legacy-size-85-640625-px)}.customer-table-card .data-table th:nth-child(3){width:var(--ds-legacy-size-234-21875-px)}.customer-table-card .data-table th:nth-child(4){width:var(--ds-legacy-size-99-234375-px)}.customer-table-card .data-table th:nth-child(5){width:var(--ds-legacy-size-115-703125-px)}.customer-table-card .data-table th:nth-child(6){width:var(--ds-legacy-size-120-328125-px)}.customer-table-card .data-table th:nth-child(7){width:var(--ds-legacy-size-90-703125-px)}.customer-table-card .data-table th:nth-child(8){width:var(--ds-legacy-size-123-484375-px)}.customer-table-card .data-table th:nth-child(9){width:var(--ds-legacy-size-174-234375-px)}}@media(max-width:1199px){.customer-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.customer-table-card .data-table td:last-child{padding-right:var(--ds-space-6)}}@media(max-width:500px){.customers-page .react-page-header{display:flex}.customers-page .react-page-header .page-header-actions{margin-top:0;grid-template-columns:1fr}.customer-stat-chips{flex-direction:column}.customer-stat-chip{width:100%;justify-content:space-between}.customer-toolbar{align-items:stretch;flex-wrap:wrap}.customer-filter-bar{flex:1 0 100%;flex-direction:column;align-items:stretch;padding:var(--ds-space-4)}.customer-search{width:100%;flex:1 1 var(--ds-legacy-size-220-px)}.customer-filter-bar select,.customer-filter-bar .btn,.customer-view-toggle{width:100%}.customer-view-toggle button{flex:1;justify-content:center}.customer-table-card .data-table th:first-child,.customer-table-card .data-table td:first-child{padding-left:var(--ds-legacy-size-14)}.customer-table-card .data-table th:last-child,.customer-table-card .data-table td:last-child{padding-right:var(--ds-legacy-size-14)}}body:has(.quotes-page){font-family:var(--ds-legacy-font-family-4)}.interview-schedule-page,.offer-management-page{display:grid;gap:var(--ds-space-6)}.interview-schedule-card,.offer-management-card{padding:0;overflow:hidden}.interview-schedule-card .ds-table-toolbar,.offer-management-card .ds-table-toolbar{padding:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default);display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(80px,auto);align-items:center;gap:var(--ds-space-2)}.interview-schedule-card .ds-table-toolbar__search,.offer-management-card .ds-table-toolbar__search{width:100%}.interview-schedule-card .ds-table-toolbar__filters,.offer-management-card .ds-table-toolbar__filters{flex-wrap:nowrap}.interview-schedule-card .ds-table-toolbar__filters>input,.interview-schedule-card .ds-table-toolbar__filters>select,.offer-management-card .ds-table-toolbar__filters>select{width:180px;min-width:180px}.interview-schedule-card .ds-table-toolbar__filters>input[type=date]{width:170px;min-width:170px}.interview-schedule-card .ds-table-toolbar__count,.offer-management-card .ds-table-toolbar__count{margin-left:0;text-align:right}.interview-time-cell,.interview-person-cell,.offer-candidate-cell{display:grid;gap:var(--ds-space-1)}.interview-time-cell span,.interview-person-cell span,.offer-candidate-cell span{color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.interview-actions,.offer-actions{display:flex;align-items:center;gap:var(--ds-space-2)}.interview-detail-list{margin:0 0 var(--ds-space-5);display:grid;gap:var(--ds-space-3)}.interview-detail-list>div{padding-bottom:var(--ds-space-3);display:grid;grid-template-columns:minmax(120px,.4fr) 1fr;gap:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default)}.interview-detail-list dt{color:var(--ds-text-secondary)}.interview-detail-list dd{margin:0;font-weight:var(--ds-font-weight-semibold)}@media(max-width:700px){.interview-schedule-card .ds-table-toolbar,.offer-management-card .ds-table-toolbar{grid-template-columns:1fr}.interview-schedule-card .ds-table-toolbar__filters,.offer-management-card .ds-table-toolbar__filters{flex-wrap:wrap}.interview-schedule-card .ds-table-toolbar__filters>input,.interview-schedule-card .ds-table-toolbar__filters>input[type=date],.interview-schedule-card .ds-table-toolbar__filters>select,.offer-management-card .ds-table-toolbar__filters>select{width:100%;min-width:0}.interview-schedule-card .ds-table-toolbar__count,.offer-management-card .ds-table-toolbar__count{text-align:left}.interview-detail-list>div{grid-template-columns:1fr;gap:var(--ds-space-1)}}.main-content:has(>.quotes-page){padding:var(--ds-legacy-size-28) var(--ds-space-8) var(--ds-space-12)}.quotes-page .page-header{margin-bottom:var(--ds-legacy-size-28)}.quotes-page .page-title{margin:0 0 var(--ds-space-1);display:flex;align-items:center;gap:var(--ds-legacy-size-10);color:var(--ds-text-strong);font-size:var(--ds-legacy-size-22);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-n0-4-px)}.quotes-page .page-title:before{content:"CRM";padding:var(--ds-legacy-size-3) var(--ds-legacy-size-9);display:inline-flex;align-items:center;border-radius:var(--ds-radius-sm);color:var(--ds-on-solid);background:linear-gradient(135deg,var(--ds-purple-solid),var(--ds-chart-indigo));font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-5-px);line-height:normal}.quotes-page .page-subtitle{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-label)}.quotes-page .page-header-actions .btn{padding:var(--ds-legacy-size-9) var(--ds-legacy-size-18);gap:var(--ds-legacy-size-6);border-radius:var(--ds-radius-md);font-size:var(--ds-legacy-size-13-5);font-weight:var(--ds-font-weight-semibold);box-shadow:var(--ds-legacy-shadow-38)}.quotes-page .page-header-actions svg{width:var(--ds-legacy-size-14);height:var(--ds-legacy-size-14)}.quote-stat-grid{margin-bottom:var(--ds-space-5);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ds-legacy-size-14)}.quote-stat-card{min-width:0;padding:var(--ds-legacy-size-18) var(--ds-space-5);display:flex;flex-direction:column;gap:var(--ds-space-4);position:relative;overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-14);background:var(--ds-surface)}.quote-stat-card:before{content:"";width:var(--ds-legacy-size-4);height:100%;position:absolute;top:0;left:0;border-radius:var(--ds-legacy-size-14) 0 0 var(--ds-legacy-size-14);background:var(--ds-primary-strong)}.quote-stat-card.yellow:before{background:var(--ds-warning-solid)}.quote-stat-card.green:before{background:var(--ds-chart-green)}.quote-stat-card.red:before{background:var(--ds-danger-solid)}.quote-stat-card.purple:before{background:var(--ds-purple-solid)}.quote-stat-header{margin-bottom:var(--ds-legacy-size-10);display:flex;align-items:flex-start;justify-content:space-between}.quote-stat-icon{width:var(--ds-legacy-size-38);height:var(--ds-legacy-size-38);display:flex;align-items:center;justify-content:center;flex:none;border-radius:var(--ds-legacy-size-10);color:var(--ds-primary-strong);background:var(--ds-primary-light)}.quote-stat-icon svg{width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18)}.quote-stat-icon.yellow{color:var(--ds-warning-solid);background:var(--ds-warning-bg)}.quote-stat-icon.green{color:var(--ds-chart-green);background:var(--ds-success-bg)}.quote-stat-icon.red{color:var(--ds-danger-solid);background:var(--ds-danger-bg)}.quote-stat-icon.purple{color:var(--ds-purple-solid);background:var(--ds-purple-bg)}.quote-stat-value{margin-bottom:var(--ds-space-1);color:var(--ds-text-strong);font-size:var(--ds-font-size-page);font-weight:var(--ds-font-weight-extrabold);letter-spacing:var(--ds-legacy-size-n1);line-height:1}.quote-stat-card:last-child .quote-stat-value{font-size:var(--ds-legacy-size-19)}.quote-stat-label{color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-medium)}.quote-stat-sub{margin-top:var(--ds-legacy-size-2);color:var(--ds-text-muted);font-size:var(--ds-font-size-caption)}.quote-filter-bar{margin-bottom:var(--ds-space-4);padding:var(--ds-space-4) var(--ds-space-6);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-legacy-size-10);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-surface)}.quote-search{position:relative}.quote-search svg{width:var(--ds-legacy-size-14);height:var(--ds-legacy-size-14);position:absolute;top:50%;left:var(--ds-legacy-size-10);transform:translateY(-50%);color:var(--ds-text-muted)}.quote-search input,.quote-filter-bar select,.quote-filter-bar>input{height:auto;border:var(--ds-legacy-size-1-5) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);background:var(--ds-surface);font-family:var(--ds-legacy-font-family-8);font-size:var(--ds-font-size-label);line-height:normal;outline:none}.quote-search input{width:var(--ds-legacy-size-240-px);height:var(--ds-legacy-size-34);padding:var(--ds-legacy-size-9) var(--ds-space-3) var(--ds-legacy-size-9) var(--ds-legacy-size-36)}.quote-filter-bar select,.quote-filter-bar>input{height:var(--ds-legacy-size-36);padding:var(--ds-space-2) var(--ds-space-3)}.quote-table-wrap{overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-14);background:var(--ds-surface)}.quote-table-wrap .react-table-scroll{overflow-x:auto}.quote-table-wrap .data-table{width:100%;min-width:0;border-collapse:collapse;table-layout:auto}.quote-table-wrap .data-table th{padding:var(--ds-space-3) var(--ds-legacy-size-14);color:var(--ds-text-muted);border-bottom:var(--ds-legacy-size-1) solid var(--ds-surface-secondary);background:var(--ds-surface-hover);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:var(--ds-legacy-size-0-6-px);text-align:left;white-space:nowrap}.quote-table-wrap .data-table td{padding:var(--ds-space-3) var(--ds-legacy-size-14);color:var(--ds-text-primary);border-bottom:var(--ds-legacy-size-1) solid var(--ds-background);font-size:var(--ds-legacy-size-12-5);vertical-align:middle;white-space:normal}.quote-table-wrap .data-table tr:last-child td{border-bottom:0}.quote-table-wrap .data-table th:first-child,.quote-table-wrap .data-table td:first-child{padding-left:var(--ds-space-6)}.quote-table-wrap .data-table th:last-child,.quote-table-wrap .data-table td:last-child{padding-right:var(--ds-space-6)}.quote-table-wrap .data-table td:first-child{color:var(--ds-text-muted)}.quote-number{padding:0;border:0;color:var(--ds-primary-strong);background:transparent;font:inherit;font-weight:var(--ds-font-weight-bold);cursor:pointer}.quote-date{color:var(--ds-text-secondary);white-space:nowrap}.quote-valid,.quote-expiring{white-space:nowrap}.quote-expiring{color:var(--ds-danger-solid);font-weight:var(--ds-font-weight-bold)}.quote-value{color:var(--ds-primary-strong);white-space:nowrap}.quote-status{padding:var(--ds-legacy-size-3) var(--ds-legacy-size-9);display:inline-flex;align-items:center;border-radius:var(--ds-legacy-size-99);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold);white-space:nowrap}.quote-status.draft{color:var(--ds-text-secondary);background:var(--ds-surface-secondary)}.quote-status.sent{color:var(--ds-primary-active);background:var(--ds-info-bg)}.quote-status.approved{color:var(--ds-success-text);background:var(--ds-success-bg)}.quote-status.rejected{color:var(--ds-danger-text);background:var(--ds-danger-bg)}.quote-status.converted{color:var(--ds-purple-text);background:var(--ds-purple-bg)}.quote-actions{display:flex;align-items:center;gap:var(--ds-legacy-size-5)}.quote-actions button{padding:var(--ds-space-1) var(--ds-legacy-size-10);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);background:transparent;font-family:var(--ds-legacy-font-family-8);font-size:var(--ds-legacy-size-11-5);font-weight:var(--ds-font-weight-medium);line-height:normal;cursor:pointer}.quote-actions .quote-more{padding:var(--ds-legacy-size-5) var(--ds-space-2);display:inline-flex;align-items:center;border:0;background:var(--ds-surface-secondary);font-size:var(--ds-font-size-small)}@media(max-width:1200px){.quote-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.main-content:has(>.quotes-page){padding:var(--ds-space-5) var(--ds-space-4) var(--ds-space-10)}.quote-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.quotes-page .react-page-header{display:flex}.quotes-page .react-page-header .page-header-actions{width:100%;margin-top:0;grid-template-columns:1fr}.quotes-page .page-header-actions .btn{width:100%}.quote-filter-bar{flex-direction:column;align-items:stretch;padding:var(--ds-space-4)}.quote-search,.quote-search input,.quote-filter-bar select,.quote-filter-bar>input{width:100%}.quote-table-wrap .data-table th:first-child,.quote-table-wrap .data-table td:first-child{padding-left:var(--ds-space-4)}.quote-table-wrap .data-table th:last-child,.quote-table-wrap .data-table td:last-child{padding-right:var(--ds-space-4)}}.system-filter-bar{width:100%;height:auto!important;min-height:0!important;margin-bottom:var(--ds-legacy-size-18);padding:var(--ds-legacy-size-14) var(--ds-space-4);display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:var(--ds-legacy-size-10);border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-40)}.employee-filter-card .system-filter-bar,.recruitment-filter .system-filter-bar,.quotes-page .react-card-body>.system-filter-bar{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.system-filter-bar>:is(.search-box,.react-search,.lead-search-box,.customer-search,.care-search){width:auto;min-width:var(--ds-legacy-size-220-px);height:var(--ds-legacy-size-38);flex:2 1 var(--ds-legacy-size-280-px);position:relative}.system-filter-bar :is(input,select),.compact-filter-select{height:var(--ds-legacy-size-38)!important;min-width:0;border:var(--ds-legacy-size-1) solid var(--ds-border)!important;border-radius:var(--ds-radius-md)!important;color:var(--ds-text-primary);background-color:var(--ds-background)!important;font:inherit;font-size:var(--ds-font-size-label)!important;line-height:normal;outline:none;transition:var(--ds-legacy-transition-33)}.system-filter-bar :is(input,select):hover,.compact-filter-select:hover{border-color:var(--ds-border-strong)!important;background-color:var(--ds-surface)!important}.system-filter-bar :is(input,select):focus,.compact-filter-select:focus{border-color:var(--ds-chart-blue)!important;background-color:var(--ds-surface)!important;box-shadow:var(--ds-legacy-shadow-41)}.system-filter-bar :is(input,select):disabled{color:var(--ds-text-muted);background-color:var(--ds-surface-secondary)!important;cursor:not-allowed}.system-filter-bar>:is(select,.form-select){width:auto!important;min-width:var(--ds-legacy-size-145-px)!important;max-width:var(--ds-legacy-size-220-px);flex:1 1 var(--ds-legacy-size-145-px)!important;padding:0 var(--ds-legacy-size-34) 0 var(--ds-space-3)!important}.system-filter-bar>:is(.search-box,.react-search,.lead-search-box,.customer-search,.care-search) input{width:100%;min-width:0;padding:0 var(--ds-space-3) 0 var(--ds-legacy-size-38)!important}.system-filter-bar>label:not(.lead-search-box,.care-search){min-width:var(--ds-legacy-size-180-px);flex:1 1 var(--ds-legacy-size-190-px);display:grid;align-items:stretch;gap:var(--ds-legacy-size-5)}.system-filter-bar>label:not(.lead-search-box,.care-search)>span{color:var(--ds-text-secondary);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-semibold);line-height:1}.system-filter-bar>.btn{width:auto!important;height:var(--ds-legacy-size-38);min-width:max-content;margin-left:auto;padding-inline:var(--ds-legacy-size-14);flex:none}.system-filter-bar>.btn svg{margin-right:var(--ds-space-1)}.reports-page .report-filter-card.system-filter-bar{align-items:flex-end}.reports-page .report-filter-card.system-filter-bar input[type=month]{width:100%;padding:0 var(--ds-space-3)!important}.customer-care-page .care-filter-card.system-filter-bar{min-height:0}.customer-care-page .care-filter-card.system-filter-bar>select{width:auto;min-width:var(--ds-legacy-size-170-px);max-width:var(--ds-legacy-size-240-px);flex:1 1 var(--ds-legacy-size-180-px)}.opportunity-toolbar.system-filter-bar>.customer-view-toggle{margin-left:auto}.compact-filter-select{min-width:var(--ds-legacy-size-180-px);padding:0 var(--ds-legacy-size-34) 0 var(--ds-space-3)}@media(max-width:920px){.system-filter-bar>:is(.search-box,.react-search,.lead-search-box,.customer-search,.care-search){flex-basis:100%}.system-filter-bar>:is(select,.form-select),.customer-care-page .care-filter-card.system-filter-bar>select{max-width:none;flex-basis:calc(50% - var(--ds-legacy-size-5))!important}}@media(max-width:640px){.system-filter-bar{padding:var(--ds-space-3);align-items:stretch}.employee-filter-card .system-filter-bar,.recruitment-filter .system-filter-bar,.quotes-page .react-card-body>.system-filter-bar{padding:0}.system-filter-bar>*,.system-filter-bar>:is(select,.form-select),.customer-care-page .care-filter-card.system-filter-bar>select{width:100%!important;max-width:none;flex-basis:100%!important}.system-filter-bar>.btn{margin-left:0;justify-content:center}.opportunity-toolbar.system-filter-bar>.customer-view-toggle{margin-left:0}}.attendance-page{width:100%;min-width:0}.attendance-page .react-page-header{gap:var(--ds-space-5)}.attendance-page .react-page-header>div:first-child{min-width:var(--ds-legacy-size-280-px);flex:1 1 var(--ds-legacy-size-440-px)}.attendance-page .page-header-actions{display:flex;justify-content:flex-end;flex:1 1 var(--ds-legacy-size-520-px)}.attendance-stat-grid{grid-template-columns:repeat(5,minmax(var(--ds-legacy-size-140-px),1fr))}.attendance-stat-grid .stat-card{min-height:var(--ds-legacy-size-132-px);padding:var(--ds-space-5);overflow:hidden}.attendance-stat-grid .stat-card:before{display:block}.attendance-stat-grid .stat-header{height:auto;margin:0;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-3);text-align:left}.attendance-stat-grid .stat-header>div:first-child{min-width:0}.attendance-stat-grid .stat-icon{width:var(--ds-legacy-size-42);height:var(--ds-legacy-size-42);border-radius:var(--ds-legacy-size-10)}.attendance-stat-grid .stat-value{font-size:var(--ds-legacy-size-28);letter-spacing:-.02em}.attendance-stat-grid .stat-label{height:auto;margin-top:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-font-size-label);line-height:1.35}.attendance-filter-bar{margin-bottom:var(--ds-space-5)}.attendance-filter-control{width:min(100%,var(--ds-legacy-size-360-px));min-width:var(--ds-legacy-size-240-px);flex:0 1 var(--ds-legacy-size-360-px)}.attendance-filter-control .form-control,.attendance-filter-control:last-child .form-control{width:100%;height:var(--ds-legacy-size-38);flex:1}.attendance-page>.react-tabs{min-height:var(--ds-legacy-size-45-px);margin-bottom:var(--ds-space-6);gap:0;scrollbar-width:thin}.attendance-page>.react-tabs button{min-height:var(--ds-legacy-size-44-px);margin-bottom:var(--ds-legacy-size-n1);padding:var(--ds-space-3) var(--ds-legacy-size-18);display:inline-flex;align-items:center;gap:var(--ds-space-2)}.attendance-table-card{width:100%;min-width:0}.attendance-table-card .react-table-scroll{overscroll-behavior-inline:contain}.attendance-table-card .data-table{width:100%;min-width:var(--ds-legacy-size-1080-px);table-layout:fixed}.attendance-table-card .data-table :is(th,td){width:auto;padding:var(--ds-legacy-size-14) var(--ds-space-3);vertical-align:middle}.attendance-table-card .data-table th{color:var(--ds-text-secondary);background:var(--ds-background);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.attendance-table-card .data-table td{color:var(--ds-text-primary);line-height:1.45}.attendance-table-card .data-table tbody tr:hover td{background:var(--ds-surface-hover)}.attendance-table-card .data-table :is(th,td):nth-child(1){width:18%;padding-left:var(--ds-space-5)}.attendance-table-card .data-table :is(th,td):nth-child(2){width:9%}.attendance-table-card .data-table :is(th,td):nth-child(3),.attendance-table-card .data-table :is(th,td):nth-child(4){width:8%}.attendance-table-card .data-table :is(th,td):nth-child(5){width:8%}.attendance-table-card .data-table :is(th,td):nth-child(6){width:11%}.attendance-table-card .data-table :is(th,td):nth-child(7){width:11%}.attendance-table-card .data-table :is(th,td):nth-child(8){width:14%}.attendance-table-card .data-table :is(th,td):nth-child(9){width:13%;padding-right:var(--ds-space-5)}.attendance-table-card .data-table td:nth-child(8){color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);overflow-wrap:anywhere}.attendance-person{min-width:0}.attendance-person>div{min-width:0}.attendance-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-person small{margin-top:var(--ds-legacy-size-2)}.attendance-table-card .btn-sm{width:100%;min-width:var(--ds-legacy-size-112);min-height:var(--ds-legacy-size-32-px);height:auto;justify-content:center;white-space:nowrap}.attendance-page>.react-card:not(.attendance-table-card){min-width:0;overflow:hidden}.attendance-page>.react-card:not(.attendance-table-card) .data-table{width:100%;min-width:var(--ds-legacy-size-620-px)}.attendance-page .react-card-header p{margin:var(--ds-space-1) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-font-size-small);line-height:1.5}.attendance-request-card .data-table{width:100%;min-width:var(--ds-legacy-size-860-px);table-layout:fixed}.attendance-request-card .data-table :is(th,td){padding:var(--ds-legacy-size-14) var(--ds-space-4);white-space:normal;vertical-align:middle}.attendance-request-card .data-table :is(th,td):nth-child(1){width:18%}.attendance-request-card .data-table :is(th,td):nth-child(2){width:28%}.attendance-request-card .data-table :is(th,td):nth-child(3){width:13%}.attendance-request-card .data-table :is(th,td):nth-child(4){width:25%}.attendance-request-card .data-table :is(th,td):nth-child(5){width:16%}.attendance-leave-type strong,.attendance-leave-type small{display:block}.attendance-leave-type strong{color:var(--ds-text-primary);font-size:var(--ds-font-size-label)}.attendance-leave-type small{margin-top:var(--ds-legacy-size-3);color:var(--ds-text-muted);font-size:var(--ds-legacy-size-10)}.attendance-date-range{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-legacy-size-6)}.attendance-date-range i{color:var(--ds-text-muted);font-style:normal}@media(max-width:1199px){.attendance-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-filter-control{flex:1 1 var(--ds-legacy-size-320-px)}.attendance-page>.react-tabs{margin-bottom:var(--ds-space-5)}}@media(max-width:767px){.main-content:has(>.attendance-page){padding:var(--ds-space-5) var(--ds-space-4) var(--ds-legacy-size-36)}.attendance-page .react-page-header{display:flex;flex-direction:column;gap:var(--ds-space-4);margin-bottom:var(--ds-space-5)}.attendance-page .react-page-header>div:first-child{min-width:0;flex:none}.attendance-page .page-title{font-size:var(--ds-legacy-size-22)}.attendance-page .page-subtitle{font-size:var(--ds-font-size-label)}.attendance-page .react-page-header .page-header-actions{width:100%;margin-top:0;display:grid;grid-template-columns:1fr;gap:var(--ds-space-2);flex:none}.attendance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-legacy-size-10);margin-bottom:var(--ds-legacy-size-18)}.attendance-stat-grid .stat-card{min-height:var(--ds-legacy-size-112);padding:var(--ds-space-4)}.attendance-stat-grid .stat-icon{width:var(--ds-legacy-size-36);height:var(--ds-legacy-size-36)}.attendance-stat-grid .stat-value{font-size:var(--ds-legacy-size-23)}.attendance-stat-grid .stat-label{margin-top:var(--ds-legacy-size-6);font-size:var(--ds-font-size-small)}.attendance-filter-bar{padding:var(--ds-space-3);margin-bottom:var(--ds-space-4)}.attendance-filter-control{width:100%;min-width:0;flex:1 1 100%;flex-direction:row;align-items:center}.attendance-page>.react-tabs{margin:0 var(--ds-legacy-size-n16) var(--ds-legacy-size-18);padding:0 var(--ds-space-2);scroll-padding-inline:var(--ds-space-2)}.attendance-page>.react-tabs button{padding-inline:var(--ds-space-3);font-size:var(--ds-font-size-small)}.attendance-table-card{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.attendance-table-card .react-table-scroll{overflow:visible}.attendance-table-card .data-table,.attendance-table-card .data-table tbody{width:100%;min-width:0;display:block}.attendance-table-card .data-table thead{display:none}.attendance-table-card .data-table-row{margin-bottom:var(--ds-space-3);display:block;overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-40)}.attendance-table-card .data-table-row td{width:100%;min-height:var(--ds-legacy-size-44-px);padding:var(--ds-legacy-size-10) var(--ds-legacy-size-14);display:grid;grid-template-columns:minmax(var(--ds-legacy-size-92-px),35%) minmax(0,1fr);align-items:center;gap:var(--ds-space-3);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-surface);font-size:var(--ds-font-size-label);text-align:left;white-space:normal}.attendance-table-card .data-table-row td:before{content:attr(data-label);color:var(--ds-text-muted);font-size:var(--ds-legacy-size-10);font-weight:var(--ds-font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.attendance-table-card .data-table-row td:first-child{grid-template-columns:1fr;padding:var(--ds-legacy-size-14);background:var(--ds-background)}.attendance-table-card .data-table-row td:first-child:before,.attendance-table-card .data-table-row td:last-child:before{display:none}.attendance-table-card .data-table-row td:last-child{grid-template-columns:1fr;padding:var(--ds-space-3) var(--ds-legacy-size-14);border-bottom:0}.attendance-table-card .data-table-row td:last-child:empty{display:none}.attendance-table-card .data-table-empty-row{display:block;overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-surface)}.attendance-table-card .data-table-empty-row td{display:block;padding:0}.attendance-table-card .data-table-row:hover td{background:var(--ds-surface)}.attendance-table-card .data-table-row:hover td:first-child{background:var(--ds-background)}.attendance-table-card .btn-sm{min-height:var(--ds-legacy-size-36)}.attendance-page>.react-card:not(.attendance-table-card) .react-card-header{height:auto;min-height:0;padding:var(--ds-space-4);align-items:stretch;flex-direction:column}.attendance-page>.react-card:not(.attendance-table-card) .react-card-header .btn{width:100%;justify-content:center}.attendance-page>.react-card:not(.attendance-table-card) .react-card-body{padding:0}.attendance-page>.react-card:not(.attendance-table-card) .data-table :is(th,td){padding:var(--ds-space-3) var(--ds-legacy-size-14)}.attendance-request-card .react-table-scroll{padding:var(--ds-space-3);overflow:visible;background:var(--ds-background)}.attendance-request-card .data-table,.attendance-request-card .data-table tbody{width:100%;min-width:0;display:block}.attendance-request-card .data-table thead{display:none}.attendance-request-card .data-table-row{margin-bottom:var(--ds-space-3);display:block;overflow:hidden;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-10);background:var(--ds-surface)}.attendance-request-card .data-table-row:last-child{margin-bottom:0}.attendance-request-card .data-table-row td{width:100%;min-height:var(--ds-legacy-size-44-px);padding:var(--ds-legacy-size-10) var(--ds-space-3);display:grid;grid-template-columns:minmax(var(--ds-legacy-size-92-px),34%) minmax(0,1fr);align-items:center;gap:var(--ds-legacy-size-10);border-bottom:var(--ds-legacy-size-1) solid var(--ds-border);background:var(--ds-surface);font-size:var(--ds-font-size-small);text-align:left}.attendance-request-card .data-table-row td:before{content:attr(data-label);color:var(--ds-text-muted);font-size:var(--ds-legacy-size-10);font-weight:var(--ds-font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.attendance-request-card .data-table-row td:first-child{grid-template-columns:1fr;padding:var(--ds-space-3);background:var(--ds-background)}.attendance-request-card .data-table-row td:first-child:before{display:none}.attendance-request-card .data-table-row td:last-child{border-bottom:0}.attendance-request-card .data-table-empty-row,.attendance-request-card .data-table-empty-row td{width:100%;display:block}.attendance-request-card .data-table-empty-row td{padding:0}.attendance-request-card .attendance-date-range{align-items:flex-start;flex-direction:column;gap:var(--ds-legacy-size-2)}.attendance-request-card .attendance-date-range i{display:none}}@media(max-width:420px){.attendance-stat-grid{grid-template-columns:1fr}.attendance-stat-grid .stat-card{min-height:var(--ds-legacy-size-96-px)}.attendance-table-card .data-table-row td{grid-template-columns:var(--ds-legacy-size-88-px) minmax(0,1fr);gap:var(--ds-space-2)}}.main-content:has(>.attendance-page){padding:var(--ds-space-8);background:var(--ds-background)}.attendance-page{max-width:var(--ds-legacy-size-1500-px);margin:0 auto}.attendance-page .react-page-header{margin-bottom:var(--ds-space-6);align-items:flex-start}.attendance-page .page-title{color:var(--ds-text-primary);font-size:var(--ds-legacy-size-25);font-weight:var(--ds-font-weight-bold);letter-spacing:-.025em}.attendance-page .page-subtitle{color:var(--ds-text-secondary);font-size:var(--ds-font-size-body)}.attendance-page .page-header-actions{flex:0 1 auto;gap:var(--ds-space-3)}.attendance-page .page-header-actions .btn{min-height:var(--ds-legacy-size-38);padding-inline:var(--ds-space-4);border-color:var(--ds-border);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.attendance-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.attendance-stat-grid .stat-card{min-height:var(--ds-legacy-size-178-px);padding:var(--ds-space-5);display:grid;place-items:center;border-color:var(--ds-border);border-radius:var(--ds-legacy-size-11);background:var(--ds-surface);box-shadow:var(--ds-legacy-shadow-42)}.attendance-stat-grid .stat-card:before{display:none}.attendance-stat-grid .stat-header{height:auto;flex-direction:column-reverse;align-items:center;justify-content:center;gap:var(--ds-space-4);text-align:center}.attendance-stat-grid .stat-header>div:first-child{display:flex;flex-direction:column;align-items:center}.attendance-stat-grid .stat-icon{width:var(--ds-legacy-size-46);height:var(--ds-legacy-size-46);border-radius:var(--ds-radius-lg)}.attendance-stat-grid .stat-value{font-size:var(--ds-legacy-size-27);line-height:1.05}.attendance-stat-grid .stat-label{margin-top:var(--ds-legacy-size-7);color:var(--ds-text-secondary);font-size:var(--ds-font-size-body);line-height:1.25}.attendance-stat-grid .stat-sub{margin-top:var(--ds-legacy-size-6);color:var(--ds-text-muted);font-size:var(--ds-font-size-small);font-weight:var(--ds-font-weight-normal)}.attendance-filter-bar{min-height:var(--ds-legacy-size-68);margin-bottom:var(--ds-space-5);padding:var(--ds-legacy-size-14) var(--ds-space-5);flex-wrap:nowrap;gap:var(--ds-legacy-size-14);border-color:var(--ds-border);border-radius:var(--ds-legacy-size-11);box-shadow:var(--ds-legacy-shadow-43)}.attendance-month{flex:none}.attendance-month button{width:var(--ds-legacy-size-31-px);height:var(--ds-legacy-size-31-px);cursor:pointer}.attendance-month button:disabled{cursor:not-allowed;opacity:.45}.attendance-month strong{min-width:var(--ds-legacy-size-105-px);font-size:var(--ds-font-size-body)}.attendance-filter-control{width:auto;min-width:0;flex:0 1 auto}.attendance-filter-control .form-control,.attendance-filter-control:last-child .form-control,.attendance-filter-bar input{height:var(--ds-legacy-size-35);border-color:var(--ds-border);background-color:var(--ds-background)}.attendance-filter-control:nth-of-type(2) .form-control{width:var(--ds-legacy-size-188-px)}.attendance-search{flex:0 1 var(--ds-legacy-size-205-px)}.attendance-search input{width:var(--ds-legacy-size-180-px)}.attendance-date-filter input{width:var(--ds-legacy-size-142-px)}.attendance-status-filter .form-control{width:var(--ds-legacy-size-165-px)}.attendance-filter-bar select.form-control,.attendance-page select.form-control{padding-right:var(--ds-legacy-size-36);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ds-legacy-size-11) center;background-size:var(--ds-legacy-size-16-px)}.attendance-page>.react-tabs{min-height:var(--ds-legacy-size-46);margin-bottom:var(--ds-space-12);padding:0 var(--ds-legacy-size-6);gap:0;border-bottom:var(--ds-legacy-size-2) solid var(--ds-border)}.attendance-page>.react-tabs button{min-height:var(--ds-legacy-size-46);padding:var(--ds-space-3) var(--ds-legacy-size-18);color:var(--ds-text-secondary);font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}.attendance-page>.react-tabs button.active{color:var(--ds-primary-strong)}.attendance-page>.react-tabs button>span{min-width:var(--ds-legacy-size-18);height:var(--ds-legacy-size-18);padding:0 var(--ds-legacy-size-5);border-radius:var(--ds-legacy-size-999);color:var(--ds-warning-text);background:var(--ds-warning-bg);font-size:var(--ds-legacy-size-10)}.attendance-table-card,.attendance-workflow-card{border-color:var(--ds-border);border-radius:var(--ds-legacy-size-11);box-shadow:var(--ds-legacy-shadow-37)}.attendance-mini-stats{min-height:var(--ds-legacy-size-80-px);padding:var(--ds-space-4) var(--ds-space-6);gap:var(--ds-space-6);background:var(--ds-info-bg)}.attendance-mini-stats>div{min-width:var(--ds-legacy-size-130-px)}.attendance-mini-stats strong{font-size:var(--ds-legacy-size-19)}.attendance-table-card .data-table{width:100%;min-width:var(--ds-legacy-size-1160-px)}.attendance-table-card .data-table :is(th,td){padding:var(--ds-legacy-size-13) var(--ds-space-3)}.attendance-table-card .data-table :is(th,td):nth-child(1){width:4%;padding-left:var(--ds-space-6)}.attendance-table-card .data-table :is(th,td):nth-child(2){width:18%}.attendance-table-card .data-table :is(th,td):nth-child(3){width:15%}.attendance-table-card .data-table :is(th,td):nth-child(4){width:9%}.attendance-table-card .data-table :is(th,td):nth-child(5),.attendance-table-card .data-table :is(th,td):nth-child(6),.attendance-table-card .data-table :is(th,td):nth-child(7){width:8%}.attendance-table-card .data-table :is(th,td):nth-child(8){width:10%}.attendance-table-card .data-table :is(th,td):nth-child(9){width:12%}.attendance-table-card .data-table :is(th,td):nth-child(10){width:8%;padding-right:var(--ds-space-6)}.attendance-table-card .data-table td:nth-child(8){color:inherit;font-size:inherit}.attendance-table-card .data-table td:nth-child(9){color:var(--ds-text-secondary);font-size:var(--ds-font-size-small)}.attendance-table-card .btn-sm{width:auto;min-width:0;min-height:var(--ds-legacy-size-27);padding:var(--ds-space-1) var(--ds-legacy-size-10);color:var(--ds-on-solid);border-color:var(--ds-primary-strong);background:var(--ds-primary-strong)}.attendance-page-size{margin-right:var(--ds-space-3);display:inline-flex;align-items:center;gap:var(--ds-space-2);white-space:nowrap}.attendance-page-size>span{color:var(--ds-text-secondary);font-size:var(--ds-font-size-label)}.attendance-page-size .form-control{width:var(--ds-legacy-size-76-px);height:var(--ds-legacy-size-34);padding:0 var(--ds-legacy-size-30) 0 var(--ds-legacy-size-10);border-color:var(--ds-border);border-radius:var(--ds-radius-md);background-color:var(--ds-surface)}.attendance-pagination-controls button{display:inline-grid;place-items:center;cursor:pointer;border:0;background:transparent;font-size:var(--ds-font-size-body)}.attendance-workflow-view{margin-top:var(--ds-legacy-size-n2)}.attendance-summary-strip{min-height:var(--ds-legacy-size-86-px);margin-bottom:var(--ds-legacy-size-18);padding:var(--ds-space-4) var(--ds-space-6);display:flex;align-items:center;gap:var(--ds-space-6);border:var(--ds-legacy-size-1) solid var(--ds-purple-border);border-radius:var(--ds-radius-lg);background:var(--ds-purple-bg)}.attendance-summary-strip>div{min-width:var(--ds-legacy-size-132-px);padding-right:var(--ds-space-6);display:flex;flex-direction:column;border-right:var(--ds-legacy-size-1) solid var(--ds-purple-border)}.attendance-summary-strip strong{color:var(--ds-purple-solid);font-size:var(--ds-font-size-title)}.attendance-summary-strip span{margin-top:var(--ds-space-1);color:var(--ds-purple-text);font-size:var(--ds-font-size-small)}.attendance-summary-strip .is-warning strong,.attendance-summary-strip .is-warning span{color:var(--ds-warning-solid)}.attendance-summary-strip .is-success strong,.attendance-summary-strip .is-success span{color:var(--ds-success-strong)}.attendance-summary-strip .is-danger strong,.attendance-summary-strip .is-danger span{color:var(--ds-danger-strong)}.attendance-summary-strip>.btn{margin-left:auto;min-width:var(--ds-legacy-size-132-px)}.attendance-status-chips{margin-bottom:var(--ds-legacy-size-18);display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2)}.attendance-status-chips button{min-height:var(--ds-legacy-size-36);padding:var(--ds-legacy-size-7) var(--ds-legacy-size-17);cursor:pointer;border:var(--ds-legacy-size-1) solid var(--ds-border);border-radius:var(--ds-legacy-size-999);color:var(--ds-text-secondary);background:var(--ds-surface);font:inherit;font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-semibold)}.attendance-status-chips button.active{color:var(--ds-on-solid);border-color:var(--ds-primary-strong);background:var(--ds-primary-strong)}.attendance-workflow-toolbar{min-height:var(--ds-legacy-size-54);margin-bottom:var(--ds-space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4)}.attendance-workflow-toolbar.is-right{justify-content:flex-end}.attendance-workflow-toolbar .attendance-status-chips{margin-bottom:0}.attendance-workflow-toolbar>.btn{min-width:var(--ds-legacy-size-142-px)}.attendance-workflow-card{overflow:hidden}.attendance-workflow-card .react-table-scroll{margin:0}.attendance-config-card .react-card-header{min-height:var(--ds-legacy-size-64-px);padding:0 var(--ds-space-6)}.attendance-config-card .react-card-header h2{font-size:var(--ds-legacy-size-15)}.attendance-config-card .react-card-body{padding:0}.attendance-workflow-card .data-table{min-width:var(--ds-legacy-size-1080-px)}.attendance-workflow-card .data-table th{padding:var(--ds-legacy-size-14) var(--ds-space-4);color:var(--ds-text-secondary);background:var(--ds-background);font-size:var(--ds-font-size-caption);font-weight:var(--ds-font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.attendance-workflow-card .data-table td{padding:var(--ds-legacy-size-13) var(--ds-space-4);color:var(--ds-text-primary);font-size:var(--ds-font-size-label);line-height:1.45}.attendance-mono-time{color:var(--ds-text-primary);font-family:var(--ds-legacy-font-family-5);letter-spacing:.04em}.attendance-highlight-purple{color:var(--ds-purple-solid)}.attendance-highlight-blue{color:var(--ds-primary-strong)}.attendance-request-card .data-table,.attendance-ot-card .data-table,.attendance-trip-card .data-table{width:100%;table-layout:auto}.attendance-request-card .data-table :is(th,td){width:auto}.attendance-request-card .data-table :is(th,td):nth-child(n){width:auto}@media(max-width:1199px){.main-content:has(>.attendance-page){padding:var(--ds-space-6)}.attendance-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-filter-bar{flex-wrap:wrap}.attendance-filter-control,.attendance-search{flex:1 1 var(--ds-legacy-size-220-px)}.attendance-filter-control .form-control,.attendance-filter-control:nth-of-type(2) .form-control,.attendance-filter-control:last-child .form-control,.attendance-search input{width:100%}}@media(max-width:767px){.main-content:has(>.attendance-page){padding:var(--ds-space-5) var(--ds-space-4) var(--ds-legacy-size-36)}.attendance-page .react-page-header .page-header-actions{display:grid}.attendance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-stat-grid .stat-card{min-height:var(--ds-legacy-size-142-px)}.attendance-filter-bar{min-height:0}.attendance-filter-bar>i{display:none}.attendance-month{width:100%;justify-content:space-between}.attendance-filter-control{flex-direction:row}.attendance-page>.react-tabs{margin-bottom:var(--ds-legacy-size-28)}.attendance-mini-stats,.attendance-summary-strip{align-items:stretch;flex-direction:column}.attendance-mini-stats>div,.attendance-summary-strip>div{width:100%;padding:0 0 var(--ds-legacy-size-10);border:0;border-bottom:var(--ds-legacy-size-1) solid var(--ds-info-border)}.attendance-mini-stats>span,.attendance-summary-strip>.btn{width:100%;margin-left:0}.attendance-table-card .react-table-scroll,.attendance-workflow-card .react-table-scroll{padding:var(--ds-legacy-size-10);overflow:auto}.attendance-table-card .data-table,.attendance-workflow-card .data-table{min-width:var(--ds-legacy-size-920-px);display:table}.attendance-table-card .data-table thead,.attendance-workflow-card .data-table thead{display:table-header-group}.attendance-table-card .data-table tbody,.attendance-workflow-card .data-table tbody{display:table-row-group}.attendance-table-card .data-table-row,.attendance-workflow-card .data-table-row{display:table-row}.attendance-table-card .data-table-row td,.attendance-workflow-card .data-table-row td{width:auto;min-height:0;padding:var(--ds-space-3);display:table-cell;border-radius:0}.attendance-table-card .data-table-row td:before,.attendance-workflow-card .data-table-row td:before{display:none}.attendance-workflow-toolbar{align-items:stretch;flex-direction:column}.attendance-workflow-toolbar>.btn{width:100%}}@media(max-width:420px){.attendance-stat-grid{grid-template-columns:1fr}}