mat-form-field.expand-horizontally{width:100%}.mat-mdc-form-field.mat-form-field-appearance-outline{--mat-sys-outline: #e0e0e0;--mdc-outlined-text-field-hover-outline-color: #bdbdbd}.elevated-1{box-shadow:var(--mdc-protected-button-container-elevation-shadow, var(--mat-sys-level1))!important}.elevated-2{box-shadow:var(--mdc-protected-button-container-elevation-shadow, var(--mat-sys-level2))!important}.elevated-3{box-shadow:var(--mdc-protected-button-container-elevation-shadow, var(--mat-sys-level3))!important}.elevated-4{box-shadow:var(--mdc-protected-button-container-elevation-shadow, var(--mat-sys-level4))!important}.elevated-5{box-shadow:var(--mdc-protected-button-container-elevation-shadow, var(--mat-sys-level5))!important}mat-icon{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;box-sizing:border-box}mat-icon[color=warn]{color:#f44336}mat-icon.large-icon,mat-icon.connecting-icon{font-size:64px!important;width:64px!important;height:64px!important}mat-icon.medium-icon{font-size:48px!important;width:48px!important;height:48px!important}mat-icon.small-icon{font-size:16px!important;width:16px!important;height:16px!important}mat-card-title mat-icon{font-size:20px!important;width:20px!important;height:20px!important;margin-right:8px}button mat-icon{font-size:18px!important;width:18px!important;height:18px!important}mat-chip mat-icon{font-size:16px!important;width:16px!important;height:16px!important}.mat-mdc-dialog-container mat-icon{max-width:100%;max-height:100%}@media(max-width:600px){mat-icon.large-icon,mat-icon.connecting-icon{font-size:48px!important;width:48px!important;height:48px!important}mat-icon.medium-icon{font-size:36px!important;width:36px!important;height:36px!important}}mat-card.success{--mat-card-elevated-container-color: var(--success-light);--mat-card-elevated-container-elevation: var(--success-color)}mat-card.info{--mat-card-elevated-container-color: var(--info-light);--mat-card-elevated-container-elevation: var(--info-color)}mat-card.warning{--mat-card-elevated-container-color: var(--warning-light);--mat-card-elevated-container-elevation: var(--warning-color)}mat-card.error{--mat-card-elevated-container-color: var(--error-light);--mat-card-elevated-container-elevation: var(--error-color)}html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #5f00c0;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #7d00fa;--mat-sys-tertiary-container: #ecdcff;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--primary-color: #0066cc;--primary-nav: #d6e2fa;--primary-light: #f0f5ff;--primary-lighter: #e8f0f8;--primary-lightest: #f8fbff;--primary-dark: #004a99;--primary-darker: #003366;--primary-variant: #0052a3;--secondary-color: #0080ff;--secondary-light: #e6f2ff;--secondary-dark: #0052a3;--success-color: #4caf50;--success-light: #e8f5e9;--success-dark: #2e7d32;--success-variant: #43a047;--warning-color: #ff9800;--warning-light: #fff3e0;--warning-dark: #ef6c00;--warning-variant: #fb8c00;--error-color: #f44336;--error-light: #ffebee;--error-dark: #c62828;--error-variant: #e53935;--info-color: #2196f3;--info-light: #e3f2fd;--info-dark: #1565c0;--info-variant: #1e88e5;--purple-color: #7c3aed;--purple-light: #ede9fe;--purple-lighter: #f5f3ff;--purple-dark: #5b21b6;--purple-darker: #4c1d95;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-disabled: #9ca3af;--text-hint: #9ca3af;--text-inverted: #ffffff;--background-default: #ffffff;--background-paper: #ffffff;--background-secondary: #f9fafb;--background-drawer: #ffffff;--background-hover: #ebf1fd;--background-active: #e8f0f8;--background-divider: #e5e7eb;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-family: "Roboto", "Helvetica", "Arial", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-loose: 1.75;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 50%;--border-default: #efefef;--shadow-none: none;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-xs: 480px;--breakpoint-sm: 600px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--mat-sidenav-container-width: 260px}.text-primary{color:#06c}.text-primary-dark{color:#004a99}.text-secondary{color:#4b5563}.text-tertiary{color:#6b7280}.text-disabled{color:#9ca3af}.text-inverse,.text-white{color:#fff}.text-success{color:#4caf50}.text-warning{color:#ff9800}.text-error{color:#f44336}.text-info{color:#2196f3}.text-purple{color:#7c3aed}.bg-primary{background-color:#06c}.bg-primary-light{background-color:#f0f5ff}.bg-primary-lighter{background-color:#e8f0f8}.bg-secondary{background-color:#f3f4f6}.bg-success{background-color:#4caf50}.bg-success-light{background-color:#e8f5e9}.bg-warning{background-color:#ff9800}.bg-warning-light{background-color:#fff3e0}.bg-error{background-color:#f44336}.bg-error-light{background-color:#ffebee}.bg-info{background-color:#2196f3}.bg-info-light{background-color:#e3f2fd}.bg-purple{background-color:#7c3aed}.bg-purple-light{background-color:#ede9fe}.border-primary{border-color:#06c}.border-light{border-color:#f8fbff}.border-default{border-color:#e5e7eb}.border-gray{border-color:#d1d5db}.border-success{border-color:#4caf50}.border-warning{border-color:#ff9800}.border-error{border-color:#f44336}.border-info{border-color:#2196f3}.border-purple{border-color:#7c3aed}.status-active{color:#4caf50;background-color:#e8f5e9;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-inactive{color:#4b5563;background-color:#f3f4f6;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-pending{color:#ff9800;background-color:#fff3e0;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-error{color:#f44336;background-color:#ffebee;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-processing{color:#2196f3;background-color:#e3f2fd;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.fill-primary{fill:#06c}.fill-secondary{fill:#0080ff}.fill-success{fill:#4caf50}.fill-warning{fill:#ff9800}.fill-error{fill:#f44336}.fill-info{fill:#2196f3}.fill-purple{fill:#7c3aed}.page-container{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);min-height:100vh;background-color:#fff}@media(max-width:768px){.page-container{padding:var(--spacing-md) var(--spacing-md);gap:var(--spacing-md)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}}.page-header.no-spacing{margin-bottom:0;gap:0}.page-header-content{flex:1}.page-header-content h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:#111827}.page-header-content .page-description{margin:0;color:#4b5563;font-size:var(--font-size-sm)}.page-header-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media(max-width:768px){.page-header-actions{flex-direction:column}}.card,.panel{background-color:#fff;border:1px solid #f8fbff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #0066cc1a;transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover,.panel:hover{box-shadow:0 4px 12px #0066cc1a;border-color:#c5deff}.card-compact{padding:var(--spacing-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid #f8fbff}.card-header h2,.card-header h3{margin:0;color:#111827;font-size:var(--font-size-lg)}.card-body{flex:1}.card-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #f8fbff}.metric-card{background-color:#fff;border:1px solid #f8fbff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}.metric-card:hover{box-shadow:0 4px 12px #0066cc1a;transform:translateY(-2px)}.metric-card .metric-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);color:#06c}.metric-card .metric-value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:#111827;margin-bottom:var(--spacing-xs)}.metric-card .metric-label{color:#4b5563;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.metric-card .metric-change{color:#6b7280;font-size:var(--font-size-sm)}.metric-card .metric-change.positive{color:#4caf50}.metric-card .metric-change.negative{color:#f44336}.table-wrapper{background-color:#fff;border:1px solid #f8fbff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 2px 8px #0066cc0d}.table-with-header .table-header{background-color:#06c;color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid #f8fbff;display:flex;justify-content:space-between;align-items:center}.table-with-header .table-header h2,.table-with-header .table-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:inherit}.table-with-header .table-actions{display:flex;gap:var(--spacing-sm)}.table-enhanced{width:100%;border-collapse:collapse}.table-enhanced thead{background-color:#f0f5ff;border-bottom:2px solid #e5e7eb}.table-enhanced thead th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#06c;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.table-enhanced thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.table-enhanced thead th.sortable:hover{background-color:#fff}.table-enhanced tbody tr{border-bottom:1px solid #f8fbff;transition:background-color var(--transition-fast)}.table-enhanced tbody tr:hover{background-color:#f0f5ff;cursor:pointer}.table-enhanced tbody tr:last-child{border-bottom:none}.table-enhanced tbody td{padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle;color:#111827;font-size:var(--font-size-sm)}.table-enhanced tbody.empty tr td{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:#4b5563}.table-footer{padding:var(--spacing-md) var(--spacing-lg);background-color:#f9fafb;border-top:1px solid #f8fbff;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:#4b5563}.data-table.clickable-rows td,.data-table.clickable-rows th{background:none}.data-table.clickable-rows .cdk-row:hover{background:var(--background-hover)}.data-table.clickable-rows .cdk-cell{cursor:pointer}.data-table th.crush,.data-table td.crush{white-space:nowrap;width:0}.data-table th.center,.data-table td.center{text-align:center}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.form-group label{font-weight:var(--font-weight-medium);color:#111827;font-size:var(--font-size-sm)}.form-group label .required{color:#f44336;margin-left:2px}.form-group .form-hint{font-size:var(--font-size-xs);color:#6b7280;margin-top:2px}.form-group .form-error{font-size:var(--font-size-xs);color:#f44336;margin-top:2px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-section{background-color:#f9fafb;border:1px solid #f8fbff;border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-section h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);color:#111827}.button-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media(max-width:600px){.button-group{flex-direction:column}.button-group button{width:100%}}.button-primary{background-color:#06c;color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.button-primary:hover:not(:disabled){background-color:#004a99;box-shadow:0 4px 12px #0066cc4d}.button-primary:active:not(:disabled){transform:scale(.98)}.button-primary:disabled{opacity:.6;cursor:not-allowed}.button-secondary{background-color:#e5e7eb;color:#111827;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.button-secondary:hover:not(:disabled){background-color:#d1d5db}.button-secondary:disabled{opacity:.6;cursor:not-allowed}.button-ghost{background-color:transparent;color:#06c;border:1px solid #0066cc;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.button-ghost:hover:not(:disabled){background-color:#f0f5ff;border-color:#06c}.button-ghost:disabled{opacity:.6;cursor:not-allowed}.button-danger{background-color:#f44336;color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.button-danger:hover:not(:disabled){background-color:#c62828}.button-danger:disabled{opacity:.6;cursor:not-allowed}.button-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.button-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.search-bar{display:flex;align-items:center;gap:var(--spacing-md);background-color:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md)}.search-bar input{flex:1;border:none;outline:none;font-size:var(--font-size-sm)}.search-bar input::placeholder{color:#6b7280}.search-bar .search-icon{color:#6b7280}.filters-bar{display:flex;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-md);background-color:#f9fafb;border-radius:var(--border-radius-md);border:1px solid #f8fbff}@media(max-width:768px){.filters-bar{flex-direction:column}}.filter-control{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:200px}.filter-control label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#4b5563}.filter-control select,.filter-control input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid #e5e7eb;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);background-color:#fff}.filter-control select:focus,.filter-control input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid #f8fbff;transition:background-color var(--transition-fast)}.list-item:hover{background-color:#f0f5ff}.list-item:last-child{border-bottom:none}.list-item-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#f0f5ff;border-radius:var(--border-radius-md);color:#06c}.list-item-content{flex:1;min-width:0}.list-item-title{margin:0;font-weight:var(--font-weight-medium);color:#111827;font-size:var(--font-size-sm)}.list-item-subtitle{margin:2px 0 0;color:#4b5563;font-size:var(--font-size-xs)}.list-item-action{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap}.badge.badge-primary{background-color:#f0f5ff;color:#06c}.badge.badge-success{background-color:#e8f5e9;color:#4caf50}.badge.badge-warning{background-color:#fff3e0;color:#ff9800}.badge.badge-error{background-color:#ffebee;color:#f44336}.badge.badge-info{background-color:#e3f2fd;color:#2196f3}.section{padding:var(--spacing-lg);background-color:#fff;border:1px solid #f8fbff;border-radius:var(--border-radius-lg)}.section+.section{margin-top:var(--spacing-lg)}.section-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid #f8fbff}.section-header h2{margin:0;font-size:var(--font-size-lg);color:#111827}.divider{height:1px;background-color:#f8fbff;margin:var(--spacing-lg) 0}.alert{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);border-left:4px solid}.alert .alert-icon{flex-shrink:0;font-size:1.25rem}.alert .alert-content{flex:1}.alert .alert-content .alert-title{margin:0 0 var(--spacing-xs) 0;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.alert .alert-content .alert-message{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}.alert.alert-info{background-color:#e3f2fd;color:#2196f3;border-left-color:#2196f3}.alert.alert-success{background-color:#e8f5e9;color:#4caf50;border-left-color:#4caf50}.alert.alert-warning{background-color:#fff3e0;color:#ff9800;border-left-color:#ff9800}.alert.alert-error{background-color:#ffebee;color:#f44336;border-left-color:#f44336}.tabs{display:flex;border-bottom:2px solid #f8fbff;gap:var(--spacing-lg)}.tab{padding:var(--spacing-md) 0;border:none;background:none;cursor:pointer;color:#4b5563;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);position:relative;transition:color var(--transition-normal)}.tab:hover{color:#111827}.tab.active{color:#06c}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#06c}.no-project-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:var(--spacing-xl)}.no-project-card{max-width:500px;text-align:center;box-shadow:0 4px 12px #0066cc1a;border:1px solid #f8fbff;border-radius:var(--border-radius-lg)}.no-project-content{padding:var(--spacing-xxl) var(--spacing-xl)}.no-project-icon{margin-bottom:var(--spacing-lg)}.no-project-icon mat-icon{font-size:4rem;height:4rem;width:4rem;color:var(--mat-color-warn)}.no-project-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:#111827}.no-project-message{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);color:#4b5563}.no-project-submessage{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);color:#4b5563;opacity:.8}.no-project-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-xl);text-align:center;min-height:200px}.empty-state .empty-icon{font-size:3rem;color:#6b7280;margin-bottom:var(--spacing-md);opacity:.5}.empty-state .empty-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#111827}.empty-state .empty-message{margin:0 0 var(--spacing-lg) 0;color:#4b5563;font-size:var(--font-size-sm);max-width:400px}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#f9fafb,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s infinite}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f8fbff;border-top-color:#06c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.breadcrumb-container{display:flex;flex-direction:row;align-items:center;text-decoration:none;margin-bottom:1em;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.main-content-cancel .breadcrumb-container{margin-top:.25em}.breadcrumb{display:inline-block;text-decoration:none;color:var(--text-secondary)}.breadcrumb:hover{color:var(--text-hover);text-decoration:underline}a.breadcrumb{cursor:pointer}.breadcrumb-separator:before{content:"/";display:inline-block;margin:0 var(--spacing-sm);color:var(--text-tertiary);font-weight:var(--font-weight-regular)}.file-drop{display:none;position:absolute;inset:-10px;z-index:1001;align-items:center;justify-content:center}.file-drop.show{display:flex}.file-drop__overlay{position:absolute;inset:0;z-index:-1;margin:auto;border:2px solid var(--primary-color);border-radius:var(--border-radius-md);background-color:var(--info-light);opacity:.7}.file-drop__hint{display:inline-block;margin:auto;padding:var(--spacing-md);background:var(--mat-sys-surface-tint);color:var(--mat-sys-inverse-on-surface);border-radius:var(--border-radius-lg);text-align:center;opacity:.9;box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.file-drop__hint mat-icon{margin-right:var(--spacing-xs)}.file-drop__hint .destination{display:block;margin:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;border:1px solid;font-size:11px;font-weight:500;white-space:nowrap}.tag-chip .tag-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tag-chips-inline{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tag-option-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle;flex-shrink:0}.text-black{color:#000}.text-white{color:#fff}.text-gray{color:#6b7280}.text-primary{color:var(--primary-color)}.text-primary-light{color:var(--primary-light)}.text-primary-dark{color:var(--primary-dark)}.text-secondary{color:var(--secondary-color)}.text-secondary-light{color:var(--secondary-light)}.text-secondary-dark{color:var(--secondary-dark)}.text-success{color:var(--success-color)}.text-success-light{color:var(--success-light)}.text-success-dark{color:var(--success-dark)}.text-warning{color:var(--warning-color)}.text-warning-light{color:var(--warning-light)}.text-warning-dark{color:var(--warning-dark)}.text-error{color:var(--error-color)}.text-error-light{color:var(--error-light)}.text-error-dark{color:var(--error-dark)}.text-info{color:var(--info-color)}.text-info-light{color:var(--info-light)}.text-info-dark{color:var(--info-dark)}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-gray{background-color:#6b7280}.bg-primary{background-color:var(--primary-color)}.bg-primary-light{background-color:var(--primary-light)}.bg-primary-dark{background-color:var(--primary-dark)}.bg-secondary{background-color:var(--secondary-color)}.bg-secondary-light{background-color:var(--secondary-light)}.bg-secondary-dark{background-color:var(--secondary-dark)}.bg-success{background-color:var(--success-color)}.bg-success-light{background-color:var(--success-light)}.bg-success-dark{background-color:var(--success-dark)}.bg-warning{background-color:var(--warning-color)}.bg-warning-light{background-color:var(--warning-light)}.bg-warning-dark{background-color:var(--warning-dark)}.bg-error{background-color:var(--error-color)}.bg-error-light{background-color:var(--error-light)}.bg-error-dark{background-color:var(--error-dark)}.bg-info{background-color:var(--info-color)}.bg-info-light{background-color:var(--info-light)}.bg-info-dark{background-color:var(--info-dark)}.border-primary{border-color:var(--primary-color)}.border-secondary{border-color:var(--secondary-color)}.border-success{border-color:var(--success-color)}.border-warning{border-color:var(--warning-color)}.border-error{border-color:var(--error-color)}.border-info{border-color:var(--info-color)}.fill-black{fill:#000}.fill-white{fill:#fff}.fill-gray{fill:#6b7280}.fill-primary{fill:var(--primary-color)}.fill-secondary{fill:var(--secondary-color)}.fill-success{fill:var(--success-color)}.fill-warning{fill:var(--warning-color)}.fill-error{fill:var(--error-color)}.fill-info{fill:var(--info-color)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-success{color:var(--success-color)}.color-warning{color:var(--warning-color)}.color-error{color:var(--error-color)}.color-info{color:var(--info-color)}.bg-color-primary{background-color:var(--primary-color)}.bg-color-secondary{background-color:var(--secondary-color)}.bg-color-success{background-color:var(--success-color)}.bg-color-warning{background-color:var(--warning-color)}.bg-color-error{background-color:var(--error-color)}.bg-color-info{background-color:var(--info-color)}.status-active{color:var(--success-color);background-color:var(--success-light)}.status-inactive{color:var(--text-secondary);background-color:var(--background-hover)}.status-pending{color:var(--warning-color);background-color:var(--warning-light)}.status-error{color:var(--error-color);background-color:var(--error-light)}.status-processing{color:var(--info-color);background-color:var(--info-light)}.badge-primary{color:var(--primary-color);background-color:var(--primary-light)}.badge-secondary{color:var(--secondary-color);background-color:var(--secondary-light)}.badge-success{color:var(--success-color);background-color:var(--success-light)}.badge-warning{color:var(--warning-color);background-color:var(--warning-light)}.badge-error{color:var(--error-color);background-color:var(--error-light)}.badge-info{color:var(--info-color);background-color:var(--info-light)}.page-container{padding:2rem;min-height:100vh}.breadcrumb-and-back-wrapper{display:flex;align-items:center;margin-bottom:8px;margin-top:-1rem}.breadcrumb-and-back-wrapper .breadcrumb-wrapper{flex:1;padding-top:1rem;margin-left:.5rem}.page-header{margin-bottom:2rem}.page-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.page-header h1{margin:0 0 .5rem;font-weight:500;color:var(--text-primary)}.page-header .header-subtitle{margin:.5rem 0 0;color:var(--text-secondary);font-size:1rem}.page-header .header-actions{display:flex;gap:1rem}.filters-card{margin-bottom:2rem}.filters-card .filters-container{display:flex;flex-direction:column;gap:1rem}.filters-card .search-field{width:100%}.filters-card .filter-actions{display:flex;gap:1rem;flex-wrap:wrap}.filters-card .filter-actions mat-form-field{flex:1;min-width:200px}.loading-card .loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem}.loading-card .loading-content h3{margin:0;color:var(--text-primary)}.loading-card .loading-content p{margin:0;color:var(--text-secondary)}.error-state .error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem}.error-state .error-content h3{margin:0;color:var(--error-color)}.error-state .error-content p{margin:0;color:var(--text-secondary)}.error-state .error-content .error-icon{font-size:3rem;width:3rem;height:3rem;color:var(--error-color)}.section-header{margin-bottom:1.5rem}.section-header h2{margin:0 0 .5rem;font-weight:500;color:var(--text-primary)}.section-header .section-description{margin:0;color:var(--text-secondary);font-size:1rem}@media(max-width:768px){.page-container{padding:1rem}.page-header .header-content{flex-direction:column;align-items:stretch}.filter-actions{flex-direction:column}.filter-actions mat-form-field{width:100%}}.table-wrapper{overflow-x:auto;margin-bottom:1rem}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--background-subtle);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px;opacity:.7}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.table-wrapper{scrollbar-width:thin;scrollbar-color:var(--text-secondary) var(--background-subtle)}.table-card{margin-bottom:1rem}.standard-table{width:100%}.standard-table mat-cell,.standard-table mat-header-cell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.standard-table.mat-table{min-width:800px}.primary-text{font-weight:500;color:var(--text-primary)}.secondary-text{color:var(--text-secondary)}.count-cell{display:flex;align-items:center;gap:.5rem;font-weight:500}.count-cell mat-icon{font-size:1.25rem;width:1.25rem;height:1.25rem;color:var(--text-secondary)}.action-buttons{display:flex;gap:.5rem;align-items:center}.action-buttons button[mat-icon-button]{transition:all .2s ease}.action-buttons button[mat-icon-button]:hover:not([disabled]){transform:scale(1.1)}.action-buttons button[mat-icon-button][disabled]{opacity:.4;cursor:not-allowed}.clickable-row{position:relative;cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#0000000a}.clickable-row:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background-color:transparent;transition:background-color .2s ease}.clickable-row:hover:after{background-color:#3f51b580}.status-chip{font-size:.75rem;font-weight:500}.status-queued{background-color:var(--warning-light);color:var(--warning-color);font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:12px}.status-running{background-color:var(--info-light);color:var(--info-color);font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:12px}.status-completed{background-color:var(--success-light);color:var(--success-color);font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:12px}.status-failed{background-color:var(--error-light);color:var(--error-color);font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:12px}.results-info{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.75rem 1rem;background-color:#00000008;border-radius:4px;font-size:.875rem}.results-info span{color:var(--text-secondary)}.results-info button{display:flex;align-items:center;gap:.25rem}.results-info button mat-icon{margin-right:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.empty-state mat-icon{font-size:4rem;width:4rem;height:4rem;color:var(--text-disabled);margin-bottom:1.5rem}.empty-state h3{margin:0 0 1rem;color:var(--text-secondary)}.empty-state p{color:var(--text-disabled);margin-bottom:1.5rem}.loading-state .loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem}.loading-state .loading-content h3{margin:0;color:var(--text-primary)}.loading-state .loading-content p{margin:0;color:var(--text-secondary)}.paginator-container{margin-top:1rem}.paginator-container mat-paginator{background:transparent}@media(max-width:768px){.standard-table .count-cell{flex-direction:column;text-align:center;gap:.25rem}.standard-table .action-buttons{flex-direction:column;gap:.25rem}.results-info{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:479px){.hidden-xs{display:none}}.visible-xs{display:block}@media(min-width:768px)and (max-width:1023px){.visible-xs{display:none}}.visible-sm-up{display:none}@media(min-width:600px)and (max-width:767px){.visible-sm-up{display:block}}.file-input-hidden{position:absolute;left:-9999px;top:-9999px;opacity:0;visibility:hidden;pointer-events:none;width:1px;height:1px;overflow:hidden}.file-input-display-none{display:none}.hidden-file-input{position:absolute;opacity:0;width:0;height:0;padding:0;margin:0;border:none;pointer-events:none;overflow:hidden}.text-light{font-weight:var(--font-weight-light)}.text-normal{font-weight:var(--font-weight-regular)}.text-medium{font-weight:var(--font-weight-medium)}.text-bold{font-weight:var(--font-weight-bold)}.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-xxl{font-size:var(--font-size-xxl)}.leading-tight{line-height:var(--line-height-tight)}.leading-base{line-height:var(--line-height-base)}.leading-loose{line-height:var(--line-height-loose)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-disabled{color:var(--text-disabled)}.text-hint{color:var(--text-hint)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-no-decoration{text-decoration:none}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-multiline-ellipsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.text-responsive-xs{font-size:12px}@media(min-width:768px){.text-responsive-xs{font-size:13px}}@media(min-width:1024px){.text-responsive-xs{font-size:14px}}.text-responsive-sm{font-size:14px}@media(min-width:768px){.text-responsive-sm{font-size:16px}}@media(min-width:1024px){.text-responsive-sm{font-size:18px}}.text-responsive-base{font-size:16px}@media(min-width:768px){.text-responsive-base{font-size:18px}}@media(min-width:1024px){.text-responsive-base{font-size:20px}}.text-responsive-lg{font-size:18px}@media(min-width:768px){.text-responsive-lg{font-size:20px}}@media(min-width:1024px){.text-responsive-lg{font-size:22px}}.display-xs{font-size:1rem;font-weight:300;letter-spacing:0}.display-sm{font-size:1.5rem;font-weight:300;letter-spacing:0}.display-base{font-size:2rem;font-weight:300;letter-spacing:0}.display-lg{font-size:3rem;font-weight:300;letter-spacing:0}.display-xl{font-size:4rem;font-weight:300;letter-spacing:0}.display-xxl{font-size:5rem;font-weight:300;letter-spacing:0}.title-xs{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.title-sm{font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.25px}.title-base{font-size:1.125rem;font-weight:500;text-transform:uppercase;letter-spacing:0}.title-lg{font-size:1.5rem;font-weight:400;letter-spacing:0}.title-xl{font-size:2rem;font-weight:400;letter-spacing:0}.subtitle-xs{font-size:.75rem;color:var(--text-secondary)}.subtitle-sm{font-size:.875rem;color:var(--text-secondary)}.subtitle-base{font-size:1rem;color:var(--text-secondary)}.subtitle-lg{font-size:1.125rem;color:var(--text-secondary)}@media(max-width:768px){.display-xs{font-size:.875rem}.display-sm{font-size:1.25rem}.display-base{font-size:1.75rem}.display-lg{font-size:2.5rem}.display-xl{font-size:3.5rem}.display-xxl{font-size:4.5rem}.title-xs{font-size:.75rem}.title-sm{font-size:.875rem}.title-base{font-size:1rem}.title-lg{font-size:1.25rem}.title-xl{font-size:1.75rem}}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.m-6{margin:var(--spacing-xxl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-xxl)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.mr-4{margin-right:var(--spacing-lg)}.mr-5{margin-right:var(--spacing-xl)}.mr-6{margin-right:var(--spacing-xxl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-xxl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-md)}.ml-4{margin-left:var(--spacing-lg)}.ml-5{margin-left:var(--spacing-xl)}.ml-6{margin-left:var(--spacing-xxl)}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-2{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-3{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-4{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-5{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-6{margin-left:var(--spacing-xxl);margin-right:var(--spacing-xxl)}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-2{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-3{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-4{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-5{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.my-6{margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-xxl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-xxl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-lg)}.pt-5{padding-top:var(--spacing-xl)}.pt-6{padding-top:var(--spacing-xxl)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-xs)}.pr-2{padding-right:var(--spacing-sm)}.pr-3{padding-right:var(--spacing-md)}.pr-4{padding-right:var(--spacing-lg)}.pr-5{padding-right:var(--spacing-xl)}.pr-6{padding-right:var(--spacing-xxl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:var(--spacing-xl)}.pb-6{padding-bottom:var(--spacing-xxl)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-xs)}.pl-2{padding-left:var(--spacing-sm)}.pl-3{padding-left:var(--spacing-md)}.pl-4{padding-left:var(--spacing-lg)}.pl-5{padding-left:var(--spacing-xl)}.pl-6{padding-left:var(--spacing-xxl)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-3{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-5{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-6{padding-left:var(--spacing-xxl);padding-right:var(--spacing-xxl)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-3{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-4{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-5{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-6{padding-top:var(--spacing-xxl);padding-bottom:var(--spacing-xxl)}.gap-0{gap:0}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.gap-6{gap:var(--spacing-xxl)}@media(max-width:768px){.m-sm-0{margin:0}.m-sm-1{margin:var(--spacing-xs)}.m-sm-2{margin:var(--spacing-sm)}.m-sm-3{margin:var(--spacing-md)}.m-sm-4{margin:var(--spacing-lg)}.p-sm-0{padding:0}.p-sm-1{padding:var(--spacing-xs)}.p-sm-2{padding:var(--spacing-sm)}.p-sm-3{padding:var(--spacing-md)}.p-sm-4{padding:var(--spacing-lg)}}@media(min-width:1024px){.m-md-0{margin:0}.m-md-1{margin:var(--spacing-xs)}.m-md-2{margin:var(--spacing-sm)}.m-md-3{margin:var(--spacing-md)}.m-md-4{margin:var(--spacing-lg)}.p-md-0{padding:0}.p-md-1{padding:var(--spacing-xs)}.p-md-2{padding:var(--spacing-sm)}.p-md-3{padding:var(--spacing-md)}.p-md-4{padding:var(--spacing-lg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-20px,0)}70%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeOut{animation:fadeOut .3s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}.animate-slideOut{animation:slideOut .3s ease-out}.animate-slideInLeft{animation:slideInLeft .3s ease-out}.animate-slideInRight{animation:slideInRight .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.hover-animate{transition:all var(--transition-normal)}.hover-animate:hover{transform:translateY(-2px)}.loading{position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.button-hover{transition:all var(--transition-normal)}.button-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.button-hover:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.shadow{box-shadow:0 4px 6px #0000001a}.shadow-md{box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014}.shadow-lg{box-shadow:0 10px 20px #00000026,0 3px 6px #0000001a}.shadow-xl{box-shadow:0 20px 40px #0003,0 8px 16px #00000026}.shadow-2xl{box-shadow:0 25px 50px #00000040,0 10px 20px #0003}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.shadow-bottom{box-shadow:0 4px 6px #0000001a}.shadow-top{box-shadow:0 -4px 6px #0000001a}.shadow-left{box-shadow:-4px 0 6px #0000001a}.shadow-right{box-shadow:4px 0 6px #0000001a}.shadow-hover-none:hover{box-shadow:none}.shadow-hover-sm:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.shadow-hover:hover{box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014}.shadow-hover-md:hover{box-shadow:0 10px 20px #00000026,0 3px 6px #0000001a}.shadow-hover-lg:hover{box-shadow:0 20px 40px #0003,0 8px 16px #00000026}.shadow-primary{box-shadow:0 4px 6px #1976d233}.shadow-secondary{box-shadow:0 4px 6px #9c27b033}.shadow-success{box-shadow:0 4px 6px #4caf5033}.shadow-warning{box-shadow:0 4px 6px #ff980033}.shadow-error{box-shadow:0 4px 6px #f4433633}.shadow-info{box-shadow:0 4px 6px #2196f333}@media(max-width:768px){.shadow-mobile-sm{box-shadow:0 1px 2px #0000001a}.shadow-mobile{box-shadow:0 2px 4px #0000001a}.shadow-mobile-md{box-shadow:0 4px 6px #0000001a}}.elevation-0{box-shadow:none}.elevation-1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.elevation-2{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.elevation-3{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.elevation-4{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.elevation-5{box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}.shadow-interactive{transition:box-shadow var(--transition-normal)}.shadow-interactive:hover{box-shadow:var(--shadow-lg)}.shadow-interactive:active{box-shadow:var(--shadow-md)}.shadow-floating{box-shadow:0 10px 25px #0000001a;transition:box-shadow var(--transition-normal)}.shadow-floating:hover{box-shadow:0 15px 35px #00000026}.shadow-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18)}.border-0{border-width:0}.border-1{border-width:1px}.border-2{border-width:2px}.border-3{border-width:3px}.border-4{border-width:4px}.border-5{border-width:5px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-none{border-style:none}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:var(--border-radius-full)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-sm{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.rounded-t{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.rounded-t-lg{border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.rounded-t-xl{border-top-left-radius:var(--border-radius-xl);border-top-right-radius:var(--border-radius-xl)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-sm{border-top-right-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.rounded-r{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.rounded-r-lg{border-top-right-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.rounded-r-xl{border-top-right-radius:var(--border-radius-xl);border-bottom-right-radius:var(--border-radius-xl)}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-b-sm{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.rounded-b{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.rounded-b-lg{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.rounded-b-xl{border-bottom-left-radius:var(--border-radius-xl);border-bottom-right-radius:var(--border-radius-xl)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-sm{border-top-left-radius:var(--border-radius-sm);border-bottom-left-radius:var(--border-radius-sm)}.rounded-l{border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md)}.rounded-l-lg{border-top-left-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg)}.rounded-l-xl{border-top-left-radius:var(--border-radius-xl);border-bottom-left-radius:var(--border-radius-xl)}.border-t{border-top:1px solid}.border-r{border-right:1px solid}.border-b{border-bottom:1px solid}.border-l{border-left:1px solid}.border-t-0{border-top:0}.border-r-0{border-right:0}.border-b-0{border-bottom:0}.border-l-0{border-left:0}.border-black{border-color:#000}.border-white{border-color:#fff}.border-gray{border-color:#6b7280}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-400{border-color:#9ca3af}.border-gray-500{border-color:#6b7280}.border-spacing-0{border-spacing:0}.border-spacing-1{border-spacing:1px}.border-spacing-2{border-spacing:2px}.border-spacing-4{border-spacing:4px}.outline-none{outline:none}.outline{outline:2px solid}.outline-dashed{outline:2px dashed}.outline-dotted{outline:2px dotted}.focus-visible:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.focus-none:focus-visible{outline:none}@media(max-width:768px){.border-mobile-none{border:none}.border-mobile-sm{border-width:1px}.border-mobile{border-width:2px}.border-mobile-lg{border-width:3px}}.border-opacity-0{border-opacity:0}.border-opacity-25{border-opacity:.25}.border-opacity-50{border-opacity:.5}.border-opacity-75{border-opacity:.75}.border-opacity-100{border-opacity:1}.border-x{border-left:1px solid;border-right:1px solid}.border-y{border-top:1px solid;border-bottom:1px solid}body{margin:0;padding:0}*{box-sizing:border-box}mat-form-field .mat-mdc-form-field-flex{margin-top:.25em}button[mat-raised-button]{display:flex;align-items:center;gap:.5rem;height:48px;padding:0 24px;font-weight:500}button[mat-raised-button] mat-icon{height:20px;width:20px}button[mat-icon-button]{transition:all .2s ease}button[mat-icon-button]:hover:not([disabled]){transform:scale(1.1)}button[mat-icon-button][disabled]{opacity:.4;cursor:not-allowed}.no-scrollbar{scrollbar-width:none!important;-ms-overflow-style:none!important}.no-scrollbar::-webkit-scrollbar{display:none!important;width:0px!important;height:0px!important}.main-content{padding:1.5em}.main-content-cancel{margin:-1.5em}.mat-table-codebook-group-row{background-color:var(--background-secondary);pointer-events:none;font-weight:600}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.full-width{width:100%}.multiline-tooltip{white-space:pre-line}