:root{--pal-bg:#faf7f4;--pal-card:#fff;--pal-border:#ede5dd;--pal-border-strong:#dccfc3;--pal-primary:#c2410c;--pal-primary-deep:#9a3412;--pal-accent:#ea580c;--pal-tint:#fff1e6;--pal-success:#15803d;--pal-success-tint:#e8f5ec;--pal-danger:#b91c1c;--pal-danger-tint:#fdf0ef;--pal-warning:#b45309;--pal-warning-tint:#fdf4e3;--pal-ink:#1c1917;--pal-ink-soft:#44403c;--pal-muted:#6b625b;--pal-sans:"Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--pal-mono:"IBM Plex Mono", "Noto Sans Thai", ui-monospace, "SFMono-Regular", Menlo, monospace;--pal-radius:10px;--pal-ease-pop:cubic-bezier(.34, 1.56, .64, 1);--pal-ease-out:cubic-bezier(.22, 1, .36, 1);--pal-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .11 0 0 0 0 .09 0 0 0 0 .08 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--pal-bg);min-height:100vh;color:var(--pal-ink);font-family:var(--pal-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5;overflow-x:clip}a{color:var(--pal-primary)}a:hover{color:var(--pal-primary-deep)}:focus-visible{outline:2px solid var(--pal-accent);outline-offset:2px}.mono,.pal-mono{font-family:var(--pal-mono)}.mono,.pal-mono,.pal-num{font-variant-numeric:tabular-nums}.pal-muted{color:var(--pal-muted)}.pal-pos{color:var(--pal-success)}.pal-neg{color:var(--pal-danger)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root{--notch:9px;--pal-stamp-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -6 4.4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");--pal-security:repeating-linear-gradient(135deg, #c2410c0e 0 1px, transparent 0 6px)}html{background-color:var(--pal-bg)}body{isolation:isolate;background-color:#0000;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background-image:var(--pal-grain);opacity:.07;position:fixed;inset:0}.slip{filter:drop-shadow(0 0 .6px #785c428c)drop-shadow(0 1px 1px #1c191709);position:relative}.slip__body,.slip__stub{background:var(--pal-card);position:relative}.slip__body{-webkit-mask:radial-gradient(circle var(--notch) at 0 100%,#0000 calc(100% - .5px),#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,#0000 calc(100% - .5px),#000) 100% 0/51% 100% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at 0 100%,#0000 calc(100% - .5px),#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,#0000 calc(100% - .5px),#000) 100% 0/51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 100%,#0000 calc(100% - .5px),#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,#0000 calc(100% - .5px),#000) 100% 0/51% 100% no-repeat;border-radius:14px 14px 0 0}.slip--single .slip__body{border-radius:14px;-webkit-mask:none;mask:none}.slip__stub{-webkit-mask:radial-gradient(circle var(--notch) at 0 0,#0000 calc(100% - .5px),#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 0,#0000 calc(100% - .5px),#000) 100% 0/51% 100% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at 0 0,#0000 calc(100% - .5px),#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 0,#0000 calc(100% - .5px),#000) 100% 0/51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 0,#0000 calc(100% - .5px),#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 0,#0000 calc(100% - .5px),#000) 100% 0/51% 100% no-repeat;border-radius:0 0 14px 14px}.slip__stub:before{content:"";top:-1px;left:calc(6px + var(--notch));right:calc(6px + var(--notch));background:radial-gradient(circle,var(--pal-border-strong) 1px,transparent 1.4px) 0 50%/7px 2px repeat-x;height:2px;position:absolute}.slip--serrated .slip__stub{-webkit-mask-composite:source-in,source-over;-webkit-mask:radial-gradient(circle 4px at 50% 100%,#0000 calc(100% - .5px),#000) 0 0/11px 100% repeat-x,radial-gradient(circle var(--notch) at 0 0,#0000 calc(100% - .5px),#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 0,#0000 calc(100% - .5px),#000) 100% 0/51% 100% no-repeat;-webkit-mask:radial-gradient(circle 4px at 50% 100%,#0000 calc(100% - .5px),#000) 0 0/11px 100% repeat-x,radial-gradient(circle var(--notch) at 0 0,#0000 calc(100% - .5px),#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 0,#0000 calc(100% - .5px),#000) 100% 0/51% 100% no-repeat;mask:radial-gradient(circle 4px at 50% 100%,#0000 calc(100% - .5px),#000) 0 0/11px 100% repeat-x,radial-gradient(circle var(--notch) at 0 0,#0000 calc(100% - .5px),#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 0,#0000 calc(100% - .5px),#000) 100% 0/51% 100% no-repeat;-webkit-mask-composite:source-in,source-over,xor;border-radius:0;padding-bottom:14px;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.slip__stub.is-torn{transform-origin:12% 0;animation:pal-tear .72s var(--pal-ease-out) forwards}@keyframes pal-tear{0%{transform:none}22%{transform:translateY(1px)rotate(-.8deg)}40%{transform:translateY(3px)rotate(1.2deg)}to{opacity:0;transform:translate(26px,140px)rotate(9deg)}}.slip__head{background-image:var(--pal-security);border-radius:14px 14px 0 0}.serial{font-family:var(--pal-mono);letter-spacing:.03em;text-transform:uppercase;color:var(--pal-muted);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:500}.serial b{color:var(--pal-ink);font-weight:600}.rule{background:var(--pal-border);border:0;height:1px;margin:0}.rule--ink{background:var(--pal-ink);height:2px}.stamp{color:var(--stamp);box-shadow:inset 0 0 0 2px var(--pal-card),inset 0 0 0 3px currentColor;font:700 12.5px/1.15 var(--pal-sans);letter-spacing:.1em;white-space:nowrap;-webkit-mask-image:var(--pal-stamp-texture);-webkit-mask-image:var(--pal-stamp-texture);mask-image:var(--pal-stamp-texture);mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;border:2px solid;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:5px 11px 4px;display:inline-flex;transform:rotate(-6deg);-webkit-mask-size:140px 140px;mask-size:140px 140px}.stamp,.stamp--win{--stamp:var(--pal-primary)}.stamp--closed{--stamp:var(--pal-danger)}.stamp--paused{--stamp:var(--pal-warning)}.stamp--ok{--stamp:var(--pal-success)}.stamp--muted{--stamp:var(--pal-muted)}.stamp--lg{box-shadow:inset 0 0 0 3px var(--pal-card),inset 0 0 0 4.5px currentColor;border-width:3px;padding:8px 16px 7px;font-size:18px}.stamp--seal{text-align:center;border-radius:50%;flex-direction:column;gap:0;width:92px;height:92px;padding:0;font-size:15px;line-height:1.15}.stamp--seal small{font:600 9px/1.2 var(--pal-mono);letter-spacing:.16em}.stamp.is-new{animation:pal-stamp .52s var(--pal-ease-pop) both}@keyframes pal-stamp{0%{opacity:0;transform:scale(1.9)rotate(-16deg)}55%{opacity:1;transform:scale(.93)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(-6deg)}}.numerals{font-family:var(--pal-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--pal-ink);font-weight:600;line-height:1}.numerals--xl{letter-spacing:.08em;font-size:calc(clamp(46px,14vw,88px))}.numerals--lg{font-size:calc(clamp(30px,8vw,44px))}.numerals--md{font-size:22px}.numerals--ink{color:var(--pal-primary)}.cells{gap:8px;display:flex}.cell{background:var(--pal-card);border:1px solid var(--pal-border);border-bottom:2px solid var(--pal-ink);min-width:0;height:66px;font:600 32px/1 var(--pal-mono);color:var(--pal-ink);border-radius:10px 10px 4px 4px;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.cell.is-active{border-bottom-color:var(--pal-accent);background:#fffbf7}.cell.is-active:after{content:"";background:var(--pal-accent);width:16px;height:2px;animation:1s steps(2,start) infinite pal-caret;position:absolute;bottom:12px}.cell.is-filled{animation:pal-cell .22s var(--pal-ease-pop)}.cell.is-closed{border-bottom-color:var(--pal-danger);color:var(--pal-danger)}@keyframes pal-caret{to{visibility:hidden}}@keyframes pal-cell{0%{transform:translateY(3px)scale(.96)}to{transform:none}}.keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.key{background:var(--pal-card);border:1px solid var(--pal-border);height:56px;min-height:44px;color:var(--pal-ink);font:600 24px/1 var(--pal-mono);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-bottom:3px solid #e4d9ce;border-radius:14px;transition:transform 70ms,border-bottom-width 70ms,background-color .12s}.key:hover{background:#fffcf9}.key:active{border-bottom-width:1px;transform:translateY(2px)}.key.is-pop{animation:pal-pop .19s var(--pal-ease-pop)}.key--fn{font:600 15px/1 var(--pal-sans);color:var(--pal-ink-soft);background:#f7f2ed}.key--danger{color:var(--pal-danger)}.key:disabled{opacity:.45;cursor:not-allowed}@keyframes pal-pop{0%{transform:translateY(2px)scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}.chip{border:1px solid var(--pal-border);background:var(--pal-card);min-width:44px;height:44px;color:var(--pal-ink-soft);font:500 14px/1 var(--pal-sans);cursor:pointer;white-space:nowrap;border-radius:999px;padding:0 14px;transition:border-color .12s,color .12s}.chip.mono{font-family:var(--pal-mono)}.chip.is-on,.chip[aria-pressed=true]{border-color:var(--pal-ink);color:var(--pal-ink);box-shadow:inset 0 0 0 1px var(--pal-ink);font-weight:600}.chip:disabled{opacity:.5;cursor:not-allowed}.ink-link{color:var(--pal-primary);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.dotted-leader{border-bottom:1.5px dotted var(--pal-border-strong);flex:1;align-self:end;min-width:12px;margin:0 6px 5px}.fade-up{animation:pal-fade-up .36s var(--pal-ease-out) both}@keyframes pal-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page{width:100%;max-width:1120px;margin:0 auto;padding:16px 16px 112px}.eyebrow{font:600 12.5px/1.2 var(--pal-sans);letter-spacing:.01em;color:var(--pal-primary);align-items:center;gap:8px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:18px;height:2px}h1,h2,h3{letter-spacing:-.01em;margin:0}.h1{font-size:26px;line-height:1.15}.h1,.h2{font-weight:700}.h2{font-size:18px;line-height:1.25}@media (width>=900px){.page{padding:28px 24px 56px}.h1{font-size:32px}}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell>main{flex:1 0 auto}.edge-fade--more{scroll-padding-inline:16px;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.appbar{z-index:20;border-bottom:1px solid var(--pal-border);background:#faf7f4f7;position:sticky;top:0}.appbar__in{gap:12px;max-width:1120px;min-height:60px;margin:0 auto;padding:10px 16px}.appbar__brand,.appbar__in{align-items:center;display:flex}.appbar__brand{min-width:0;color:inherit;flex:1;gap:10px;text-decoration:none}.appbar__tenant{color:var(--pal-muted);font-size:12px}.topnav{gap:4px;display:none}@media (width>=900px){.appbar__in{padding:10px 24px}.topnav{display:flex}}.topnav a{height:44px;color:var(--pal-ink-soft);align-items:center;gap:8px;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.topnav a.router-link-active,.topnav a[aria-current=page]{color:var(--pal-primary);font-weight:600}.topnav a.router-link-active:after,.topnav a[aria-current=page]:after{content:"";background:currentColor;height:2px;position:absolute;bottom:4px;left:14px;right:14px}.bottomnav{z-index:30;background:var(--pal-card);border-top:1px solid var(--pal-border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}@media (width>=900px){.bottomnav{display:none}}.bottomnav a{min-height:58px;color:var(--pal-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.bottomnav a.router-link-active,.bottomnav a[aria-current=page]{color:var(--pal-primary);font-weight:600}.bottomnav a.router-link-active:before,.bottomnav a[aria-current=page]:before{content:"";background:currentColor;height:2px;position:absolute;top:0;left:30%;right:30%}.balance{border:1px solid var(--pal-border);background:var(--pal-card);height:44px;font:600 14px/1 var(--pal-mono);color:var(--pal-ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 8px 0 12px;display:inline-flex}.balance small{font:500 10px/1 var(--pal-sans);color:var(--pal-muted);letter-spacing:.04em;margin-bottom:3px;display:block}.banner{background:var(--pal-card);border:1px solid var(--pal-border);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;line-height:1.45;display:flex}.banner--warn{background:var(--pal-warning-tint);color:#7c3a06;border-color:#f2ddb4}.banner--danger{background:var(--pal-danger-tint);color:#8a1616;border-color:#f3c7c3}.banner--info{background:var(--pal-tint);color:var(--pal-primary-deep);border-color:#f8d8bf}.banner b{font-weight:700}.foot{max-width:1120px;color:var(--pal-muted);flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 auto;padding:24px 16px 96px;font-size:12px;display:flex}@media (width>=900px){.foot{padding:24px 24px 32px}}.foot__sep{flex:1}.ant-btn{min-height:44px;box-shadow:none;border-radius:12px;font-weight:600}.ant-btn-lg{border-radius:14px;min-height:52px;font-size:16px}.ant-btn-primary:not(:disabled){background:var(--pal-primary);border-color:var(--pal-primary)}.ant-btn-primary:not(:disabled):hover{background:var(--pal-primary-deep)!important}.ant-btn-default{border-color:var(--pal-border-strong);color:var(--pal-ink)}.ant-btn-default:not(:disabled):hover{border-color:var(--pal-ink)!important;color:var(--pal-ink)!important}.ant-btn.btn-ink{background:var(--pal-ink);border-color:var(--pal-ink);color:#fff}.ant-btn.btn-ink:not(:disabled):hover{color:#fff!important;background:#000!important}.ant-btn .pal-icon{margin-right:2px}.ant-segmented{background:#f1ebe5;border-radius:12px;padding:3px}.ant-segmented .ant-segmented-item{border-radius:9px;align-items:center;min-height:38px;display:flex}.ant-segmented .ant-segmented-item-label{min-height:38px;padding:0 14px;font-weight:500;line-height:38px}.ant-segmented .ant-segmented-item-selected{box-shadow:0 0 0 1px var(--pal-border)}.ant-drawer .ant-drawer-content{background:var(--pal-bg)}.ant-drawer-bottom .ant-drawer-content-wrapper{border-radius:18px 18px 0 0;overflow:hidden}.ant-modal .ant-modal-content{border-radius:16px}.ant-input,.ant-input-affix-wrapper{border-radius:12px}.ant-tabs-nav:before{border-bottom-color:var(--pal-border)!important}.ant-tabs-tab{min-height:44px;font-weight:500}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{font-weight:700}.ant-tabs-ink-bar{background:var(--pal-primary)!important;height:2px!important}.ant-notification-notice{border-radius:14px!important}.ant-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}