@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xl:.75rem;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-24{height:calc(var(--spacing)*24)}.h-full{height:100%}.w-48{width:calc(var(--spacing)*48)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-44{max-width:calc(var(--spacing)*44)}.max-w-48{max-width:calc(var(--spacing)*48)}.max-w-56{max-width:calc(var(--spacing)*56)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-28{min-width:calc(var(--spacing)*28)}.min-w-40{min-width:calc(var(--spacing)*40)}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*var(--tw-space-y-reverse))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--line\)\]{border-color:var(--line)}.bg-\[var\(--accent-dim\)\]{background-color:var(--accent-dim)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-white{background-color:var(--color-white)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-right{text-align:right}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--warn\,\#b45309\)\]{color:var(--warn,#b45309)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:400;src:url(../fonts/Sarabun-Regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:700;src:url(../fonts/Sarabun-Bold.ttf)format("truetype")}:root{--bg:#070707;--bg-elev:#111;--bg-soft:#1a1a1a;--fg:#f5f5f5;--muted:#a3a3a3;--line:#2a2a2a;--line-strong:#3d3d3d;--accent:#e4c15a;--accent-dim:#e4c15a29;--danger:#ff6b6b;--danger-dim:#ff6b6b24;--warn:#f0a04a;--warn-dim:#f0a04a29;--info:#8eb4d4;--info-dim:#8eb4d429;--shadow:0 18px 50px #00000073;--radius:1rem;color-scheme:dark}html[data-theme=light]{--bg:#f4efe4;--bg-elev:#fffdf8;--bg-soft:#efe6d4;--fg:#1c160f;--muted:#6e6254;--line:#1c160f1f;--line-strong:#1c160f38;--accent:#8d6416;--accent-dim:#8d641624;--danger:#b42318;--danger-dim:#b423181a;--warn:#9a5b12;--warn-dim:#9a5b121f;--info:#2458a6;--info-dim:#2458a61a;--shadow:0 16px 40px #3c280a1f;color-scheme:light}body,html{background:radial-gradient(1200px 500px at 10% -10%,#e4c15a29,transparent 55%),radial-gradient(900px 420px at 100% 0,#ffffff0d,transparent 50%),var(--bg);color:var(--fg);font-family:Noto Sans Thai,Sarabun,ui-sans-serif,system-ui,sans-serif;min-height:100%}a{color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.45}.ui-nav{background:var(--bg)}@supports (color:color-mix(in lab,red,red)){.ui-nav{background:color-mix(in srgb,var(--bg) 88%,transparent)}}.app-shell{min-height:100vh}.app-main{min-width:0}.app-topbar{align-items:center;background:var(--bg);border-bottom:1px solid var(--line);display:flex;gap:.75rem;position:sticky;top:0;z-index:30}@supports (color:color-mix(in lab,red,red)){.app-topbar{background:color-mix(in srgb,var(--bg) 92%,transparent)}}.app-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.7rem 1rem}.app-sidebar-backdrop{background:#0000009e;border:0;inset:0;position:fixed;z-index:35}.app-sidebar{background:var(--bg-elev);border-right:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;inset:0 auto 0 0;position:fixed;transform:translate(-105%);transition:transform .2s;width:min(18rem,88vw);z-index:40}.app-sidebar.is-open{transform:translate(0)}.app-sidebar-brand{border-bottom:1px solid var(--line);padding:1.1rem 1.15rem .9rem}.app-sidebar-role{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-top:.55rem;text-transform:uppercase}.app-sidebar-nav{flex:1;overflow:auto;padding:.85rem .75rem 1rem}.app-sidebar-group+.app-sidebar-group{margin-top:1.15rem}.app-sidebar-group-title{color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.1em;margin:0 .55rem .4rem;text-transform:uppercase}.app-sidebar-link{align-items:center;border-radius:.75rem;color:var(--fg);display:flex;font-size:.9rem;font-weight:600;padding:.55rem .7rem;text-decoration:none}.app-sidebar-link:hover{background:var(--bg-soft)}.app-sidebar-link.is-active{background:var(--accent-dim);color:var(--accent)}.app-sidebar-foot{border-top:1px solid var(--line);padding:.95rem 1.05rem 1.15rem}.app-sidebar-user{font-size:.9rem;font-weight:700}.app-sidebar-mail{color:var(--muted);font-size:.75rem;margin:.15rem 0 .75rem;overflow:hidden;text-overflow:ellipsis}@media(min-width:900px){.app-shell:not(.is-customer) .app-topbar,.app-sidebar-backdrop{display:none}.app-sidebar{box-shadow:none;transform:none}.app-shell:not(.is-customer) .app-main{margin-left:18rem}.app-sidebar-close{display:none}}.ui-page{margin-inline:auto;max-width:80rem;padding:1.5rem 1.25rem 4rem;width:100%}.ui-page-narrow{max-width:48rem}.ui-kicker{color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ui-title{font-size:clamp(1.5rem,2vw,1.85rem);font-weight:700;letter-spacing:-.03em;margin-top:.35rem}.ui-lead{color:var(--muted);font-size:.95rem;line-height:1.55;margin-top:.5rem;max-width:40rem}.ui-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius)}@supports (color:color-mix(in lab,red,red)){.ui-card{background:color-mix(in srgb,var(--bg-elev) 88%,transparent)}}.ui-card{box-shadow:var(--shadow)}.ui-card-pad{padding:1.15rem 1.2rem}.ui-stat{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.ui-stat span:first-child{color:var(--muted);display:block;font-size:.8rem}.ui-stat strong{display:block;font-size:1.55rem;font-weight:700;letter-spacing:-.03em;margin-top:.35rem}.ui-btn{align-items:center;background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:.75rem;color:var(--fg);display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;justify-content:center;padding:.5rem .9rem;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.ui-btn:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent)}.ui-btn-primary{background:linear-gradient(#f6e3a4,#d4a84b);border-color:#0000;color:#14120c}.ui-btn-primary:hover:not(:disabled){background:linear-gradient(#fff1c4,#e4c15a)}.ui-btn-danger{border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.ui-btn-danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}}.ui-btn-danger{background:var(--danger-dim);color:#ffd4d4}.ui-btn-danger:hover:not(:disabled){border-color:var(--danger)}.ui-btn-ghost{background:0 0}.ui-field{color:var(--muted);display:block;font-size:.85rem}.ui-field>input,.ui-field>select,.ui-input{background:var(--bg);border:1px solid var(--line-strong);border-radius:.75rem;color:var(--fg);display:block;margin-top:.35rem;outline:none;padding:.55rem .75rem;width:100%}.ui-field>input:focus,.ui-field>select:focus,.ui-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.ui-table-wrap{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.ui-table{border-collapse:collapse;font-size:.875rem;text-align:left;width:100%}.ui-table th{background:var(--bg-soft);color:var(--muted);font-weight:600;padding:.7rem .9rem}.ui-table td{border-top:1px solid var(--line);padding:.75rem .9rem;vertical-align:middle}.ui-table tbody tr:hover td{background:#e4c15a0f}.ui-notice{background:var(--accent-dim);border:1px solid var(--line);border-radius:.85rem;color:var(--accent);font-size:.875rem;margin-top:.85rem;padding:.65rem .9rem}.ui-notice-error{background:var(--danger-dim);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.ui-notice-error{border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}}.ui-notice-error{color:#ffd4d4}.ui-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;padding:.15rem .6rem}.ui-badge:before{background:currentColor;border-radius:999px;content:"";height:.45rem;width:.45rem}.badge-ok{background:var(--accent-dim);color:var(--accent)}.badge-live{background:var(--danger-dim);color:#ff8f8f}.badge-book{background:var(--info-dim);color:var(--info)}.badge-warn{background:var(--warn-dim);color:var(--warn)}.badge-off{background:#b4b4b41f;color:var(--muted)}.slot-btn{background:var(--bg);border:1px solid var(--line);border-radius:.7rem;font-size:.75rem;font-weight:600;padding:.55rem .35rem}.slot-btn.is-available:hover{border-color:var(--accent)}.slot-btn.is-picked{background:var(--accent);border-color:#0000;color:#14120c}.slot-btn.is-busy{cursor:not-allowed;opacity:.38}.live-pulse{animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 #e4c15a66}50%{box-shadow:0 0 0 8px #e4c15a00}}html:has(.landing-root),html:has(.landing-root) body{background:#f6f4ef;color:#192f3a;color-scheme:light}.landing-root{background:#f6f4ef;color:#192f3a;min-height:100%}.landing-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8e6;border-bottom:1px solid #122b3714;position:sticky;top:0;z-index:40}.landing-nav-inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-inline:auto;padding:.7rem 0;width:min(1120px,100% - 2.5rem)}.brand-logo{background:0 0;display:inline-flex;line-height:0;text-decoration:none}.brand-logo .logo-for-light,html:has(.landing-root) .brand-logo .logo-for-dark,html[data-theme=light] .brand-logo .logo-for-dark{display:none}html:has(.landing-root) .brand-logo .logo-for-light,html[data-theme=light] .brand-logo .logo-for-light{display:block}.brand-logo img{display:block;height:3.65rem;width:auto}.landing-nav .brand-logo img{height:4.6rem}.home-footer .brand-logo img{height:4rem}.app-sidebar .brand-logo img,.app-topbar .brand-logo img{height:3.15rem}.brand-logo.is-charge{background:0 0;padding:0}.is-customer .app-topbar .brand-logo img{height:2.85rem}.is-customer .app-topbar{justify-content:center}.cx-logout{background:0 0;border:0;color:var(--muted);font-size:.85rem;font-weight:700;position:absolute;right:.85rem}.cx-tabbar{align-items:end;background:#fff;border:1px solid #e2e8e8;border-radius:18px;bottom:.75rem;box-shadow:0 12px 30px #122b371f;display:grid;gap:.15rem;grid-template-columns:repeat(5,minmax(0,1fr));left:.75rem;padding:.45rem .25rem .4rem;position:fixed;right:.75rem;z-index:45}.cx-tabbar a{align-items:center;border-radius:12px;color:#64777e;display:flex;flex-direction:column;font-size:.68rem;font-weight:700;gap:.18rem;line-height:1.15;padding:.35rem .1rem .2rem;text-align:center;text-decoration:none}.cx-tabbar a svg{height:1.25rem;width:1.25rem}.cx-tabbar a.is-active{background:0 0;color:#16745d}.cx-tabbar a.is-scan{background:0 0;border-radius:12px;box-shadow:none;color:#64777e;height:auto;margin:0;width:auto}.cx-tabbar a.is-scan .cx-scan-btn{background:#122b37;border-radius:999px;box-shadow:0 10px 18px #122b3747;color:#fff;display:grid;height:3.2rem;margin-top:-1.45rem;place-items:center;width:3.2rem}.cx-tabbar a.is-scan svg{height:1.4rem;width:1.4rem}.cx-tabbar a.is-scan.is-active{background:0 0;color:#16745d}.cx-tabbar a.is-scan.is-active .cx-scan-btn{background:#16745d}.is-customer .app-main{padding-bottom:5.6rem}.landing-nav-links{align-items:center;display:none;gap:1.35rem}.landing-nav-links a{color:#3d4f58;font-size:.92rem;font-weight:600;text-decoration:none}.landing-nav-links a:hover{color:#122b37}.landing-nav-cta{align-items:center;background:linear-gradient(#f6e3a4,#d4a84b);border:1px solid #0000;border-radius:999px;color:#14120c!important;display:inline-flex;font-weight:700;padding:.48rem 1rem}.landing-nav-cta:hover{background:linear-gradient(#fff1c4,#e4c15a)}.landing-menu-btn{border:1px solid #e4ddd0;border-radius:999px;color:#122b37;padding:.4rem .85rem}.landing-btn,.landing-menu-btn{background:#fff;font-weight:700}.landing-btn{align-items:center;border:1px solid #e0ddd4;border-radius:999px;color:#1a1a1a;display:inline-flex;gap:.4rem;justify-content:center;padding:.75rem 1.2rem;text-decoration:none}.landing-btn-primary{background:linear-gradient(#f6e3a4,#d4a84b);border-color:#0000;color:#14120c}.landing-btn-primary:hover{background:linear-gradient(#fff1c4,#e4c15a)}.landing-btn-line{background:#fff;border-color:#d9d2c4;color:#122b37}.landing-btn-line:hover{background:#fff;border-color:#122b37}.landing-btn-dark{background:#111;border-color:#0000;color:#f5f5f5}.landing-eyebrow{color:#8d6b16;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-wrap{margin-inline:auto;width:min(1120px,100% - 2.5rem)}.home-hero{background:radial-gradient(520px 240px at 92% 0,#ceaa6847,#0000 68%),linear-gradient(#fffdf8,#f6f4ef);color:#192f3a;overflow:visible;padding:2.4rem 0 3.2rem;position:relative}.home-hero-grid{align-items:center;display:grid;gap:1.5rem}.home-hero-photo{background:#122b37;border:1px solid #ceaa6873;border-radius:1.6rem;box-shadow:0 24px 50px #122b371f;height:240px;overflow:hidden;pointer-events:none;position:relative}.home-hero-photo img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.home-hero-photo:after{border:1px solid #ffffff6b;border-radius:1.15rem;content:"";inset:.65rem;position:absolute}.home-hero-copy{max-width:38rem;position:relative;text-align:left;z-index:1}.home-badge{align-items:center;background:#ffffffd1;border:1px solid #a6853d59;border-radius:999px;color:#8d6b16;display:inline-flex;font-size:.78rem;font-weight:700;gap:.45rem;margin:0;padding:.32rem .85rem}.home-badge i{background:#e8c56a;border-radius:999px;height:.42rem;width:.42rem}.home-kicker-line{align-items:center;color:#8d6b16;display:flex;font-size:.92rem;font-weight:700;gap:.7rem;margin:1rem 0 0}.home-kicker-line:before{background:#c4a35a;content:"";height:2px;width:1.7rem}.home-hero-copy h1{color:#122b37;font-size:clamp(2.3rem,4.8vw,3.55rem);font-weight:700;letter-spacing:-.035em;line-height:1.2;margin-top:.75rem}.home-hero-copy h1 span{color:#a07d2e}.home-hero-copy p{color:#5c6d76;font-size:1.05rem;line-height:1.7;margin-top:.9rem;max-width:32rem}.home-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.home-offers{display:grid;gap:.9rem;list-style:none;margin:2.6rem 0 0;padding:0;position:relative;z-index:2}.home-offers li{align-items:flex-start;background:#fff;border:1px solid #efe8da;border-radius:1.2rem;border-top:3px solid #e4c15a;box-shadow:0 16px 36px #122b370f;display:flex;gap:.9rem;padding:1.2rem 1.15rem 1.1rem}.home-offers strong{color:#122b37;display:block;font-size:1.28rem;font-weight:700;letter-spacing:-.03em;line-height:1.25}.home-offers em,.home-offers small{display:block;font-style:normal;line-height:1.45;margin-top:.28rem}.home-offers small{color:#3d4f58;font-size:.95rem}.home-offers em{color:#7a8790;font-size:.82rem}.home-offer-note{color:#8a9398;font-size:.78rem;margin:.85rem 0 0}.home-ico{background:#fbf6ea;border:1px solid #ceaa6873;border-radius:.85rem;color:#a07d2e;display:grid;flex-shrink:0;height:2.6rem;place-items:center;width:2.6rem}.home-bubble svg,.home-driver-link svg,.home-ico svg,.home-ocpp-bar svg{height:1.15rem;width:1.15rem}.home-section{background:#f6f4ef;padding:4.4rem 0 3.6rem;scroll-margin-top:5rem;text-align:center}.home-section-tight{padding-top:3.4rem}.home-cta h2,.home-section h2{font-size:clamp(1.7rem,3vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.3;margin-top:0}.home-section h2:before{background:#e4c15a;border-radius:999px;content:"";display:block;height:3px;margin:0 auto .75rem;width:2.2rem}.home-cta p,.home-lead,.home-steps p,.home-tools p{color:#667085;line-height:1.7}.home-lead{margin:.75rem auto 0;max-width:42rem;text-wrap:balance}.home-tools{display:grid;gap:1rem;margin-top:2rem;text-align:left}.home-tools article{background:#fff;border:1px solid #efe8da;border-radius:1.25rem;box-shadow:0 14px 32px #122b370d;padding:1.3rem 1.2rem 1.35rem}.home-tool-top{align-items:center;display:flex;justify-content:space-between}.home-bubble{background:#f8f1dc;border-radius:999px;color:#b8922a;display:grid;height:2.7rem;place-items:center;width:2.7rem}.home-chevron{background:#f6f1e4;border-radius:999px;color:#c4a35a;display:grid;font-weight:700;height:1.5rem;place-items:center;width:1.5rem}.home-steps h3,.home-tools h3{font-size:1.05rem;font-weight:800;margin-top:.85rem}.home-steps p,.home-tools p{margin-top:.35rem}.home-ocpp-bar{background:#fff;border-block:1px solid #efe8da;color:#192f3a;scroll-margin-top:5rem}.home-ocpp-bar .home-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:.45rem;padding:1.05rem 0}.home-ocpp-bar p{align-items:center;color:#8d6b16;display:inline-flex;font-weight:700;gap:.55rem;margin:0}.home-ocpp-bar span{color:#5c6d76;font-size:.92rem}.home-steps{display:grid;gap:1.4rem;list-style:none;margin:2.2rem 0 0;padding:0;position:relative;text-align:left}.home-steps li{align-items:flex-start;background:#fff;border:1px solid #efe8da;border-radius:1.2rem;box-shadow:0 14px 32px #122b370d;display:grid;gap:.85rem;grid-template-columns:auto 1fr;padding:1.15rem 1.1rem}.home-steps small{color:#c4a35a;font-size:.75rem;font-weight:800}.home-cta-band{background:#f6f4ef;padding:.4rem 0 3.4rem;scroll-margin-top:5rem}.home-cta{align-items:flex-start;background:linear-gradient(120deg,#fffdf8,#f3e6c2);border:1px solid #ceaa6859;border-radius:1.4rem;box-shadow:0 18px 40px #8d6b1614;display:flex;flex-direction:column;gap:1.2rem;margin-inline:auto;padding:1.8rem 1.35rem;text-align:left;width:min(1120px,100% - 2.5rem)}.home-cta p{margin-top:.4rem;max-width:36rem}.home-cta-side{display:grid;gap:.55rem;justify-items:start}.home-cta-side small{color:#8a7340;font-size:.75rem;line-height:1.45;max-width:16rem}.home-footer{background:#fffdf8;border-top:1px solid #efe8da;color:#5c6d76;padding:1.45rem 0 1.7rem}.home-footer-inner{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.home-driver-link{align-items:center;background:#fff;border:1px solid #e6dfd2;border-radius:999px;color:#122b37;display:inline-flex;font-weight:700;gap:.4rem;padding:.48rem .9rem;text-decoration:none}.home-driver-link:hover{border-color:#c4a35a;color:#8d6b16}.home-footer nav{display:flex;flex-wrap:wrap;gap:.9rem 1.2rem}.home-footer a{color:#3d4f58;font-weight:600;text-decoration:none}.home-footer .home-driver-link,.home-footer a:hover,.home-footer nav a:hover{color:#122b37}.home-footer .home-driver-link:hover{color:#8d6b16}@media(min-width:768px){.landing-menu-btn{display:none}.landing-nav-links{display:flex}.home-ocpp-bar .home-wrap{align-items:center;flex-direction:row;justify-content:space-between}}@media(min-width:900px){.home-offers,.home-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.home-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.home-hero-grid{gap:2.4rem;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.home-hero-photo{height:430px}.home-cta{align-items:center;flex-direction:row;justify-content:space-between;padding:1.8rem 2.2rem}.home-cta-side{justify-items:end;text-align:right}.home-footer-inner{align-items:center;flex-direction:row;justify-content:space-between}}@media(max-width:767px){.landing-nav-links{align-items:flex-start;background:#fff;border-bottom:1px solid #efe8da;box-shadow:0 18px 36px #122b3714;display:none;flex-direction:column;gap:.9rem;left:0;padding:1rem 1.25rem 1.2rem;position:absolute;right:0;top:100%}.landing-nav-links.is-open{display:flex}}.auth-shell{display:grid;min-height:calc(100vh - 4.5rem);padding:2rem 1.25rem 4rem;place-items:center}.auth-card{background:#fff;border:1px solid #e4e1d8;border-radius:1.5rem;box-shadow:0 18px 50px #00000014;max-width:28rem;padding:2rem 1.5rem;width:100%}.auth-card h1{font-size:1.7rem;font-weight:700;letter-spacing:-.03em;margin-top:.4rem}.auth-card p{color:#6a6a6a;line-height:1.6;margin-top:.45rem}.auth-form{display:grid;gap:.9rem;margin-top:1.4rem}.auth-form label{color:#5e5e5e;display:block;font-size:.85rem}.auth-form input{border:1px solid #e0ddd4;border-radius:.8rem;color:#161616;margin-top:.35rem;padding:.65rem .75rem;width:100%}.auth-form button{margin-top:.4rem;width:100%}.auth-divider{align-items:center;color:#8a9398;display:flex;font-size:.8rem;gap:.75rem;margin:1rem 0 .75rem}.auth-divider:after,.auth-divider:before{background:#e6dfd2;content:"";flex:1;height:1px}.landing-btn-lineoa{background:#06c755;border-color:#0000;color:#fff;width:100%}.landing-btn-lineoa:hover{background:#05b34c}.auth-line-friend{color:#06c755;display:block;font-size:.85rem;font-weight:700;margin-top:.7rem;text-align:center;text-decoration:none}.auth-error{background:#fef2f2;border-radius:.8rem;color:#b91c1c!important;font-size:.875rem;margin-top:.9rem!important;padding:.6rem .75rem}.auth-alt{font-size:.9rem;margin-top:1.2rem}.auth-alt a{color:#8d6b16;font-weight:600}.ui-overlay{align-items:flex-end;background:#000000b8;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:40}@media(min-width:768px){.ui-overlay{align-items:center;padding:1.5rem}}.ui-dialog{background:var(--bg-elev);border:1px solid var(--line);border-radius:1.25rem;box-shadow:var(--shadow);max-height:min(92vh,900px);overflow:auto;padding:1.25rem 1.3rem 1.4rem;width:min(720px,100%)}.ui-chip{align-items:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;color:var(--fg);display:inline-flex;font-size:.75rem;font-weight:700;padding:.28rem .7rem}.ui-chip.is-on{background:var(--accent);border-color:#0000;color:#14120c}.ui-drop{align-items:center;background:var(--bg);border:1px dashed var(--line-strong);border-radius:1rem;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;gap:.35rem;justify-content:center;min-height:8.5rem}.ui-drop:hover{border-color:var(--accent);color:var(--fg)}.ui-thumb{background:linear-gradient(#e4c15a38,#111111eb);border:1px solid var(--line);border-radius:.9rem;flex-shrink:0;height:5.5rem;overflow:hidden;width:7.5rem}.ui-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ui-preset{align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:.9rem;display:flex;flex-direction:column;gap:.15rem;min-width:8.5rem;padding:.7rem .8rem;text-align:left}.ui-preset.is-on,.ui-preset:hover{background:var(--accent-dim);border-color:var(--accent)}.guide-code{position:relative}.guide-code pre{background:var(--bg);border:1px solid var(--line);border-radius:.75rem;color:var(--fg);font-size:.78rem;line-height:1.5;margin:0;overflow-x:auto;padding:.9rem 1rem;white-space:pre-wrap;word-break:break-word}.guide-code-copy{position:absolute;right:.45rem;top:.45rem}.cx-book,.cx-drive{margin-inline:auto;padding:.4rem 1rem 1.5rem;width:min(100%,32rem)}.cx-hero h1{font-size:1.85rem;font-weight:800;letter-spacing:-.04em;margin:.2rem 0 0}.cx-hero p:last-child,.cx-muted{color:var(--muted);font-size:.92rem;line-height:1.5;margin-top:.35rem}.cx-kicker{color:#e4c56a;font-size:.72rem;font-weight:800;letter-spacing:.16em}.cx-filters,.cx-method{background:#ffffff0a;border-radius:1rem;display:grid;gap:.4rem;grid-template-columns:1fr 1fr;margin:1rem 0;padding:.3rem}.cx-filters button,.cx-method button,.cx-picks button{background:0 0;border:0;border-radius:.8rem;color:#d9d3c4;font-weight:700;padding:.7rem .4rem}.cx-filters button.is-on,.cx-method button.is-on,.cx-picks button.is-on{background:linear-gradient(#f3dc96,#c6a15a);color:#1b1408}.cx-mine ul,.cx-stations{display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.cx-mine li,.cx-station{align-items:center;background:linear-gradient(#ffffff0a,#0000 40%),#101820;border:1px solid #d4af3729;border-radius:1.25rem;display:grid;gap:.75rem;grid-template-columns:auto 1fr auto;padding:.85rem}.cx-station.is-live{border-color:#e4c56ab3;box-shadow:0 0 0 1px #e4c56a40}.cx-power{background:radial-gradient(circle at 30% 20%,#3a3118,#0c121c 70%);border-radius:1rem;color:#f0d78a;display:grid;font-size:1.05rem;font-weight:800;height:4.2rem;overflow:hidden;place-items:center;width:4.2rem}.cx-power img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cx-power small{display:block;font-size:.62rem;font-weight:700}.cx-station-top{align-items:center;display:flex;gap:.4rem;justify-content:space-between}.cx-mine p,.cx-station-copy h2{font-size:1rem;font-weight:700;margin:0}.cx-mine span,.cx-station-copy p{color:var(--muted);font-size:.8rem;margin:.15rem 0 0}.cx-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.cx-chips span{background:#ffffff0f;border-radius:999px;color:#ddd6c6;font-size:.68rem;padding:.15rem .45rem}.cx-live{color:#f0d78a;font-weight:800;margin-top:.35rem}.cx-cta,.cx-mine button,.cx-pay,.cx-stop{border:0;border-radius:999px;font-weight:800;padding:.7rem .95rem}.cx-cta,.cx-pay{background:linear-gradient(#f6e2a8,#c6a15a);color:#1b1408}.cx-mine button,.cx-stop{background:#ff6b6b24;color:#ffb4b4}.cx-cta{justify-content:center;margin-top:.8rem;padding:.95rem 1rem;text-decoration:none}.cx-cta,.cx-resume{display:flex;width:100%}.cx-resume{align-items:center;background:#e4c56a1a;border:1px solid #e4c56a66;border-radius:1rem;color:#f6e7bc;justify-content:space-between;margin-bottom:.8rem;padding:.8rem 1rem;text-align:left}.cx-empty{color:var(--muted);margin-top:1rem}.cx-sheet{align-items:flex-end;display:flex;inset:0;position:fixed;z-index:60}.cx-sheet-backdrop{background:#0000009e;border:0;inset:0;position:absolute}.cx-sheet-card{background:radial-gradient(500px 180px at 50% 0,#e4c56a2e,#0000 60%),#0d1522;border:1px solid #e4c56a47;border-bottom:0;border-radius:1.6rem 1.6rem 0 0;margin-inline:auto;max-height:min(92vh,44rem);overflow:auto;padding:.7rem 1.1rem 1.4rem;position:relative;width:min(100%,32rem)}.cx-sheet-handle{background:#ffffff38;border-radius:999px;height:.28rem;margin:.15rem auto .8rem;width:2.6rem}.cx-sheet-close{background:0 0;border:0;color:var(--muted);font-weight:700;position:absolute;right:.9rem;top:.85rem}.cx-sheet-card h2{font-size:1.45rem;margin:.25rem 0 0}.cx-amount{font-size:2.6rem;font-weight:800;letter-spacing:-.04em;margin:.2rem 0 0}.cx-amount small{font-size:1rem;font-weight:700}.cx-status{background:#f0a04a29;border-radius:999px;color:#f0c27a;display:inline-flex;font-size:.8rem;font-weight:800;margin-top:.35rem;padding:.25rem .65rem}.cx-status.is-paid{background:#78be7829;color:#b7e0b4}.cx-qr{background:#fff;border-radius:1.2rem;display:block;margin:1rem auto 0;padding:.7rem;width:min(16rem,70vw)}.cx-ref{color:var(--muted);font-size:.75rem;letter-spacing:.04em;margin-top:.7rem;text-align:center}.cx-label{color:#cbb98a;font-size:.78rem;font-weight:800;letter-spacing:.08em;margin:1rem 0 .45rem;text-transform:uppercase}.cx-picks{display:grid;gap:.55rem;grid-auto-columns:8.5rem;grid-auto-flow:column;overflow-x:auto;padding-bottom:.2rem}.cx-picks button{background:#121a26;border:1px solid #ffffff14;display:grid;min-height:4.4rem;padding:.7rem;text-align:left}.cx-picks button span{color:var(--muted);font-size:.72rem;font-weight:600}.cx-picks button.is-on span{color:#3d3116}.cx-picks button img{border-radius:.55rem;height:3.4rem;-o-object-fit:cover;object-fit:cover;width:100%}.cx-cabinet{background:#101820;border:1px solid #d4af3729;border-radius:1.35rem;overflow:hidden}.cx-cabinet.is-live{border-color:#e4c56ab3;box-shadow:0 0 0 1px #e4c56a40}.cx-photo{height:11rem;position:relative}.cx-photo img,.cx-sheet-photo{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cx-photo-bar{align-items:center;background:linear-gradient(#0000,#060a10e0);bottom:0;color:#f6e7bc;display:flex;justify-content:space-between;left:0;padding:1.6rem .85rem .7rem;position:absolute;right:0}.cx-cabinet-body{align-items:center;display:grid;gap:.75rem;grid-template-columns:1fr auto;padding:.85rem}.cx-cabinet-body h2{font-size:1.05rem;margin:0}.cx-cabinet-body p{color:var(--muted);font-size:.8rem;margin:.15rem 0 0}.cx-sheet-photo{border-radius:1rem;display:block;height:8.5rem;margin:.2rem 0 .8rem}.cx-find{margin-inline:auto;padding:.4rem 1rem 1.2rem;width:min(100%,40rem)}.cx-find h1{font-size:1.7rem;font-weight:800;letter-spacing:-.04em;margin:.15rem 0 .7rem}.cx-search input{background:#ffffff0a;border:1px solid #e4c56a47;border-radius:999px;color:#fff;padding:.85rem 1rem;width:100%}.cx-find-actions{display:flex;gap:.5rem;margin-top:.65rem}.cx-find-actions a,.cx-find-actions button,.cx-find-links a{background:linear-gradient(#f6e2a8,#c6a15a);border:0;border-radius:999px;color:#1b1408;font-weight:800;padding:.55rem .9rem;text-decoration:none}.cx-map{background:radial-gradient(circle at 30% 20%,#e4c56a29,#0000 40%),#0d1522;border:1px solid #e4c56a38;border-radius:1.4rem;height:16.5rem;overflow:hidden}.cx-find-sheet,.cx-map{margin-top:.8rem}.cx-find-site{align-items:flex-end;display:flex;gap:.8rem;justify-content:space-between}.cx-find-sheet h3,.cx-find-site h2{margin:0}.cx-find-sheet li p,.cx-find-site p{color:var(--muted);font-size:.8rem;margin:.15rem 0 0}.cx-find-site strong{color:#f0d78a;font-size:.78rem;text-align:right}.cx-find-sheet ul{display:grid;gap:.7rem;list-style:none;margin:.75rem 0 0;padding:0}.cx-find-sheet li{align-items:center;background:#101820;border:1px solid #d4af3729;border-radius:1.15rem;display:grid;gap:.75rem;grid-template-columns:6.2rem 1fr;overflow:hidden;padding:.45rem}.cx-find-sheet img{border-radius:.85rem;height:4.6rem;-o-object-fit:cover;object-fit:cover;width:100%}.cx-find-links{display:flex;gap:.4rem;margin-top:.45rem}.cx-find-sites{display:flex;gap:.45rem;margin-top:.8rem;overflow-x:auto}.cx-find-sites button{background:#121a26;border:1px solid #ffffff14;border-radius:999px;color:#d9d3c4;font-weight:700;padding:.55rem .8rem;white-space:nowrap}.cx-find-sites button.is-on{background:linear-gradient(#f3dc96,#c6a15a);color:#1b1408}.cx-book-fields{display:grid;gap:.7rem;grid-template-columns:1fr 1fr;margin-top:.9rem}.cx-slots{display:grid;gap:.45rem;grid-template-columns:repeat(4,1fr)}.cx-slots .slot-btn.is-busy{background:#ffffff08;color:#6e675c;opacity:1;text-decoration:line-through}.cx-book-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a101af0;border:1px solid #e4c56a38;border-radius:1.2rem;bottom:5.2rem;display:grid;gap:.55rem;margin-top:1rem;padding:.75rem;position:sticky;z-index:5}.cx-book-bar p{color:var(--muted);font-size:.75rem;margin:0}.cx-book-bar strong{display:block;font-size:.92rem;margin-top:.15rem}.cx-book-bar .cx-cta{margin-top:0}.cx-mine{margin-top:1.6rem}.cx-mine h2{font-size:1.05rem;margin:0 0 .7rem}.cx-mine li{grid-template-columns:1fr auto}@media(min-width:900px){.cx-book,.cx-drive{width:min(100%,46rem)}.cx-slots{grid-template-columns:repeat(8,1fr)}}.cx-theme{background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:999px;color:var(--fg);font-size:.75rem;font-weight:800;padding:.4rem .75rem}.app-sidebar-foot .cx-theme{margin-bottom:.55rem;width:100%}.is-customer .app-topbar .cx-theme{left:.85rem;position:absolute}html[data-theme=dark] .cx-tabbar{background:#162229;border-color:#2a3c44}html[data-theme=dark] .cx-tabbar a{color:#9aadaf}html[data-theme=dark] .cx-tabbar a.is-active{color:#8fd4bf}html[data-theme=dark] .cx-tabbar a.is-scan .cx-scan-btn,html[data-theme=dark] .cx-tabbar a.is-scan.is-active .cx-scan-btn{color:#fff}html[data-theme=light] .cx-find-site strong,html[data-theme=light] .cx-kicker,html[data-theme=light] .cx-label,html[data-theme=light] .cx-live{color:#8d6416}html[data-theme=light] .cx-filters,html[data-theme=light] .cx-method{background:#1c160f0d}html[data-theme=light] .cx-filters button,html[data-theme=light] .cx-find-sites button,html[data-theme=light] .cx-method button,html[data-theme=light] .cx-picks button{color:#3d3428}html[data-theme=light] .cx-find-sites button,html[data-theme=light] .cx-picks button{background:#fffdf8;border:1px solid #1c160f14}html[data-theme=light] .cx-cabinet,html[data-theme=light] .cx-find-sheet li,html[data-theme=light] .cx-mine li,html[data-theme=light] .cx-station{background:#fffdf8;border-color:#8d641638}html[data-theme=light] .cx-chips span{background:#1c160f0f;color:#4a4034}html[data-theme=light] .cx-resume{color:#6b5010}html[data-theme=light] .badge-live,html[data-theme=light] .cx-mine button,html[data-theme=light] .cx-stop,html[data-theme=light] .ui-btn-danger,html[data-theme=light] .ui-notice-error{color:#9b2c2c}html[data-theme=light] .cx-sheet-card{background:radial-gradient(500px 180px at 50% 0,#e4c56a47,#0000 60%),#fffdf8;border-color:#8d641647;color:#1c160f}html[data-theme=light] .cx-sheet-handle{background:#1c160f2e}html[data-theme=light] .cx-ref,html[data-theme=light] .cx-sheet-close{color:#6e6254}html[data-theme=light] .cx-search input{background:#fff;color:#1c160f}html[data-theme=light] .cx-map{background:#e7eef6}html[data-theme=light] .cx-book-bar{background:#fffcf6f5;border-color:#8d641638}html[data-theme=light] .cx-slots .slot-btn.is-busy{background:#1c160f0a;color:#8a8175}.is-customer{--kit-navy:#122b37;--kit-gold:#ceaa68;--kit-green:#16745d;--kit-green-soft:#e7f4ed;--kit-danger:#b04737;--kit-warn:#896016;--kit-warn-bg:#fff6df;--kit-bg:#f4f6f5;--kit-text:#192f3a;--kit-muted:#64777e;--kit-line:#e2e8e8;--kit-card:#fff;background:var(--kit-bg);color:var(--kit-text);font-family:Sarabun,Noto Sans Thai,sans-serif}html[data-theme=dark] .is-customer{--kit-bg:#0e171c;--kit-card:#162229;--kit-text:#f4f7f6;--kit-muted:#9aadaf;--kit-line:#2a3c44;--kit-green-soft:#14352c;--kit-warn-bg:#2c2618;--kit-gold:#e4c56a}.is-customer .app-main,.is-customer .app-topbar{background:var(--kit-card);color:var(--kit-text)}.is-customer .app-main{background:var(--kit-bg);padding-bottom:6.6rem}.is-customer .app-topbar{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:var(--kit-line)}.is-customer a{color:var(--kit-navy)}html[data-theme=dark] .is-customer a{color:var(--kit-gold)}.is-customer .app-topbar .cx-theme{background:var(--kit-bg);border-color:var(--kit-line);color:var(--kit-text)}.kit-avatar{background:var(--kit-navy);border-radius:999px;color:#fff!important;display:grid;font-size:.72rem;font-weight:700;height:2.2rem;place-items:center;position:absolute;right:.85rem;text-decoration:none;width:2.2rem}.kit-page{margin:0 auto;padding:1.15rem 1rem 2rem;width:min(100%,52rem)}.kit-eyebrow{color:var(--kit-gold);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:0 0 .35rem}.kit-head h1,.kit-page h1{color:var(--kit-text);font-size:1.65rem;line-height:1.25;margin:0}.kit-head p,.kit-muted{color:var(--kit-muted);font-size:.92rem}.kit-head{display:grid;gap:.45rem;margin-bottom:1rem}.kit-hero-banner{background:#122b37;border-radius:20px;margin-bottom:.85rem;min-height:11.5rem;overflow:hidden;position:relative}.kit-hero-banner img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:70% center;object-position:70% center;position:absolute;width:100%}.kit-hero-copy{align-content:end;background:linear-gradient(105deg,#122b37f0,#122b37c7 46%,#122b3726);display:grid;gap:.35rem;min-height:11.5rem;padding:1.15rem 1.15rem 1.2rem;position:relative;z-index:1}.kit-hero-banner h1{color:#fff;font-size:1.85rem;line-height:1.2;max-width:12rem}.kit-hero-banner p{color:#ffffffd6;margin:0;max-width:15rem}.kit-hero-banner .kit-eyebrow{color:#ceaa68}.kit-btn{align-items:center;background:var(--kit-navy);border:0;border-radius:12px;color:#fff!important;display:inline-flex;font-weight:700;justify-content:center;padding:.85rem 1rem;text-decoration:none;width:100%}.kit-btn.is-gold{background:var(--kit-gold);color:#122b37!important}.kit-btn.is-ghost{background:0 0;border:1px solid var(--kit-line);color:var(--kit-text)!important}.kit-btn.is-danger{background:var(--kit-danger)}.kit-row{display:flex;flex-wrap:wrap;gap:.6rem}.kit-row .kit-btn{flex:1;width:auto}.kit-card{background:var(--kit-card);border:1px solid var(--kit-line);border-radius:18px;padding:1rem}.kit-card+.kit-card,.kit-stack>*+*{margin-top:.75rem}.kit-split{display:grid;gap:.75rem}.kit-map{background:#e7eef6;border:1px solid var(--kit-line);border-radius:18px;min-height:16rem;overflow:hidden}.kit-member{background:#122b37;border-radius:18px;color:#fff;display:grid;gap:.45rem;padding:1.1rem}.kit-member p,.kit-member small{color:#ffffffc7}.kit-member h2{font-size:1.45rem;margin:0}.kit-banner,.kit-note{align-items:center;background:var(--kit-warn-bg);border-radius:14px;color:var(--kit-warn);display:flex;gap:.75rem;justify-content:space-between;margin:.8rem 0;padding:.8rem .9rem;text-decoration:none}.kit-note.is-ok{background:var(--kit-green-soft);color:var(--kit-green)}.kit-note.is-bad{background:#b047371f;color:var(--kit-danger)}.kit-chips{display:flex;gap:.4rem;margin:.8rem 0;overflow:auto}.kit-chips button,.kit-option{background:var(--kit-card);border:1px solid var(--kit-line);border-radius:999px;color:var(--kit-text);font-weight:700;padding:.4rem .75rem;white-space:nowrap}.kit-chips button.is-on,.kit-option.is-on{background:var(--kit-green-soft);border-color:#0000;color:var(--kit-green)}.kit-field input,.kit-field select,.kit-field textarea,.kit-search input{background:var(--kit-card);border:1px solid var(--kit-line);border-radius:12px;color:var(--kit-text);padding:.75rem .85rem;width:100%}.kit-field{display:grid;font-size:.82rem;font-weight:700;gap:.3rem;margin-bottom:.75rem}.kit-station{background:var(--kit-card);border:1px solid var(--kit-line);border-radius:18px;color:inherit;display:grid;overflow:hidden;text-decoration:none}.kit-station+.kit-station{margin-top:.75rem}.kit-photo,.kit-station img{height:9.5rem;-o-object-fit:cover;object-fit:cover;width:100%}.kit-pad,.kit-station div{padding:.85rem .95rem 1rem}.kit-card h2,.kit-station h2{font-size:1.05rem;margin:0}.kit-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.kit-badge,.kit-meta span{background:var(--kit-green-soft);border-radius:999px;color:var(--kit-green);font-size:.72rem;font-weight:700;padding:.15rem .5rem}.kit-badge.is-sample,.kit-badge.is-wait{background:var(--kit-warn-bg);color:var(--kit-warn)}.kit-steps{display:grid;gap:.35rem;grid-template-columns:repeat(4,1fr);list-style:none;margin:.8rem 0 1rem;padding:0}.kit-steps li{border-top:3px solid var(--kit-line);color:var(--kit-muted);font-size:.68rem;font-weight:700;padding-top:.35rem}.kit-steps li.is-on{border-color:var(--kit-green);color:var(--kit-green)}.kit-lines{display:grid;gap:.45rem;margin:.7rem 0}.kit-lines div{display:flex;font-size:.92rem;gap:1rem;justify-content:space-between}.kit-lines .is-total{border-top:1px solid var(--kit-line);font-weight:700;padding-top:.45rem}.kit-check{display:flex;font-size:.88rem;gap:.55rem;margin:.8rem 0}.kit-qr{background:#fff;border-radius:12px;margin:.6rem auto;width:min(100%,16rem)}.scan-card{text-align:center}.scan-frame{aspect-ratio:1;background:#10233f;border-radius:18px;margin:0 auto .8rem;max-width:22rem;overflow:hidden;position:relative}.scan-frame video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.scan-canvas{display:none}.scan-reticle{border:2px solid #d4af5ff2;border-radius:16px;box-shadow:0 0 0 999px #08102047;inset:14%;pointer-events:none;position:absolute}.kit-amount{font-size:2rem;font-weight:700;margin:.2rem 0}.kit-amount small{font-size:.9rem}.kit-methods{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin:.7rem 0}.kit-connector{align-items:center;background:var(--kit-card);border:1px solid var(--kit-line);border-radius:14px;color:var(--kit-text);display:flex;gap:.6rem;justify-content:space-between;margin-top:.5rem;padding:.75rem;text-align:left;width:100%}.kit-connector.is-on{background:var(--kit-green-soft);border-color:var(--kit-green)}.kit-back{color:var(--kit-muted)!important;font-size:.85rem;font-weight:700;text-decoration:none}.is-customer .cx-book,.is-customer .cx-drive{margin:0 auto;padding:1.15rem 1rem 2rem;width:min(100%,52rem)}.is-customer .cx-cta,.is-customer .cx-pay{background:#122b37;border-radius:12px;color:#fff}.is-customer .cx-book-bar{background:var(--kit-card);border-color:var(--kit-line);border-radius:16px;bottom:6.2rem;color:var(--kit-text)}.is-customer .cx-slots .slot-btn.is-available{background:var(--kit-green-soft);color:var(--kit-green)}.is-customer .cx-slots .slot-btn.is-picked{background:var(--kit-navy);color:#fff}.is-customer .cx-picks button.is-on{outline:2px solid var(--kit-green)}.kit-hero-copy .kit-scan-cta{background:#ceaa68;color:#122b37!important;margin-top:.55rem;width:100%}.kit-find-list .kit-head{margin-top:1.2rem}.kit-stations{display:grid;gap:.75rem}.kit-stations .kit-station+.kit-station{margin-top:0}@media(min-width:768px){.kit-page{padding-top:1.4rem;width:min(100% - 2rem,44rem)}.is-customer .cx-book,.kit-find,.kit-wide{width:min(100% - 2rem,62rem)}.kit-hero-banner,.kit-hero-copy{min-height:15rem}.kit-hero-banner h1{font-size:2.15rem;max-width:18rem}.kit-hero-copy .kit-scan-cta{justify-self:start;min-width:12rem;padding-inline:1.4rem;width:auto}.kit-find-workspace{align-items:start;display:grid;gap:1rem;grid-template-areas:"map member""list list";grid-template-columns:1.15fr .85fr}.kit-find-map{grid-area:map}.kit-find-workspace .kit-member{grid-area:member}.kit-find-list{grid-area:list}.kit-find-list .kit-head{margin-top:.4rem}.kit-map{min-height:22rem}.kit-stations{grid-template-columns:1fr 1fr}.kit-detail{align-items:start;display:grid;gap:1rem;grid-template-columns:.9fr 1.1fr}.kit-detail .kit-photo{border-radius:18px;height:100%;min-height:18rem}.is-customer .cx-tabbar{left:50%;right:auto;transform:translate(-50%);width:min(34rem,100% - 2rem)}}@media(min-width:1100px){.kit-find{width:min(100% - 3rem,76rem)}.is-customer .cx-book,.kit-wide{width:min(100% - 3rem,68rem)}.is-customer .app-topbar{gap:1.25rem;justify-content:flex-start;padding-left:7rem;padding-right:4.75rem}.is-customer .cx-tabbar{align-items:center;background:0 0;border:0;border-radius:0;box-shadow:none;display:flex;flex:1;justify-content:center;padding:0;position:static;transform:none;width:auto}.is-customer .cx-tabbar a{flex-direction:row;font-size:.92rem;gap:.4rem;padding:.45rem .75rem}.is-customer .cx-tabbar a.is-active{background:var(--kit-green-soft)}.is-customer .cx-tabbar a.is-scan{flex-direction:row}.is-customer .cx-tabbar a.is-scan .cx-scan-btn{height:2.15rem;margin-top:0;width:2.15rem}.is-customer .app-main{padding-bottom:2rem}.is-customer .cx-book-bar{bottom:1rem}.kit-find-workspace{grid-template-areas:"map member""map list";grid-template-columns:minmax(20rem,26rem) 1fr}.kit-find-map{position:sticky;top:5.4rem}.kit-map{min-height:28rem}.kit-stations{grid-template-columns:1fr 1fr}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}