.flex{display:flex}.inline-flex{display:inline-flex}.row{display:flex;align-items:center}.stack{display:flex;flex-direction:column}.wrap{flex-wrap:wrap}.grow{flex:1}.w-full{width:100%}.shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-y-0{row-gap:0}.gap-y-xs{row-gap:var(--space-xs)}.gap-x-xs{column-gap:var(--space-xs)}.gap-x-sm{column-gap:var(--space-sm)}.gap-x-md{column-gap:var(--space-md)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.py-0{padding-top:0;padding-bottom:0}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.pt-xs{padding-top:var(--space-xs)}.pt-md{padding-top:var(--space-md)}.pr-sm{padding-right:var(--space-sm)}.pb-0{padding-bottom:0}.pb-sm{padding-bottom:var(--space-sm)}.m-0{margin:0}.my-0{margin-top:0;margin-bottom:0}.mx-0{margin-left:0;margin-right:0}.mx-md{margin-left:var(--space-md);margin-right:var(--space-md)}.mx-auto{margin-left:auto;margin-right:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mr-xs{margin-right:var(--space-xs)}.mr-sm{margin-right:var(--space-sm)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.ml-xs{margin-left:var(--space-xs)}.ml-sm{margin-left:var(--space-sm)}.ml-auto{margin-left:auto}.panel{background:var(--color-surface);border:var(--border);border-radius:var(--radius-card)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-small)}.data-table th,.data-table td{padding:var(--space-sm);border-bottom:var(--border);text-align:left}.data-table thead th{background:var(--color-background);color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.data-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.data-table--compact th,.data-table--compact td{padding:var(--space-xs) var(--space-sm)}.data-table--compact thead th{background:none}.label-caps{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--field-column-min),1fr))}.field-grid--dense{grid-template-columns:repeat(auto-fill,minmax(var(--field-column-min-sm),1fr))}.field-value{margin:var(--space-xs) 0 0;color:var(--color-text);overflow-wrap:anywhere}.stat-value{color:var(--color-text-strong);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;line-height:var(--line-height-tight)}.alert{border-radius:var(--radius-card);background:var(--color-status-review-bg);color:var(--color-status-review-text);font-size:var(--font-size-small)}.alert--warning{background:var(--color-status-review-bg);color:var(--color-status-review-text)}.alert--error{background:var(--color-status-nomatch-bg);color:var(--color-status-nomatch-text)}.alert--success{background:var(--color-status-matched-bg);color:var(--color-status-matched-text)}.alert--info{background:var(--color-status-awaiting-bg);color:var(--color-status-awaiting-text)}.tag{display:inline-block;border:var(--border-width) solid var(--color-badge-border);border-radius:var(--radius-input);background:var(--color-badge-bg);color:var(--color-badge-text);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base)}.tag--warning{border-color:var(--color-status-review-dot);background:var(--color-status-review-bg);color:var(--color-status-review-text)}.tag--success{border-color:var(--color-status-matched-dot);background:var(--color-status-matched-bg);color:var(--color-status-matched-text)}.tag--error{border-color:var(--color-status-nomatch-dot);background:var(--color-status-nomatch-bg);color:var(--color-status-nomatch-text)}.count-pill{border:var(--border-width) solid var(--color-badge-border);border-radius:var(--radius-pill);background:var(--color-badge-bg);color:var(--color-badge-text);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.count-badge{min-width:var(--badge-size);height:var(--badge-size);padding:0 var(--space-xs);box-sizing:border-box;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--badge-size);text-align:center}.count-badge--error{background:var(--color-error)}.dot{display:inline-block;flex-shrink:0;width:var(--dot-size);height:var(--dot-size);border-radius:var(--radius-round)}.link-button{padding:0;background:none;border:0;color:var(--color-text-accent);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer}.native-control{box-sizing:border-box;padding:var(--space-2xs) var(--space-sm);background:var(--color-surface);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-input);color:var(--color-text-strong);font:inherit;font-size:var(--font-size-small)}.native-control:hover{border-color:var(--color-primary)}.native-control:focus-visible{outline-offset:0}.spinner-block{margin:var(--space-lg) auto;--mat-sys-primary: var(--color-primary)}.field-label{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.title-h2{color:var(--color-text-strong);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}.title-base{color:var(--color-text-strong);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted-sm{color:var(--color-text-muted);font-size:var(--font-size-small)}.text-muted-xs{color:var(--color-text-muted);font-size:var(--font-size-caption)}.text-emphasis{color:var(--color-text-strong);font-weight:var(--font-weight-semibold)}.uppercase{text-transform:uppercase}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.border-b{border-bottom:var(--border)}.border-t{border-top:var(--border)}.overflow-x-auto{overflow-x:auto}.email-html img{max-width:100%}.email-html table{max-width:100%;border-collapse:collapse}.email-html p{margin:0 0 var(--space-sm)}html{height:100%;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--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);--mat-sys-body-large: 400 1rem / 1.5rem var(--font-family-base);--mat-sys-body-large-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-body-medium-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-body-small-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-display-large-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-display-medium-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-display-small-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-headline-large-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-headline-medium-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-headline-small-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-label-large-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-label-medium-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-label-small-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-title-large-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-title-medium-font: var(--font-family-base);--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 var(--font-family-base);--mat-sys-title-small-font: var(--font-family-base);--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;--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;--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;--mat-sys-primary: var(--color-primary);--mat-sys-on-primary: var(--color-on-primary);--mat-sys-secondary-container: var(--color-primary-tint);--mat-sys-on-secondary-container: var(--color-primary);--mat-button-filled-container-height: var(--control-height-sm);--mat-button-outlined-container-height: var(--control-height-sm);--mat-button-text-container-height: var(--control-height-sm);--mat-button-filled-container-shape: var(--radius-button);--mat-button-outlined-container-shape: var(--radius-button);--mat-button-text-container-shape: var(--radius-button);--mat-button-filled-label-text-size: var(--font-size-small);--mat-button-outlined-label-text-size: var(--font-size-small);--mat-button-text-label-text-size: var(--font-size-small);--mat-button-filled-horizontal-padding: var(--space-md);--mat-button-outlined-horizontal-padding: var(--space-md);--mat-button-outlined-label-text-color: var(--color-text-accent);--mat-button-text-label-text-color: var(--color-text-accent);--mat-icon-button-state-layer-size: var(--control-height-md);--mat-button-toggle-height: var(--control-height-sm);--mat-button-toggle-shape: var(--radius-button);--mat-button-toggle-label-text-size: var(--font-size-small);--mat-button-toggle-selected-state-text-color: var(--color-text-accent);--mat-menu-container-color: var(--color-surface);--mat-select-panel-background-color: var(--color-surface);--mat-select-trigger-text-size: var(--font-size-small);--mat-select-trigger-text-line-height: var(--line-height-control);--mat-select-arrow-transform: none;--mat-option-label-text-size: var(--font-size-small);--mat-option-label-text-color: var(--color-text-strong);--mat-tab-divider-height: 0;--mat-tab-active-label-text-color: var(--color-text-accent);--mat-tab-active-focus-label-text-color: var(--color-text-accent);--mat-tab-active-hover-label-text-color: var(--color-text-accent);--mat-form-field-container-height: var(--control-height-md);--mat-form-field-container-vertical-padding: calc((var(--control-height-md) - var(--line-height-control)) / 2);--mat-form-field-container-text-size: var(--font-size-small);--mat-form-field-container-text-line-height: var(--line-height-control);--mat-form-field-outlined-container-shape: var(--radius-input);--mat-form-field-outlined-outline-color: var(--color-border-strong);--mat-checkbox-state-layer-size: var(--control-height-md);--mat-checkbox-label-text-size: var(--font-size-small);--mat-checkbox-label-text-color: var(--color-text);--mat-focus-indicator-border-width: var(--focus-ring-width);--mat-focus-indicator-border-radius: var(--radius-button);--mat-focus-indicator-border-color: var(--mat-sys-secondary, black);--mat-focus-indicator-display: block}html .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,html .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,html .mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:visible}html{--mat-focus-indicator-border-color: var(--color-focus-ring);color-scheme:light}:root{--color-primary: #001c37;--color-primary-hover: #00284d;--color-primary-active: #001527;--color-primary-tint: #eff5ff;--color-primary-tint-light: #f5f8ff;--color-secondary: #0096db;--color-secondary-tint: #0096db1a;--color-secondary-strong: #006a9c;--color-success: #4caf50;--color-warning: #d97706;--color-error: #c4211c;--color-info: var(--color-secondary);--color-success-strong: #1e7a46;--color-warning-strong: #a3530a;--color-error-strong: #b01e19;--color-info-strong: #006a9c;--color-background: #f7f8fa;--color-surface: #ffffff;--color-text: #000000;--color-text-strong: #101828;--color-text-muted: #667085;--color-border: #e5e1e7;--color-border-strong: #8a8794;--color-link: #1a66d0;--color-text-accent: var(--color-primary);--color-focus-ring: #1a73e8;--color-overlay: color-mix(in srgb, var(--color-text-strong) 32%, transparent);--color-overlay-strong: color-mix(in srgb, var(--color-text-strong) 40%, transparent);--color-hover-on-primary: color-mix(in srgb, var(--color-on-primary) 6%, transparent);--color-active-on-primary: color-mix(in srgb, var(--color-on-primary) 12%, transparent);--color-grid-group-bg: #eef2f8;--color-grid-group-border: #d8e0ec;--color-grid-odd-row: #f9fbfd;--color-grid-caret: #334155;--color-kpi-invoices-bg: #e8f0fe;--color-kpi-invoices-icon: #1a73e8;--color-kpi-payments-bg: #ecebfb;--color-kpi-payments-icon: #5b5bd6;--color-kpi-matched-bg: #e6f4ea;--color-kpi-matched-icon: #1e8e3e;--color-kpi-unmatched-bg: #fdece0;--color-kpi-unmatched-icon: #d9730b;--color-chart-high: #2a78d6;--color-chart-low: #eda100;--color-chart-unmatched: #d03b3b;--color-chart-series: #4a3aa7;--color-chart-series-2: #eb6834;--color-chart-posted: #1e9e4a;--color-chart-credit-memo: #0f8f8a;--color-chart-level-1: #1e8e3e;--color-chart-level-2: #5bb974;--color-chart-level-3: #c9a227;--color-chart-level-4: #e8710a;--color-chart-level-5: #d93025;--color-chart-level-6: #a52a2a;--color-chart-track: #eef2f7;--color-brand-surface: var(--color-primary);--color-brand-surface-border: transparent;--color-on-primary: #ffffff;--color-on-primary-muted: rgba(255, 255, 255, .8);--color-on-primary-subtle: rgba(255, 255, 255, .5);--color-nav-active-accent: var(--color-on-primary);--color-badge-text: #12305c;--color-badge-bg: #e8f0fe;--color-badge-border: #cfe0fb;--color-status-matched-bg: #e6f4ea;--color-status-matched-text: #1e7a46;--color-status-matched-dot: #1e9e4a;--color-status-review-bg: #fef3e0;--color-status-review-text: #9a5107;--color-status-review-dot: #e8930b;--color-status-nomatch-bg: #fdece0;--color-status-nomatch-text: #c0392b;--color-status-nomatch-dot: #e0492c;--color-status-posted-bg: #e8f0fe;--color-status-posted-text: #12305c;--color-status-posted-dot: #1a73e8;--color-status-awaiting-bg: #f2eefb;--color-status-awaiting-text: #5b3fa0;--color-status-awaiting-dot: #7c4dff;--color-microsoft-btn-bg: #ffffff;--color-microsoft-btn-text: #1f2937;--font-family-base: "Montserrat", sans-serif;--font-family-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-size-caption: 11px;--font-size-small: 12px;--font-size-base: 14px;--font-size-h3: var(--font-size-base);--font-size-grid: 13px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-h2: 20px;--font-size-xl: 24px;--font-size-h1: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.6;--line-height-control: 20px;--line-height-dense: 16px;--line-height-control-lg: 24px;--letter-spacing-tight: .02em;--letter-spacing-wide: .04em;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--icon-size-xs: 14px;--icon-size-sm: 16px;--icon-size-md: 18px;--icon-size-lg: 24px;--icon-size-xl: 32px;--icon-size-2xl: 40px;--control-height-sm: 28px;--control-height-md: 32px;--control-height-lg: 40px;--control-height-xl: 48px;--control-height-2xl: 56px;--touch-target-min: 44px;--badge-size: 18px;--dot-size: 8px;--dot-size-sm: 6px;--swatch-size: 10px;--avatar-size: 28px;--kpi-icon-size: 22px;--icon-badge-size: 72px;--logo-height: 28px;--checkbox-size: 13px;--field-width-filter: 220px;--field-column-min: 200px;--field-column-min-sm: 180px;--popover-width-sm: 220px;--popover-width-md: 280px;--popover-width-lg: 360px;--content-width-narrow: 460px;--content-width-md: 500px;--dialog-width-md: 512px;--menu-width-xs: 72px;--popover-max-height: 320px;--tooltip-max-width: 320px;--list-item-height-2: 44px;--list-item-height-3: 60px;--header-height: 56px;--footer-height: calc( var(--space-sm) * 2 + var(--font-size-small) * var(--line-height-base) + 1px );--page-fill-min-height: 560px;--page-fill-height: max( calc(100dvh - var(--header-height) - var(--footer-height)), var(--page-fill-min-height) );--grid-min-height: 150px;--chart-card-height: 380px;--radius-xs: 2px;--radius-sm: 4px;--radius-input: 6px;--radius-button: 8px;--radius-card: 12px;--radius-pill: 999px;--radius-round: 50%;--border-width: 1px;--border-width-strong: 2px;--border-width-accent: 3px;--border-width-feature: 4px;--border: var(--border-width) solid var(--color-border);--shadow-card: 0 1px 2px rgba(16, 24, 40, .04);--shadow-modal: 0 4px 20px rgba(0, 0, 0, .1);--focus-ring-width: 2px;--focus-ring-offset: 2px;--z-footer: 10;--z-floating: 20;--z-header: 100;--z-expanded-backdrop: 900;--z-expanded: 901;--z-blocking: 1000;--opacity-muted: .6;--motion-fast: .15s ease;--motion-base: .2s}html[data-color-scheme=dark]{color-scheme:dark;--color-primary: #3373b5;--color-primary-hover: #2f6aa6;--color-primary-active: #2a5f95;--color-primary-tint: #1c2a3d;--color-primary-tint-light: #172231;--color-brand-surface: #141b26;--color-brand-surface-border: #263142;--color-secondary: #38b6f0;--color-secondary-tint: #38b6f01f;--color-secondary-strong: #1f6f99;--color-success: #5cc462;--color-warning: #f0a030;--color-error: #f06a63;--color-success-strong: #1e7a46;--color-warning-strong: #a3530a;--color-error-strong: #b01e19;--color-info-strong: #1f6f99;--color-background: #0f1218;--color-surface: #181c24;--color-text: #e6e8ec;--color-text-strong: #f5f6f8;--color-text-muted: #9aa3b2;--color-border: #2c3340;--color-border-strong: #6c7686;--color-link: #6ea8fe;--color-text-accent: #6ea8fe;--color-focus-ring: #6ea8fe;--color-grid-group-bg: #1f2632;--color-grid-group-border: #2f3846;--color-grid-odd-row: #1b2029;--color-grid-caret: #c3cad6;--color-kpi-invoices-bg: #1b2a44;--color-kpi-invoices-icon: #6ea8fe;--color-kpi-payments-bg: #26244a;--color-kpi-payments-icon: #9a9af0;--color-kpi-matched-bg: #16301f;--color-kpi-matched-icon: #4cc26c;--color-kpi-unmatched-bg: #3a2614;--color-kpi-unmatched-icon: #f0a050;--color-chart-track: #2a303b;--color-badge-text: #c9dbff;--color-badge-bg: #1b2a44;--color-badge-border: #2c4470;--color-status-matched-bg: #16301f;--color-status-matched-text: #6fd38f;--color-status-matched-dot: #34c06a;--color-status-review-bg: #3a2a10;--color-status-review-text: #f2b25c;--color-status-review-dot: #f0a020;--color-status-nomatch-bg: #3a1d16;--color-status-nomatch-text: #f08a78;--color-status-nomatch-dot: #f0603f;--color-status-posted-bg: #1b2a44;--color-status-posted-text: #a9c6ff;--color-status-posted-dot: #5b9bf0;--color-status-awaiting-bg: #2a2340;--color-status-awaiting-text: #b9a3f0;--color-status-awaiting-dot: #9b7bff;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-modal: 0 4px 20px rgba(0, 0, 0, .5)}body{margin:0;height:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-background)}:where(a,button,input,select,textarea,summary,iframe,[tabindex]):focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.mat-mdc-input-element{text-overflow:ellipsis}.on-primary-surface{--mat-sys-on-surface: var(--color-on-primary);--mat-sys-on-surface-variant: var(--color-on-primary-muted);--mat-sys-outline: var(--color-on-primary-subtle);--mat-sys-outline-variant: var(--color-on-primary-subtle);--mat-sys-error: var(--color-on-primary);--color-focus-ring: var(--color-on-primary)}.on-primary-surface .mat-form-field-invalid:hover .mdc-notched-outline__leading,.on-primary-surface .mat-form-field-invalid:hover .mdc-notched-outline__notch,.on-primary-surface .mat-form-field-invalid:hover .mdc-notched-outline__trailing{border-color:var(--color-on-primary-subtle)!important}.on-primary-surface .mat-form-field-invalid:hover .mdc-floating-label{color:var(--color-on-primary-muted)!important}.flex-align-center{display:flex;align-items:center}.flex-row-center{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.app-items__cell-icon{width:var(--icon-size-md);height:var(--icon-size-md);font-size:var(--icon-size-md);color:var(--color-text-accent);vertical-align:middle;cursor:pointer}.app-items__cell-link,.app-items__show-more{color:var(--color-link);text-decoration:underline;cursor:pointer}.app-items__partial{margin-left:var(--space-xs);color:var(--color-text);font-weight:var(--font-weight-regular)}.app-items__caret{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-sm);height:var(--icon-size-sm);cursor:pointer}.app-items__caret:before{content:"";border-style:solid;border-width:5px 0 5px 7px;border-color:transparent transparent transparent var(--color-grid-caret);transition:transform var(--motion-fast)}.app-items__caret--open:before{transform:rotate(90deg)}.ag-row.app-items__row--group{background-color:var(--color-grid-group-bg);color:var(--color-text-strong);font-weight:var(--font-weight-semibold)}.ag-row.app-items__row--group .ag-cell{border-bottom:var(--border-width) solid var(--color-grid-group-border)}.compact-menu{--mat-menu-item-label-text-size: var(--font-size-small);--mat-menu-item-label-text-color: var(--color-text-strong);--mat-menu-item-label-text-weight: var(--font-weight-regular);--mat-menu-item-leading-spacing: var(--space-sm);--mat-menu-item-trailing-spacing: var(--space-sm)}.compact-menu .mat-mdc-menu-content{padding:var(--space-xs) 0}.compact-menu .mat-mdc-menu-item{min-height:var(--control-height-sm)}.notification-menu.mat-mdc-menu-panel{max-width:min(var(--popover-width-lg),100vw - 2 * var(--space-sm))}.notification-menu .mat-mdc-menu-content{padding:0}.app-pager-menu.mat-mdc-menu-panel{min-width:var(--menu-width-xs)}.app-pager-menu .app-pager-menu__option--active.mat-mdc-menu-item{background:var(--color-primary-tint);color:var(--color-text-accent);font-weight:var(--font-weight-semibold)}.app-items__columns-menu.mat-mdc-menu-panel{min-width:var(--popover-width-sm);max-height:var(--popover-max-height)}.app-items__columns-menu .mat-mdc-menu-content{padding:var(--space-sm)}.mat-mdc-select-panel .mat-mdc-option{min-height:var(--control-height-md)}.mat-mdc-form-field .mat-mdc-select-arrow-wrapper{height:var(--line-height-control)}.compact-list{--mat-list-list-item-one-line-container-height: var(--control-height-md);--mat-list-list-item-two-line-container-height: var(--list-item-height-2);--mat-list-list-item-three-line-container-height: var(--list-item-height-3);--mat-list-list-item-label-text-size: var(--font-size-small);--mat-list-list-item-label-text-weight: var(--font-weight-semibold);--mat-list-list-item-label-text-color: var(--color-text-strong);--mat-list-list-item-supporting-text-size: var(--font-size-caption);--mat-list-list-item-supporting-text-color: var(--color-text-muted);--mat-list-list-item-container-shape: var(--radius-input)}.compact-list.mdc-list{padding:0}.compact-list .mat-mdc-list-item.mdc-list-item{padding:0 var(--space-sm)}.compact-list .mdc-list-item .mdc-list-item__content{align-self:center}.compact-list .mdc-list-item .mdc-list-item__primary-text{margin-bottom:0;line-height:var(--line-height-control)}.compact-list .mdc-list-item .mdc-list-item__primary-text:before,.compact-list .mdc-list-item .mdc-list-item__primary-text:after,.compact-list .mdc-list-item .mdc-list-item__secondary-text:before{display:none}.compact-list .mdc-list-item .mdc-list-item__secondary-text{line-height:var(--line-height-dense)}.app-dialog--sized .mat-mdc-dialog-container .mat-mdc-dialog-content{max-height:none}.app-dialog-panel .mat-mdc-dialog-surface{overflow:hidden}.app-dialog-panel .mat-mdc-dialog-title,.app-dialog-panel .mat-mdc-dialog-actions{flex:none}.app-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-content{flex:1 1 auto;min-height:0}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);white-space:nowrap}.status-badge .st-dot{width:var(--dot-size-sm);height:var(--dot-size-sm);border-radius:var(--radius-round)}.status-badge.st-matched{background:var(--color-status-matched-bg);color:var(--color-status-matched-text)}.status-badge.st-matched .st-dot{background:var(--color-status-matched-dot)}.status-badge.st-review{background:var(--color-status-review-bg);color:var(--color-status-review-text)}.status-badge.st-review .st-dot{background:var(--color-status-review-dot)}.status-badge.st-nomatch{background:var(--color-status-nomatch-bg);color:var(--color-status-nomatch-text)}.status-badge.st-nomatch .st-dot{background:var(--color-status-nomatch-dot)}.status-badge.st-posted{background:var(--color-status-posted-bg);color:var(--color-status-posted-text)}.status-badge.st-posted .st-dot{background:var(--color-status-posted-dot)}.status-badge.st-awaiting{background:var(--color-status-awaiting-bg);color:var(--color-status-awaiting-text)}.status-badge.st-awaiting .st-dot{background:var(--color-status-awaiting-dot)}.app-toast--success{--mat-snack-bar-container-color: var(--color-success-strong);--mat-snack-bar-supporting-text-color: var(--color-on-primary)}.app-toast--error{--mat-snack-bar-container-color: var(--color-error-strong);--mat-snack-bar-supporting-text-color: var(--color-on-primary)}.app-toast--warning{--mat-snack-bar-container-color: var(--color-warning-strong);--mat-snack-bar-supporting-text-color: var(--color-on-primary)}.app-toast--info{--mat-snack-bar-container-color: var(--color-info-strong);--mat-snack-bar-supporting-text-color: var(--color-on-primary)}.app-tooltip{--mat-tooltip-container-color: var(--color-text-strong);--mat-tooltip-supporting-text-color: var(--color-surface);--mat-tooltip-supporting-text-font: var(--font-family-base);--mat-tooltip-supporting-text-size: var(--font-size-small);--mat-tooltip-supporting-text-line-height: var(--line-height-base);--mat-tooltip-container-shape: var(--radius-input)}.app-tooltip .mdc-tooltip__surface{max-width:var(--tooltip-max-width);text-align:left;white-space:pre-line}.chart-legend{list-style:none;color:var(--color-text);font-size:var(--font-size-small)}.chart-legend li{display:flex;align-items:center}.chart-swatch{display:inline-block;flex-shrink:0;width:var(--swatch-size);height:var(--swatch-size);margin-right:var(--space-xs);border-radius:var(--radius-xs)}.page-fill{display:flex;flex-direction:column;box-sizing:border-box;height:var(--page-fill-height)}.page-fill__panel{display:flex;flex-direction:column;flex:1;min-height:0}.page-fill__grid{flex:1;min-height:var(--grid-min-height)}.grid-fill-height{height:calc(var(--page-fill-height) - 2 * var(--space-lg))}@media(max-height:719.98px){:root{--page-fill-min-height: 400px}}@media(max-width:599.98px){:root{--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px}.cdk-overlay-pane.mat-mdc-dialog-panel{max-width:calc(100vw - 2 * var(--space-sm))!important}.cdk-overlay-pane.mat-mdc-dialog-panel.app-dialog--large{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important}.app-dialog--large .mat-mdc-dialog-surface{border-radius:0}.app-dialog--large .mat-mdc-dialog-container .mat-mdc-dialog-content{max-height:none}}.app-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
