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;--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 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;--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}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible!important}.m-0{margin:0!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.w-2\/5{width:40%!important}.w-full{width:100%!important}.min-w-0{min-width:0px!important}.min-w-64{min-width:16rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-wrap{flex-wrap:wrap!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.border{border-width:1px!important}.p-0{padding:0!important}.p-3{padding:.75rem!important}.text-right{text-align:right!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-gray-600{--tw-text-opacity: 1 !important;color:rgb(75 85 99 / var(--tw-text-opacity, 1))!important}.text-red-600{--tw-text-opacity: 1 !important;color:rgb(220 38 38 / var(--tw-text-opacity, 1))!important}.outline{outline-style:solid!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}html{--mat-sys-primary: rgb(65 95 145);--mat-sys-surface-tint: rgb(65 95 145);--mat-sys-on-primary: rgb(255 255 255);--mat-sys-primary-container: rgb(214 227 255);--mat-sys-on-primary-container: rgb(40 71 119);--mat-sys-secondary: rgb(86 95 113);--mat-sys-on-secondary: rgb(255 255 255);--mat-sys-secondary-container: rgb(218 226 249);--mat-sys-on-secondary-container: rgb(62 71 89);--mat-sys-tertiary: rgb(112 85 117);--mat-sys-on-tertiary: rgb(255 255 255);--mat-sys-tertiary-container: rgb(250 216 253);--mat-sys-on-tertiary-container: rgb(87 62 92);--mat-sys-error: rgb(186 26 26);--mat-sys-on-error: rgb(255 255 255);--mat-sys-error-container: rgb(255 218 214);--mat-sys-on-error-container: rgb(147 0 10);--mat-sys-background: rgb(249 249 255);--mat-sys-on-background: rgb(25 28 32);--mat-sys-surface: rgb(249 249 255);--mat-sys-on-surface: rgb(25 28 32);--mat-sys-surface-variant: rgb(224 226 236);--mat-sys-on-surface-variant: rgb(68 71 78);--mat-sys-outline: rgb(180 183 190);--mat-sys-outline-variant: rgb(220 222 230);--mat-sys-shadow: rgb(0 0 0);--mat-sys-scrim: rgb(0 0 0);--mat-sys-inverse-surface: rgb(46 48 54);--mat-sys-inverse-on-surface: rgb(240 240 247);--mat-sys-inverse-primary: rgb(170 199 255);--mat-sys-primary-fixed: rgb(214 227 255);--mat-sys-on-primary-fixed: rgb(0 27 62);--mat-sys-primary-fixed-dim: rgb(170 199 255);--mat-sys-on-primary-fixed-variant: rgb(40 71 119);--mat-sys-secondary-fixed: rgb(218 226 249);--mat-sys-on-secondary-fixed: rgb(19 28 43);--mat-sys-secondary-fixed-dim: rgb(190 198 220);--mat-sys-on-secondary-fixed-variant: rgb(62 71 89);--mat-sys-tertiary-fixed: rgb(250 216 253);--mat-sys-on-tertiary-fixed: rgb(40 19 46);--mat-sys-tertiary-fixed-dim: rgb(221 188 224);--mat-sys-on-tertiary-fixed-variant: rgb(87 62 92);--mat-sys-surface-dim: rgb(217 217 224);--mat-sys-surface-bright: rgb(249 249 255);--mat-sys-surface-container-lowest: rgb(255 255 255);--mat-sys-surface-container-low: rgb(243 243 250);--mat-sys-surface-container: rgb(237 237 244);--mat-sys-surface-container-high: rgb(231 232 238);--mat-sys-surface-container-highest: rgb(226 226 233)}html,body{height:100%}body{margin:0;font-family:Inter,Helvetica Neue,sans-serif}:root{--color-primary: rgb(65 95 145);--color-primary-light: rgba(65, 95, 145, .08);--color-divider: rgb(220 222 230);--color-text-muted: rgb(116 119 127);--color-error-bg: rgba(186, 26, 26, .08);--color-error-text: rgb(186 26 26);--color-bg-app: rgb(249 249 255);--color-success: #00ceb6;--color-success-light: rgba(0, 206, 182, .12);--color-info: #539bff;--color-info-light: rgba(83, 155, 255, .12);--color-warning: #ffae1f;--color-warning-light: rgba(255, 174, 31, .12);--mat-sys-body-large-font: Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-small-font: Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-small-font: Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-small-font: Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-small-font: Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-small-font: Inter;--mat-table-background-color: transparent;--mat-table-header-container-height: 44px;--mat-table-row-item-container-height: 56px;--mat-table-header-headline-color: #1a1b1f;--mat-table-header-headline-size: 13px;--mat-table-header-headline-weight: 600;--mat-table-header-headline-tracking: 0px;--mat-table-row-item-label-text-color: #1a1b1f;--mat-table-row-item-label-text-size: 14px;--mat-table-row-item-outline-color: #eef0f4;--mat-table-row-item-outline-width: 1px;--mat-table-row-hover-state-layer-color: #f4f6fa;--mat-table-row-hover-state-layer-opacity: 1;--mdc-elevated-card-container-shape: 20px;--mat-card-elevated-container-color: #ffffff;--mdc-outlined-text-field-container-height: 40px;--mat-form-field-container-height: 40px;--mat-form-field-container-vertical-padding: 8px;--mat-select-trigger-height: 40px}.mdc-button__label{display:inline-flex;align-items:center;gap:6px}.mat-mdc-header-cell{text-transform:none}.mat-mdc-card{border:none;border-radius:var(--mdc-elevated-card-container-shape)!important;box-shadow:var(--mat-sys-level2)!important;overflow:hidden}table.mat-mdc-table{width:100%}.mat-mdc-cell,.mat-mdc-header-cell,.mat-mdc-footer-cell{vertical-align:middle}.page-header{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:16px;min-width:0}.page-header h1{margin:0;font-size:20px;font-weight:600;line-height:1.3}.error-banner{background:var(--color-error-bg);color:var(--color-error-text);padding:12px 16px;border-radius:8px;margin-bottom:16px}.spinner-container{display:flex;justify-content:center;padding:48px}.empty-state{display:flex;flex-direction:column;align-items:center;padding:48px;color:var(--color-text-muted)}.empty-state mat-icon{font-size:48px;height:48px;width:48px;margin-bottom:16px}.actions-bar{display:flex;gap:8px;margin-bottom:16px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:8px}.detail-field{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.section-card{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.full-width{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.card-table-header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 20px;border-bottom:1px solid var(--color-divider);margin-bottom:15px}.mat-mdc-card-actions{padding:10px!important}.card-table-title{font-size:16px;font-weight:600;color:#1a1b1f;margin:0;padding:8px}.card-table-count{font-size:13px;font-weight:400;color:var(--color-text-muted);margin-left:6px}.card-table-header-actions{display:flex;align-items:center;gap:8px}.card-table-search{width:260px}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap}.status-badge--draft{background:#74777f1a;color:#74777f}.status-badge--active{background:var(--color-success-light);color:#007a6e}.status-badge--completed{background:var(--color-info-light);color:#1a5fbb}.status-badge--cancelled{background:#ba1a1a1a;color:#ba1a1a}.status-badge--inactive{background:#74777f1a;color:#74777f}.status-badge--received{background:var(--color-info-light);color:#1a5fbb}.status-badge--verified,.status-badge--paid{background:var(--color-success-light);color:#007a6e}.status-badge--sent{background:var(--color-warning-light);color:#a06500}.status-badge--closed{background:#74777f1a;color:#74777f}.table-link{cursor:pointer;color:var(--color-primary);font-weight:500;text-decoration:none}.table-link:hover{text-decoration:underline}.sidenav-expansion .mat-expansion-panel-header-title{font-size:14px;font-weight:400;letter-spacing:.25px;color:inherit}.split-indicator{font-size:18px;width:18px;height:18px;vertical-align:middle;margin-left:4px;color:var(--color-primary);opacity:.7;cursor:default}.filter-status{min-width:160px}.mat-column-actions{white-space:nowrap}@media(max-width:768px){.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.page-header{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.full-width{grid-column:1}.card-table-search{width:100%}.card-table-header{flex-direction:column;align-items:stretch;gap:8px}.card-table-header-actions{flex-wrap:wrap}.filter-status{min-width:unset;width:100%}}@media(max-width:480px){.detail-grid{grid-template-columns:1fr}}.pwa-update-snackbar{background:#003d7a;color:#fff}.pwa-update-snackbar .mat-mdc-snack-bar-action{color:#90caf9;font-weight:600}