:root{--bg:#f7f2f8;--surface:#fff;--surface-2:#f2ebf5;--ink:#2b2347;--muted:#766d8d;--line:#e9e0ef;--brand:#947fbb;--deep:#5e4b91;--deep-2:#4a3a7a;--orchid:#bc88bc;--pink:#ed99bb;--peach:#f8acae;--lilac:#efe6f2;--navy:#2f3272;--c-store:#6e58a8;--c-shopee:#e0628f;--good:#2f7d5b;--warn:#9c5a00;--warn-soft:#fcebd4;--bad:#b4314f;--bad-soft:#fbe1e7;--shadow:0 1px 2px #3c28640d, 0 10px 28px #5e4b9117;--shadow-lg:0 18px 40px #4a3a7a38;--scrim:#2b23476b;--f-body:"Sukhumvit Set", "Noto Sans Thai", "Leelawadee UI", Tahoma, system-ui, sans-serif;--f-num:"Cormorant Garamond", Georgia, "Times New Roman", serif;--r:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-tap-highlight-color:transparent;background-image:radial-gradient(1200px 500px at 85% -10%,#ed99bb2e,#0000 60%),radial-gradient(900px 500px at -10% 0,#947fbb29,#0000 60%);background-attachment:fixed;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--deep);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.money{font-family:var(--f-num);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.01em;font-weight:700}.muted{color:var(--muted)}h1,h2,h3{text-wrap:balance;margin:0}h1{font-size:1.45rem;font-weight:700;line-height:1.35}h2{align-items:center;gap:8px;font-size:1.05rem;font-weight:600;display:flex}h2.spark:before{content:"✦";color:var(--orchid);font-size:.85em}h3{font-size:.95rem;font-weight:600}p{margin:0}.shell{grid-template-columns:1fr;min-height:100%;display:grid}.side{display:none}.main{flex-direction:column;gap:20px;width:100%;min-width:0;max-width:1120px;margin-inline:auto;padding-block:14px 120px;padding-inline:16px;display:flex}.topbar{align-items:center;gap:12px;min-height:44px;display:flex}.topbar h1{flex:1;min-width:0}.mlogo{width:auto;height:34px;display:block}.iconbtn{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;box-shadow:var(--shadow);border-radius:50%;flex:none;place-items:center;display:grid}.iconbtn svg{width:20px;height:20px}.proto{color:var(--deep);background:var(--lilac);border-radius:10px;padding:7px 11px;font-size:.78rem}.tabbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fffffff0;border-radius:22px;grid-template-columns:repeat(5,1fr);padding:6px 4px;display:grid;position:fixed}.tab{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:1px;padding:4px 0;font-size:.72rem;display:flex}.tab svg{width:22px;height:22px}.tab.on{color:var(--deep);font-weight:600}.tab.plus .dot{background:linear-gradient(140deg, var(--brand), var(--deep));color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:54px;height:54px;margin-top:-26px;display:grid;box-shadow:0 8px 20px #5e4b9166}.tab.plus svg{width:26px;height:26px}.tab.plus{color:var(--deep);font-weight:600}@media (width>=900px){.shell{grid-template-columns:248px 1fr}.side{top:env(safe-area-inset-top,0px);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;flex-direction:column;gap:6px;height:100vh;padding:22px 16px;display:flex;position:sticky}.side .brandlogo{width:132px;height:auto;margin:4px 10px 18px;display:block}.side .acts{gap:8px;margin-bottom:14px;display:grid}.navi{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;display:flex}.navi svg{width:20px;height:20px}.navi:hover{background:var(--surface-2);color:var(--ink)}.navi.on{background:var(--lilac);color:var(--deep);font-weight:600}.side .who{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:4px;margin-top:auto;padding:12px;font-size:.85rem;display:flex}.tabbar{display:none}.main{padding-block:28px 56px;padding-inline:36px}.mlogo,.m-only{display:none}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.pad{padding:18px}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.sec-h{justify-content:space-between;align-items:center;gap:8px;display:flex}.link{color:var(--deep);background:0 0;border:0;padding:0;font-size:.9rem;font-weight:600}.btn{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--brand)}.btn.pri{background:var(--deep);border-color:var(--deep);color:#fff}.btn.danger{color:var(--bad)}.btn.block{width:100%}.btn.sm{min-height:34px;padding:4px 13px;font-size:.86rem}.btn svg{width:18px;height:18px}.tag{letter-spacing:.04em;color:var(--deep);background:var(--lilac);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 9px;font-size:.76rem;font-weight:700}.pill{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:1px 9px;font-size:.74rem;font-weight:600;display:inline-flex}.pill.warn{color:var(--warn);background:var(--warn-soft)}.pill.bad{color:var(--bad);background:var(--bad-soft)}.pill.info{color:var(--deep);background:var(--lilac)}.pill.mutedp{color:var(--muted);background:var(--surface-2)}.dotc{border-radius:3px;flex:none;width:9px;height:9px;display:inline-block}.dotc.store{background:var(--c-store)}.dotc.shopee{background:var(--c-shopee)}.acts2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bigbtn{text-align:left;min-height:92px;box-shadow:var(--shadow);border:0;border-radius:22px;align-items:center;gap:14px;padding:16px;transition:transform .12s;display:flex}.bigbtn:active{transform:scale(.98)}.bigbtn .ico{border-radius:16px;flex:none;place-items:center;width:48px;height:48px;display:grid}.bigbtn .ico svg{width:26px;height:26px}.bigbtn b{font-size:1.12rem;line-height:1.3;display:block}.bigbtn span.s{opacity:.85;font-size:.8rem;display:block}.bigbtn.sell{background:linear-gradient(135deg, var(--deep), #7a62b3);color:#fff}.bigbtn.sell .ico{background:#ffffff2e}.bigbtn.recv{background:var(--surface);color:var(--ink);border:1.5px solid var(--peach)}.bigbtn.recv .ico{color:#b4505a;background:#fde6e7}.side .bigbtn{border-radius:14px;gap:10px;min-height:54px;padding:8px 12px}.side .bigbtn .ico{border-radius:10px;width:34px;height:34px}.side .bigbtn .ico svg{width:20px;height:20px}.side .bigbtn b{font-size:.98rem}.side .bigbtn span.s{display:none}.minor{flex-wrap:wrap;gap:8px;display:flex}.minor .btn{background:#ffffffb3;min-height:38px;padding:6px 14px;font-size:.88rem;font-weight:500}.minor .btn svg{width:16px;height:16px;color:var(--muted)}.hero{color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#947fbb 0%,#b38abf 55%,#e89bbb 100%);border-radius:26px;flex-direction:column;gap:4px;padding:22px 22px 24px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,#ffffff47,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.hero .glogo{opacity:.22;pointer-events:none;width:auto;height:150px;position:absolute;bottom:-18px;right:18px}.hero .hi{opacity:.92;font-size:.9rem}.hero .big{font-family:var(--f-num);letter-spacing:.01em;font-variant-numeric:lining-nums;font-size:2.9rem;font-weight:700;line-height:1.05}.hero .sub{opacity:.95;font-size:.9rem}.hero .chips2{z-index:1;flex-wrap:wrap;gap:8px;margin-top:10px;display:flex;position:relative}.hero .chip2{color:#fff;background:#fff3;border:1px solid #ffffff59;border-radius:999px;padding:4px 12px;font-size:.82rem}.list{flex-direction:column;display:flex;overflow:hidden}.li{border-top:1px solid var(--line);text-align:left;width:100%;color:inherit;background:0 0;border-bottom:0;border-left:0;border-right:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.li:first-child{border-top:0}button.li:hover{background:var(--surface-2)}.li .main-t{flex:1;min-width:0}.li .t1{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.li .t2{color:var(--muted);font-size:.82rem}.li .r{text-align:right;font-variant-numeric:tabular-nums;flex:none}.li.void{opacity:.5}.li.void .main-t .name{text-decoration:line-through}.name{text-overflow:ellipsis;overflow:hidden}.thumb{width:50px;height:50px;color:var(--brand);background:linear-gradient(145deg,#f4ecf7,#eadff1);border-radius:14px;flex:none;place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb svg{width:58%;height:58%}.thumb.sm{border-radius:12px;width:40px;height:40px}.mtype{border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.mtype svg{width:18px;height:18px}.mt-sale{background:var(--lilac);color:var(--deep)}.mt-other{background:var(--surface-2);color:var(--muted)}.mt-bad{background:var(--bad-soft);color:var(--bad)}.search{background:var(--surface);border:1px solid var(--line);min-height:48px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:0 16px;display:flex}.search svg{width:18px;height:18px;color:var(--muted);flex:none}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:11px 0}.chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:99px;flex:none;padding:7px 15px;font-size:.88rem}.chip.on{background:var(--deep);border-color:var(--deep);color:#fff;font-weight:600}.chip .n{opacity:.7;margin-left:5px}.seg{background:var(--surface-2);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 16px;font-size:.88rem}.seg button.on{background:var(--surface);color:var(--deep);box-shadow:var(--shadow);font-weight:600}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=600px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1100px){.pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pcard{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);text-align:left;box-shadow:var(--shadow);flex-direction:column;min-width:0;padding:0;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.pcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pcard .img{aspect-ratio:1;color:var(--brand);background:linear-gradient(145deg,#f6eef8,#ebdff2);place-items:center;display:grid;position:relative}.pcard .img img{object-fit:cover;width:100%;height:100%}.pcard .img svg{width:46%;height:46%}.pcard .img .pill{position:absolute;top:10px;left:10px}.pcard .img .qty{color:var(--ink);background:#ffffffeb;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 6px #3c28641f}.pcard .info{flex-direction:column;gap:3px;min-width:0;padding:10px 12px 12px;display:flex}.pcard .nm{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-size:.92rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.pcard .pr{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.pcard .pr .money{color:var(--deep);font-size:1.2rem}.pcard .pr small{color:var(--muted);font-size:.76rem}.mgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width>=520px){.mgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.mcard{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.mcard:hover{border-color:var(--brand)}.mcard .img{aspect-ratio:1;color:var(--brand);background:linear-gradient(145deg,#f6eef8,#ebdff2);place-items:center;display:grid;position:relative}.mcard .img img{object-fit:cover;width:100%;height:100%}.mcard .img svg{width:50%;height:50%}.mcard .img .qty{background:#fffffff0;border-radius:999px;padding:0 8px;font-size:.72rem;font-weight:700;position:absolute;bottom:6px;right:6px}.mcard .img .qty.low{color:var(--warn)}.mcard .img .qty.out{color:var(--bad)}.mcard .cap{min-width:0;padding:6px 8px 8px;font-size:.74rem;line-height:1.3}.mcard .cap b{color:var(--deep);letter-spacing:.03em;font-size:.74rem;display:block}.mcard .cap span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);display:block;overflow:hidden}.rail{scrollbar-width:none;grid-auto-columns:112px;grid-auto-flow:column;gap:10px;padding:2px 2px 6px;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.pd{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=760px){.pd{grid-template-columns:300px minmax(0,1fr);align-items:start}}.pd .photo{aspect-ratio:1;width:100%;max-height:320px;color:var(--brand);box-shadow:var(--shadow);background:linear-gradient(145deg,#f6eef8,#ebdff2);border-radius:24px;place-items:center;display:grid;overflow:hidden}.pd .photo img{object-fit:cover;width:100%;height:100%}.pd .photo svg{width:42%;height:42%}@media (width<=759px){.pd .photo{aspect-ratio:4/3;max-height:240px}}.facts{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fact{border-left:1px solid var(--line);min-width:0;padding:12px 16px}.fact:first-child{border-left:0}.fact .l{color:var(--muted);font-size:.78rem}.fact .v{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.fact .v.money{color:var(--deep);font-size:1.35rem}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-top:1px solid var(--line);white-space:nowrap;padding:10px 16px}th{color:var(--muted);background:var(--surface-2);border-top:0;font-size:.76rem;font-weight:600}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}tr.done td{color:var(--muted)}tr.click{cursor:pointer}tr.click:hover td{background:var(--surface-2)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=760px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi{flex-direction:column;gap:0;min-width:0;padding:14px 16px;display:flex}.kpi .v{font-family:var(--f-num);font-variant-numeric:lining-nums tabular-nums;color:var(--deep);overflow-wrap:anywhere;font-size:1.75rem;font-weight:700;line-height:1.2}.kpi .l{color:var(--muted);font-size:.8rem}.kpi .s{color:var(--muted);font-size:.78rem}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label,.flabel{font-size:.85rem;font-weight:600}.field .hint{color:var(--muted);font-size:.78rem}.field .err{color:var(--bad);font-size:.8rem}.inp{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;min-height:46px;padding:10px 14px}.inp:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:#0000}.inp.bad{border-color:var(--bad)}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.imgpick{align-items:center;gap:16px;display:flex}.imgpick .thumb{border-radius:20px;width:104px;height:104px}.stepper{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:stretch;width:fit-content;display:flex;overflow:hidden}.stepper button{background:var(--surface-2);width:60px;color:var(--deep);border:0;font-size:1.5rem;line-height:1}.stepper input{text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;width:80px;min-height:56px;font-size:1.45rem;font-weight:700}.stepper input:focus{outline:0}.scrim{background:var(--scrim);z-index:40;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:600px;max-height:92vh;box-shadow:var(--shadow-lg);border-radius:26px 26px 0 0;flex-direction:column;animation:.22s ease-out up;display:flex}@media (width>=700px){.scrim{align-items:center}.sheet{border-radius:26px;max-height:88vh}}@keyframes up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sheet,.bigbtn,.pcard{transition:none;animation:none}}.sheet-h{align-items:center;gap:12px;padding:18px 18px 10px;display:flex}.sheet-h .mtype{border-radius:14px;width:42px;height:42px}.sheet-b{flex-direction:column;gap:16px;padding:4px 18px 18px;display:flex;overflow-y:auto}.sheet-f{padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface);border-radius:0 0 26px 26px;flex-direction:column;gap:10px;display:flex}.sheet-f .btn.block{min-height:54px;font-size:1.05rem}.sum{justify-content:space-between;align-items:baseline;font-size:.92rem;display:flex}.sum b{font-family:var(--f-num);color:var(--deep);font-variant-numeric:lining-nums tabular-nums;font-size:1.5rem}.picked{align-items:center;gap:12px;padding:10px 12px;display:flex}.chanbtns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chanbtn{border:1.5px solid var(--line);background:var(--surface);text-align:left;border-radius:16px;flex-direction:column;padding:12px 14px;display:flex}.chanbtn .p{font-family:var(--f-num);color:var(--muted);font-variant-numeric:lining-nums;font-size:1.25rem;font-weight:700}.chanbtn.on{border-color:var(--deep);background:var(--lilac)}.chanbtn.on .p{color:var(--deep)}.check{align-items:center;gap:10px;font-size:.9rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--deep)}.note{color:var(--muted);background:var(--surface-2);border-radius:12px;padding:10px 13px;font-size:.85rem}.note.warn{color:var(--warn);background:var(--warn-soft)}.note.bad{color:var(--bad);background:var(--bad-soft)}.choice{gap:12px;display:grid}.chart{position:relative}.chart svg{width:100%;height:170px;display:block;overflow:visible}.chart .axis{fill:var(--muted);font-size:10px;font-family:var(--f-body)}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .hit{fill:#0000;cursor:pointer}.chart .col:hover .bar{opacity:.85}.tip{pointer-events:none;background:var(--ink);color:#fff;white-space:nowrap;z-index:3;border-radius:10px;padding:7px 10px;font-size:.78rem;line-height:1.45;position:absolute;transform:translate(-50%,-100%)}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:.8rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.split{background:var(--surface-2);border-radius:99px;gap:2px;height:10px;display:flex;overflow:hidden}.split div{height:100%}.split .store{background:var(--c-store)}.split .shopee{background:var(--c-shopee)}.login{background:linear-gradient(160deg,#947fbb 0%,#b38abf 55%,#e89bbb 100%);place-items:center;min-height:100%;padding-block:32px;padding-inline:16px;display:grid}.login .box{flex-direction:column;align-items:stretch;gap:22px;width:100%;max-width:420px;display:flex}.login .logo{width:200px;height:auto;margin:0 auto 6px;display:block}.login .card{flex-direction:column;gap:14px;padding:22px;display:flex}.who-btn{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.who-btn:hover{border-color:var(--brand);background:var(--surface-2)}.avatar{background:var(--lilac);width:42px;height:42px;color:var(--deep);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar.staff{color:#b4505a;background:#fde6e7}.login .proto{background:#ffffffd9}.toast{left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;z-index:60;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);border-radius:999px;padding:11px 18px;font-size:.9rem;position:fixed;transform:translate(-50%)}@media (width>=900px){.toast{bottom:28px}}.empty{text-align:center;color:var(--muted);padding:28px 16px;font-size:.9rem}.two{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=900px){.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.confirm{flex-direction:column;gap:10px;display:flex}.alertrow{text-align:left;width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.alertrow+.alertrow{border-top:1px solid var(--line)}.alertrow .ico{border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.alertrow .ico svg{width:18px;height:18px}.alertrow:hover{background:var(--surface-2)}:root{--ink:#3b3258;--muted:#8b83a1;--line:#f0e9f3;--shadow:0 2px 6px #785fa50d, 0 12px 32px #947fbb1a;--shadow-lg:0 16px 44px #947fbb3d;--r:24px;--f-head:var(--f-body)}:root,:root[data-font=anuphan]{--f-body:"Anuphan", "Sukhumvit Set", "Leelawadee UI", system-ui, sans-serif;--f-head:var(--f-body);--w-head:600;--w-strong:600}:root[data-font=athiti]{--f-body:"Athiti", "Leelawadee UI", system-ui, sans-serif;--f-head:var(--f-body);--w-head:600;--w-strong:600}:root[data-font=niramit]{--f-body:"Niramit", "Leelawadee UI", system-ui, sans-serif;--f-head:var(--f-body);--w-head:600;--w-strong:600}:root[data-font=trirong]{--f-body:"Anuphan", "Leelawadee UI", system-ui, sans-serif;--f-head:"Trirong", "Noto Serif Thai", Georgia, serif;--w-head:500;--w-strong:600}:root[data-font=sukhumvit]{--f-body:"Sukhumvit Set", "Anuphan", "Leelawadee UI", system-ui, sans-serif;--f-head:var(--f-body);--w-head:600;--w-strong:600}body{letter-spacing:.005em;font-size:15.5px;font-weight:400;line-height:1.7}h1{font-family:var(--f-head);font-weight:var(--w-head);letter-spacing:0;font-size:1.5rem}h2{font-family:var(--f-head);font-weight:var(--w-head);font-size:1.08rem}h3{font-weight:500}b,strong{font-weight:var(--w-strong)}.card{border-color:#0000}.list .li{border-top-color:var(--line)}.li{padding:13px 18px}.li .r .big{font-weight:600}.tag{letter-spacing:.02em;color:#6e5a9e;background:#f4ecf7;padding:2px 10px;font-weight:600}.mtype{border-radius:50%}.mt-sale{color:#7a65ae;background:#f1eaf7}.mt-in{color:#c0616b;background:#fdeef0}.thumb,.pcard .img,.mcard .img,.pd .photo{color:#b3a2d3;background:linear-gradient(150deg,#fbf6fc 0%,#f1e7f5 100%)}.btn{border-color:#ede5f1;font-weight:500}.btn.pri{background:linear-gradient(135deg,#7e68b4,#9a7fc0);border-color:#0000;box-shadow:0 6px 16px #7e68b447}.btn.pri:hover{background:linear-gradient(135deg,#735da9,#8e73b6)}.search{border-color:#0000}.chip{box-shadow:var(--shadow);color:var(--muted);border-color:#0000}.chip.on{color:#fff;background:#7e68b4;box-shadow:0 6px 14px #7e68b447}.seg{background:#f1eaf5}.bigbtn{box-shadow:var(--shadow);border-radius:26px}.bigbtn b{font-family:var(--f-head);font-weight:var(--w-head)}.bigbtn.sell{background:linear-gradient(135deg,#8670ba 0%,#a783be 100%);box-shadow:0 10px 26px #8670ba52}.bigbtn.sell .ico{background:#ffffff38;border-radius:50%}.bigbtn.recv{color:#5a3f66;background:linear-gradient(135deg,#fff5f6 0%,#fde9ee 100%);border:0}.bigbtn.recv .ico{color:#d0707f;background:#fff;border-radius:50%;box-shadow:0 4px 10px #ed99bb40}.minor .btn{box-shadow:var(--shadow);color:var(--ink);background:#ffffffd9;border-color:#0000}.hero{background:linear-gradient(135deg,#9c86c4 0%,#bc8fc4 52%,#eda3c0 100%);border-radius:30px;box-shadow:0 18px 44px #9c86c44d}.hero .big{font-weight:600}.hero .hi,.hero .sub{font-weight:400}.pcard{border-color:#0000;border-radius:24px}.pcard .nm{color:var(--ink);font-weight:400}.pcard .pr .money{color:#6e5a9e;font-weight:600}.pcard .img .qty{color:var(--muted);box-shadow:none;font-weight:500}.mcard{box-shadow:var(--shadow);border-color:#0000;border-radius:18px}.money,.kpi .v,.sum b,.chanbtn .p,.fact .v.money{font-weight:600}.kpi .v{color:#6e5a9e}.fact .v{font-weight:600}.fact{border-left-color:var(--line)}th{color:var(--muted);background:#faf6fc;font-weight:500}.pill{font-weight:500}.tabbar{border-color:#0000;border-radius:26px}.tab.plus .dot{background:linear-gradient(140deg,#a58fd0,#8670ba)}.sheet{border-radius:30px 30px 0 0}@media (width>=700px){.sheet{border-radius:30px}}.sheet-f{border-top-color:#0000;box-shadow:0 -8px 24px #947fbb14}.stepper{box-shadow:var(--shadow);border-color:#0000;border-radius:20px}.stepper button{background:#f6f0f9}.chanbtn{box-shadow:var(--shadow);border-color:#0000;border-radius:20px}.chanbtn.on{box-shadow:0 0 0 2px #9a85c6, var(--shadow);background:#f3ecf8}.inp{border-color:#eee6f2;border-radius:14px}.side{background:#fff9;border-right-color:#0000}.navi.on{color:#6e5a9e;background:#f3ecf8}.who-btn{box-shadow:var(--shadow);border-color:#0000}.main>*{animation:.35s ease-out both rise}@keyframes rise{0%{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.main>*{animation:none}}:root,:root[data-num=quicksand]{--f-num:"Quicksand", var(--f-body);--w-num:600}:root[data-num=nunito]{--f-num:"Nunito", var(--f-body);--w-num:600}:root[data-num=body]{--f-num:var(--f-body);--w-num:500}:root[data-num=cormorant]{--f-num:"Cormorant Garamond", Georgia, serif;--w-num:600}.money,.kpi .v,.sum b,.chanbtn .p,.fact .v,.fact .v.money,.hero .big,.pcard .pr .money,.li .r .big,.li .r .t2,.pcard .img .qty,.mcard .img .qty,td.n,.stepper input,.chip .n,.num{font-family:var(--f-num);font-weight:var(--w-num);font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}.li .r .t2,td.n,.chip .n{font-weight:500}.hero .big{font-size:2.6rem}@media (width>=900px){.logo-btn.m-logo{display:none}}.logo-btn{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;display:block}.logo-btn:focus-visible{outline-offset:4px}body{margin:0}[hidden]{display:none!important}img{max-width:100%}#root{min-height:100%}.ic{display:contents}a.li,a.pcard,a.mcard,a.navi,a.tab,a.btn,a.link,a.alertrow{color:inherit;text-decoration:none}a.navi{color:var(--muted)}a.navi.on,a.tab.on{color:#6e5a9e}a.btn.pri{color:#fff}a.li:hover,a.alertrow:hover{background:var(--surface-2)}.login form{flex-direction:column;gap:14px;display:flex}.spinner-page{place-items:center;min-height:100vh;display:grid}.spin{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.note svg{vertical-align:-2px;width:14px;height:14px}.btn[disabled]{opacity:.55;cursor:default}.alertrow>.ic svg{width:18px;height:18px;color:var(--muted)}.pd .photo .ic svg{width:42%;height:42%}.desc{white-space:pre-line;color:var(--ink);opacity:.85;overflow-wrap:anywhere;font-size:.95rem;line-height:1.7}textarea.inp{font:inherit}.exopt{text-align:left;background:var(--surface);width:100%;box-shadow:var(--shadow);color:var(--ink);border:0;border-radius:22px;align-items:center;gap:14px;padding:14px 16px;transition:transform .12s,box-shadow .12s;display:flex}.exopt:hover:not([disabled]){box-shadow:0 0 0 2px #d9ccec, var(--shadow);transform:translateY(-1px)}.exopt:active:not([disabled]){transform:scale(.99)}.exopt[disabled]{opacity:.6;cursor:progress}.exopt .ico{border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.exopt .ico svg{width:22px;height:22px}.exopt .txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.exopt .txt b{font-family:var(--f-head);font-weight:var(--w-head);font-size:1.02rem}.exopt .txt span{color:var(--muted);font-size:.84rem;line-height:1.5}.exopt .go{color:#6e5a9e;background:#f3ecf8;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.exopt .go svg{width:18px;height:18px}.exrange{background:var(--surface);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.exnote{color:var(--muted);align-items:flex-start;gap:8px;font-size:.8rem;display:flex}.exnote svg{flex:none;width:14px;height:14px;margin-top:3px}.spin.sm{border-width:2px;width:18px;height:18px}.chips{margin:-4px -4px -10px;padding:4px 4px 10px}.exrange .chip{box-shadow:none;background:#f6f0f9}.exrange .chip.on{box-shadow:none;background:#7e68b4}