.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}*,: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: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--b-primary: #a72610;--b-primary-dark: #8a1f0d;--b-active: #d02f13;--b-text-dark: #4f5b67;--b-text-muted: #78829d;--b-border: #dbdfea;--b-card-bg: #f3f2f8;--b-row-alt: #f2f1f7;--b-page-bg: #ffffff;--b-success: #04b94e;--b-danger: #d22e13;--b-toggle-on: #1c84ff;--b-cancel-bg: #ebeef5;--b-cancel-text: #435464}html{--mat-sys-background: #fff8f6;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #fbeeec;--mat-sys-inverse-primary: #ffb4a8;--mat-sys-inverse-surface: #362f2e;--mat-sys-on-background: #201a19;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #930100;--mat-sys-on-primary-fixed: #410000;--mat-sys-on-primary-fixed-variant: #930100;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #5d3f3b;--mat-sys-on-secondary-fixed: #2c1512;--mat-sys-on-secondary-fixed-variant: #5d3f3b;--mat-sys-on-surface: #201a19;--mat-sys-on-surface-variant: #534341;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #930100;--mat-sys-on-tertiary-fixed: #410000;--mat-sys-on-tertiary-fixed-variant: #930100;--mat-sys-outline: #857370;--mat-sys-outline-variant: #d8c2be;--mat-sys-primary: #c00100;--mat-sys-primary-container: #ffdad4;--mat-sys-primary-fixed: #ffdad4;--mat-sys-primary-fixed-dim: #ffb4a8;--mat-sys-scrim: #000000;--mat-sys-secondary: #775651;--mat-sys-secondary-container: #ffdad4;--mat-sys-secondary-fixed: #ffdad4;--mat-sys-secondary-fixed-dim: #e7bdb6;--mat-sys-shadow: #000000;--mat-sys-surface: #fff8f6;--mat-sys-surface-bright: #fff8f6;--mat-sys-surface-container: #f9ebe9;--mat-sys-surface-container-high: #f3e5e4;--mat-sys-surface-container-highest: #ede0dd;--mat-sys-surface-container-low: #fef1ef;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #e4d7d6;--mat-sys-surface-tint: #c00100;--mat-sys-surface-variant: #f5ddda;--mat-sys-tertiary: #c00100;--mat-sys-tertiary-container: #ffdad4;--mat-sys-tertiary-fixed: #ffdad4;--mat-sys-tertiary-fixed-dim: #ffb4a8;--mat-sys-neutral-variant20: #3b2d2b;--mat-sys-neutral10: #201a19;--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 Noto Sans Thai;--mat-sys-body-large-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-body-medium-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-body-small-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-display-large-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-display-medium-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-display-small-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-headline-large-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-headline-medium-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-headline-small-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-label-large-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-label-medium-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-label-small-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-title-large-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-title-medium-font: Noto Sans Thai;--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 Noto Sans Thai;--mat-sys-title-small-font: Noto Sans Thai;--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}html,body{height:100%;margin:0;font-family:Noto Sans Thai,Roboto,Helvetica Neue,sans-serif}body{background:var(--b-page-bg);--mat-sys-primary: var(--b-primary)}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-filled-button-container-color: var(--b-primary);--mdc-protected-button-container-color: var(--b-primary);--mdc-fab-container-color: var(--b-primary);background-color:var(--b-primary)!important}.mat-mdc-slide-toggle{--mdc-switch-selected-handle-color: var(--b-toggle-on);--mdc-switch-selected-track-color: var(--b-toggle-on);--mdc-switch-selected-hover-handle-color: var(--b-toggle-on);--mdc-switch-selected-hover-track-color: var(--b-toggle-on);--mdc-switch-selected-focus-handle-color: var(--b-toggle-on);--mdc-switch-selected-focus-track-color: var(--b-toggle-on);--mdc-switch-selected-pressed-handle-color: var(--b-toggle-on);--mdc-switch-selected-pressed-track-color: var(--b-toggle-on)}.mat-mdc-tab-group.b-brand-tabs,.b-brand-tabs{--mdc-tab-indicator-active-indicator-color: var(--b-primary);--mat-tab-header-active-label-text-color: var(--b-primary);--mat-tab-header-active-ripple-color: var(--b-primary);--mat-tab-header-inactive-label-text-color: var(--b-text-muted);--mat-tab-header-active-focus-label-text-color: var(--b-primary);--mat-tab-header-active-hover-label-text-color: var(--b-primary)}.list-card{background:var(--b-card-bg);border-radius:8px;padding:24px}.list-card .card-title-row{display:flex;align-items:baseline;gap:8px;margin-bottom:16px;flex-wrap:wrap}.list-card .card-title-row h2{font-size:16px;font-weight:700;color:var(--b-text-dark);margin:0}.list-card .card-title-row .card-subtitle{font-size:12px;color:var(--b-text-muted)}.list-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.list-toolbar .search-field{flex:1;max-width:320px}.empty{text-align:center;color:var(--b-text-muted);padding:24px}.full-table,.mat-mdc-table{width:100%;background:#fff}.mat-mdc-header-cell{color:var(--b-text-muted)!important;font-weight:500!important;font-size:13px!important}.mat-mdc-cell{font-size:13px;color:var(--b-text-dark)}.mat-mdc-row:nth-child(2n){background:var(--b-row-alt)}.mat-mdc-row,.mat-mdc-header-row{--mat-table-row-item-outline-width: 0}.active-icon{color:var(--b-success)!important}.inactive-icon{color:var(--b-danger)!important}.list-pagination{display:flex;align-items:center;justify-content:space-between;padding-top:16px;font-size:13px;color:var(--b-text-muted)}.list-pagination .per-page,.list-pagination .pager{display:flex;align-items:center;gap:8px}.list-pagination .pager button{border:none;background:transparent;color:var(--b-text-muted);cursor:pointer;display:flex;align-items:center}.list-pagination .pager button:disabled{opacity:.4;cursor:default}.list-pagination .page-box{min-width:28px;height:28px;border-radius:4px;background:var(--b-row-alt);display:flex;align-items:center;justify-content:center;color:var(--b-text-dark);font-weight:600}.btn-cancel{--mdc-text-button-label-text-color: var(--b-cancel-text);background:var(--b-cancel-bg)!important;color:var(--b-cancel-text)!important}.form-field-label{display:block;font-size:13px;color:var(--b-text-dark);margin-bottom:6px}.step-circles{display:flex;align-items:center;gap:8px;margin-bottom:20px}.step-circles .step{display:flex;align-items:center;gap:8px;color:var(--b-text-muted);font-size:13px}.step-circles .step .circle{width:24px;height:24px;border-radius:50%;border:1px solid var(--b-border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--b-text-muted)}.step-circles .step.active .circle{background:var(--b-primary);border-color:var(--b-primary);color:#fff}.step-circles .step.active{color:var(--b-text-dark);font-weight:600}.step-circles .connector{width:32px;height:1px;background:var(--b-border)}.mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--b-border);--mdc-outlined-text-field-hover-outline-color: var(--b-border);--mdc-outlined-text-field-focus-outline-color: var(--b-primary);--mdc-outlined-text-field-label-text-color: var(--b-text-dark);--mdc-outlined-text-field-focus-label-text-color: var(--b-text-dark);--mat-form-field-container-text-size: 14px}.mat-mdc-form-field-required-marker{color:var(--b-primary)!important}.form-field-label{display:block;font-size:13px;color:var(--b-text-dark);margin:0 0 6px}.form-field-label .required{color:var(--b-primary);margin-left:2px}.mat-mdc-dialog-title.modal-title-row,.modal-title-row{display:flex;align-items:center;justify-content:space-between;padding:0 24px;margin:0!important}.modal-title-row h2{margin:0!important;padding:0!important}.modal-close{border:none;background:transparent;font-size:22px;line-height:1;color:var(--b-text-muted);cursor:pointer;padding:4px}.mat-mdc-dialog-actions{padding:16px 24px!important}.mat-mdc-dialog-actions button.mat-mdc-button:not(.mat-primary){background:var(--b-cancel-bg)!important;color:var(--b-cancel-text)!important}
