@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@200;300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--ion-color-primary: #E8710A;--ion-color-primary-rgb: 232, 113, 10;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #C45E08;--ion-color-primary-tint: #F59E2F;--ion-color-primary-sub: #F59E2F;--ion-color-primary-gradient: linear-gradient(135deg, #E8710A 0%, #F59E2F 100%);--ion-color-secondary: #FBEBDD;--ion-color-secondary-rgb: 251, 235, 221;--ion-color-secondary-contrast: #1C1917;--ion-color-secondary-contrast-rgb: 28, 25, 23;--ion-color-secondary-shade: #F3DCC6;--ion-color-secondary-tint: #FDF3EA;--ion-color-tertiary: #FDF3EA;--ion-color-tertiary-rgb: 253, 243, 234;--ion-color-tertiary-contrast: #1C1917;--ion-color-tertiary-contrast-rgb: 28, 25, 23;--ion-color-tertiary-shade: #F3EFEA;--ion-color-tertiary-tint: #E8710A;--ion-color-success: #16A34A;--ion-color-success-rgb: 22, 163, 74;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #15803D;--ion-color-success-tint: #22C55E;--ion-color-warning: #F59E0B;--ion-color-warning-rgb: 245, 158, 11;--ion-color-warning-contrast: #1C1917;--ion-color-warning-contrast-rgb: 28, 25, 23;--ion-color-warning-shade: #D97706;--ion-color-warning-tint: #FBBF24;--ion-color-danger: #EF4444;--ion-color-danger-rgb: 239, 68, 68;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #DC2626;--ion-color-danger-tint: #F87171;--ion-color-dark: #1C1917;--ion-color-dark-rgb: 28, 25, 23;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #111111;--ion-color-dark-tint: #57534E;--ion-color-medium: #8A8580;--ion-color-medium-rgb: 138, 133, 128;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #E9E2DA;--ion-color-medium-tint: #F3EFEA;--ion-color-light: #ffffff;--ion-color-light-rgb: 255, 255, 255;--ion-color-light-contrast: #1C1917;--ion-color-light-contrast-rgb: 28, 25, 23;--ion-color-light-shade: #F3EFEA;--ion-color-light-tint: #ffffff;--ion-color-light-background: #F7F5F2;--ion-background-color: #F7F5F2;--ion-background-color-rgb: 247, 245, 242;--ion-text-color: #1C1917;--ion-text-color-rgb: 28, 25, 23;--ion-border-color: #E9E2DA;--ion-item-background: #ffffff;--ion-tab-bar-background: #ffffff;--ion-card-background: #ffffff}@media (prefers-color-scheme: dark){body{--ion-color-primary: #E8710A;--ion-color-primary-rgb: 232, 113, 10;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #C45E08;--ion-color-primary-tint: #F7A64A;--ion-color-primary-sub: #F7A64A;--ion-color-primary-gradient: linear-gradient(135deg, #E8710A 0%, #F59E2F 100%);--ion-color-secondary: #22252B;--ion-color-secondary-rgb: 34, 37, 43;--ion-color-secondary-contrast: #F3F4F6;--ion-color-secondary-contrast-rgb: 243, 244, 246;--ion-color-secondary-shade: #1A1C20;--ion-color-secondary-tint: #2B2F37;--ion-color-tertiary: #1A1C20;--ion-color-tertiary-rgb: 26, 28, 32;--ion-color-tertiary-contrast: #F3F4F6;--ion-color-tertiary-contrast-rgb: 243, 244, 246;--ion-color-tertiary-shade: #22252B;--ion-color-tertiary-tint: #E8710A;--ion-color-success: #22C55E;--ion-color-success-rgb: 34, 197, 94;--ion-color-success-contrast: #052E16;--ion-color-success-contrast-rgb: 5, 46, 22;--ion-color-success-shade: #16A34A;--ion-color-success-tint: #4ADE80;--ion-color-warning: #FBBF24;--ion-color-warning-rgb: 251, 191, 36;--ion-color-warning-contrast: #1C1917;--ion-color-warning-contrast-rgb: 28, 25, 23;--ion-color-warning-shade: #F59E0B;--ion-color-warning-tint: #FCD34D;--ion-color-danger: #F87171;--ion-color-danger-rgb: 248, 113, 113;--ion-color-danger-contrast: #1C1917;--ion-color-danger-contrast-rgb: 28, 25, 23;--ion-color-danger-shade: #EF4444;--ion-color-danger-tint: #FCA5A5;--ion-color-dark: #F3F4F6;--ion-color-dark-rgb: 243, 244, 246;--ion-color-dark-contrast: #111214;--ion-color-dark-contrast-rgb: 17, 18, 20;--ion-color-dark-shade: #E5E7EB;--ion-color-dark-tint: #B3B8C2;--ion-color-medium: #7C838F;--ion-color-medium-rgb: 124, 131, 143;--ion-color-medium-contrast: #111214;--ion-color-medium-contrast-rgb: 17, 18, 20;--ion-color-medium-shade: #2B2F37;--ion-color-medium-tint: #22252B;--ion-color-light: #ffffff;--ion-color-light-rgb: 255, 255, 255;--ion-color-light-contrast: #1C1917;--ion-color-light-contrast-rgb: 28, 25, 23;--ion-color-light-shade: #22252B;--ion-color-light-tint: #2B2F37;--ion-color-light-background: #111214;--ion-background-color: #111214;--ion-background-color-rgb: 17, 18, 20;--ion-text-color: #F3F4F6;--ion-text-color-rgb: 243, 244, 246;--ion-border-color: rgba(255, 255, 255, .08);--ion-item-background: #1A1C20;--ion-tab-bar-background: #1A1C20;--ion-card-background: #1A1C20}}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-default-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint: var(--ion-color-success-tint, #42d77d) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #808289) !important;--ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #3880ff)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-self-start{align-self:flex-start!important}.ion-align-self-end{align-self:flex-end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-evenly{justify-content:space-evenly!important}.ion-align-items-start{align-items:flex-start!important}.ion-align-items-center{align-items:center!important}.ion-align-items-end{align-items:flex-end!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@charset "UTF-8";.fw-200{font-weight:200!important}.fw-300{font-weight:300!important}.fw-400{font-weight:400!important}.fw-600{font-weight:600!important}.fs-10{font-size:10px!important}.fs-11{font-size:11px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-14{font-size:14px!important}.fs-15{font-size:15px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.fs-19{font-size:19px!important}.fs-20{font-size:20px!important}.fs-21{font-size:21px!important}.fs-22{font-size:22px!important}.fs-23{font-size:23px!important}.fs-24{font-size:24px!important}.fs-25{font-size:25px!important}.fs-26{font-size:26px!important}.fs-28{font-size:28px!important}.fs-29{font-size:29px!important}.fs-30{font-size:30px!important}.fs-31{font-size:31px!important}.fs-32{font-size:32px!important}.fs-34{font-size:34px!important}.fs-35{font-size:35px!important}.fs-36{font-size:36px!important}.fs-40{font-size:40px!important}.fs-42{font-size:42px!important}.fs-45{font-size:45px!important}.fs-46{font-size:46px!important}.fs-48{font-size:48px!important}.fs-54{font-size:54px!important}.fs-55{font-size:55px!important}.fs-57{font-size:57px!important}.fs-62{font-size:62px!important}.fs-63{font-size:63px!important}.fs-64{font-size:64px!important}.fs-153{font-size:153px!important}.text_underline{text-decoration:underline}:root{--app-primary: #E8710A;--app-primary-dark: #C45E08;--app-primary-light: #F59E2F;--app-primary-soft: rgba(232, 113, 10, .1);--app-primary-soft-2: rgba(232, 113, 10, .18);--app-primary-glow: rgba(232, 113, 10, .28);--app-bg: #F7F5F2;--app-surface: #FFFFFF;--app-surface-2: #F3EFEA;--app-surface-3: #EAE4DD;--app-border: #E9E2DA;--app-border-strong: #D9D0C6;--app-overlay: rgba(28, 25, 23, .55);--app-text-1: #1C1917;--app-text-2: #57534E;--app-text-3: #8A8580;--app-text-on-primary: #FFFFFF;--app-success: #16A34A;--app-success-soft: rgba(22, 163, 74, .12);--app-warning: #F59E0B;--app-warning-soft: rgba(245, 158, 11, .14);--app-danger: #EF4444;--app-danger-soft: rgba(239, 68, 68, .12);--app-info: #3B82F6;--app-info-soft: rgba(59, 130, 246, .12);--app-radius-xs: 8px;--app-radius-sm: 12px;--app-radius: 16px;--app-radius-lg: 20px;--app-radius-xl: 24px;--app-shadow-xs: 0 1px 2px rgba(28, 25, 23, .04);--app-shadow-sm: 0 1px 2px rgba(28, 25, 23, .04), 0 2px 8px rgba(28, 25, 23, .05);--app-shadow: 0 2px 4px rgba(28, 25, 23, .04), 0 8px 24px rgba(28, 25, 23, .07);--app-shadow-lg: 0 4px 8px rgba(28, 25, 23, .05), 0 16px 40px rgba(28, 25, 23, .1);--app-shadow-primary: 0 6px 18px rgba(232, 113, 10, .28);--app-shadow-header: 0 2px 12px rgba(232, 113, 10, .22);--app-content-max: 640px;--app-content-wide: 900px;--app-gutter: 16px;--app-header-height: 56px;--app-ease: cubic-bezier(.4, 0, .2, 1);--app-transition: all .22s var(--app-ease)}@media (prefers-color-scheme: dark){:root{--app-primary-light: #F7A64A;--app-primary-soft: rgba(232, 113, 10, .16);--app-primary-soft-2: rgba(232, 113, 10, .26);--app-bg: #111214;--app-surface: #1A1C20;--app-surface-2: #22252B;--app-surface-3: #2B2F37;--app-border: rgba(255, 255, 255, .08);--app-border-strong: rgba(255, 255, 255, .14);--app-overlay: rgba(0, 0, 0, .65);--app-text-1: #F3F4F6;--app-text-2: #B3B8C2;--app-text-3: #7C838F;--app-success: #22C55E;--app-success-soft: rgba(34, 197, 94, .16);--app-warning: #FBBF24;--app-warning-soft: rgba(251, 191, 36, .16);--app-danger: #F87171;--app-danger-soft: rgba(248, 113, 113, .16);--app-info: #60A5FA;--app-info-soft: rgba(96, 165, 250, .16);--app-shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--app-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .35);--app-shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .45);--app-shadow-lg: 0 4px 8px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .55);--app-shadow-header: 0 2px 12px rgba(0, 0, 0, .45)}}@keyframes app-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes app-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes app-shimmer{to{transform:translate(100%)}}ion-header:not(.footer){background:var(--app-primary)}ion-header:not(.footer):after{display:none}ion-header:not(.footer) ion-toolbar{--background: var(--app-primary);--color: var(--app-text-on-primary);--border-width: 0;--min-height: var(--app-header-height);--padding-start: 4px;--padding-end: 4px;box-shadow:var(--app-shadow-header)}ion-header:not(.footer) ion-toolbar ion-title{color:var(--app-text-on-primary);font-size:18px;font-weight:600;letter-spacing:.1px;padding-inline:8px}ion-header:not(.footer) ion-toolbar ion-buttons ion-button,ion-header:not(.footer) ion-toolbar ion-back-button{--color: var(--app-text-on-primary);--background-hover: rgba(255, 255, 255, .12);--background-activated: rgba(255, 255, 255, .18);--border-radius: var(--app-radius-sm);--padding-start: 8px;--padding-end: 8px;min-width:40px;height:40px}ion-header:not(.footer) ion-toolbar ion-buttons ion-button ion-icon,ion-header:not(.footer) ion-toolbar ion-back-button ion-icon{font-size:22px}ion-header:not(.footer) ion-toolbar ion-buttons ion-button ion-label,ion-header:not(.footer) ion-toolbar ion-back-button ion-label{color:var(--app-text-on-primary)}ion-content{--background: var(--app-bg);--color: var(--app-text-1)}.animated-bg,.ambient-bg,.bg-layer,.gradient-bg,.grid-overlay,.card-glow,.card-shine{display:none!important}.page-container,.list_container,.content-wrapper,.branch-wrapper,.sel-wrapper,.res-wrapper,.zone-list-container,.success-container,.counter-container{position:relative;z-index:1;width:100%;max-width:var(--app-content-max);margin:0 auto;padding:20px var(--app-gutter) 40px;box-sizing:border-box}.page-header{text-align:center;padding:8px 0 24px;animation:app-fade-up .4s var(--app-ease) both}.page-header .header-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:var(--app-radius-lg);display:flex;align-items:center;justify-content:center;background:var(--app-primary-soft);color:var(--app-primary)}.page-header .header-icon ion-icon{font-size:30px}.page-header .page-title{margin:0 0 6px;font-size:22px;font-weight:700;color:var(--app-text-1);letter-spacing:-.2px}.page-header .page-subtitle{margin:0;font-size:14px;font-weight:400;color:var(--app-text-3)}.section-header>ion-icon{color:var(--app-primary);font-size:18px}.section-header>ion-text{font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--app-text-3)}ion-card,.app-card,.modern-card,.settings-card,.hero-card,.info-card,.form-card,.profile-card,.summary-card,.payment-card,.rates-card,.stat-card,.form-section,.pin-card,.stepper-card,.zone-info-card{position:relative;margin:0 0 16px;padding:0;border-radius:var(--app-radius);background:var(--app-surface);color:var(--app-text-1);border:1px solid var(--app-border);box-shadow:var(--app-shadow-sm);overflow:hidden;transition:var(--app-transition);--background: var(--app-surface);--color: var(--app-text-1)}ion-card-header,ion-card-content,ion-card-title,ion-card-subtitle{--background: transparent;--color: inherit;background:transparent}ion-card-content{padding:20px}ion-card-title{font-size:17px;font-weight:600;color:var(--app-text-1)}ion-card-subtitle{color:var(--app-text-3);text-transform:none;letter-spacing:0}.settings-card ion-item,ion-card ion-item{--background: transparent;--color: var(--app-text-1);--border-color: var(--app-border);--padding-start: 16px;--padding-end: 12px;--inner-padding-end: 0;--min-height: 56px}.settings-card ion-item .item-icon,ion-card ion-item .item-icon{font-size:22px;margin-right:14px;color:var(--app-primary)}.settings-card ion-item .chevron-icon,ion-card ion-item .chevron-icon{font-size:18px;color:var(--app-text-3);margin-left:8px}.settings-card ion-item ion-label h3,ion-card ion-item ion-label h3{font-weight:500;color:var(--app-text-1)}.settings-card ion-item ion-label p,.settings-card ion-item .text-muted,ion-card ion-item ion-label p,ion-card ion-item .text-muted{color:var(--app-text-3)}.input-wrapper,.input-group,.field-group{margin-bottom:18px}.input-wrapper:last-child,.input-group:last-child,.field-group:last-child{margin-bottom:0}.input-label,.field-label,.section-label{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--app-text-2)}.input-label .label-icon,.input-label>ion-icon,.field-label .label-icon,.field-label>ion-icon,.section-label .label-icon,.section-label>ion-icon{font-size:17px;color:var(--app-primary)}.input-label .required,.field-label .required,.section-label .required{color:var(--app-danger)}ion-input,ion-textarea,ion-select{--highlight-height: 0;--highlight-color-focused: var(--app-primary);--highlight-color-valid: var(--app-primary);--highlight-color-invalid: var(--app-danger)}ion-input.modern-input,ion-textarea.modern-textarea,ion-select.modern-select,.modern-input,.modern-textarea,.modern-select{--background: var(--app-surface-2);--color: var(--app-text-1);--placeholder-color: var(--app-text-3);--placeholder-opacity: 1;--border-radius: var(--app-radius-sm);--padding-start: 16px;--padding-end: 16px;--padding-top: 14px;--padding-bottom: 14px;--highlight-color-focused: var(--app-primary);--highlight-height: 0;border:1.5px solid transparent;border-radius:var(--app-radius-sm);transition:var(--app-transition);font-size:16px;font-weight:400;min-height:50px}ion-input.modern-input.has-focus,ion-input.modern-input.ion-focused,ion-textarea.modern-textarea.has-focus,ion-textarea.modern-textarea.ion-focused,ion-select.modern-select.has-focus,ion-select.modern-select.ion-focused,.modern-input.has-focus,.modern-input.ion-focused,.modern-textarea.has-focus,.modern-textarea.ion-focused,.modern-select.has-focus,.modern-select.ion-focused{border-color:var(--app-primary);--background: var(--app-surface);box-shadow:0 0 0 3px var(--app-primary-soft)}ion-input.modern-input.ion-invalid.ion-touched,ion-textarea.modern-textarea.ion-invalid.ion-touched,ion-select.modern-select.ion-invalid.ion-touched,.modern-input.ion-invalid.ion-touched,.modern-textarea.ion-invalid.ion-touched,.modern-select.ion-invalid.ion-touched{border-color:var(--app-danger)}ion-textarea.modern-textarea{min-height:96px}.error-text,.char-count,.char-counter{font-size:13px;color:var(--app-text-3)}.error-text.error,.char-count.error,.char-counter.error,.error-text{color:var(--app-danger)}ion-toggle{--track-background: var(--app-surface-3);--track-background-checked: var(--app-primary);--handle-background: #ffffff;--handle-background-checked: #ffffff}.app-btn-primary,.submit-button,.submit-btn,.change-button,.add-zone-btn,.success-button,.close-btn,.confirm-btn,.hero-cta,.setup_button{--background: var(--app-primary);--background-hover: var(--app-primary-dark);--background-activated: var(--app-primary-dark);--color: var(--app-text-on-primary);--border-radius: var(--app-radius-sm);--box-shadow: var(--app-shadow-primary);--padding-start: 20px;--padding-end: 20px;min-height:50px;font-size:16px;font-weight:600;letter-spacing:.1px;text-transform:none;margin:0}.app-btn-primary ion-label,.app-btn-primary ion-icon,.submit-button ion-label,.submit-button ion-icon,.submit-btn ion-label,.submit-btn ion-icon,.change-button ion-label,.change-button ion-icon,.add-zone-btn ion-label,.add-zone-btn ion-icon,.success-button ion-label,.success-button ion-icon,.close-btn ion-label,.close-btn ion-icon,.confirm-btn ion-label,.confirm-btn ion-icon,.hero-cta ion-label,.hero-cta ion-icon,.setup_button ion-label,.setup_button ion-icon{color:var(--app-text-on-primary)}.app-btn-primary[disabled],.app-btn-primary.button-disabled,.submit-button[disabled],.submit-button.button-disabled,.submit-btn[disabled],.submit-btn.button-disabled,.change-button[disabled],.change-button.button-disabled,.add-zone-btn[disabled],.add-zone-btn.button-disabled,.success-button[disabled],.success-button.button-disabled,.close-btn[disabled],.close-btn.button-disabled,.confirm-btn[disabled],.confirm-btn.button-disabled,.hero-cta[disabled],.hero-cta.button-disabled,.setup_button[disabled],.setup_button.button-disabled{--background: var(--app-surface-3);--box-shadow: none;--color: var(--app-text-3);opacity:1}.app-btn-primary[disabled] ion-label,.app-btn-primary[disabled] ion-icon,.app-btn-primary.button-disabled ion-label,.app-btn-primary.button-disabled ion-icon,.submit-button[disabled] ion-label,.submit-button[disabled] ion-icon,.submit-button.button-disabled ion-label,.submit-button.button-disabled ion-icon,.submit-btn[disabled] ion-label,.submit-btn[disabled] ion-icon,.submit-btn.button-disabled ion-label,.submit-btn.button-disabled ion-icon,.change-button[disabled] ion-label,.change-button[disabled] ion-icon,.change-button.button-disabled ion-label,.change-button.button-disabled ion-icon,.add-zone-btn[disabled] ion-label,.add-zone-btn[disabled] ion-icon,.add-zone-btn.button-disabled ion-label,.add-zone-btn.button-disabled ion-icon,.success-button[disabled] ion-label,.success-button[disabled] ion-icon,.success-button.button-disabled ion-label,.success-button.button-disabled ion-icon,.close-btn[disabled] ion-label,.close-btn[disabled] ion-icon,.close-btn.button-disabled ion-label,.close-btn.button-disabled ion-icon,.confirm-btn[disabled] ion-label,.confirm-btn[disabled] ion-icon,.confirm-btn.button-disabled ion-label,.confirm-btn.button-disabled ion-icon,.hero-cta[disabled] ion-label,.hero-cta[disabled] ion-icon,.hero-cta.button-disabled ion-label,.hero-cta.button-disabled ion-icon,.setup_button[disabled] ion-label,.setup_button[disabled] ion-icon,.setup_button.button-disabled ion-label,.setup_button.button-disabled ion-icon{color:var(--app-text-3)}.app-btn-secondary,.upload-btn,.view-rates-btn{--background: var(--app-primary-soft);--background-hover: var(--app-primary-soft-2);--background-activated: var(--app-primary-soft-2);--color: var(--app-primary);--border-radius: var(--app-radius-sm);--border-color: transparent;--box-shadow: none;min-height:44px;font-weight:600;text-transform:none}.app-btn-secondary ion-label,.app-btn-secondary ion-icon,.upload-btn ion-label,.upload-btn ion-icon,.view-rates-btn ion-label,.view-rates-btn ion-icon{color:var(--app-primary)}.segment-wrapper{position:relative;background:var(--app-primary);padding:4px var(--app-gutter) 72px;margin-bottom:-56px}.segment-container{max-width:var(--app-content-max);margin:0 auto}.modern-segment{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:var(--app-radius);padding:4px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modern-segment .segment-btn{--background: transparent;--background-checked: #ffffff;--color: rgba(255, 255, 255, .92);--color-checked: var(--app-primary);--indicator-height: 0;--border-radius: var(--app-radius-sm);min-height:48px;margin:0;border-radius:var(--app-radius-sm);transition:var(--app-transition);text-transform:none}.modern-segment .segment-btn .segment-content{display:flex;align-items:center;justify-content:center;gap:6px}.modern-segment .segment-btn .segment-icon,.modern-segment .segment-btn .back-icon{font-size:18px}.modern-segment .segment-btn .segment-label{font-size:14px;font-weight:500}.modern-segment .segment-btn.active-segment,.modern-segment .segment-btn.segment-button-checked{--background: #ffffff;box-shadow:var(--app-shadow-sm);transform:none}.modern-segment .segment-btn.active-segment .segment-icon,.modern-segment .segment-btn.active-segment .back-icon,.modern-segment .segment-btn.active-segment .segment-label,.modern-segment .segment-btn.segment-button-checked .segment-icon,.modern-segment .segment-btn.segment-button-checked .back-icon,.modern-segment .segment-btn.segment-button-checked .segment-label{color:var(--app-primary);font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 24px;color:var(--app-text-3);animation:app-fade-in .3s ease both}.empty-state .empty-icon,.empty-state>ion-icon{font-size:56px;color:var(--app-text-3);opacity:.7;margin-bottom:14px}.empty-state .empty-icon ion-icon{font-size:56px}.empty-state h3{margin:0 0 6px;font-size:17px;font-weight:600;color:var(--app-text-1)}.empty-state p{margin:0;font-size:14px;color:var(--app-text-3)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--app-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.loading-overlay .loading-content{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 36px;border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:var(--app-shadow-lg)}.loading-overlay .loading-content ion-spinner{width:40px;height:40px;color:var(--app-primary)}.loading-overlay .loading-content .loading-text{margin:0;font-size:14px;font-weight:500;color:var(--app-text-2)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;color:var(--app-text-3)}.loading-container ion-spinner{color:var(--app-primary)}.loading-container p{margin:0;font-size:14px}ion-skeleton-text{--background: var(--app-surface-3);--background-rgb: 0, 0, 0;border-radius:var(--app-radius-xs)}.skeleton-line,.skeleton-shimmer{position:relative;overflow:hidden;background:var(--app-surface-3);border-radius:var(--app-radius-xs)}.skeleton-line:after,.skeleton-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:app-shimmer 1.4s infinite}.app-badge,.status-badge,.detail-badge,.queue-badge,.zone-status-badge,.open-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--app-surface-2);color:var(--app-text-2)}.app-badge.success,.status-badge.success,.detail-badge.success,.queue-badge.success,.zone-status-badge.success,.open-badge.success{background:var(--app-success-soft);color:var(--app-success)}.app-badge.warning,.status-badge.warning,.detail-badge.warning,.queue-badge.warning,.zone-status-badge.warning,.open-badge.warning{background:var(--app-warning-soft);color:var(--app-warning)}.app-badge.danger,.status-badge.danger,.detail-badge.danger,.queue-badge.danger,.zone-status-badge.danger,.open-badge.danger{background:var(--app-danger-soft);color:var(--app-danger)}.app-badge.primary,.status-badge.primary,.detail-badge.primary,.queue-badge.primary,.zone-status-badge.primary,.open-badge.primary{background:var(--app-primary-soft);color:var(--app-primary)}ion-alert{--backdrop-opacity: .5}ion-alert .alert-wrapper{border-radius:var(--app-radius-lg)!important;background:var(--app-surface)!important;box-shadow:var(--app-shadow-lg)!important}ion-alert .alert-title,ion-alert .alert-sub-title{color:var(--app-text-1)!important}ion-alert .alert-message{color:var(--app-text-2)!important}ion-action-sheet{--background: var(--app-surface);--color: var(--app-text-1);--button-color: var(--app-text-1)}ion-modal{--background: var(--app-bg);--border-radius: var(--app-radius-lg)}ion-toast{--border-radius: var(--app-radius-sm);--box-shadow: var(--app-shadow-lg);font-weight:500}ion-popover{--background: var(--app-surface);--box-shadow: var(--app-shadow-lg);--border-radius: var(--app-radius-sm)}ion-list{background:transparent}ion-item{--background: var(--app-surface);--color: var(--app-text-1);--border-color: var(--app-border)}ion-searchbar{--background: var(--app-surface);--color: var(--app-text-1);--placeholder-color: var(--app-text-3);--icon-color: var(--app-text-3);--clear-button-color: var(--app-text-3);--border-radius: var(--app-radius-sm);--box-shadow: var(--app-shadow-xs);padding:0}ion-datetime{--background: var(--app-surface);--background-rgb: 255, 255, 255;color:var(--app-text-1);border-radius:var(--app-radius)}ion-datetime-button::part(native){background:var(--app-surface-2);color:var(--app-text-1);border-radius:var(--app-radius-xs);font-weight:500}ion-footer ion-toolbar{--background: var(--app-surface);--border-color: var(--app-border);--color: var(--app-text-1)}.text-muted{color:var(--app-text-3)!important}.text-primary{color:var(--app-primary)!important}.text-1{color:var(--app-text-1)!important}.text-2{color:var(--app-text-2)!important}h1,h2,h3,h4{color:var(--app-text-1)}:root{--ion-font-family: "Noto Sans Thai", Inter, sans-serif}.row{display:flex}.right{float:right}.content{max-width:400px;margin:auto;width:100%}.item{background-color:transparent;box-shadow:none;padding:0!important}.item .disabled{opacity:.6}.item .disabled ion-text{display:flex;text-align:center;height:100%;align-items:center}.container{width:100%;height:-moz-fit-content;height:fit-content;background-color:var(--app-surface);margin:0 auto 10px;border-radius:var(--app-radius-sm)}ion-thumbnail{background-position:center;background-repeat:no-repeat;background-size:cover}ion-modal::part(content){height:100%;width:100%}ion-button{--padding-bottom: 0;--padding-end: 0;--padding-start: 0;--padding-top: 0;--border-radius: var(--app-radius-sm);text-transform:none;letter-spacing:0}.success{--background: var(--app-success)}.tertiary{--background: var(--app-surface-3)}ion-infinite-scroll{--color: var(--app-text-3)}#number_label{margin:0 0 5px}#primary_background{width:100%;height:208px;position:absolute;z-index:-1;background-color:var(--app-primary)}#padding_background{padding:15px;text-align:center}#zone_name{margin:0 0 0 20px}#spinner_loading{height:inherit;background:var(--app-surface);align-items:center;display:flex;justify-content:center;opacity:.92}#spinner_loading ion-spinner{width:44px;height:44px;color:var(--app-primary)}.main_queue_content{height:100%;padding-top:50px}#OTP_time{text-align:center;color:var(--app-text-2);margin:0 0 20px}#toggle_container{width:87px;height:35px}#toggle_container ion-button{position:absolute;z-index:3;width:inherit;margin:0 auto;height:inherit;--background: transparent}.loading-content.sc-ion-loading-ios{font-weight:400}ion-toast::part(message){font-size:15px}.text_chip{width:-moz-fit-content;width:fit-content;margin-left:auto}.text_chip ion-label{color:var(--app-text-2)!important;font-weight:500}.bottom_button{margin:12px auto 0;--background: transparent;--border-width: 0;box-shadow:none}.chip_row{justify-content:space-between}.chip_row .edge_chip_left{margin:0 3px 0 0}.chip_row .edge_chip_right{margin:0 0 0 3px}.chip_row ion-chip{opacity:1;margin:0 3px;width:100%;height:6px;padding:0;border-radius:3px;background:var(--app-surface-3)}.chip_row ion-chip.success{background:var(--app-primary)}.footer{position:absolute;flex-direction:column;bottom:0;left:0;right:0;padding:12px 20px calc(20px + env(safe-area-inset-bottom));background:var(--app-surface);border-top:1px solid var(--app-border);box-shadow:0 -4px 20px #0000000a;z-index:10}.footer ion-toolbar{--background: transparent;--border-width: 0;box-shadow:none}.footer ion-toolbar.content{padding:0}.footer ion-toolbar .nav_container{display:inline-block;vertical-align:middle;width:50%;max-width:200px;padding:0 6px;box-sizing:border-box}.footer ion-toolbar ion-nav-link{display:block}.footer ion-toolbar ion-nav-link ion-button{min-height:0;height:46px;width:100%;margin:0;--background: var(--app-primary);--color: var(--app-text-on-primary);--box-shadow: var(--app-shadow-primary);font-weight:600}.footer ion-toolbar ion-nav-link ion-button ion-label{color:var(--app-text-on-primary)!important}.footer ion-toolbar ion-nav-link ion-button[disabled]{--background: var(--app-surface-3);--box-shadow: none;opacity:1!important}.footer ion-toolbar ion-nav-link ion-button[disabled] ion-label{color:var(--app-text-3)!important}.footer ion-toolbar ion-buttons{height:46px;width:100%;background:var(--app-surface-2);border-radius:var(--app-radius-sm);display:flex;justify-content:center}.footer ion-toolbar ion-buttons ion-back-button{width:100%;height:inherit;--color: var(--app-text-2);color:var(--app-text-2);font-weight:500}@media screen and (max-height: 670px){.footer{padding:10px 20px 14px!important}}.alert-wrapper{margin:0 10px}.sc-ion-alert-ios-h{--backdrop-opacity: .55 !important}.alert_logout .alert-wrapper.sc-ion-alert-ios .alert-head{padding:15px 30px 0;margin:auto}.alert_logout .alert-wrapper.sc-ion-alert-ios .alert-message{font-size:16px;color:var(--app-text-2)}.alert-wrapper.sc-ion-alert-ios{height:min-content;max-width:328px;width:100%;border-radius:var(--app-radius-lg);background-color:var(--app-surface);box-shadow:var(--app-shadow-lg)}.alert-wrapper.sc-ion-alert-ios .alert-head{padding:24px 24px 0}.alert-wrapper.sc-ion-alert-ios .alert-head .alert-title{font-size:18px;line-height:28px;font-weight:600;color:var(--app-text-1)}.alert-wrapper.sc-ion-alert-ios .alert-message{color:var(--app-text-2)}.alert-wrapper.sc-ion-alert-ios .alert-button-group{display:flex;justify-content:space-between;gap:12px;padding:12px;margin:auto 0 0;flex-direction:row;flex-wrap:nowrap}.alert-wrapper.sc-ion-alert-ios .alert-button-group button{border:none;margin:0;border-radius:var(--app-radius-sm);max-width:140px;width:100%;height:44px;font-weight:600;min-width:0;transition:var(--app-transition)}.alert-wrapper.sc-ion-alert-ios .alert-button-group button:active{transform:scale(.97)}.alert-wrapper.sc-ion-alert-ios .alert-button-group .cancle_alert,.alert-wrapper.sc-ion-alert-ios .alert-button-group .custom-alert-text{background:var(--app-surface-2);color:var(--app-text-2)}.alert-wrapper.sc-ion-alert-ios .alert-button-group .primary_alert{background:var(--app-primary);color:var(--app-text-on-primary);box-shadow:var(--app-shadow-primary)}.alert-wrapper.sc-ion-alert-ios .alert-button-group .danger_alert{background:var(--app-danger);color:#fff}.alert-wrapper.sc-ion-alert-ios .alert-button-group .default_alert{background:var(--app-text-1);color:var(--app-surface)}.sc-ion-action-sheet-ios-h,.sc-ion-action-sheet-md-h{--background: var(--app-surface);--button-background-selected: var(--app-primary-soft);--button-color: var(--app-text-1);--button-color-activated: var(--app-primary);--button-color-focused: var(--app-primary);--button-color-hover: var(--app-primary);--button-color-selected: var(--app-primary);--color: var(--app-text-1);--max-width: 500px;--backdrop-opacity: .45}.sc-ion-action-sheet-ios-h .action-sheet-wrapper,.sc-ion-action-sheet-md-h .action-sheet-wrapper{border-radius:var(--app-radius-lg) var(--app-radius-lg) 0 0;overflow:hidden}.sc-ion-action-sheet-ios-h .action-sheet-title,.sc-ion-action-sheet-md-h .action-sheet-title{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--app-text-3);padding:18px 16px 8px;text-align:center}.sc-ion-action-sheet-ios-h .action-sheet-group,.sc-ion-action-sheet-md-h .action-sheet-group{background:var(--background)}.sc-ion-action-sheet-ios-h .action-sheet-button,.sc-ion-action-sheet-md-h .action-sheet-button{font-size:16px;font-weight:500;height:52px}.sc-ion-action-sheet-ios-h .action-sheet-button.action-sheet-destructive,.sc-ion-action-sheet-md-h .action-sheet-button.action-sheet-destructive{color:var(--app-danger);font-weight:600}.sc-ion-action-sheet-ios-h .action-sheet-button .action-sheet-icon,.sc-ion-action-sheet-md-h .action-sheet-button .action-sheet-icon{color:var(--app-text-3);font-size:22px;margin-right:16px}.sc-ion-action-sheet-ios-h .action-sheet-selected,.sc-ion-action-sheet-md-h .action-sheet-selected{font-weight:600}.sc-ion-action-sheet-ios-h .action-sheet-selected .action-sheet-icon,.sc-ion-action-sheet-md-h .action-sheet-selected .action-sheet-icon{color:var(--app-primary)}.sc-ion-action-sheet-ios-h .action-sheet-group-cancel,.sc-ion-action-sheet-md-h .action-sheet-group-cancel{border:none;margin-top:8px;border-radius:var(--app-radius);overflow:hidden;background:var(--background)}.sc-ion-action-sheet-ios-h .action-sheet-group-cancel .action-sheet-button,.sc-ion-action-sheet-md-h .action-sheet-group-cancel .action-sheet-button{font-weight:600;color:var(--app-primary)}.table-selection-modal{--height: 90vh;--width: 95vw;--max-width: 600px;--backdrop-opacity: .6}.table-selection-modal .modal-wrapper{border-radius:var(--app-radius);overflow:hidden;box-shadow:var(--app-shadow-lg)}@media (max-width: 768px){.table-selection-modal{--height: 95vh;--width: 98vw;--max-width: none}}.custom-modal-class{--max-width: 300px;--background: transparent;--border-radius: var(--app-radius-sm);--max-height: 300px}.custom-modal,.custom-modal-payment{--width: 90%;--max-width: 400px;--background: var(--app-surface);--border-radius: var(--app-radius);--box-shadow: var(--app-shadow-lg);--height: auto;--max-height: 65%}.custom-modal-payment{--max-height: 75%}.modal-body{width:100%;margin:0 auto}.bg-1{background:var(--app-bg)!important;--background: var(--app-bg) !important}.bg-2{background:var(--app-surface)!important;--background: var(--app-surface) !important}