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: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--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: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--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{--accent: #1976d2;--accent-hover: color-mix(in srgb, var(--accent) 85%, black);--accent-bg: color-mix(in srgb, var(--accent) 10%, white);--accent-border: color-mix(in srgb, var(--accent) 35%, white);--on-accent: #ffffff;--brand-primary: var(--accent);--brand-primary-dark: var(--accent-hover);--brand-primary-light: var(--accent-bg);--brand-secondary: #424242;--text-on-brand: var(--on-accent);--surface-page: #f8fafc;--surface-card: #ffffff;--surface-sunken: #f1f5f9;--surface-inverse: #0b1120;--surface-inverse-elev: #131b2e;--text-inverse: #f8fafc;--text-inverse-muted: #94a3b8;--border-inverse: rgba(248, 250, 252, .1);--surface-bg: var(--surface-page);--surface-sidebar: var(--surface-card);--surface-sidebar-text: var(--text-primary);--surface-header: var(--surface-card);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-disabled: #cbd5e1;--border-color: #e2e8f0;--border-strong: #cbd5e1;--shadow-popover: 0 4px 16px rgba(15, 23, 42, .12), 0 1px 3px rgba(15, 23, 42, .08);--shadow-dialog: 0 12px 32px rgba(15, 23, 42, .16), 0 2px 6px rgba(15, 23, 42, .08);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: var(--shadow-popover);--shadow-lg: var(--shadow-dialog);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-base: 1.55;--line-height-relaxed: 1.7;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.4, 0, 1, 1);--z-sticky: 100;--z-dropdown: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--container-auth: 420px;--container-form: 720px;--sidebar-width: 256px;--sidebar-rail: 64px;--header-height: 56px;--row-height: 44px;--avatar-size-sm: 34px;--avatar-size-md: 44px;--control-height: 40px;--success: #059669;--warning: #f59e0b;--danger: #dc2626;--info: #475569;--teal: #0d9488;--purple: #9333ea;--success-bg: color-mix(in srgb, var(--success) 12%, white);--warning-bg: color-mix(in srgb, var(--warning) 12%, white);--danger-bg: color-mix(in srgb, var(--danger) 12%, white);--info-bg: var(--surface-sunken);--teal-bg: color-mix(in srgb, var(--teal) 12%, white);--purple-bg: color-mix(in srgb, var(--purple) 12%, white);--status-info-bg: var(--info-bg);--status-info-text: var(--info);--status-info-border: var(--border-strong);--status-warning-bg: var(--warning-bg);--status-warning-text: var(--warning);--status-warning-border: color-mix(in srgb, var(--warning) 35%, white);--status-danger-bg: var(--danger-bg);--status-danger-text: var(--danger);--status-danger-border: color-mix(in srgb, var(--danger) 35%, white);--status-success-bg: var(--success-bg);--status-success-text: var(--success);--status-success-border: color-mix(in srgb, var(--success) 35%, white);--status-teal-bg: var(--teal-bg);--status-teal-text: var(--teal);--status-teal-border: color-mix(in srgb, var(--teal) 35%, white);--status-neutral-bg: var(--surface-sunken);--status-neutral-text: var(--text-secondary);--status-neutral-border: var(--border-color);--status-purple-bg: var(--purple-bg);--status-purple-text: var(--purple);--status-purple-border: color-mix(in srgb, var(--purple) 35%, white);--status-pending: var(--warning);--status-in-progress: var(--info);--status-done: var(--success)}:root{--mdc-typography-font-family: var(--font-sans);--mat-select-panel-background-color: var(--surface-card)}.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary{--mdc-filled-button-container-color: var(--accent);--mdc-filled-button-label-text-color: var(--on-accent);--mdc-filled-button-container-shape: var(--radius-md);--mdc-filled-button-container-height: var(--control-height);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:0}.mat-mdc-unelevated-button.mat-primary:hover,.mat-mdc-raised-button.mat-primary:hover{--mdc-filled-button-container-color: var(--accent-hover)}.mat-mdc-outlined-button{--mdc-outlined-button-container-shape: var(--radius-md);--mdc-outlined-button-outline-color: var(--border-strong);--mdc-outlined-button-label-text-color: var(--text-primary);--mdc-outlined-button-container-height: var(--control-height);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color: var(--accent);--mdc-outlined-button-outline-color: var(--accent)}.mat-mdc-unelevated-button.mat-warn,.mat-mdc-raised-button.mat-warn{--mdc-filled-button-container-color: var(--danger);--mdc-filled-button-label-text-color: #ffffff}.mat-mdc-button:not(.mat-mdc-outlined-button):not(.mat-mdc-unelevated-button){--mdc-text-button-container-shape: var(--radius-md);--mdc-text-button-label-text-color: var(--text-secondary);--mdc-text-button-container-height: var(--control-height);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.mat-mdc-icon-button{--mdc-icon-button-icon-size: 20px;--mdc-icon-button-state-layer-size: 40px}.mat-mdc-form-field{--mdc-outlined-text-field-container-shape: var(--radius-md);--mdc-outlined-text-field-outline-color: var(--border-strong);--mdc-outlined-text-field-hover-outline-color: var(--text-muted);--mdc-outlined-text-field-label-text-size: var(--font-size-md);font-size:var(--font-size-md)}.mat-mdc-text-field-wrapper{min-height:48px}.mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing{border-color:var(--accent)!important}.mat-mdc-form-field.mat-focused .mdc-floating-label{color:var(--accent)!important}.mat-mdc-select-panel,.mat-mdc-menu-panel,.mat-mdc-autocomplete-panel{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-popover)!important;border:1px solid var(--border-color)}.mat-mdc-menu-item{font-size:var(--font-size-base);min-height:40px}.mat-mdc-menu-item .mat-icon{color:var(--text-secondary);margin-right:var(--space-2)}.mat-mdc-tab-group{--mdc-tab-indicator-active-indicator-color: var(--accent);--mat-tab-header-active-label-text-color: var(--accent);--mat-tab-header-active-ripple-color: transparent;--mat-tab-header-inactive-ripple-color: transparent;--mat-tab-header-active-focus-indicator-color: var(--accent);--mat-tab-header-active-hover-indicator-color: var(--accent)}.mat-mdc-tab{--mat-tab-header-label-text-size: var(--font-size-md);--mat-tab-header-label-text-weight: var(--font-weight-medium);--mat-tab-header-inactive-label-text-color: var(--text-secondary);min-width:0;height:48px;letter-spacing:0}.mat-mdc-tab-header{border-bottom:1px solid var(--border-color)}.mat-mdc-table{background:transparent!important;font-family:var(--font-sans)}.mat-mdc-header-row{background:var(--surface-sunken);height:var(--row-height)!important}.mat-mdc-header-cell{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em;border-bottom-color:var(--border-color)}.mat-mdc-row{height:var(--row-height)!important}.mat-mdc-cell{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);border-bottom-color:var(--border-color)}.mat-mdc-paginator{background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm)}.mat-mdc-paginator .mat-mdc-select-value,.mat-mdc-paginator .mat-mdc-paginator-range-label{font-size:var(--font-size-sm)}.mat-expansion-panel{box-shadow:none!important;border:1px solid var(--border-color);border-radius:var(--radius-lg)!important;background:var(--surface-card)}.mat-expansion-panel:not(:last-child){margin-bottom:var(--space-2)}.mat-expansion-panel-header{font-size:var(--font-size-base);height:44px!important}.mdc-tooltip__surface{--mdc-plain-tooltip-container-color: var(--text-primary);--mdc-plain-tooltip-supporting-text-color: var(--surface-card);border-radius:var(--radius-sm)!important;font-size:var(--font-size-xs)!important}.mat-mdc-checkbox{--mdc-checkbox-selected-icon-color: var(--accent);--mdc-checkbox-selected-hover-icon-color: var(--accent-hover);--mdc-checkbox-selected-focus-icon-color: var(--accent)}.mat-mdc-progress-spinner circle{stroke:var(--accent)}.mat-mdc-dialog-container{--mdc-dialog-container-shape: var(--radius-lg)}.mdc-dialog__surface{box-shadow:var(--shadow-dialog)!important}.status-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid transparent;white-space:nowrap;line-height:1.5;vertical-align:middle}.status-chip mat-icon{font-size:1rem;height:1rem;width:1rem;line-height:1}.status-chip--hero{padding:var(--space-2) var(--space-5);font-size:var(--font-size-base);border-width:1.5px;gap:var(--space-2)}.status-chip--hero mat-icon{font-size:1.125rem;height:1.125rem;width:1.125rem}.status-chip--info{background:var(--status-info-bg);color:var(--status-info-text);border-color:var(--status-info-border)}.status-chip--warning{background:var(--status-warning-bg);color:var(--status-warning-text);border-color:var(--status-warning-border)}.status-chip--danger{background:var(--status-danger-bg);color:var(--status-danger-text);border-color:var(--status-danger-border)}.status-chip--success{background:var(--status-success-bg);color:var(--status-success-text);border-color:var(--status-success-border)}.status-chip--teal{background:var(--status-teal-bg);color:var(--status-teal-text);border-color:var(--status-teal-border)}.status-chip--neutral{background:var(--status-neutral-bg);color:var(--status-neutral-text);border-color:var(--status-neutral-border)}.status-chip--purple{background:var(--status-purple-bg);color:var(--status-purple-text);border-color:var(--status-purple-border)}.tl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.tl-dot--info{background:var(--status-info-text)}.tl-dot--warning{background:var(--status-warning-text)}.tl-dot--danger{background:var(--status-danger-text)}.tl-dot--success{background:var(--status-success-text)}.tl-dot--teal{background:var(--status-teal-text)}.tl-dot--neutral{background:#9e9e9e}.tl-dot--purple{background:var(--status-purple-text)}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.page-anim{animation:pageEnter var(--duration-base) var(--easing-decelerate) both}.fade-in{animation:fadeIn var(--duration-base) var(--easing-decelerate) both}.layout-centered{width:100%;max-width:var(--container-auth);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12);animation:pageEnter var(--duration-base) var(--easing-decelerate) both}@media(max-width:640px){.layout-centered{padding:var(--space-4) var(--space-4) var(--space-10)}}.layout-form{width:100%;max-width:var(--container-form);padding:var(--space-6) var(--space-6) var(--space-12);animation:pageEnter var(--duration-base) var(--easing-decelerate) both}@media(max-width:640px){.layout-form{padding:var(--space-4) var(--space-4) var(--space-10)}}.layout-operational{width:100%;padding:var(--space-6) var(--space-6) var(--space-12);animation:pageEnter var(--duration-base) var(--easing-decelerate) both}@media(max-width:640px){.layout-operational{padding:var(--space-4) var(--space-4) var(--space-10)}}.page-h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.page-header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.sc-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.sc-card__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-color);background:var(--surface-sunken)}.sc-card__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:0}.sc-card__body{padding:var(--space-5)}.spinner-wrap{display:flex;justify-content:center;padding:var(--space-12) 0}.state-msg{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-base);padding:var(--space-8) 0}.state-msg mat-icon{opacity:.6}.state-msg--error{color:#c62828}.state-msg--error mat-icon{opacity:1}.data-table-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.data-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table-toolbar{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}@media(min-width:1024px){.data-table-toolbar{flex-direction:row;align-items:center}}.data-table-search{position:relative;display:flex;align-items:center;flex:1;min-width:0}.data-table-search mat-icon{position:absolute;left:var(--space-3);color:var(--text-muted);font-size:1.25rem;height:1.25rem;width:1.25rem;pointer-events:none}.data-table-search input{width:100%;height:var(--control-height);box-sizing:border-box;padding:0 var(--space-10) 0 var(--space-10);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-sans);outline:none;transition:border-color var(--duration-fast) var(--easing-standard)}.data-table-search input:focus{border-color:var(--accent)}.data-table-search input::placeholder{color:var(--text-muted)}.data-table-search .data-table-search__clear{position:absolute;right:2px;width:var(--control-height);height:var(--control-height)}.data-table-search .data-table-search__clear mat-icon{position:static;font-size:1.125rem;height:1.125rem;width:1.125rem}.segmented{display:inline-flex;height:var(--control-height);background:var(--surface-sunken);border-radius:var(--radius-md);padding:3px;flex-shrink:0;gap:2px;box-sizing:border-box}.segmented__option{padding:0 var(--space-4);border-radius:calc(var(--radius-md) - 2px);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.segmented__option:hover:not(.segmented__option--active){color:var(--text-primary)}.segmented__option--active{background:var(--surface-card);color:var(--text-primary);box-shadow:0 1px 2px #0f172a14}.dt-avatar{width:var(--avatar-size-sm);height:var(--avatar-size-sm);border-radius:50%;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;-webkit-user-select:none;user-select:none}.dt-avatar--neutral{background:var(--surface-sunken);color:var(--text-secondary)}.dt-row-actions{opacity:0;transition:opacity var(--duration-fast) var(--easing-standard)}@media(hover:none){.dt-row-actions{opacity:1}}tr:hover .dt-row-actions{opacity:1}.form-grid{display:grid;grid-template-columns:1fr;gap:0 var(--space-5)}@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}}.form-grid mat-form-field{width:100%}.form-grid--readonly{gap:var(--space-4) var(--space-5)}@media(min-width:640px){.form-grid__span-2{grid-column:span 2}}.readonly-field{display:flex;flex-direction:column;gap:var(--space-1)}.readonly-field__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.readonly-field__value{font-size:var(--font-size-md);color:var(--text-primary)}.readonly-field__value.mono{font-family:var(--font-mono)}.form-error{color:var(--danger);font-size:var(--font-size-sm);margin:0 0 var(--space-3)}.form-actions{display:flex;gap:var(--space-3);align-items:center;padding-top:var(--space-2)}.form-actions mat-spinner{display:inline-block}.form-inline-section{display:flex;gap:var(--space-3);align-items:flex-start;flex-wrap:wrap;margin-bottom:var(--space-4);padding:var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);border:1px solid var(--border-color)}.form-inline-section mat-form-field{min-width:200px;flex:1}.form-inline-section button{margin-top:4px}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{height:100%;margin:0;font-family:var(--font-sans);font-size:var(--font-size-md);background-color:var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased}.tabular-nums{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
