:root{--navy-50:#eaf1f9;--navy-100:#d3e1f0;--navy-200:#a8cef5;--navy-300:#99bffc;--navy-400:#3872bc;--navy-500:#234e78;--navy-600:#1a3a5c;--sky-100:#e6f4fb;--sky-200:#93dfe7;--sky-300:#389ff9;--sky-500:#1063d6;--cream:#f8fafc;--sand:#eef3f8;--warm-100:#f1f5fa;--warm-200:#e4ecf5;--ink:#1a2a3f;--ink-2:#234e78;--ink-3:#5c7a99;--ink-4:#94a8bd;--line:#d9e2ec;--line-2:#eaf0f6;--green:#2e9067;--green-bg:#e0f2ea;--red:#d43e54;--red-bg:#fbe5e9;--amber:#d89545;--amber-bg:#fbf1de;--font-display:"Noto Sans Thai","Manrope",-apple-system,system-ui,sans-serif;--font-body:"Noto Sans Thai","Manrope",-apple-system,system-ui,sans-serif;--font-mono:"JetBrains Mono","Menlo",monospace;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--sh-sm:0 1px 2px rgba(35,78,120,.06),0 1px 3px rgba(35,78,120,.04);--sh-md:0 4px 12px rgba(35,78,120,.08),0 2px 4px rgba(35,78,120,.04);--sh-lg:0 12px 32px rgba(35,78,120,.1),0 4px 12px rgba(35,78,120,.05);--sh-card:0 1px 0 rgba(35,78,120,.04),0 8px 24px rgba(35,78,120,.07)}*{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--cream)}button{font-family:inherit;cursor:pointer}a{color:inherit}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(56,114,188,.7)}70%{box-shadow:0 0 0 14px rgba(56,114,188,0)}to{box-shadow:0 0 0 0 rgba(56,114,188,0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dbx-datepicker__day{transition:background .12s ease,color .12s ease}.dbx-datepicker__day:hover:not(.dbx-datepicker__day--selected){background:var(--sky-100)!important}.dbx-datepicker__day--muted:hover:not(.dbx-datepicker__day--selected){background:var(--warm-100)!important}.dbx-datepicker__day--today:not(.dbx-datepicker__day--selected){box-shadow:inset 0 0 0 2px var(--sky-300)}.customer-shell{max-width:460px;margin:0 auto}.admin-backdrop{display:none;position:fixed;inset:0;background:rgba(15,30,50,.45);z-index:80;opacity:0;transition:opacity .2s ease;pointer-events:none}@media (max-width:900px){.admin-shell{flex-direction:column!important}.admin-mobilebar{display:flex!important}.admin-sidebar{position:fixed!important;top:0;left:0;bottom:0;height:100vh!important;z-index:90;transform:translateX(-100%);transition:transform .2s ease;box-shadow:0 12px 32px rgba(15,30,50,.18);width:min(86vw,320px)!important}.admin-sidebar--open{transform:translateX(0)}.admin-backdrop{display:block}.admin-backdrop--open{opacity:1;pointer-events:auto}.admin-main{width:100%}.admin-topbar{padding:16px 16px 14px!important}.admin-topbar h1{font-size:20px!important}.admin-topbar__action{flex:1 1 auto;min-width:0;justify-content:flex-end}}.admin-page{padding:clamp(16px,4vw,28px);max-width:100%;box-sizing:border-box}.grid-stats{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,1fr)}.grid-stats.grid-stats--3{grid-template-columns:repeat(3,1fr)}.grid-stats>*{min-width:0}@media (max-width:1199px){.grid-stats,.grid-stats.grid-stats--3{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-stats,.grid-stats.grid-stats--3{grid-template-columns:repeat(2,1fr);gap:10px}}.grid-2col{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1.5fr 1fr}.grid-2col>*{min-width:0}@media (max-width:899px){.grid-2col{grid-template-columns:1fr}}.slot-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(5,1fr)}@media (max-width:1199px){.slot-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:899px){.slot-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:599px){.slot-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:379px){.slot-grid{grid-template-columns:1fr}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-x>table{width:100%}.dashboard-chart-scroll{scrollbar-width:thin;margin-left:-18px;padding-left:0}.dashboard-chart-scroll::-webkit-scrollbar{height:6px}.dashboard-chart-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.dashboard-chart-y-axis{-webkit-backface-visibility:hidden;backface-visibility:hidden}.catalog-row{align-items:center}.catalog-header,.catalog-row{display:grid;grid-template-columns:2.4fr 1.1fr .9fr .9fr .9fr 60px;grid-gap:12px;gap:12px}@media (max-width:799px){.catalog-row{grid-template-columns:1fr auto;grid-template-areas:"title title" "brand size" "count price" "actions actions";row-gap:6px;padding:14px 16px!important}.catalog-row>.catalog-cell-title{grid-area:title}.catalog-row>.catalog-cell-brand{grid-area:brand}.catalog-row>.catalog-cell-size{grid-area:size;text-align:right}.catalog-row>.catalog-cell-count{grid-area:count}.catalog-row>.catalog-cell-price{grid-area:price;text-align:right!important}.catalog-row>.catalog-cell-actions{grid-area:actions;text-align:right}.catalog-header{display:none!important}}.form-grid-3{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,1fr)}@media (max-width:499px){.form-grid-3{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}.filter-row{display:flex;flex-wrap:wrap;gap:10px}.filter-row>.filter-search{flex:1 1 200px;min-width:0}.filter-row>.filter-input{flex:0 1 180px;min-width:0}.filter-row>.filter-clear{flex:0 0 auto}@media (max-width:699px){.filter-row>.filter-search{flex:1 1 100%}.filter-row>.filter-input{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 5px)}.filter-row>.filter-clear{flex:1 1 100%}}@media (max-width:480px){.slot-add-row{flex-direction:column;align-items:stretch}.slot-add-row>*{width:100%}}