:root{--topbar-rgb:15 23 42;--topbar-ink-rgb:255 255 255;--topbar-secondary-rgb:226 232 240;--topbar-muted-rgb:148 163 184;--topbar-hover-rgb:30 41 59;--topbar-line-rgb:30 41 59;--topbar-avatar-rgb:255 255 255;--topbar-avatar-ink-rgb:15 23 42;--mobile-nav-height:3.75rem;--mobile-topbar-height:3.25rem}@media (max-width:1023.98px){:root{--topbar-rgb:var(--surface-rgb);--topbar-ink-rgb:var(--ink-rgb);--topbar-secondary-rgb:var(--ink-secondary-rgb);--topbar-muted-rgb:var(--ink-muted-rgb);--topbar-hover-rgb:var(--surface-sunken-rgb);--topbar-line-rgb:var(--line-rgb);--topbar-avatar-rgb:var(--accent-wash-rgb);--topbar-avatar-ink-rgb:var(--accent-rgb)}}@media (max-width:1023.98px){html:has([data-app-shell]) body{font-family:-apple-system,BlinkMacSystemFont,Noto Sans Thai,system-ui,Segoe UI,sans-serif;letter-spacing:0}html:has([data-app-shell]){--canvas-rgb:242 242 247;--surface-muted-rgb:242 242 247;--surface-dim-rgb:242 242 247;--surface-hover-rgb:236 236 241;--surface-sunken-rgb:233 233 238;--ink-rgb:17 17 19;--ink-secondary-rgb:60 60 67;--ink-muted-rgb:108 108 114;--ink-faint-rgb:118 118 124;--line-rgb:214 214 219;--line-strong-rgb:199 199 204;--line-soft-rgb:229 229 234;--accent-rgb:217 83 11;--accent-wash-rgb:255 230 213;--ok-rgb:35 136 58;--ok-wash-rgb:221 243 221;--warn-rgb:154 106 0;--warn-wash-rgb:255 241 204;--danger-rgb:217 45 32;--danger-wash-rgb:253 231 229;--info-rgb:31 95 214;--info-wash-rgb:221 235 255;--action:rgb(234 88 12);--action-hover:rgb(217 83 11);--action-pressed:rgb(194 65 12)}}@media (prefers-color-scheme:dark) and (max-width:1023.98px){html:has([data-app-shell]){color-scheme:dark;--brand-50-rgb:58 30 14;--brand-100-rgb:82 40 16;--brand-200-rgb:124 52 18;--canvas-rgb:10 12 16;--surface-rgb:26 29 34;--surface-raised-rgb:34 38 44;--surface-muted-rgb:22 25 30;--surface-hover-rgb:38 42 49;--surface-sunken-rgb:18 20 25;--surface-dim-rgb:22 25 30;--ink-rgb:237 239 242;--ink-secondary-rgb:200 205 212;--ink-muted-rgb:163 170 180;--ink-faint-rgb:142 150 162;--line-rgb:46 51 59;--line-strong-rgb:62 68 78;--line-soft-rgb:36 40 47;--line-input-rgb:112 122 138;--accent-rgb:249 115 22;--accent-hover-rgb:251 146 60;--accent-pressed-rgb:234 88 12;--accent-wash-rgb:58 30 14;--accent-fg-rgb:251 146 60;--focus-ring-rgb:251 146 60;--ok-rgb:52 211 153;--ok-wash-rgb:8 44 33;--ok-line-rgb:10 90 66;--warn-rgb:251 191 36;--warn-wash-rgb:50 37 8;--warn-line-rgb:116 80 12;--danger-rgb:248 113 113;--danger-hover-rgb:252 165 165;--danger-wash-rgb:58 16 16;--danger-line-rgb:122 30 30;--info-rgb:96 165 250;--info-wash-rgb:15 31 62;--info-line-rgb:30 64 150;--debit-rgb:226 232 240;--credit-rgb:125 180 252;--action:rgb(234 88 12);--action-hover:rgb(249 115 22);--action-pressed:rgb(194 65 12);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.4);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.5);--shadow-md:0 10px 32px rgba(0,0,0,0.5);--shadow-lg:0 24px 64px rgba(0,0,0,0.6);--shadow-focus:0 0 0 2px rgb(26 29 34),0 0 0 4px var(--focus-ring)}html:has([data-app-shell]) [data-paper]{color-scheme:light;--canvas-rgb:248 249 251;--surface-rgb:255 255 255;--surface-raised-rgb:255 255 255;--surface-muted-rgb:248 249 251;--surface-hover-rgb:248 249 251;--surface-sunken-rgb:242 244 247;--surface-dim-rgb:248 249 251;--ink-rgb:32 36 42;--ink-secondary-rgb:65 72 83;--ink-muted-rgb:75 85 99;--ink-faint-rgb:82 92 108;--line-rgb:231 234 240;--line-strong-rgb:211 216 224;--line-soft-rgb:242 244 247;--line-input-rgb:124 138 160;--accent-rgb:194 65 12;--accent-wash-rgb:255 247 237;--brand-50-rgb:255 247 237;--brand-100-rgb:255 237 213;--brand-200-rgb:254 215 170;--ok-rgb:4 120 87;--ok-wash-rgb:236 253 245;--warn-rgb:180 83 9;--warn-wash-rgb:255 251 235;--danger-rgb:185 28 28;--danger-wash-rgb:254 242 242;--info-rgb:29 78 216;--info-wash-rgb:239 246 255;color:rgb(32 36 42)}}@media (max-width:1023.98px){html:has([data-app-shell]){-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(var(--mobile-topbar-height) + 1rem)}[data-app-shell] .app-topbar{height:calc(var(--mobile-topbar-height) + env(safe-area-inset-top, 0px));padding-top:env(safe-area-inset-top,0);background:rgb(var(--topbar-rgb)/.82);backdrop-filter:saturate(1.8) blur(20px);border-bottom-color:transparent;transition:border-color .16s ease}[data-app-shell][data-scrolled] .app-topbar{border-bottom-color:rgb(var(--line-rgb))}.app-topbar-title{opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}[data-app-shell][data-title-hidden] .app-topbar-title{opacity:1;transform:none}[data-app-shell][data-title-hidden] .app-topbar-backlabel,[data-app-shell][data-title-hidden] .app-topbar-company{visibility:hidden}[data-app-shell] #main-content .page-header[data-page-header],[data-app-shell] #main-content>.page-header{margin-bottom:1rem}[data-app-shell] [data-page-title]{font-size:1.875rem;line-height:1.15;font-weight:800;letter-spacing:-.01em}[data-app-shell] #main-content{padding-top:.75rem}[data-app-shell] #main-content .panel{border-radius:1rem;border-color:transparent;box-shadow:none}[data-app-shell] .list-page>.panel{background:transparent}[data-app-shell] .list-page>.panel .card-list,[data-app-shell] .list-page>.panel>div:has(>.card-list){background:rgb(var(--surface-rgb));border-radius:1rem;overflow:hidden}[data-app-shell] .card-list{--tw-divide-opacity:0}[data-app-shell] .card-list>li+li{border-top:0;position:relative}[data-app-shell] .card-list>li+li:before{content:"";position:absolute;top:0;right:0;left:var(--row-inset,1rem);border-top:1px solid rgb(var(--line-rgb))}[data-app-shell] .card-list:has(.app-row-leading)>li{--row-inset:4.25rem}@media (hover:none){[data-app-shell] :is(.btn,.btn-sm,.app-press):active{transform:scale(.97)}[data-app-shell] :is(.btn,.btn-sm,.app-press){transition:transform .12s var(--ease-out),background-color .12s ease}}[data-app-shell] .page-enter{animation:app-push .26s var(--ease-out) backwards}[data-app-shell] .section-nav{position:sticky;top:calc(var(--mobile-topbar-height) + env(safe-area-inset-top, 0px));z-index:25;margin:-.75rem -1rem .75rem;padding:.5rem 1rem;border-bottom:0;background:rgb(var(--canvas-rgb)/.88);backdrop-filter:saturate(1.8) blur(20px)}[data-app-shell] .section-nav ul{gap:.375rem}[data-app-shell] .section-nav :is(a,summary){border-bottom:0!important;border-radius:9999px;min-height:2.25rem;padding:.375rem .875rem;background:rgb(var(--surface-rgb));color:rgb(var(--ink-secondary-rgb));font-weight:500}[data-app-shell] .section-nav a[aria-current=page]{background:rgb(var(--ink-rgb));color:rgb(var(--surface-rgb));font-weight:600}[data-app-shell] .section-nav a[aria-current=page] .num{background:rgb(var(--surface-rgb)/.2);color:inherit}}@keyframes app-push{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}.skeleton{position:relative;overflow:hidden;background:rgb(var(--surface-sunken-rgb));border-radius:.5rem}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgb(var(--surface-rgb)/.55),transparent);animation:skeleton-shimmer 1.3s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.toast-host{position:fixed;z-index:70;left:50%;transform:translateX(-50%);bottom:calc(var(--mobile-nav-height) + 1rem + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;width:min(92vw,26rem)}@media (min-width:1024px){.toast-host{left:auto;right:1.5rem;transform:none;bottom:1.5rem;align-items:flex-end}}.toast{pointer-events:auto;animation:toast-in .24s var(--ease-out) backwards}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.bottom-sheet{animation:sheet-up .28s var(--ease-out) backwards;touch-action:pan-y}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.sheet-backdrop{animation:fade-in .2s ease backwards}@keyframes fade-in{0%{opacity:0}}.mobile-action-bar{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px))}html:not(:has([data-testid=mobile-bottom-nav])) .mobile-action-bar{bottom:0;padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width:1023.98px){html:has(.mobile-action-bar) #main-content{padding-bottom:calc(var(--mobile-nav-height) + 5rem + env(safe-area-inset-bottom, 0px))!important}}.ptr-indicator{position:fixed;left:50%;top:calc(var(--mobile-topbar-height) + env(safe-area-inset-top, 0px) + .5rem);z-index:45;transform:translateX(-50%);pointer-events:none}@media (prefers-reduced-motion:reduce){.bottom-sheet,.sheet-backdrop,.skeleton:after,.toast,[data-app-shell] .page-enter{animation:none}}@media (max-width:639.98px){[data-app-shell] .table-shell-stack{border-radius:1rem;border-color:transparent;background:rgb(var(--surface-rgb));box-shadow:none;overflow:hidden}[data-app-shell] .data-table-stack tbody tr{position:relative;padding:.8rem 1rem;border-bottom:0}[data-app-shell] .data-table-stack tbody tr+tr:before{content:"";position:absolute;top:0;left:1rem;right:0;border-top:1px solid rgb(var(--line-rgb))}[data-app-shell] .data-table-stack tbody td:first-child{font-size:.9375rem;margin-bottom:.25rem}[data-app-shell] .data-table-stack tbody td[data-label]:not(:first-child){display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.2rem 0;text-align:right}[data-app-shell] .data-table-stack tbody td[data-label]:not(:first-child):before{min-width:0;flex-shrink:0;text-align:left;color:rgb(var(--ink-muted-rgb))}}@media (prefers-color-scheme:dark) and (max-width:1023.98px){html:has([data-app-shell]) .btn-dark{background:rgb(var(--ink-rgb));color:rgb(var(--surface-rgb))}html:has([data-app-shell]) .btn-dark:hover{background:rgb(var(--ink-secondary-rgb))}}@media (max-width:639.98px){[data-app-shell] :has(>.kpi-card):not(.hidden){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}[data-app-shell] .kpi-card{border-radius:1rem}}