html{color-scheme:light dark;--mat-sys-background: light-dark(#fff8f6, #181211);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeeec, #362f2e);--mat-sys-inverse-primary: light-dark(#ffb4a8, #c00100);--mat-sys-inverse-surface: light-dark(#362f2e, #ede0dd);--mat-sys-on-background: light-dark(#201a19, #ede0dd);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #690100);--mat-sys-on-primary-container: light-dark(#930100, #ffdad4);--mat-sys-on-primary-fixed: light-dark(#410000, #410000);--mat-sys-on-primary-fixed-variant: light-dark(#930100, #930100);--mat-sys-on-secondary: light-dark(#ffffff, #442925);--mat-sys-on-secondary-container: light-dark(#5d3f3b, #ffdad4);--mat-sys-on-secondary-fixed: light-dark(#2c1512, #2c1512);--mat-sys-on-secondary-fixed-variant: light-dark(#5d3f3b, #5d3f3b);--mat-sys-on-surface: light-dark(#201a19, #ede0dd);--mat-sys-on-surface-variant: light-dark(#534341, #f5ddda);--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(#857370, #a08c89);--mat-sys-outline-variant: light-dark(#d8c2be, #534341);--mat-sys-primary: light-dark(#c00100, #ffb4a8);--mat-sys-primary-container: light-dark(#ffdad4, #930100);--mat-sys-primary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-primary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#775651, #e7bdb6);--mat-sys-secondary-container: light-dark(#ffdad4, #5d3f3b);--mat-sys-secondary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-secondary-fixed-dim: light-dark(#e7bdb6, #e7bdb6);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f6, #181211);--mat-sys-surface-bright: light-dark(#fff8f6, #3f3737);--mat-sys-surface-container: light-dark(#f9ebe9, #251e1d);--mat-sys-surface-container-high: light-dark(#f3e5e4, #302828);--mat-sys-surface-container-highest: light-dark(#ede0dd, #3b3332);--mat-sys-surface-container-low: light-dark(#fef1ef, #201a19);--mat-sys-surface-container-lowest: light-dark(#ffffff, #130d0c);--mat-sys-surface-dim: light-dark(#e4d7d6, #181211);--mat-sys-surface-tint: light-dark(#c00100, #ffb4a8);--mat-sys-surface-variant: light-dark(#f5ddda, #534341);--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: #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", "Sarabun", system-ui, sans-serif;--mat-sys-body-large-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-body-medium-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-body-small-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-display-large-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-display-medium-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-display-small-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-headline-large-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-headline-medium-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-headline-small-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-label-large-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-label-medium-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-label-small-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-title-large-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-title-medium-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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", "Sarabun", system-ui, sans-serif;--mat-sys-title-small-font: "Noto Sans Thai", "Sarabun", system-ui, sans-serif;--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-surface: light-dark(#ffffff, #1c1d1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #141516);--mat-sys-surface-container-low: light-dark(#f7f8fa, #1f2022);--mat-sys-surface-container: light-dark(#f1f2f4, #232527);--mat-sys-surface-container-high: light-dark(#ffffff, #26282a);--mat-sys-surface-container-highest: light-dark(#e6e8eb, #303235);--mat-sys-surface-variant: light-dark(#e6e8eb, #3a3c3f);--mat-sys-on-surface: light-dark(#1b1c1e, #e4e5e7);--mat-sys-on-surface-variant: light-dark(#55595f, #b9bcc1);--mat-sys-outline: light-dark(#8a8f96, #8d9198);--mat-sys-outline-variant: light-dark(#d5d8dc, #3f4246);--app-brand: #e10606;--app-bg: light-dark(#f5f6f8, #121314);--app-card: light-dark(#ffffff, #1c1d1f);--app-border: light-dark(#e3e5e8, #2e3033);--app-muted: var(--mat-sys-on-surface-variant);--app-success: light-dark(#0b7a3e, #5cd08d);--app-success-bg: light-dark(#e3f4ea, #12341f);--app-warning: light-dark(#8a5300, #f5b74a);--app-warning-bg: light-dark(#fdf0d9, #3a2a0c);--app-danger: light-dark(#b3261e, #ffb4ab);--app-danger-bg: light-dark(#fbe7e6, #3d1513);--app-neutral-bg: light-dark(#eceef1, #2a2c2f);--app-chart: light-dark(#2a78d6, #3987e5);--app-radius: 12px;--mat-table-background-color: var(--app-card);--mat-table-header-headline-color: var(--app-muted);--mat-table-row-item-outline-color: var(--app-border);--mat-paginator-container-background-color: var(--app-card);--mat-card-outlined-container-color: var(--app-card);--mat-card-outlined-outline-color: var(--app-border);--mat-sidenav-container-background-color: var(--app-card);--mat-sidenav-content-background-color: var(--app-bg);--mat-sidenav-container-shape: 0;--mat-toolbar-container-background-color: var(--app-card)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--app-bg);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);font-family:Noto Sans Thai,Sarabun,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}a{color:var(--mat-sys-primary)}:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:2px}.mat-mdc-button-base:focus-visible,.mat-mdc-row:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:-2px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{max-width:1320px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}.page-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.page-header>:first-child{flex:1 1 auto;min-width:0}.page-header h1{font:var(--mat-sys-headline-small);margin:0}.page-header .subtitle{color:var(--app-muted);margin:2px 0 0;font:var(--mat-sys-body-medium)}.panel{background:var(--app-card);border:1px solid var(--app-border);border-radius:var(--app-radius);overflow:hidden}.panel-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--app-border)}.panel-header h2{font:var(--mat-sys-title-medium);margin:0;flex:1}.panel-body{padding:16px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--app-border)}.filters .grow{flex:1 1 260px;min-width:200px}.filters mat-form-field{min-width:150px}.table-scroll{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{width:100%;min-width:var(--table-min, 0)}.loading-bar{position:absolute;inset:0 0 auto;z-index:2}.clickable-row{cursor:pointer}.clickable-row:hover{background:light-dark(#f7f8fa,#232527)}.num{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.mobile-only{display:none!important}.nowrap{white-space:nowrap}.muted{color:var(--app-muted)}.cell-two-line{display:flex;flex-direction:column;min-width:0}.cell-two-line .primary{font-weight:500}.cell-two-line .secondary{color:var(--app-muted);font-size:.85em}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;text-align:center;color:var(--app-muted)}.state mat-icon{font-size:40px;width:40px;height:40px;opacity:.6}.state p{margin:0}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:500;line-height:20px;white-space:nowrap;background:var(--app-neutral-bg);color:var(--mat-sys-on-surface)}.chip mat-icon{font-size:15px;width:15px;height:15px}.chip.success{background:var(--app-success-bg);color:var(--app-success)}.chip.warning{background:var(--app-warning-bg);color:var(--app-warning)}.chip.danger{background:var(--app-danger-bg);color:var(--app-danger)}.chip.brand{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}.mat-mdc-unelevated-button.danger:not(:disabled){background-color:var(--mat-sys-error);color:var(--mat-sys-on-error)}.snack-error .mat-mdc-snackbar-surface{background:light-dark(#5b1210,#ffdad6)!important;--mat-snack-bar-supporting-text-color: light-dark(#fff, #410002)}.snack-success .mat-mdc-snackbar-surface{background:light-dark(#14361f,#c8f0d4)!important;--mat-snack-bar-supporting-text-color: light-dark(#fff, #0b2814)}@media(max-width:768px){.page{padding:16px}.hide-mobile{display:none!important}.mobile-only{display:revert!important}.mat-mdc-cell,.mat-mdc-header-cell{padding:0 8px!important}.mat-mdc-cell:first-child,.mat-mdc-header-cell:first-child{padding-left:16px!important}.mat-mdc-cell:last-child,.mat-mdc-header-cell:last-child{padding-right:8px!important}.filters mat-form-field{flex:1 1 140px;min-width:0}}.notif-menu.mat-mdc-menu-panel{width:380px;max-width:calc(100vw - 16px);max-height:min(560px,100vh - 80px)}.notif-menu.mat-mdc-menu-panel .menu-head,.notif-menu.mat-mdc-menu-panel .menu-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 4px 16px}.notif-menu.mat-mdc-menu-panel .menu-head{border-bottom:1px solid var(--app-border)}.notif-menu.mat-mdc-menu-panel .menu-foot{border-top:1px solid var(--app-border)}.notif-menu.mat-mdc-menu-panel .small{font-size:13px}.notif-menu.mat-mdc-menu-panel .item.mat-mdc-menu-item{align-items:flex-start;height:auto;min-height:56px;padding-top:10px;padding-bottom:10px;white-space:normal}.notif-menu.mat-mdc-menu-panel .item.mat-mdc-menu-item>mat-icon{margin-top:2px;color:var(--app-muted)}.notif-menu.mat-mdc-menu-panel .item.mat-mdc-menu-item.unread{background:light-dark(#fff4f4,#2a1a1a)}.notif-menu.mat-mdc-menu-panel .item.mat-mdc-menu-item.unread .title{font-weight:600}.notif-menu.mat-mdc-menu-panel .item.mat-mdc-menu-item.unread>mat-icon{color:var(--app-brand)}.notif-menu.mat-mdc-menu-panel .text{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.35}.notif-menu.mat-mdc-menu-panel .title{overflow-wrap:anywhere}.notif-menu.mat-mdc-menu-panel .body{color:var(--app-muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.notif-menu.mat-mdc-menu-panel .time{color:var(--app-muted);font-size:12px}.notif-menu.mat-mdc-menu-panel .empty{margin:0;padding:24px 16px;text-align:center;color:var(--app-muted)}:root{--app-scrollbar-thumb: light-dark(rgb(27 28 30 / .2), rgb(228 229 231 / .22));--app-scrollbar-thumb-hover: light-dark(rgb(27 28 30 / .38), rgb(228 229 231 / .4))}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) transparent}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--app-scrollbar-thumb);background-clip:content-box;border:2px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--app-scrollbar-thumb-hover)}::-webkit-scrollbar-button{display:none}.sidenav .mat-drawer-inner-container::-webkit-scrollbar{width:8px}