@import"https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&family=Prompt:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--page-bg:#f1eeed;--pb-bg-grad-from:#f6f4ff;--pb-bg-grad-to:#eaf2ff;--pb-text:#1e293b;--pb-accent:#ff6b8a;--pb-gold-1:#ffe6a1;--pb-gold-2:#f9e4b7;--pb-link-muted:#93a0b3;--pb-btn-primary:linear-gradient(90deg,#ff6b8a 10%,#ffd98a 100%);--pb-btn-reward:linear-gradient(90deg,var(--pb-gold-1),var(--pb-gold-2));--pb-mobile-bg:#ffffff}.navbar-pb{width:100%;background:linear-gradient(90deg,var(--pb-bg-grad-from),var(--pb-bg-grad-to));position:sticky;top:0;left:0;z-index:50;font-family:Kanit,Prompt,Noto Sans Thai,sans-serif;border-bottom:0;box-shadow:none}.navbar-pb-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 14px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:14px;top:8px;width:auto;height:auto;padding:6px 10px;background:#fff;border-radius:10px;outline:2px solid #6fa4ff;z-index:60}.navbar-pb a:focus-visible,.navbar-pb button:focus-visible{outline:2px solid #6fa4ff;outline-offset:2px;border-radius:10px}.navbar-pb-logo{display:flex;align-items:center;gap:10px;color:var(--pb-text);text-decoration:none}.navbar-pb-logo .brand-icon{width:32px;height:32px;border-radius:8px;display:block;background:#fff;box-shadow:0 1px #ffffffe6;transition:transform .15s ease}.navbar-pb-logo:hover .brand-icon{transform:translateY(-1px)}.navbar-pb-logo .brand-text{font-size:1.12rem;font-weight:900;letter-spacing:.6px}.navbar-pb-menu{display:none}.navbar-pb-actions{display:flex;align-items:center;gap:8px}.navbar-pb-btn{font-weight:700;border:1px solid rgba(30,41,59,.06);background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:14px;padding:8px 14px;font-size:.98rem;color:var(--pb-text);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.navbar-pb-btn--reward{background:var(--pb-btn-reward);color:#6b4b00}.navbar-pb-btn--profile{background:#5e81cc;color:#fff}.navbar-pb-btn--primary{background:var(--pb-btn-primary);color:#fff}.navbar-pb-btn--logout{background:#fff;color:#b42318;border-color:#b4231840}.navbar-pb-cart{display:inline-flex;align-items:center;position:relative;color:var(--pb-accent);background:transparent;font-size:1.06rem;border-radius:10px;padding:3px 8px;text-decoration:none}.navbar-pb-cartbadge{background:var(--pb-accent);color:#fff;font-size:.9rem;font-weight:700;border-radius:999px;padding:1px 7px;position:absolute;top:-8px;right:-14px}.navbar-pb-hamburger{display:flex;flex-direction:column;justify-content:center;width:36px;height:36px;background:transparent;border:none;margin-left:6px;gap:6px}.navbar-pb-hamburger span{display:block;width:100%;height:4px;border-radius:5px;background:#94a3b8}.navbar-pb-hamburger.open span{background:var(--pb-accent)}.navbar-pb-backdrop{display:none;position:fixed;inset:0;background:#02061759;z-index:45}.navbar-pb-backdrop.show{display:block}.navbar-pb-mobile{display:flex;flex-direction:column;background:var(--pb-mobile-bg);position:absolute;left:0;right:0;top:56px;z-index:999;border-radius:0 0 14px 14px;padding:10px 0;gap:8px;transition:max-height .22s ease;max-height:0;overflow:hidden;pointer-events:none;border-top:1px solid rgba(30,41,59,.06);box-shadow:0 8px 20px #0f172a1a}.navbar-pb-mobile.open{max-height:520px;pointer-events:all}.navbar-pb-mobile a,.navbar-pb-mobile button{padding:12px 18px;font-size:1.03rem;margin:0 10px;border-radius:12px;background:#fff;box-shadow:0 2px 10px #0f172a0f;border:none;text-align:left;color:var(--pb-text);text-decoration:none}@media (min-width: 768px){.navbar-pb-inner{min-height:64px;padding:0 20px}.navbar-pb-logo .brand-text{font-size:1.26rem}.navbar-pb-menu{display:flex;gap:22px;justify-content:center;flex:1 1 auto}.navbar-pb-actions{display:flex}.navbar-pb-hamburger{display:none}.navbar-pb-mobile{top:64px}}@media (min-width: 768px){.navbar-pb-menu a,.navbar-pb-menu button.navbar-pb-link{font-size:1.02rem;font-weight:700;color:var(--pb-text);padding:8px 2px;background:none;border:none;cursor:pointer;position:relative;text-decoration:none}.navbar-pb-menu a:not(.navbar-pb-cart):after{content:"";position:absolute;left:14%;right:14%;bottom:-6px;height:2px;border-radius:5px;background:linear-gradient(90deg,#c7d2fe,#bfdbfe);transform:scaleX(0);transition:transform .17s cubic-bezier(.5,0,.25,1.01)}.navbar-pb-menu a:hover:not(.navbar-pb-cart):after,.navbar-pb-menu a.active:not(.navbar-pb-cart):after{transform:scaleX(1)}}.navbar-pb-link{cursor:pointer;color:#4f7edc;background:none;border:none;padding:0 6px;-webkit-text-decoration:underline dotted #8cb8ff 1.5px;text-decoration:underline dotted #8cb8ff 1.5px}.navbar-pb-menu .navbar-pb-link{color:var(--pb-link-muted)!important;text-decoration:none!important}:root{--app-header-h:56px}@media (min-width:768px){:root{--app-header-h:64px}}:root{--ft-bg:#10172a;--ft-card:#161c31;--ft-border:rgba(255,255,255,.08);--ft-text:#eaeef8;--ft-dim:#a1a9b6;--ft-accent:#ffd77a;--ft-link:#f3e2b9;--page-bg:#f1eeed}.pb-footer{position:relative;z-index:1;width:100%;background:linear-gradient(180deg,var(--ft-bg) 0%,#0c1224 100%);color:var(--ft-text);padding-top:18px;border-top:0;font-family:Kanit,Prompt,Noto Sans Thai,sans-serif;margin-top:12px;box-shadow:none;overflow:hidden}.pb-footer:before{content:none}.pb-footer-inner{max-width:1280px;margin:0 auto;padding:10px 16px 18px;display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.pb-footer-brand{display:flex;gap:12px;align-items:center;background:var(--ft-card);border:1px solid var(--ft-border);border-radius:14px;padding:12px 14px}.pb-footer-brand img{width:42px;height:42px;border-radius:12px;background:#fff}.pb-footer-title{font-size:1.08rem;font-weight:800}.pb-footer-sub{color:var(--ft-dim);font-size:.95rem;margin-top:2px}.pb-footer-cols{display:grid;grid-template-columns:1fr;gap:12px}.pb-footer-col{background:var(--ft-card);border:1px solid var(--ft-border);border-radius:14px;padding:12px 14px}.pb-footer-coltitle{color:var(--ft-accent);font-weight:800;margin-bottom:8px}.pb-footer-item{color:var(--ft-text);opacity:.86;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.pb-footer-item:last-child{border-bottom:none}.pb-footer-link{display:block;padding:8px 0;color:var(--ft-link);text-decoration:none;font-weight:700;border-bottom:1px dashed rgba(255,255,255,.05)}.pb-footer-link:hover{text-decoration:underline;opacity:.96}.pb-footer-link:last-child{border-bottom:none}.pb-footer-bottom{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;padding:12px 16px 16px;color:var(--ft-dim);border-top:1px solid var(--ft-border);font-size:.94rem}.pb-footer-mini{display:flex;gap:10px;align-items:center}@media (min-width: 700px){.pb-footer-inner{grid-template-columns:1.1fr 2fr}.pb-footer-cols{grid-template-columns:repeat(3,1fr)}.pb-footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}.pb-footer-title{font-size:1.18rem}}.pb-footer{margin-bottom:0!important;padding-bottom:16px}:root{--pbx-orange: #f26a24;--pbx-black: #121212;--pbx-gray: #ededed;--pbx-shadow: 0 2px 12px #ececec;--pbx-radius: 18px}.store-catalog-container{max-width:1140px;margin:0 auto;padding:22px 10px 36px;font-family:Kanit,Prompt,sans-serif}.store-header{font-size:2rem;font-weight:700;color:var(--pbx-black);margin-bottom:8px;letter-spacing:.01em}.store-toolbar{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.store-input,.store-select{border-radius:13px;border:1.3px solid var(--pbx-gray);font-size:1rem;padding:8px 13px;font-family:inherit;background:#fff;transition:border .2s}.store-input:focus,.store-select:focus{outline:none;border:1.5px solid var(--pbx-orange)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px}@media (max-width: 800px){.store-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 540px){.store-catalog-container{padding:10px 2vw 20px}.store-header{font-size:1.24rem}.store-toolbar{flex-direction:column;gap:7px}.store-grid{gap:13px}}.store-card{border-radius:var(--pbx-radius);background:#fff;box-shadow:var(--pbx-shadow);transition:box-shadow .15s,transform .13s;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;min-width:0}.store-card:hover{box-shadow:0 6px 20px #e5e5e5;transform:translateY(-2px) scale(1.023)}.store-card-img{width:100%;height:148px;-o-object-fit:contain;object-fit:contain;background:#f9f9f9;border-radius:var(--pbx-radius) var(--pbx-radius) 0 0;border-bottom:1px solid #ececec;transition:opacity .12s}@media (max-width: 540px){.store-card-img{height:95px}}.store-card-title{font-size:1.08rem;font-weight:600;color:var(--pbx-black);margin:10px 12px 2px;font-family:Kanit,Prompt,sans-serif;line-height:1.12;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.store-card-series{font-size:.92rem;color:#868686;margin:0 12px 2px;font-family:Prompt,Kanit,sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.store-card-price{color:var(--pbx-orange);font-size:1.04rem;font-weight:600;margin:0 12px 12px}.store-detail-main{display:flex;flex-direction:column;gap:30px;padding:22px 4px 6px;max-width:950px;margin:0 auto}@media (min-width: 900px){.store-detail-main{flex-direction:row;gap:44px}}.store-detail-imgbox{background:#f6f6f6;border-radius:26px;box-shadow:0 2px 10px #ececec;min-width:300px;min-height:300px;max-width:340px;display:flex;align-items:center;justify-content:center;padding:16px}@media (max-width: 540px){.store-detail-imgbox{min-width:unset;max-width:100%;padding:6px;min-height:180px}}.store-detail-img{max-width:230px;max-height:230px;-o-object-fit:contain;object-fit:contain;border-radius:13px;background:#fff}.store-detail-info{flex:1;display:flex;flex-direction:column;gap:11px;min-width:0}.store-detail-title{font-size:1.68rem;font-weight:700;color:var(--pbx-black);font-family:Kanit,Prompt,sans-serif}.store-detail-series{font-size:1.01rem;color:#777}.store-detail-price{color:var(--pbx-orange);font-size:1.28rem;font-weight:700;margin:11px 0 6px}.store-detail-stock{font-size:1.01rem;color:#209257;font-weight:600}.store-detail-desc{font-size:1.06rem;margin:9px 0 6px;color:#232323;line-height:1.6;white-space:pre-line}.store-detail-table{width:100%;max-width:420px;margin:8px 0 12px;font-size:.97rem;border-spacing:0}.store-detail-table th,.store-detail-table td{padding:5px 8px;font-family:Prompt,sans-serif;color:#656565}.store-detail-cart-btn{background:var(--pbx-orange);color:#fff;border:none;border-radius:13px;padding:11px 28px;font-size:1.08rem;font-family:Kanit,Prompt,sans-serif;font-weight:600;letter-spacing:.01em;margin:12px 0 0;box-shadow:0 2px 10px #f3e3d6;cursor:pointer;transition:background .13s,opacity .13s}.store-detail-cart-btn:disabled{background:#c4c4c4;opacity:.73;cursor:not-allowed}.store-back-link{font-size:1rem;color:#5c8ef2;font-family:Prompt,Kanit,sans-serif;margin-bottom:16px;display:inline-block;text-decoration:none;transition:color .12s}.store-back-link:hover{color:#f26a24}.store-card-btn-row{display:flex;gap:6px;margin-top:8px}.store-card-cart-btn,.store-card-buynow-btn{padding:6px 13px;border-radius:14px;font-weight:600;border:none;font-size:1rem;background:linear-gradient(90deg,#ffb7d0 40%,#ffe9ae);color:#191e24;cursor:pointer;transition:background .14s}.store-card-cart-btn:disabled,.store-card-buynow-btn:disabled{background:#eee;color:#bbb;cursor:not-allowed}.store-detail-btn-row{display:flex;gap:12px;margin-top:16px}.store-detail-cart-btn,.store-detail-buynow-btn{padding:12px 32px;border-radius:2xl;font-weight:700;border:none;font-size:1.1rem;background:linear-gradient(90deg,#ffb7d0 40%,#ffe9ae);color:#191e24;cursor:pointer;transition:background .14s}.store-card-imgbox{position:relative}.news-card-tag-onimg,.store-tag-onimg{position:absolute;top:11px;left:11px;z-index:2;padding:6px 17px 5px 11px;font-size:.98em;font-weight:800;border-radius:15px 7px 15px 2em;box-shadow:0 2px 13px #2c45681b,0 2px 7px #fff4;color:#fff;letter-spacing:.03em;border:2px solid #fffdf6;background:linear-gradient(92deg,#cfd9ff 25%,#eee);transition:background .14s,color .14s}.store-card-btn-row button{font-size:1em;font-weight:700;border:none;outline:none;border-radius:15px;box-shadow:0 2px 8px #eaeaea;transition:background .16s,color .14s,transform .11s;cursor:pointer;padding:8px 18px;margin:0 2px}.store-card-cart-btn{background:linear-gradient(90deg,#ffb7d0 40%,#ffe9ae);color:#24243c}.store-card-cart-btn:hover:not(:disabled){background:linear-gradient(90deg,#ffc5e0 40%,#fff6be);color:#f26a24;transform:scale(1.06)}.store-card-buynow-btn:hover:not(:disabled){background:linear-gradient(90deg,#fd337a,#ffe9ae);color:#fffde6;transform:scale(1.06)}@media (max-width: 540px){.store-card-btn-row{gap:4px;flex-direction:column}.store-card-btn-row button{width:100%;margin-bottom:3px;font-size:.97em}}.store-card:focus{outline:2.4px solid #ffb7d0;box-shadow:0 0 0 4px #ffe6fa}.store-card-imgbox,.store-detail-imgbox{position:relative}.store-card-tag-onimg,.news-card-tag-onimg{position:absolute;top:13px;left:14px;z-index:2;padding:6px 19px 5px 13px;font-size:1em;font-weight:800;border-radius:16px 8px 16px 2.5em;box-shadow:0 2px 13px #2c45681b,0 2px 7px #fff4;letter-spacing:.04em;border:2.2px solid #fffdf6;transition:background .15s,color .14s;color:#fff;background:linear-gradient(92deg,#cfd9ff 25%,#eee)}.store-card-stock{font-size:.98em;font-weight:700;margin:0 13px 4px;border-radius:8px;padding:4px 12px;display:inline-block;border:1.6px solid #ebebeb;background:#f8f8f8}.store-card-stock.stock-okay{border-color:#79db96;background:#eaffed;color:#21734e}.store-card-stock.stock-few{border-color:#f2cc69;background:#fff8e5;color:#9d831a}.store-card-stock.stock-low{border-color:#f89d46;background:#ffefd7;color:#d9592c}.store-card-stock.stock-last{border-color:#e53b20;background:#fff0f0;color:#c02b14;animation:lastBlink .9s infinite alternate}@keyframes lastBlink{0%{opacity:1}60%{opacity:.85}to{opacity:1}}.store-card-stock.stock-out{border-color:#bbb;background:#f3f3f3;color:#bbb;text-decoration:line-through}.store-card-btn-row{display:flex;gap:8px;margin:13px 10px 8px;justify-content:stretch}.store-card-cart-btn,.store-card-buynow-btn{padding:8px 20px;border-radius:15px;font-weight:700;border:none;font-size:1.05rem;background:linear-gradient(90deg,#ffb7d0 40%,#ffe9ae);color:#24243c;box-shadow:0 2px 8px #eaeaea;cursor:pointer;transition:background .16s,color .14s,transform .11s,box-shadow .12s;outline:none;margin:0}.store-card-cart-btn{background:linear-gradient(90deg,#ffe0ed 20%,#fff7be);color:#f26a24}.store-card-cart-btn:hover:not(:disabled){background:linear-gradient(90deg,#fff2fa 40%,#fff6be);color:#f26a24;transform:scale(1.06);box-shadow:0 6px 16px #ffdee1ad}.store-card-buynow-btn{background:linear-gradient(90deg,#ff668a,#ffe9ae);color:#fff}.store-card-buynow-btn:hover:not(:disabled){background:linear-gradient(90deg,#fd337a,#ffe9ae);color:#fffde6;transform:scale(1.06);box-shadow:0 7px 18px #fbe3ea7a}.store-card-cart-btn:disabled,.store-card-buynow-btn:disabled{background:#f0f0f0;color:#bbb;opacity:.7;cursor:not-allowed}@media (max-width: 540px){.store-card-btn-row{flex-direction:column;gap:4px}.store-card-btn-row button{width:100%;font-size:1em}}.store-card{min-width:0}.store-card-title{margin-top:9px}@media (max-width: 540px){.store-card{font-size:.97em}.store-card-title{margin:7px 8px 2px}.store-card-series{margin:0 8px 2px}}.store-detail-btn-row{display:flex;gap:15px;margin-top:17px;flex-wrap:wrap}.store-detail-cart-btn,.store-detail-buynow-btn{padding:12px 36px;border-radius:16px;font-weight:800;border:none;font-size:1.13rem;background:linear-gradient(90deg,#ffb7d0 40%,#ffe9ae);color:#191e24;cursor:pointer;transition:background .16s,color .14s,box-shadow .12s,transform .1s;box-shadow:0 2px 10px #fbe3ea7a}.store-detail-cart-btn{background:linear-gradient(90deg,#ffe0ed 20%,#fff7be);color:#f26a24}.store-detail-cart-btn:hover:not(:disabled){background:linear-gradient(90deg,#fff2fa 40%,#fff6be);color:#f26a24;transform:scale(1.04)}.store-detail-buynow-btn{background:linear-gradient(90deg,#ff668a,#ffe9ae);color:#fff}.store-detail-buynow-btn:hover:not(:disabled){background:linear-gradient(90deg,#fd337a,#ffe9ae);color:#fffde6;transform:scale(1.04)}.store-detail-cart-btn:disabled,.store-detail-buynow-btn:disabled{background:#eee;color:#bbb;cursor:not-allowed}.store-detail-tags-row{display:flex;gap:6px;margin:9px 0 2px;flex-wrap:wrap}.store-detail-tag,.news-tag{display:inline-block;padding:.28em 1.08em;font-size:.95rem;border-radius:18px;font-weight:600;letter-spacing:.01em;margin-bottom:.1em;margin-right:.2em;transition:border .13s,background .13s,color .13s;outline:none;border:2px solid transparent;box-shadow:0 2px 13px #ececec3b;cursor:pointer}.store-detail-tag.VanguardJP{background:#f8e86d;color:#7c680a}.store-detail-tag.VanguardTH{background:#fcd976;color:#be7300}.store-detail-tag.WeissSchwarz{background:#b3e4ff;color:#006baf}.store-detail-tag.WIXOSS{background:#fce3fe;color:#a64ca2}.store-detail-tag.UnionArena{background:#e7e7f9;color:#4135d6}.store-detail-tag.YuGiOh{background:#d3ecff;color:#293e82}.store-detail-tag.HololiveOCG{background:#d6faff;color:#29a5b6}.store-detail-tag.OnePiece{background:#fff3de;color:#a97400}.store-detail-tag.LoveLive{background:#ffe3f5;color:#d33892}.store-detail-tag.News{background:#ffe2cb;color:#8b6d38}.store-detail-tag.อื่นๆ{background:#e2e2e2;color:#6e6e6e}.store-detail-tag.default{background:#f3f5fa;color:#7c869b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.store-card,.store-detail-main{animation:fadeInUp .66s cubic-bezier(.22,1,.36,1) both}.store-badge{position:absolute;top:8px;right:8px;z-index:2;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600;background:#003371;color:#fff}.store-badge.preorder{background:#5e81ff}.store-badge.preorder-closed{background:#999}.cart-root{position:relative;max-width:1080px;margin:28px auto 96px;padding:18px}.cart-empty{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:32px;text-align:center;color:var(--brand-700)}.cart-empty h2{margin:10px 0 6px}.cart-empty p{color:var(--muted);margin:0 0 14px}.cart-empty .btn.primary{display:inline-block;background:linear-gradient(90deg,var(--brand) 0%,#38bdf8 100%);color:#fff;border:none;border-radius:999px;padding:10px 18px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px #2563eb40}.banner{border-radius:12px;padding:12px 14px;display:flex;gap:8px;align-items:flex-start;font-weight:700;margin:10px 0 14px}.badge{display:inline-block;margin:0 6px;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:900;line-height:1.6}.tip-inline{font-size:.92rem;color:var(--muted);margin-left:4px}.cart-grid{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.cart-list{display:flex;flex-direction:column;gap:12px}.cart-item{display:grid;grid-template-columns:72px 1fr auto auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px}.cart-item .thumb{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.cart-item .meta{display:flex;flex-direction:column;gap:4px}.cart-item .name{font-weight:900;color:var(--ink)}.cart-item .variant{color:var(--muted);font-size:.9rem}.cart-item .price{color:var(--ink-soft);font-weight:800}.qty{display:inline-flex;align-items:center;gap:8px}.qty input{width:64px;text-align:center;padding:6px 8px;border:1px solid var(--line);border-radius:10px}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);cursor:pointer}.icon-btn:hover{border-color:var(--brand-200);color:var(--brand-700)}.sum{font-weight:900;color:var(--ink);min-width:120px;text-align:right}.delete-btn{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;border-radius:10px;padding:8px;cursor:pointer}.cart-summary{background:#fff;border:1px solid var(--brand-200);border-radius:16px;padding:14px;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;gap:10px}.cart-summary .row{display:flex;justify-content:space-between;align-items:center}.hr{height:2px;background:var(--brand-200);opacity:.5;border-radius:4px}.tip{color:var(--muted);font-size:.92rem}.btn{width:100%;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer;border:1px solid var(--brand-200);background:#fff;color:var(--brand-700)}.btn.ghost{background:#fff}@media (max-width:980px){.cart-grid{grid-template-columns:1fr}}:root{--st-brand:#2563eb;--st-grad:#38bdf8;--st-ink:#1f2937;--st-muted:#6b7280;--st-line:#e5e7eb;--st-brand-200:#bfdbfe}.st-root{margin:6px 0 12px}.st-compact{margin:2px 0 8px}.st-track{display:flex;align-items:center;gap:10px;margin:0 auto 8px;max-width:680px}.st-step{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;font-weight:800;font-size:.95rem;color:#fff;background:#d1d5db;transition:background .2s ease,transform .05s ease}.st-step.active{background:linear-gradient(90deg,var(--st-brand) 0%,var(--st-grad) 100%);box-shadow:0 4px 14px #2563eb40}.st-step.done{background:linear-gradient(90deg,var(--st-brand) 0%,var(--st-grad) 100%);opacity:.7}.st-num{transform:translateY(-1px)}.st-line{flex:1;height:3px;background:var(--st-brand-200);border-radius:4px}.st-labels{display:flex;justify-content:space-between;max-width:680px;margin:0 auto;color:var(--st-muted);font-size:.86rem}.st-labels .on{color:var(--st-ink);font-weight:700}.st-hint{text-align:center;margin-top:6px;color:var(--st-muted);font-size:.9rem}@media (max-width: 420px){.st-step{width:26px;height:26px;font-size:.9rem}.st-labels{font-size:.82rem}}:root{--bg:#f7f8ff;--card:#ffffff;--ink:#0f172a;--ink2:#334155;--brand:#2563eb;--brand-2:#1d4ed8;--ok:#059669;--warn:#d97706;--err:#dc2626;--muted:#94a3b8;--muted-2:#64748b;--ring: rgba(37,99,235,.14)}body{background:var(--bg)}.checkout-root{position:relative;padding:24px 16px 120px}.co-bg-glow{position:absolute;inset:0;pointer-events:none}.co-glow-1{width:420px;height:420px;filter:blur(120px);background:radial-gradient(closest-side,rgba(37,99,235,.18),transparent);position:absolute;right:-80px;top:-60px}.co-glow-2{width:300px;height:300px;filter:blur(120px);background:radial-gradient(closest-side,rgba(16,185,129,.16),transparent);position:absolute;left:-120px;bottom:0}.back-cart-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--brand-2);cursor:pointer;margin-bottom:8px;font-weight:600}.checkout-body{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;max-width:1100px;margin:0 auto;position:relative;z-index:1}.form,.summary{background:var(--card);border-radius:20px;box-shadow:0 12px 40px #0f172a0f}.form{padding:22px 20px}.summary{padding:18px;min-height:200px}h1{margin:0 0 12px;font-size:1.4rem;color:var(--ink)}h2.sec{margin:18px 0 8px;font-size:1.15rem;color:var(--ink2)}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-row.inline{flex-direction:row;align-items:center;gap:10px}label{font-weight:600;color:var(--ink2)}input,textarea{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;outline:none;font-size:1rem;background:#fff;color:var(--ink)}input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 6px var(--ring)}textarea{min-height:84px;resize:vertical}.opt-group{display:flex;gap:10px}.opt{display:inline-flex;gap:8px;align-items:center;border:1px solid #e2e8f0;padding:8px 10px;border-radius:12px;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.opt input{margin-right:6px}.opt.active{outline:2px solid var(--brand);border-color:var(--brand);background:#eef2ff}.opt.disabled{opacity:.45;pointer-events:none}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:999px;padding:2px 8px;font-size:.78rem;margin-left:8px}.badge.ok{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.banner{padding:10px 12px;border-radius:12px;font-weight:600}.banner.warn{background:#fffbeb;color:#92400e;border:1px solid #fef3c7}.tip{color:#475569;font-size:.92rem}.form-err{color:var(--err);font-size:.88rem}.actions{margin-top:14px;display:flex;gap:10px}button.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:none;padding:12px 16px;border-radius:12px;cursor:pointer;font-weight:800}button.primary:disabled{opacity:.6;cursor:not-allowed}.summary .sum-earn{color:#0ea5e9;font-weight:800}.upload-btn{background:#111827;color:#fff;border:none;padding:9px 12px;border-radius:10px;cursor:pointer}.upload-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 980px){.checkout-body{grid-template-columns:1fr}.summary{margin-top:12px}}@media (max-width: 480px){.checkout-root{padding:18px 12px 80px}.opt{padding:6px 8px}.actions .primary{width:100%}input,textarea{font-size:1rem}.upload-btn{font-size:.95rem}.sum-net{font-size:1.1rem}}.checkout-confirm-root{padding:24px 16px 120px;background:#f7f8ff}.back{background:none;border:none;color:#1d4ed8;display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:8px;font-weight:800}.cc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;max-width:1100px;margin:0 auto}.left{background:#fff;padding:20px;border-radius:20px;box-shadow:0 12px 40px #0f172a0f}.summary{background:#fff;padding:18px;border-radius:20px;box-shadow:0 12px 40px #0f172a0f;height:-moz-fit-content;height:fit-content;position:sticky;top:12px}h1{margin:0 0 10px;font-size:1.3rem}.panel{border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px}.panel .row{display:grid;grid-template-columns:160px 1fr;gap:10px;padding:7px 4px;border-bottom:1px dashed #e2e8f0}.panel .row:last-child{border-bottom:none}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:800}.badge.tbd{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.uploader{border:1px dashed #cbd5e1;padding:12px;border-radius:12px;text-align:left;margin-top:10px}.btn{background:#111827;color:#fff;border:none;padding:10px 12px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.hint{color:#64748b;font-size:.9rem;margin-top:8px}.icon{background:#fff;border:1px solid #e2e8f0;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px}.icon.danger{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.slip-preview img{max-width:360px;border-radius:12px;border:1px solid #e2e8f0}.policy{margin-top:14px}.checkbox{display:flex;gap:10px;align-items:flex-start}.checkbox input{margin-top:3px}.btns{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.summary .sum-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #e2e8f0;padding:10px 0}.summary .sum-net{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-weight:800;font-size:1.2rem}.warn{background:#fffbeb;color:#92400e;border:1px solid #fef3c7;padding:10px 12px;border-radius:12px;margin-top:10px}.cc-empty{max-width:860px;margin:60px auto;background:#fff;border-radius:16px;padding:24px;text-align:center}@media (max-width: 980px){.cc-grid{grid-template-columns:1fr}.summary{position:static;margin-top:12px}}:root{--bg:#f8fbff;--panel:#ffffff;--ink:#1f2937;--ink-soft:#374151;--brand:#2563eb;--brand-700:#1d4ed8;--brand-200:#bfdbfe;--muted:#6b7280;--line:#e5e7eb;--shadow:0 10px 28px rgba(37,99,235,.14)}.ph-root{position:relative;max-width:1080px;margin:28px auto 96px;padding:18px}.ph-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px}.ph-head h1{margin:0 0 4px;color:var(--brand-700);font-weight:900;font-size:1.6rem}.ph-table{margin-top:10px}.ph-thead{display:grid;grid-template-columns:220px 1fr 220px 180px 160px;gap:8px;padding:10px 12px;color:#334155;background:#f8fafc;border:1px solid var(--line);border-radius:12px;font-weight:800}.ph-row{display:grid;grid-template-columns:220px 1fr 220px 180px 160px;gap:8px;padding:10px 12px;align-items:center;border-bottom:1px dashed #e5e7eb}.ph-row .cell.id{color:var(--brand-700);font-weight:900;cursor:pointer}.ph-row .cell.sum{text-align:right;font-weight:900;color:var(--ink)}.ph-row .cell.status,.ph-row .cell.ship{font-weight:800;color:#334155}.ph-expand{grid-column:1 / -1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin:6px 0 8px;display:grid;gap:8px}.kv{display:grid;grid-template-columns:180px 1fr;gap:10px}.kv .v.strong{color:var(--brand-700)}.ph-empty,.ph-loading{text-align:center;color:var(--muted);padding:16px}.ph-actions{display:flex;justify-content:center;margin-top:10px}.btn{border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer;border:1.6px solid var(--brand-200);background:#fff;color:var(--brand-700)}@media (max-width:980px){.ph-thead,.ph-row{grid-template-columns:160px 1fr 160px 140px 120px}.kv{grid-template-columns:150px 1fr}}@media (max-width:640px){.ph-thead{display:none}.ph-row{grid-template-columns:1fr;gap:4px}.ph-row .cell{padding:2px 0}.ph-row .cell.sum{text-align:left}}.refund-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff7ed}.refund-msg{color:#9a3412;font-weight:800}.refund-cta .btn{border-color:#fdba74;color:#9a3412;background:#fff}.refund-cta .btn:hover{background:#fffbeb}.ph-modal-backdrop{position:fixed;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:80}.ph-modal-card{width:min(640px,92vw);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.ph-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.ph-modal-body{padding:12px 16px;display:grid;gap:10px}.ph-modal-actions{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}.ph-modal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.ph-ack{display:flex;gap:8px;align-items:flex-start;font-size:.95rem;color:#374151}.ph-legal summary{cursor:pointer;font-weight:900;color:#1f2937}.ph-legal ul{margin:6px 0 0 18px;padding:0}.btn-ghost{border:none;background:transparent;color:#6b7280;font-weight:900;cursor:pointer}@media (max-width:740px){.ph-modal-grid{grid-template-columns:1fr}}:root{--bg:#f8fbff;--panel:#ffffff;--ink:#1f2937;--ink-soft:#374151;--brand:#2563eb;--brand-700:#1d4ed8;--brand-400:#60a5fa;--brand-200:#bfdbfe;--muted:#6b7280;--line:#e5e7eb;--ok:#10b981;--danger:#e11d48;--shadow:0 10px 28px rgba(37,99,235,.14)}.ord-root{position:relative;max-width:1080px;margin:28px auto 96px;padding:18px}.ord-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px}.ord-head h1{margin:0;color:var(--brand-700);font-weight:900;font-size:1.8rem}.ord-head .muted{color:var(--muted);margin:4px 0 0}.ord-id{margin:12px 0 10px;display:flex;gap:10px;align-items:center;color:var(--ink-soft);font-weight:700}.ord-id b{color:var(--ink);font-weight:900;font-size:1.05rem}.banner{border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;font-weight:700;margin:10px 0}.banner.info{background:#eef2ff;color:#1e3a8a;border:1px solid #e0e7ff}.banner.error{background:#fef2f2;color:#991b1b;border:1px solid #fee2e2}.ord-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin-top:10px}.block{background:#fff;border:1.6px solid var(--brand-200);border-radius:16px;padding:14px;color:var(--ink)}.block h3{margin:0 0 10px;font-size:1.05rem;color:var(--brand-700);font-weight:900}.list{display:grid;gap:10px}.kv{display:grid;grid-template-columns:160px 1fr;gap:10px}.kv .k{color:var(--muted);font-weight:700}.kv .v{color:var(--ink);font-weight:800}.muted{color:var(--muted)}.summary{background:#fff;border:1.6px solid var(--brand-200);border-radius:16px;padding:14px;color:var(--ink);display:flex;flex-direction:column;gap:8px;height:-moz-fit-content;height:fit-content;position:sticky;top:12px}.sum-row{display:flex;justify-content:space-between;align-items:center}.sum-net{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:10px;border-top:2px dashed var(--brand-200);font-weight:900;font-size:1.2rem;color:var(--brand-700)}.sum-earn{color:var(--brand-700);font-weight:900}.ord-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.btn{border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer;border:1.6px solid var(--brand-200);background:#fff;color:var(--brand-700);text-decoration:none;display:inline-block}.btn.primary{background:linear-gradient(90deg,var(--brand) 0%,#38bdf8 100%);color:#fff;border:none;box-shadow:0 8px 22px #2563eb40}.badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:900;line-height:1.6}.badge.tbd{background:#fffbeb;color:#92400e;border:1px solid #fef3c7}.tip-inline{display:block;font-size:.9rem;color:var(--muted);margin-top:4px}.helper{margin-top:8px}@media (max-width:980px){.ord-grid{grid-template-columns:1fr}.summary{position:static}}@media (max-width:420px){.kv{grid-template-columns:130px 1fr}.ord-head h1{font-size:1.6rem}}.reward-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid #e8e6f3;border-radius:20px;box-shadow:0 8px 28px #0000000f;padding:16px 16px 14px;height:100%;box-sizing:border-box;transition:transform .16s,box-shadow .16s,border-color .16s;cursor:pointer}.reward-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #00000014;border-color:#e2dbff}.reward-card.flash{border-color:#ffd7a8;background:linear-gradient(180deg,#fff7ec,#fff)}.card-topbar{height:34px}:root{--media-ratio: 4 / 3}@media (max-width:480px){:root{--media-ratio: 3 / 4}}.reward-card-media{position:relative;width:100%;aspect-ratio:var(--media-ratio);border:1px solid #e8e6f3;border-radius:14px;overflow:hidden;margin-bottom:14px;background:#fff}.reward-card-media:before{content:"";position:absolute;inset:0;background-image:var(--media-img);background-size:cover;background-position:center;transform:scale(1.15);filter:blur(28px);opacity:.38}.reward-card-media>img{position:absolute;inset:0;margin:auto;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;-o-object-fit:contain!important;object-fit:contain!important;display:block}.reward-card-img{width:100%!important;height:100%!important;-o-object-fit:contain!important;object-fit:contain!important}.reward-card-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 6px}.reward-card-name{text-align:center;font-weight:800;font-size:17px;line-height:1.24;color:#1f2742;margin-bottom:8px}.reward-card-point{text-align:center;margin-bottom:8px;color:#22263a}.reward-card-point .pp{font-weight:900;color:#003371}.flash-price{font-weight:900;color:#e85b14;margin-right:6px}.normal-price{color:#7d8899;text-decoration:line-through}.reward-card-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:8px 0 10px}.badge{font-size:12.5px;font-weight:800;padding:6px 10px;border-radius:999px}.badge.cat{background:#e7f0ff;color:#0f3f8f}.badge.cap{background:#efe7ff;color:#5b36c0}.badge.stock.in{background:#eafaf1;color:#1f7a4d}.badge.stock.low{background:#fff6df;color:#956400}.badge.stock.out{background:#ffecec;color:#c83d3d}.reward-card-ribbon{position:absolute;left:12px;top:12px;background:#f26722;color:#fff;font-weight:900;font-size:12px;padding:6px 10px;border-radius:999px;box-shadow:0 4px 12px #f267222e}.reward-card-ribbon.upcoming{background:#c69216}.reward-card-ribbon.active{background:#f26722}.reward-card-flashinfo{display:flex;gap:10px;justify-content:center;font-size:12.8px;margin-bottom:8px}.reward-card-flashinfo .countdown{background:#fff4e7;color:#c85903;padding:4px 10px;border-radius:8px;font-weight:800}.reward-card-flashinfo .quota{color:#6b5b3a}.reward-card-footer{margin-top:auto;width:100%;padding-top:8px}.reward-card-btn{width:100%;margin-top:6px;padding:12px 16px;border:none;border-radius:12px;background:linear-gradient(90deg,#7b5cff,#46b1ff);color:#fff;font-weight:900;font-size:15px;box-shadow:0 6px 14px #7888ff29;transition:filter .15s,transform .08s}.reward-card-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.reward-card-btn.disabled{background:#cfd5df;color:#6e7380;cursor:not-allowed}.reward-card-btn.incart{background:linear-gradient(90deg,#b8a7ff,#7f6edb)}.qty-wrap{display:grid;grid-template-rows:auto auto;gap:10px;width:100%}.qty-row{display:grid;grid-template-columns:40px 1fr 40px;gap:10px;align-items:center;justify-items:center}.qty-row input{width:64px;height:38px;text-align:center;border-radius:10px;border:1px solid #d0d0fa;font-weight:900;font-size:16px;color:#1f2742}.qty-row button{width:40px;height:38px;border-radius:10px;border:none;cursor:pointer;background:#ece8ff;color:#6e45c2;font-weight:900;font-size:18px}.qty-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qty-actions .qty-ok{border:none;border-radius:12px;padding:11px 0;font-weight:900;color:#fff;background:linear-gradient(90deg,#7b5cff,#46b1ff)}.qty-actions .qty-cancel{border:1px solid #e2dcff;border-radius:12px;padding:11px 0;font-weight:800;color:#7f63cb;background:#f4f0fc}.status-chip{position:absolute;right:12px;top:12px;padding:6px 10px;border-radius:999px;font-size:12.5px;font-weight:900;box-shadow:0 4px 12px #0000000f}.status-chip.in{background:#e1efff;color:#1f5bb4;border:1px solid #c8dcff}.status-chip.out{background:#ffe9e9;color:#c93a3a;border:1px solid #ffc9c9}@media (max-width:768px){.reward-card{border-radius:18px;padding:14px 12px}.card-topbar{height:30px}.reward-card-name{font-size:16.5px}}:root{--pb-brand: #7b5cff;--pb-brand-2: #46b1ff;--pb-accent: #ffb702;--pb-surface: #ffffff;--pb-panel: rgba(255,255,255,.72);--pb-bg: #f7f4fb;--pb-soft: #faf6ff;--pb-text: #22263a;--pb-text-muted: #6f7990;--pb-border: #e8e6f3;--pb-shadow: 0 12px 40px rgba(134,110,210,.12);--pb-radius: 22px;--pb-ok-bg: #eafaf1;--pb-ok: #1f7a4d;--pb-warn-bg: #fff6df;--pb-warn:#956400;--pb-danger-bg: #ffecec;--pb-danger:#c83d3d;--pb-grad: linear-gradient(90deg, var(--pb-brand) 0%, var(--pb-brand-2) 100%)}.reward-page{background:radial-gradient(900px 480px at 15% -8%,#f1f7ff,transparent),radial-gradient(900px 520px at 95% 0%,#fff5ff,transparent),var(--pb-bg)}.reward-panel{max-width:1120px;margin:24px auto;padding:22px 22px 28px;background:var(--pb-panel);border:1px solid var(--pb-border);border-radius:var(--pb-radius);box-shadow:var(--pb-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .25s,transform .25s}.reward-title{font:800 28px/1.2 Kanit,system-ui,-apple-system,sans-serif;color:var(--pb-text);letter-spacing:.4px;margin:4px 0 12px}.reward-toolbar{position:sticky;top:72px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;margin-bottom:16px;background:#ffffffc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--pb-border);border-radius:14px;box-shadow:0 6px 16px #0000000d}.toolbar-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar-right{display:flex;gap:8px;align-items:center}.reward-search-input{min-width:260px;padding:11px 14px;font-size:15px;border:1.5px solid var(--pb-border);border-radius:12px;outline:none;background:#fafcff;color:var(--pb-text)}.reward-search-input:focus{border-color:#8fb5ff}.reward-tagbar{display:flex;gap:8px;overflow-x:auto}.reward-tag{padding:8px 12px;border-radius:999px;white-space:nowrap;font-weight:700;font-size:13.5px;color:#2b3557;background:#fff;border:1px solid var(--pb-border)}.reward-tag:hover{background:#f1f6ff}.reward-tag.active{background:var(--pb-grad);color:#fff;border-color:transparent}.reward-sort-select,.reward-pagesize-select{padding:10px 12px;font-size:14px;border-radius:12px;background:#fff;border:1.5px solid var(--pb-border)}.reward-grid{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.reward-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:22px 0 10px}.page-btn{min-width:40px;height:40px;display:inline-grid;place-items:center;padding:0 12px;border-radius:12px;font-weight:800;font-size:14px;background:#fff;border:1px solid var(--pb-border);color:var(--pb-text)}.page-btn:hover{background:#f1f6ff}.page-btn.active{background:var(--pb-grad);color:#fff;border-color:transparent}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-dots{color:#97a3bd;font-weight:800}.reward-goto-cart-btn{display:inline-block;margin-top:18px;padding:13px 38px;border-radius:22px;text-decoration:none;font-weight:900;font-size:1.05rem;letter-spacing:.03em;color:#fff;background:var(--pb-grad);box-shadow:0 1px 12px #7888ff47;transition:filter .15s}.reward-goto-cart-btn:hover{filter:brightness(1.05)}.reward-empty{text-align:center;color:#2b3557;background:#eaf1fb;border:1px solid var(--pb-border);padding:18px;border-radius:14px;margin-bottom:12px}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}@media (max-width: 1024px){.reward-panel{margin:18px auto;padding:18px 14px 24px}.reward-grid{gap:20px}}@media (max-width: 768px){.reward-title{font-size:24px;margin-bottom:10px}.reward-toolbar{position:sticky;top:60px;flex-direction:column;align-items:stretch;gap:10px;padding:10px;border-radius:12px}.toolbar-left,.toolbar-right{width:100%}.reward-search-input{width:100%;min-width:0}.reward-tagbar{flex-wrap:wrap}.reward-sort-select,.reward-pagesize-select{width:100%}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.page-btn{height:42px;min-width:42px;border-radius:12px}}@media (max-width: 480px){.reward-grid{grid-template-columns:1fr;gap:14px}.reward-panel{padding:16px 12px 22px}}@media (hover:none){.reward-panel{box-shadow:var(--pb-shadow)}}.badge.stock.stock-okay{background:#eafaf1;color:#1f7a4d;border:1px solid #d7f1e3}.badge.stock.stock-few{background:#fff3cd;color:#8a6d3b;border:1px solid #ffe8a1}.badge.stock.stock-low{background:#ffe9cf;color:#a65d00;border:1px solid #ffd8a8}.badge.stock.stock-last{background:#ffd8d1;color:#b23c17;border:1px solid #ffc4b3}.badge.stock.stock-out{background:#ffecec;color:#c83d3d;border:1px solid #ffc9c9}:root{--brand: #7b5cff;--brand2:#46b1ff;--grad: linear-gradient(90deg,var(--brand),var(--brand2));--ink: #111a39;--ink-2:#5b6686;--line: #e6e3f5;--panel: rgba(255,255,255,.78);--shadow: 0 18px 48px rgba(134,110,210,.18);--ok-bg:#eafaf1;--ok:#187a4a;--warn-bg:#fff6df;--warn:#8f6400;--bad-bg:#ffe9e9;--bad:#c83d3d;--soft-pink:#ffeefe;--soft-blue:#eef6ff;--soft-violet:#f5f2ff}.rd-container{max-width:1140px;margin:28px auto 30px;padding:0 14px}.rd-header{display:flex;align-items:center;gap:16px;margin-bottom:14px}.rd-crumb{color:var(--ink-2);font-weight:800}.rd-back{background:var(--soft-blue);color:#172452;border:1.5px solid #d7e5ff;padding:12px 18px;border-radius:14px;font-weight:900;letter-spacing:.02em;box-shadow:0 10px 24px #7888ff29}.rd-back:hover{filter:brightness(1.05)}.rd-main{display:grid;grid-template-columns:540px 1fr;gap:26px;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:26px 24px 24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 1040px){.rd-main{grid-template-columns:1fr}}.rd-media-card{display:block}:root{--rd-media-ratio: 3 / 4}.rd-media{position:relative;aspect-ratio:var(--rd-media-ratio);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.rd-media:before{content:"";position:absolute;inset:0;background-image:var(--media-img);background-size:cover;background-position:center;filter:blur(30px);transform:scale(1.16);opacity:.34}.rd-media>img{position:absolute;inset:0;margin:auto;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;-o-object-fit:contain!important;object-fit:contain!important;display:block}.rd-media-badge{position:absolute;right:12px;top:12px;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12.5px;background:#eef4ff;color:#1f5bb4;border:1px solid #d8e4ff;z-index:2}.rd-media-badge.danger{background:var(--bad-bg);color:var(--bad);border-color:#ffc9c9}.rd-media-badge.flash{background:#fff0e6;color:#d4550d;border-color:#ffd9c6}.rd-info{display:flex;flex-direction:column;gap:14px;padding-top:4px}.rd-title{font:900 30px/1.2 Kanit,system-ui,-apple-system,sans-serif;color:var(--ink);letter-spacing:.2px}.rd-price{font-weight:900;color:var(--ink);display:flex;align-items:baseline;gap:12px}.rd-price-main{font-size:28px;font-weight:900;background:linear-gradient(90deg,#082b6f,#285aa9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rd-pp{color:#354468;font-weight:800}.rd-price-flash{font-size:28px;color:#e85b14;font-weight:900}.rd-price-normal{color:#7a849e;text-decoration:line-through;font-weight:800}.rd-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--soft-blue);color:#0f3f8f;border:1px solid #dbe6ff;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12.5px}.chip.hollow{background:var(--soft-violet);color:#5b36c0;border-color:#e7dcff}.chip.ok{background:var(--ok-bg);color:var(--ok);border-color:#d8f3e6}.chip.danger{background:var(--bad-bg);color:var(--bad);border-color:#ffc9c9}.rd-flash{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rd-flash .countdown{background:#fff4e7;color:#c85903;padding:6px 10px;border-radius:10px;font-weight:900}.rd-flash .quota{color:#6b5b3a;font-weight:800}.rd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:0 12px 26px #0000000f}.stat-label{color:#6a7391;font-weight:900;margin-bottom:6px}.stat-value{color:#0e1f49;font-weight:900;font-size:22px}.stat-value.small{font-size:18px}.stat-value.danger{color:var(--bad)}.stat-sub{color:#8a94b0;font-weight:800}.rd-cta-box{margin-top:6px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#f7f4ff,#eef6ff);border:1px solid #e9e6fb;box-shadow:0 14px 28px #7888ff2e}.rd-cta-box .stepper{display:grid;grid-template-columns:52px 1fr 52px;gap:12px;align-items:center}.stepper input{width:100%;height:50px;text-align:center;border-radius:14px;border:1.6px solid #d0d0fa;background:#fff;color:#1f2742;font-weight:900;font-size:16px}.stepper button{height:50px;border-radius:14px;border:none;cursor:pointer;background:#ece8ff;color:#6e45c2;font-weight:900;font-size:22px}.cta-buttons{display:flex;gap:12px;margin-top:12px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 22px;border-radius:14px;border:1px solid transparent;font-weight:900;letter-spacing:.02em;min-width:180px;transition:filter .15s,transform .06s}.btn .i{font-size:18px}.btn.primary{background:var(--grad);color:#fff;box-shadow:0 12px 28px #7888ff42}.btn.secondary{background:#fff;color:#2b3557;border-color:#e2e6f4}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 560px){.cta-buttons{flex-direction:column}.btn{width:100%}}.rd-note{font-weight:800;color:#48506b}.rd-note.danger{color:var(--bad)}.rd-meta{margin-top:16px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width: 720px){.rd-meta{grid-template-columns:1fr}}.meta-pill{display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,var(--soft-blue),#fff);border:1px solid #dfe6ff;border-radius:18px;padding:12px 14px;box-shadow:0 12px 26px #0000000f}.meta-icon{font-size:20px}.meta-text{display:flex;flex-direction:column;gap:2px}.meta-label{font-weight:900;color:#5e6890}.meta-value{font-weight:900;color:#141c3b}.meta-card.wide{grid-column:1 / -1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 12px 26px #0000000d}.rd-empty{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;text-align:center;font-weight:900;color:#283356;box-shadow:0 12px 26px #0000000f}.rd-skel{grid-template-columns:540px 1fr}@media (max-width: 1040px){.rd-skel{grid-template-columns:1fr}}.rd-skel-media{height:440px;border-radius:16px;background:linear-gradient(90deg,#f2f4ff,#fafaff,#f2f4ff)}.rd-skel-info .rd-skel-line{height:22px;background:#eef0fb;border-radius:10px;margin:10px 0}.rd-skel-info .rd-skel-line.short{width:60%}:root{--gradA:#4071c7;--gradB:#5dc3f9;--ink:#003371;--bd:#e6ebf6;--shadow:0 5px 30px rgba(174,203,250,.14), 0 1.5px 10px rgba(93,195,249,.1);--ok:#24bd65;--appbar-height:72px}.redeem-success-root{max-width:860px;margin:0 auto;padding:calc(var(--appbar-height) + 8px) 16px 32px;box-sizing:border-box}.redeem-success-header{display:flex;align-items:center;gap:10px;justify-content:flex-start;margin-bottom:6px}.redeem-success-box{background:#fff;border:1.5px solid var(--bd);border-radius:24px;padding:18px;box-shadow:var(--shadow);text-align:center}.redeem-success-icon{display:grid;place-content:center;margin:6px 0}h2{font-size:22px;font-weight:900;color:var(--ink);margin:6px 0 2px}.redeem-success-desc{color:#2b3557;line-height:1.6}.redeem-success-id{color:#29a948;font-weight:800;font-size:18px;display:inline-block;margin-top:6px}.redeem-success-detailbox{text-align:left;margin:12px auto;max-width:720px;background:#eaf1fb;border:1.5px solid #dbe8ff;border-radius:16px;padding:12px}.redeem-success-detail-title{font-weight:900;color:#4071c7;margin-bottom:8px}.redeem-success-detail-row{display:flex;gap:10px;padding:6px 0;border-bottom:1px dashed #d7e4ff}.redeem-success-detail-row:last-child{border-bottom:none}.redeem-success-detail-row>span:first-child{width:140px;color:#475569;font-weight:700}.redeem-success-detail-row .pp{color:#008943;font-weight:900}.redeem-success-detail-row .status{color:#268a4c;font-weight:900}.link{color:#2b56c4;text-decoration:underline;font-weight:800}.ship-note{color:#556581}.redeem-success-back{display:inline-block;margin-top:8px;background:linear-gradient(90deg,var(--gradA) 40%,var(--gradB) 100%);color:#fff;padding:10px 14px;border-radius:12px;font-weight:800;text-decoration:none}@media (max-width:640px){.redeem-success-root{padding-left:12px;padding-right:12px}.redeem-success-box{border-radius:18px;padding:14px}h2{font-size:20px}.redeem-success-detail-row{flex-direction:column;gap:4px}.redeem-success-detail-row>span:first-child{width:auto}}.redeem-stepper{--rs-ink: #1b2b50;--rs-muted: #7c8aa5;--rs-done: #4f8df9;--rs-active: #2f5bd5;--rs-rail: #e9eefb;--rs-bg: #ffffff;--rs-shadow: 0 6px 18px rgba(47, 91, 213, .15);width:100%;display:block;margin:10px 0 18px}.redeem-stepper .rs-rail{list-style:none;margin:0;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:10px}.redeem-stepper .rs-step{display:inline-flex;align-items:center;gap:8px;position:relative;padding:6px 10px;background:var(--rs-bg);border-radius:999px;box-shadow:0 1px #fff,0 2px 10px #1428780f;border:1px solid #e6ecfd;white-space:nowrap}.redeem-stepper .rs-step .rs-bubble{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:#fff;background:var(--rs-muted);box-shadow:var(--rs-shadow)}.redeem-stepper .rs-step .rs-label{font-weight:800;font-size:14px;letter-spacing:.1px;color:var(--rs-muted)}.redeem-stepper .rs-step.is-done .rs-bubble{background:var(--rs-done)}.redeem-stepper .rs-step.is-done .rs-label{color:var(--rs-ink)}.redeem-stepper .rs-step.is-active{border-color:#d5e0ff;background:linear-gradient(180deg,#f7faff,#fff 95%)}.redeem-stepper .rs-step.is-active .rs-bubble{background:var(--rs-active)}.redeem-stepper .rs-step.is-active .rs-label{color:var(--rs-active)}.redeem-stepper .rs-line{height:10px;min-width:160px;flex:1 1 160px;border-radius:999px;background:var(--rs-rail);position:relative;overflow:hidden;border:1px solid #e6ecfd}.redeem-stepper .rs-line.is-done:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#58c1ff,#2f5bd5 60%,#1fa866)}@media (max-width: 768px){.redeem-stepper .rs-rail{padding:0 4px;gap:8px}.redeem-stepper .rs-step{padding:4px 8px}.redeem-stepper .rs-step .rs-bubble{width:22px;height:22px;font-size:12px}.redeem-stepper .rs-step .rs-label{font-size:13px}.redeem-stepper .rs-line{min-width:90px}}@media (max-width: 480px){.redeem-stepper .rs-step .rs-label{font-size:12.5px}.redeem-stepper .rs-line{min-width:60px}}.reward-history-container{max-width:1100px;margin:40px auto;background:#fff;border-radius:28px;box-shadow:0 8px 30px #cabbee29;padding:3vw 2vw 2vw;font-family:Kanit,sans-serif;position:relative}.reward-history-table-wrap{overflow-x:auto;width:100%}.reward-history-table{width:100%;border-collapse:separate;border-spacing:0;background:#f9f7fe;border-radius:18px;min-width:700px;table-layout:auto}.reward-history-table th,.reward-history-table td{padding:15px 8px;text-align:center;vertical-align:middle;word-break:break-word;white-space:normal;font-family:Kanit,sans-serif}.reward-history-table th{background:#f4f0fa;font-weight:900;font-size:1.08rem;color:#26282c;letter-spacing:.03em;border-bottom:2.2px solid #ede3fa}.reward-history-table td{font-weight:600;font-size:1rem;color:#191b21;background:#fff}.reward-history-table td.status-col{min-width:108px}.reward-history-table td.reward-col{min-width:185px;max-width:250px;text-align:left;font-weight:900;color:#2b2d2f}.reward-history-table td.timestamp-col{min-width:96px;font-weight:800;color:#75717c}.reward-history-table td.tracking-col{min-width:90px;max-width:160px}@media (max-width: 850px){.reward-history-container{padding:26px 1vw 18px}.reward-history-table{min-width:530px}.reward-history-table th,.reward-history-table td{font-size:.98rem;padding:12px 3px}.reward-history-table td.reward-col{min-width:120px}}@media (max-width: 600px){.reward-history-container{padding:10px 0 0}.reward-history-table{min-width:420px}.reward-history-table th,.reward-history-table td{font-size:.92rem;padding:10px 2px}.reward-history-table td.reward-col{min-width:92px}}.reward-history-btn{background:#ffe166;color:#343333;font-family:inherit;font-weight:600;border-radius:12px;padding:8px 0;font-size:1rem;border:1.2px solid #f2de84;cursor:pointer;box-shadow:0 1px 7px #fbe6b64c;width:94px;transition:background .15s,color .14s;letter-spacing:.01em}.reward-history-btn:hover,.reward-history-btn:focus{background:#ffefb8;color:#b0881e;outline:none}.reward-modal-overlay{position:fixed;z-index:1001;inset:0;background:#3c404a57;display:flex;justify-content:center;align-items:center;padding:2vw}.reward-modal-content{min-width:340px;max-width:95vw;width:420px;max-width:680px;width:96vw;background:#fff;border-radius:26px;box-shadow:0 10px 36px #acbbee55;padding:35px 22px 24px;position:relative;text-align:center;margin:0 auto;animation:fadeIn .18s cubic-bezier(.5,0,.5,1);display:flex;flex-direction:column;justify-content:flex-start;min-height:320px}@keyframes fadeIn{0%{transform:translateY(30px) scale(.97);opacity:0}to{transform:none;opacity:1}}.reward-modal-title{font-weight:700;color:#1ea879;font-size:1.13rem;margin-bottom:10px;letter-spacing:0}.reward-modal-btn-row{margin-top:30px;margin-bottom:5px;width:100%;display:flex;justify-content:center}.reward-modal-close-btn{background:#eaf6f0;color:#168668;font-family:inherit;font-weight:500;font-size:1.09rem;border:none;border-radius:13px;box-shadow:none;padding:12px 0;width:92%;max-width:270px;transition:background .13s,color .13s;letter-spacing:.01em;margin:0 auto;outline:none}.reward-modal-close-btn:hover,.reward-modal-close-btn:focus{background:#d8ebe1;color:#147555}.reward-modal-tracking-label{color:#3b3b3b;font-weight:600;font-size:15px;margin-bottom:2px}.reward-modal-tracking-value{color:#1986ea;font-weight:600;font-size:1.11em;letter-spacing:.03em;display:block;margin-bottom:1px;margin-top:1px;word-break:break-all}.btn-blue{background:linear-gradient(90deg,#4071c7 40%,#5dc3f9);color:#fff;border:none;border-radius:13px;font-weight:700;font-size:1rem;padding:9px 18px;transition:background .14s,color .14s;box-shadow:0 1.5px 8px #1b376917;cursor:pointer;outline:none}.btn-blue:disabled,.btn-blue-outline:disabled{opacity:.45;cursor:default}.btn-blue:hover,.btn-blue:focus{background:linear-gradient(90deg,#3261a9 30%,#68a9e6);color:#fff}.btn-blue-outline{background:#f5f8ff;color:#4071c7;border:1.3px solid #d0e2ff;border-radius:13px;font-weight:700;font-size:1rem;padding:8px 18px;transition:background .13s,color .13s;box-shadow:0 1px 6px #b2e2fd14;cursor:pointer;outline:none}.btn-blue-outline:hover,.btn-blue-outline:focus{background:#eaf1fb;color:#265899;border-color:#b6d2ff}.modal-block{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem;background:#f5f8ff;padding:7px 14px;border-radius:11px;margin-bottom:7px;color:#2b3557}.modal-label{font-weight:700;min-width:100px;color:#4071c7}@media (max-width: 600px){.modal-block{flex-direction:column;align-items:flex-start;font-size:.98rem}.modal-label{margin-bottom:1px}}:root{--line:#e6ebf6;--card:#ffffff;--ink:#2b3557;--mute:#8a94ad;--brand:#2b56c4;--brand-soft:#eef3ff;--brand-bd:#cfe0ff;--shadow:0 4px 12px rgba(10,25,55,.06)}.redeemcart-item{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);background:var(--card);border-radius:14px;padding:12px;box-shadow:var(--shadow)}.redeemcart-img{width:68px;height:68px;border-radius:13px;-o-object-fit:cover;object-fit:cover;display:block;background:var(--brand-soft);border:1px solid var(--brand-bd);flex-shrink:0}.redeemcart-info{flex:1;min-width:0}.redeemcart-name{font-weight:800;color:var(--ink);line-height:1.25}.redeemcart-meta{font-size:12px;color:var(--mute);margin-top:2px}.redeemcart-line{margin-left:6px}.redeemcart-point{font-weight:800;color:var(--brand)}.redeemcart-qty{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.redeemcart-qty>input{width:56px;text-align:center;border:1.5px solid var(--brand-bd);border-radius:8px;padding:4px 6px;background:#fff;color:var(--ink);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.redeemcart-qty>input::-webkit-outer-spin-button,.redeemcart-qty>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.redeemcart-qty>input:focus{outline:none;box-shadow:0 0 0 4px #e7efff;border-color:var(--brand-bd)}.redeemcart-qty>button{min-width:32px;height:32px;border-radius:8px;border:1.5px solid var(--brand-bd);background:var(--brand-soft);color:var(--brand);font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.redeemcart-qty>button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2b56c426}.redeemcart-qty>button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.redeemcart-remove{color:#e34c4c;background:none;border:none;font-weight:800;cursor:pointer;margin-left:8px}@media (max-width:640px){.redeemcart-item{padding:10px}.redeemcart-img{width:56px;height:56px;border-radius:11px}.redeemcart-qty>button{min-width:30px;height:30px}.redeemcart-qty>input{width:52px}}:root{--ink:#1f2a44;--sub:#6e7a98;--bd:#e6ebf6;--card:#fff;--gradA:#4071c7;--gradB:#5dc3f9;--shadow:0 10px 24px rgba(41,78,166,.1);--link:#5e81ff;--link2:#6fa4ff}.redeemcart{max-width:1100px;margin:24px auto 96px;padding:0 16px;color:var(--ink);box-sizing:border-box}.redeemcart-header{display:flex;align-items:center;gap:10px;justify-content:flex-start;margin-bottom:6px}.back-link{background:#eef3ff;border:1px solid #dfe7ff;color:#2b3557;border-radius:12px;padding:8px 12px;font-weight:800;text-decoration:none;transition:.18s ease;display:inline-flex;align-items:center}.page-title{margin:0;color:#003371;font-weight:800;font-size:1.28rem}.redeemcart-balance{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 8px}.pill{border-radius:12px;padding:10px 14px;font-weight:900;border:1.5px solid #e6ebf6;box-shadow:0 6px 18px #0a19370f}.pill--primary{background:#f2f6ff;color:#2b3557}.pill--neutral{background:#f7f9ff;color:#2b3557}.pill--accent{background:#f7f2ff;color:#6e45c2;border-color:#e6ddff}.rc-warning{margin:6px 0 12px;background:#fff1f0;color:#b42318;border:1.5px solid #ffd7d3;padding:10px 12px;border-radius:12px;font-weight:700}.rc-info{margin-top:6px;background:#f1f8ff;color:#1d4ed8;border:1.5px solid #d7e5ff;padding:10px 12px;border-radius:12px;font-weight:700}.redeemcart-grid{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}.redeemcart-main{display:flex;flex-direction:column;gap:12px;min-width:0}.redeemcart-summary{position:sticky;top:18px;height:-moz-fit-content;height:fit-content;min-width:0}.rc-card,.ship-card{background:var(--card);border:1.5px solid var(--bd);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.section-title{color:#2b3557;font-weight:900;margin:0 0 10px}.redeemcart-list{margin-top:4px;display:flex;flex-direction:column;gap:10px}.empty{color:#9aa0aa;font-weight:700;text-align:center;padding:44px 0}.link{background:none;border:none;color:var(--link);cursor:pointer;font-weight:800}.link:hover{color:var(--link2)}.ship-opt{display:flex;gap:10px;align-items:flex-start;cursor:pointer;border:1.5px solid #eef2fb;border-radius:14px;padding:14px;margin-bottom:10px;background:#fafcff}.ship-opt input{transform:translateY(4px)}.ship-title{font-weight:800;color:#1f2a44}.ship-sub{color:#6b7280;font-size:.92rem}.ship-note{color:#7a8699;font-size:.88rem}.ship-opt.active{border-color:#b8ccff;box-shadow:0 0 0 4px #e7efff;background:#fff}.ship-opt.disabled{opacity:.6;cursor:not-allowed}.badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#eaf1ff;border:1px solid #cfe0ff;color:#2b56c4;font-size:12px;font-weight:800;vertical-align:middle}.ship-option{display:flex;gap:10px;align-items:flex-start;cursor:pointer;border:1.5px solid #eef2fb;border-radius:14px;padding:14px;margin-bottom:10px;background:#fafcff}.ship-option input{transform:translateY(4px)}.ship-option.active{border-color:#b8ccff;box-shadow:0 0 0 4px #e7efff;background:#fff}.ship-option.disabled{opacity:.6;cursor:not-allowed}.summary-grid{display:grid;gap:10px;margin:0 0 12px;padding-top:2px}.row,.sum-row{display:flex;align-items:center;justify-content:space-between;font-weight:800}.sum{color:#6e45c2}.note{color:#6b7280;font-size:.92rem}.redeemcart-actions{display:flex;gap:10px;align-items:center;padding-top:2px;flex-wrap:wrap}.btn{font-weight:800;padding:12px 16px;border-radius:12px;border:1.5px solid #e5e9f6;background:#f7f9ff;color:#2b3557;cursor:pointer;transition:.18s;line-height:1}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.btn:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.85)}.btn-outline{background:transparent;color:var(--link);border:1.5px dashed #dde3ed}.btn-primary{background:linear-gradient(92deg,var(--gradA),var(--gradB));color:#fff;border:none}.btn-lg{width:100%;padding:13px 18px}@media (max-width:980px){.redeemcart-grid{grid-template-columns:1fr}.redeemcart-summary{position:static}.redeemcart{padding-inline:14px;margin:20px auto 80px}}@media (max-width:640px){.redeemcart{padding-inline:12px;margin:16px auto 72px}.rc-card{padding:14px}.ship-opt,.ship-option{padding:12px}}:root{--ink:#1f2a44;--sub:#6e7a98;--bd:#e6ebf6;--card:#fff;--gradA:#4071c7;--gradB:#5dc3f9;--shadow:0 10px 24px rgba(41,78,166,.1);--ok:#10b981;--appbar-height:72px}.redeemcheckout-root{max-width:1100px;margin:0 auto;padding:calc(var(--appbar-height) + env(safe-area-inset-top,0) + 12px) 16px 48px;color:var(--ink);box-sizing:border-box}.redeemcheckout-header{display:flex;align-items:center;gap:10px;justify-content:flex-start}.back-link{background:#eef3ff;border:1px solid #dfe7ff;color:#2b3557;border-radius:12px;padding:8px 12px;font-weight:800;text-decoration:none;transition:.18s ease;display:inline-flex;align-items:center;cursor:pointer}.back-link:hover{transform:translateY(-1px);filter:brightness(1.02)}.page-title{margin:0;color:#003371;font-weight:800;font-size:1.35rem}.redeemcheckout-grid{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start;margin-top:4px}.redeemcheckout-main{display:flex;flex-direction:column;gap:12px;min-width:0}.redeemcheckout-side{position:sticky;top:18px;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;gap:12px}.rc-card{background:var(--card);border:1.5px solid var(--bd);border-radius:14px;padding:12px;box-shadow:var(--shadow)}.rc-title{font-weight:900;color:#2b3557}.rc-form{display:grid;gap:10px;margin-top:8px}.rc-form label{display:grid;gap:6px;font-weight:700;color:#2b3557}.rc-form input,.rc-form textarea{width:100%;border:1.5px solid var(--bd);background:#fff;border-radius:10px;padding:10px;font:inherit}.rc-form input:focus,.rc-form textarea:focus{outline:none;border-color:#b8ccff;box-shadow:0 0 0 4px #e7efff}.rc-form textarea{min-height:88px;resize:vertical}.req{color:#e34c4c}.rc-list{display:grid;gap:6px;margin-top:6px}.rc-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f7f9ff;border:1px solid #e8ecfb;border-radius:10px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Courier New,monospace}.bundle-note{color:#6e7a98;font-size:.92rem}.redeemcheckout-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.redeemcheckout-qrcode-btn{border:none;background:#eef3ff;color:#2b56c4;font-weight:800;border-radius:10px;padding:8px 10px;cursor:pointer}.qr-box{margin-top:10px;border:1.5px dashed #cfe0ff;border-radius:14px;padding:12px;background:#f8fbff}.qr-img-wrap img{max-width:220px;display:block;border-radius:10px}.qr-actions{display:flex;gap:10px;margin-top:10px}.download-qr-btn,.close-qr-btn{border:1.5px solid #d9e0ff;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:800;text-decoration:none}.redeemcheckout-slip-wrap input[type=file]{display:block}.slip-preview{display:flex;align-items:center;gap:10px;margin-top:8px}.redeemcheckout-slip-img{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:1.5px solid #e6ebf6}.redeemcheckout-btn-remove{border:none;background:#fff1f1;color:#e34c4c;border:1.5px solid #ffd9d9;font-weight:800;padding:8px 10px;border-radius:10px;cursor:pointer}.rc-consent{display:flex;align-items:center;gap:8px}.rc-consent input{width:18px;height:18px}.rc-stats{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}.rc-stat{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:12px;box-shadow:var(--shadow)}.rc-label{font-size:12px;color:#6e7a98}.rc-value{font-size:18px;font-weight:900}.rc-value.rc-emerald{color:var(--ok)}.redeemcheckout-btn{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid #e5e9f6;background:#f7f9ff;color:#2b3557;font-weight:800;cursor:pointer}.redeemcheckout-btn-primary{background:linear-gradient(92deg,var(--gradA),var(--gradB));color:#fff;border:none}.rc-note{color:#6e7a98;margin-top:6px}.help-hint{display:flex;justify-content:flex-start;margin-top:6px;font-weight:600;color:#5a78d6;letter-spacing:.1px}.help-hint a{color:#5a78d6;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(90,120,214,.25);padding-bottom:1px;transition:opacity .15s ease}.help-hint a:hover{opacity:.85}@media (max-width:980px){.redeemcheckout-grid{grid-template-columns:1fr}.redeemcheckout-side{position:static}}@media (max-width:640px){.redeemcheckout-root{padding-left:12px;padding-right:12px}.page-title{font-size:1.2rem}}:root{--brand-black: #343333;--brand-white: #f1eeed;--brand-gray: #e3e0e0;--brand-accent: #646464;--brand-blue: #5683c9;--brand-yellow: #fbe264;--brand-orange: #fbaE17;--main-font-size: 16px}body,html{font-family:Kanit,Arial,sans-serif;margin:0;padding:0;background:var(--brand-white);color:var(--brand-black);letter-spacing:.01em;font-weight:400}.news-page-root{width:100vw;min-height:100vh;background:linear-gradient(120deg,#f1eeed 85%,#e7ecfa);padding:0}.news-section-container{width:100%;max-width:1320px;margin:0 auto;padding:34px 4vw 22px}.news-list-flex{display:flex;flex-wrap:wrap;gap:28px;justify-content:flex-start;align-items:stretch}.news-card-link{display:block;width:100%;max-width:370px;min-width:270px;text-decoration:none;color:inherit;transition:box-shadow .19s,transform .17s}.news-card-root{background:linear-gradient(120deg,#f7fafc 80%,#e7eefe);border-radius:1.4rem;box-shadow:0 3px 24px #aec6e733,0 1.5px 10px #8cb2d010;border:2.3px solid #e3e0e0;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:295px;position:relative;transition:box-shadow .19s,border .17s,transform .15s}.news-card-link:hover .news-card-root,.news-card-root:hover{box-shadow:0 10px 32px #5683c955,0 4px 24px #aec6e74b;border-color:#5683c9;transform:translateY(-6px) scale(1.025);z-index:3}.news-card-imgbox{width:100%;height:164px;background:#f7f7f7;border-bottom:1.5px solid #e3e0e0;display:flex;align-items:center;justify-content:center;overflow:hidden}.news-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1.4rem 1.4rem 0 0}.news-card-content{padding:18px 19px 17px;flex:1;display:flex;flex-direction:column;min-height:180px}.news-card-meta{display:flex;gap:8px;align-items:center;margin-bottom:4px;flex-wrap:wrap}.news-tag{padding:2.5px 11px;font-size:.95em;border-radius:14px;font-weight:700;margin-right:7px;background:#fbe264;color:#343333;border:none;display:inline-block;letter-spacing:.6px}.news-tag.อื่นๆ{background:#e2e2e2;color:#6e6e6e}.news-tag.default{background:#fbe264;color:#2c2c2c}.news-tag.active,.news-tag:active{border:2px solid #5683c9;background:#eaf1ff;color:#294579}.news-type{padding:2.5px 10px;font-size:.93em;border-radius:13px;font-weight:600;background:#e8e8ea;color:#464653;border:none;margin-right:6px}.news-type.event{background:#c5ecff;color:#2264a8}.news-type.news{background:#e8e8ea;color:#464653}.news-timestamp{font-size:.91em;color:#959595;margin-left:auto;font-weight:400}.news-title{font-weight:800;font-size:1.18rem;color:#294579;margin-bottom:7px;line-height:1.35;min-height:44px;letter-spacing:.5px}.news-desc{color:#494949;font-weight:400;font-size:1rem;margin:0 0 11px;flex:1;min-height:38px}.news-readmore{color:#5683c9;font-weight:700;font-size:1.01em;margin-top:10px;letter-spacing:.5px;transition:color .14s}.news-card-link:hover .news-readmore{color:#4b63da;text-decoration:underline}.articles-console-root{max-width:780px;margin:0 auto;padding:22px 8px 70px}.news-detail-header{margin-bottom:16px}.news-detail-meta{display:flex;gap:9px;align-items:center;font-size:1.01em}.news-detail-img{width:100%;max-width:760px;height:auto;border-radius:1.1rem;margin:16px 0 10px;box-shadow:0 6px 34px #b7cbe733;-o-object-fit:cover;object-fit:cover;background:#ececec}.news-detail-content{font-size:1.12rem;color:#363637;font-weight:400;margin:20px 0 40px;white-space:pre-line}.article-content{font-size:1.09em;color:#222;line-height:1.72;word-break:break-word}.article-form-btn--back{margin-bottom:14px;background:#fbe264;color:#294579;font-weight:700;border-radius:8px;border:none;padding:8px 20px;cursor:pointer;font-size:1.01em;box-shadow:0 2px 7px #ede9d8cc;transition:background .17s,color .14s}.article-form-btn--back:hover{background:#f8d75d;color:#222}.news-tag-filter{display:flex;align-items:center;flex-wrap:wrap;gap:.4em}@media (max-width: 900px){.news-section-container,.articles-console-root{max-width:99vw;padding:19px 2vw 17px}.news-list-flex{gap:13px}.news-card-link{min-width:97vw;max-width:98vw}.news-detail-img{max-width:99vw;margin:16px auto 12px}.news-detail-header .news-title{font-size:1.17rem}}@media (max-width: 800px){.news-section-container{padding:26px 1vw 14px}.news-list-flex{gap:13px}.news-card-link{min-width:97vw;max-width:98vw}}@media (max-width: 600px){.news-main-title{font-size:1.18rem;margin-top:20px}.articles-console-root{padding:0 2vw 18px}.news-detail-img{max-width:100vw;border-radius:8px;margin:9px auto 8px}}.news-page-root,.news-detail-root{width:100%;min-height:100vh;position:relative;overflow:hidden;padding-top:18px;background:radial-gradient(1200px 600px at 10% 0%,#f1eeed,#f5f8ff 40%,#fafcff)}.news-page-root:before,.news-page-root:after,.news-detail-root:before,.news-detail-root:after{content:"";position:absolute;width:520px;height:520px;filter:blur(72px);opacity:.36;border-radius:50%;pointer-events:none;z-index:0}.news-page-root:before,.news-detail-root:before{top:-140px;left:-120px;background:radial-gradient(closest-side,#6fa4ff 25%,#5dc3f9 55%,transparent 70%);animation:floatA 14s ease-in-out infinite}.news-page-root:after,.news-detail-root:after{right:-180px;bottom:-120px;background:radial-gradient(closest-side,#eaf1fb 20%,#dde3ed 55%,transparent 70%);animation:floatB 16s ease-in-out infinite}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.news-section-container{max-width:1080px;margin:0 auto;padding:2.2rem 1.5rem 4rem;position:relative;z-index:1}.page-headline{font-weight:900;color:#294579;font-size:2rem;margin:7px 0 10px;letter-spacing:.7px}.news-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.type-filter{display:flex;align-items:center;gap:.4em;flex-wrap:wrap}.type-filter-label{font-weight:700;margin-right:.25em;color:#2b3557}.type-chip{background:#f1f5ff;border:1.4px solid #dbe6ff;color:#2b4d9a;border-radius:999px;padding:7px 13px;font-weight:700;box-shadow:0 2px 10px #a8c7f512;cursor:pointer;transition:transform .1s,border .13s,background .13s}.type-chip.active,.type-chip:focus{background:#eaf1ff;border-color:#6fa4ff;transform:translateY(-1px)}.news-searchbar{display:flex;gap:6px;margin-left:auto}.news-searchbar input{padding:9px 12px;border-radius:10px;border:1.4px solid #e1e7ff;background:#f6f9fe;font-weight:600;color:#2b3557}.news-searchbar input:focus{border:1.8px solid #7fbfff;box-shadow:0 0 0 2.5px #e3efff48;outline:none}.news-searchbar .clear-btn{border:none;background:#f3f3f8;color:#535565;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}.news-list-flex{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:2rem;margin-top:.5rem}.news-card-root{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 16px #3052cf1a;display:flex;flex-direction:column;min-height:340px;position:relative;transition:transform .12s ease,box-shadow .12s ease;animation:fadeInUp .7s cubic-bezier(.22,1,.36,1) both;opacity:0;will-change:transform}.news-card-root:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 6px 28px #2b355712}.fade-in{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.news-card-link{text-decoration:none;color:inherit}.news-card-imgbox{width:100%;height:160px;background:linear-gradient(90deg,#e5f0ff,#d3f6ff)}.news-card-img{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid #f2f2f4}.news-card-content{flex:1;padding:1.1rem 1.25rem 1.3rem;display:flex;flex-direction:column}.news-title{font-size:1.15rem;font-weight:600;margin:.4em 0 .35em;color:#3345b5}.news-desc{font-size:.98rem;color:#626e85;margin-bottom:0}.news-card-meta{margin-bottom:.16em;display:flex;gap:.68em;align-items:center}.news-type{font-weight:800;font-size:.9rem;padding:.2em .6em;border-radius:999px;background:#eff4ff;color:#2b4d9a}.news-type.event{background:#fff4d6;color:#977b09}.news-type.update{background:#e8fff1;color:#0b7a3b}.news-type.other{background:#eee;color:#555}.news-tag{display:inline-block;padding:.22em .8em;font-size:.87rem;border-radius:18px;font-weight:500;margin-bottom:.1em;margin-right:.2em;letter-spacing:.01em;transition:border .13s,background .13s,color .13s;cursor:pointer;outline:none}.news-tag.VanguardJP{background:#f8e86d;color:#7c680a}.news-tag.VanguardTH{background:#fcd976;color:#be7300}.news-tag.WeissSchwarz{background:#b3e4ff;color:#006baf}.news-tag.WIXOSS{background:#fce3fe;color:#a64ca2}.news-tag.UnionArena{background:#e7e7f9;color:#4135d6}.news-tag.YuGiOh{background:#d3ecff;color:#293e82}.news-tag.HololiveOCG{background:#d6faff;color:#29a5b6}.news-tag.OnePiece{background:#fff3de;color:#a97400}.news-tag.LoveLive{background:#ffe3f5;color:#d33892}.news-tag.News{background:#ffe2cb;color:#8b6d38}.news-tag.Event{background:#fff4d6;color:#977b09}.news-tag.Others{background:#e2e2e2;color:#6e6e6e}.news-tag.default{background:#f3f5fa;color:#7c869b}.news-tag.active,.news-tag:active,.news-tag.default.active{border:2px solid #5683c9!important;background:#eaf1ff!important;color:#294579!important}.news-tag-filter{display:flex;align-items:center;flex-wrap:wrap;gap:.4em;margin-bottom:.9em}.news-tag-filter-label{font-weight:600;margin-right:.5em}.news-card-tag-onimg{position:absolute;top:13px;left:14px;z-index:2;padding:6px 19px 5px 13px;font-size:1em;font-weight:800;border-radius:16px 8px 16px 2.5em;box-shadow:0 2px 13px #2c45681b,0 2px 7px #fff4;letter-spacing:.04em;border:2.2px solid #fffdf6;transition:background .15s,color .14s;color:#fff;background:linear-gradient(92deg,#cfd9ff 25%,#eee)}.news-card-tag-onimg.VanguardJP{background:linear-gradient(92deg,#ffe684 20%,#f7e769 94%);color:#89740b}.news-card-tag-onimg.VanguardTH{background:linear-gradient(92deg,#ffd891 19%,#fad25f);color:#b3851e}.news-card-tag-onimg.WeissSchwarz{background:linear-gradient(90deg,#d6f5ff,#aedcff);color:#21719d}.news-card-tag-onimg.WIXOSS{background:linear-gradient(91deg,#ffdfff 24%,#fbbeff 98%);color:#af4db2}.news-card-tag-onimg.UnionArena{background:linear-gradient(94deg,#e2e2fa 12%,#b3b5fa);color:#443bdb}.news-card-tag-onimg.YuGiOh{background:linear-gradient(94deg,#d3ecff 7%,#bcd7e4);color:#22418a}.news-card-tag-onimg.HololiveOCG{background:linear-gradient(90deg,#e0f7ff,#b6ecfa);color:#23a9c2}.news-card-tag-onimg.OnePiece{background:linear-gradient(94deg,#fff4d8 8%,#ffe0a7 97%);color:#ad8b23}.news-card-tag-onimg.LoveLive{background:linear-gradient(92deg,#ffe2f4 10%,#ffbfe8);color:#dc2397}.news-card-tag-onimg.News{background:linear-gradient(92deg,#fff0ce 7%,#ffe2cb);color:#8b6d38}.news-card-tag-onimg.Event{background:linear-gradient(92deg,#fff2c6 10%,#ffd874);color:#7a5f0c}.news-card-tag-onimg.Others{background:linear-gradient(92deg,#f5f5f5 4%,#f7f7f7);color:#6e6e6e}.pagination-nav{display:grid;place-items:center;margin:18px 0 42px;width:100%;font-family:inherit}.pagination-inner{display:inline-flex;align-items:center;gap:8px;background:#fffc;padding:8px 10px;border-radius:999px;box-shadow:0 8px 26px #5e81ff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page-list{list-style:none;display:inline-flex;gap:6px;padding:0 2px;margin:0 4px}.page-list .dots{align-self:center;color:#9aa6c7;font-weight:700;padding:0 2px}.page-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;cursor:pointer;min-width:40px;height:40px;padding:0 12px;border-radius:999px;background:#f2f6ff;color:#294579;font-size:15px;font-weight:800;letter-spacing:.02em;box-shadow:0 2px 12px #264ad612;transition:transform .12s,box-shadow .12s,background .12s,color .12s}.page-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #264ad61f;background:#e9f2ff}.page-btn.active{background:linear-gradient(90deg,#5e81ff,#47c0d8);color:#fff;box-shadow:0 6px 22px #5e81ff44}.page-btn.ghost{background:#edf3ff;min-width:44px}.page-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}.pagination-loader{display:flex;align-items:center;gap:1em;justify-content:center;margin:2.5rem 0}.loader{width:32px;height:32px;border:4px solid #e0e7ff;border-top:4px solid #4778ff;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5em}.detail-container{max-width:820px;margin:18px auto 64px;padding:0 16px;position:relative;z-index:1;color:#1c2541}.detail-topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.back-btn{display:inline-flex;align-items:center;gap:8px;border:none;text-decoration:none;cursor:pointer;padding:9px 16px;border-radius:999px;background:#f3f6ff;color:#2b4d9a;border:1.4px solid #dbe6ff;font-weight:900;letter-spacing:.01em;box-shadow:0 2px 12px #5e81ff26;transition:transform .12s,box-shadow .12s,background .12s}.back-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #264ad61f;background:#eaf1ff}.chip{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:800;font-size:.9rem;background:#eff4ff;color:#2b4d9a;border:1.5px solid #dbe6ff}.chip-date{background:#f5f7fb;color:#445;border-color:#e6e9f4}.chip-news{background:#eaf1ff;color:#294579;border-color:#d4e3ff}.chip-update{background:#e8fff1;color:#0b7a3b;border-color:#bfead0}.chip-event{background:#fff4d6;color:#977b09;border-color:#ffe39e}.chip.VanguardJP{background:#f8e86d;color:#7c680a;border-color:#f3d85b}.chip.VanguardTH{background:#fcd976;color:#be7300;border-color:#f2c65a}.chip.WeissSchwarz{background:#b3e4ff;color:#006baf;border-color:#9cd5fb}.chip.WIXOSS{background:#fce3fe;color:#a64ca2;border-color:#f5c8fa}.chip.UnionArena{background:#e7e7f9;color:#4135d6;border-color:#cfd0f3}.chip.YuGiOh{background:#d3ecff;color:#293e82;border-color:#bfe0ff}.chip.HololiveOCG{background:#d6faff;color:#29a5b6;border-color:#c2f0ff}.chip.OnePiece{background:#fff3de;color:#a97400;border-color:#ffe7b6}.chip.LoveLive{background:#ffe3f5;color:#d33892;border-color:#ffc8e9}.chip.News{background:#ffe2cb;color:#8b6d38;border-color:#ffd1ad}.chip.อื่นๆ{background:#e2e2e2;color:#6e6e6e;border-color:#d8d8d8}.news-detail-title{font-size:clamp(1.4rem,2.2vw + 1rem,2rem);font-weight:900;letter-spacing:.3px;color:#1c2e58;margin:6px 0 12px}.detail-hero{margin:12px 0 18px}.news-detail-img{width:100%;max-width:820px;display:block;margin:0 auto;border-radius:16px;box-shadow:0 2px 18px #2b35570f;-o-object-fit:cover;object-fit:cover}.news-detail-content .article-content{font-size:1.09rem;line-height:1.72;color:#222}.divider{height:1px;background:linear-gradient(90deg,#eaeefb,#e9f6ff);margin:18px 0;border-radius:999px}.news-share-section{margin:24px 0 12px;display:flex;align-items:center;gap:.6em;flex-wrap:wrap}.news-share-label{font-weight:600;font-size:1.05em;color:#333;margin-right:.7em}.share-btn{display:flex;align-items:center;gap:.32em;padding:7px 16px 7px 13px;border-radius:22px;font-size:.99em;font-weight:600;background:#eaeaea;color:#3a3a3a;text-decoration:none;transition:background .13s,color .13s;box-shadow:0 2px 10px #5e81ff17}.share-btn.fb{background:linear-gradient(90deg,#2851b3 60%,#59a6f9);color:#fff}.share-btn.fb:hover{background:#234aa6}.share-btn.tw{background:linear-gradient(90deg,#20b7ff 40%,#45e0ff);color:#fff}.share-btn.tw:hover{background:#139cd1}.share-btn.copy{background:#f0f3fb;color:#2b4d9a}.share-btn.copy:hover{background:#e6edff}.share-btn svg{font-size:1.19em;margin-right:.18em}.article-table-section{width:100%;max-width:1040px;margin:38px auto 0;background:#fff;border-radius:24px;box-shadow:0 6px 36px #5e81ff12;padding:36px 24px 30px;display:flex;flex-direction:column;gap:20px}.admin-title{font-size:2.1em;font-weight:900;color:#2d263a;margin:0 0 22px;padding-left:.2em;letter-spacing:.01em}.admin-toolbar{display:flex;flex-wrap:wrap;gap:1em;align-items:center;min-height:48px}.table-wrap{width:100%;overflow-x:auto;border-radius:18px}.article-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 18px #bed6ff13}.article-table th,.article-table td{padding:.82em;text-align:left;border-bottom:1.1px solid #ebf0fa}.article-table th{background:#eaf3ff;font-size:1em;color:#2151aa;font-weight:500}.article-table tr:last-child td{border-bottom:none}.status-tag{padding:.25em 1.13em .21em;font-size:.98em;border-radius:18px;font-weight:700;display:inline-block;box-shadow:0 2px 12px #eaf1f750}.status-published{background:linear-gradient(90deg,#b3ffca,#79d3ff);color:#21734e;border:1.5px solid #7bf1d7}.status-draft{background:linear-gradient(90deg,#fff4cc,#d8eaff);color:#be7e16;border:1.5px solid #ffe2a7}.status-archived{background:#e7e8f3;color:#7884a1;border:1.5px solid #dee0eb}.article-form-card{max-width:730px;margin:38px auto 0;background:#fff;border-radius:24px;box-shadow:0 6px 36px #5e81ff12;padding:36px 24px 30px;display:flex;flex-direction:column;gap:20px}.article-form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:4px}.article-form-input,.article-form-select,.article-form-timestamp{font-size:1.06em;padding:9px 16px;border-radius:9px;border:1.5px solid #e4ebf8;background:#f8fafd;color:#2d263a;font-weight:600;box-shadow:0 1.2px 8px #e4ebf813;transition:border .13s,background .13s}.article-form-input:focus,.article-form-select:focus,.article-form-timestamp:focus{border:1.9px solid #6fa4ff;background:#f2f7fe}.required{color:#e42c1a;font-weight:700;margin-left:2px;font-size:1.1em}.insert-image-btn{background:linear-gradient(90deg,#eaf6ff,#dbf9f8);border:1.2px solid #b9d8f7;border-radius:7px;color:#2777be;font-size:.98em;font-weight:700;padding:4px 15px;margin-left:10px;cursor:pointer;box-shadow:0 1.5px 7px #aeefff1e}.insert-image-btn:hover{background:#def7fa;color:#0c4069;border:1.4px solid #7bcfff}.remove-image-btn{margin-left:12px;background:#ffeaea;color:#c11a1a;border:1.2px solid #ffc8c8;border-radius:8px;padding:4px 14px;font-size:.97em;font-weight:700;cursor:pointer}.remove-image-btn:hover{background:#ffc8c8;color:#831818}.img-preview{margin:8px 0 6px;max-width:330px;max-height:200px;border-radius:11px;overflow:hidden;box-shadow:0 2px 14px #aeefff2c;background:#f8fbff}.article-form-img-preview{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain;border-radius:11px}.form-error{color:#e42c1a;background:#fff0ef;border:1.2px solid #ffd6d6;border-radius:8px;padding:6px 15px;font-size:1em;margin-top:4px;margin-bottom:3px}.article-form-actions{display:flex;gap:14px;margin-top:15px;justify-content:flex-end}.article-form-btn{background:linear-gradient(90deg,#5e81ff,#47c0d8);color:#fff;border:none;font-size:1.04em;font-weight:900;border-radius:16px;padding:11px 36px;cursor:pointer;box-shadow:0 2px 12px #5e81ff12}.article-form-btn--cancel{background:#f3f3f8;color:#535565;border:1.2px solid #d2d9ef}.news-empty{color:#777;font-size:1.03rem;display:flex;align-items:center;gap:10px}.pill-btn{border:none;padding:9px 16px;border-radius:999px;font-weight:800;background:linear-gradient(90deg,#5e81ff,#47c0d8);color:#fff;cursor:pointer;box-shadow:0 2px 12px #5e81ff12}.article-content img{max-width:100%;height:auto;display:block;margin:18px auto;border-radius:13px;box-shadow:0 2px 10px #f1eeed}.article-content p{margin:11px 0;line-height:1.7;word-break:break-word}@media (max-width: 1080px){.page-headline{font-size:1.7rem}}@media (max-width: 850px){.news-section-container{padding:1.1rem .3rem 2rem}.news-list-flex{grid-template-columns:1fr;gap:1.1rem}.news-card-content{padding:.95rem 1rem 1.05rem}.detail-container{margin:14px auto 48px}}@media (max-width: 800px){.news-section-container{padding:1.1rem .2rem 2rem}.news-list-flex{grid-template-columns:1fr!important;gap:1rem}.news-card-link{min-width:98vw;max-width:99vw;margin:0 auto}.news-card-root{min-height:unset;box-shadow:0 2.5px 15px #adc8ed2c;border-radius:1.1rem;margin-bottom:.8em}.news-card-content{padding:.9rem .85rem 1.1rem}.news-title{font-size:1.07rem;margin-bottom:.45em}.news-desc{font-size:.98rem;min-height:1.7em}}@media (max-width: 700px){.news-section-container h2,.news-page-root h2{font-size:1.25rem!important;padding:0 .2em;margin-bottom:1.1em}}@media (max-width: 640px){.pagination-inner{gap:6px;padding:6px 8px}.page-btn{min-width:36px;height:36px;font-size:14px}}@media (max-width: 600px){body{overflow-x:hidden}.news-section-container{padding:.7rem .1rem 1rem}}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:9999;padding:10px 16px;border-radius:10px;background:#1f2a50;color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 30px #0b10331f;border:1.5px solid #2f4ac9;animation:toast-in .18s ease-out,toast-out .25s ease-in 1.95s forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,10px)}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--brand-blue:#2F5BD5;--brand-sky:#55B8FF;--ink:#0B1B34;--muted:#5B6A80;--bg-grad:linear-gradient(122deg,#f3f5f9 40%,#f7f9ff 100%);--line-green:#06c755;--discord:#5865F2;--messenger:#0084FF;--messenger-end:#006AFF;--card-border:#E5ECFB;--card-border-strong:#D6E1FB;--success:#1FA866}body{margin:0;font-family:Prompt,Noto Sans Thai,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}.profile-root{min-height:100vh;background:var(--bg-grad);display:flex;justify-content:center;align-items:flex-start;padding:28px 16px}.profile-container{width:100%;max-width:1080px;padding:0 6px}.premium-card{width:100%;max-width:760px;margin:0 auto;background:#fff;border-radius:16px;border:1px solid var(--card-border);box-shadow:0 10px 32px #2f5bd50f,0 2px 10px #1428780d;padding:22px 20px;overflow:hidden}.section{margin-bottom:18px}.mr{margin-right:6px}.section.header{display:flex;gap:14px;align-items:center}.avatar-wrap{width:64px;height:64px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(92deg,#eef4ff 40%,#f2fffb);border:2px solid #fff;box-shadow:0 1px 6px #0000000f}.avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header-meta{min-width:0;flex:1}.name-row{display:flex;align-items:center;gap:6px;min-width:0}.display-name{margin:0;font-size:1.12rem;font-weight:800;letter-spacing:.2px;color:#1d2746}.name-edit-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--card-border);background:#f6f8ff;color:#314ea6;border-radius:8px;padding:4px;cursor:pointer;transition:.15s ease;line-height:1}.name-edit-btn:hover{background:#eef3ff}.username-row{display:flex;align-items:center;gap:8px;min-width:0;margin-top:2px}.idcard-ico{color:#7c66e9}.username-pill{border:1px solid #ddd7ff;background:#f4f2ff;color:#3a2c8a;font-weight:700;padding:2px 9px;border-radius:8px;cursor:pointer;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.icon-btn{border:1px solid var(--card-border);background:#f7f9ff;color:#3a3469;border-radius:8px;padding:4px;cursor:pointer;line-height:1}.email-text{font-size:.95rem;color:var(--muted)}.role-tag{display:inline-flex;align-items:center;gap:6px;width:-moz-max-content;width:max-content;margin-top:4px;padding:2px 10px;border-radius:10px;font-weight:700;font-size:.9rem}.role-tag.member{background:#eaf1ff;color:#2151aa}.role-tag.admin{background:#fff2d8;color:#8a5a00}.section.points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.points-card{background:linear-gradient(90deg,#eef4ff,#eaf3ff);border:1px solid var(--card-border-strong);border-radius:12px;padding:14px;box-shadow:inset 0 1px #fff,0 1px 8px #84a0ff1f}.points-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.points-title{color:#19264e;font-weight:800;display:flex;align-items:center;gap:6px}.points-value{font-size:2rem;line-height:1;font-weight:900;color:#2f5bd5;letter-spacing:.3px;margin-top:6px;text-shadow:0 1px 0 #fff,0 6px 18px rgba(101,134,255,.25)}.points-ctas{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.seg-toggle{display:inline-flex;gap:4px;background:#f5f7ff;border:1px solid var(--card-border);border-radius:999px;padding:2px 3px}.seg{border:none;background:transparent;padding:5px 9px;border-radius:999px;font-weight:750;color:#2a3d7a;cursor:pointer;font-size:.78rem;letter-spacing:.1px;transition:background .15s ease,color .15s ease,transform .04s ease}.seg:active{transform:translateY(1px)}.seg.active{background:#2f5bd5;color:#fff;box-shadow:0 2px 7px #2f5bd540}.accumulated-card{background:#fff;border:1px solid var(--card-border-strong);border-radius:12px;padding:12px 14px;box-shadow:0 1px 10px #a0b4ff29}.accum-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.accum-title{font-weight:850;color:#1c2a59;letter-spacing:.2px}.info-tip{position:relative;display:inline-flex;align-items:center}.info-ico{color:#6a78a5;cursor:help;font-size:.95rem}.info-tip .info-popup{position:absolute;right:0;top:135%;background:#141e33;color:#fff;padding:8px 10px;border-radius:10px;box-shadow:0 8px 26px #0000002e;font-size:.86rem;min-width:240px;max-width:280px;transform-origin:top right;opacity:0;pointer-events:none;transform:translateY(-4px) scale(.96);transition:opacity .15s ease,transform .15s ease}.info-tip:hover .info-popup{opacity:1;transform:translateY(0) scale(1)}.accum-sub{display:flex;align-items:center;gap:8px;margin-top:2px}.accum-sub .label{color:var(--muted);font-size:.92rem}.accum-sub .value{font-weight:800;color:#0f2a6b}.to-next-badge{display:inline-block;background:#f3f6ff;color:#122e7a;font-weight:700;padding:5px 9px;border-radius:9px;margin-top:8px;line-height:1.3;white-space:normal;max-width:100%;font-size:.9rem}.accum-bar{height:6px;background:#ecf1ff;border-radius:99px;margin:8px 0 4px;overflow:hidden}.accum-bar-fill{height:100%;background:linear-gradient(90deg,#58c1ff 0%,#2F5BD5 65%,var(--success) 100%)}.accum-percent{font-size:.8rem;color:#0f2a6b;font-weight:800;text-align:right}.accum-ctas{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.cta{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:9px;padding:8px 12px;font-weight:800;font-size:.92rem;cursor:pointer;text-decoration:none;transition:transform .04s ease,box-shadow .15s ease;line-height:1}.cta:active{transform:translateY(1px)}.cta.primary{background:linear-gradient(90deg,#5dc3f9 10%,#2f5bd5);color:#fff;box-shadow:0 6px 16px #2f5bd540}.cta.primary:hover{box-shadow:0 8px 22px #2f5bd552}.cta.ghost{background:#f7f9ff;color:#013170;border:1px solid var(--card-border)}.cta.tiny{padding:6px 10px;font-size:.86rem}.tier-teaser .teaser{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#f7f9ff,#f1f5ff);border:1px solid var(--card-border);border-radius:10px;padding:9px 12px}.teaser-left{display:flex;align-items:center;gap:10px}.teaser-dot{width:6px;height:6px;border-radius:999px;background:var(--brand-blue)}.teaser-title{font-weight:800;color:#1f2b4a}.teaser-sub{font-weight:700;color:#7a85a7}.teaser-right .disabled{opacity:.55;pointer-events:none}.integr-card{border:1px solid var(--card-border);border-radius:12px;padding:6px}.integr-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 8px}.integr-row+.integr-row{border-top:1px dashed #edf1ff}.integr-left{display:flex;align-items:center;gap:10px}.integr-title{font-weight:850;color:#1e2b59;display:flex;align-items:center;gap:6px}.integr-status{font-weight:800}.integr-status.linked{color:#1b9e49}.integr-status.unlinked{color:#b33d3d}.integr-ico{font-size:18px}.integr-ico.line{color:var(--line-green)}.integr-ico.discord{color:#5865f2}.integr-right .integr-btn{display:inline-flex;align-items:center;gap:6px;background:#f2f6ff;color:#143879;border:1px solid var(--card-border);border-radius:8px;padding:7px 11px;font-weight:800;text-decoration:none}.integr-btn.ghost{background:#fff}.integr-right .integr-btn.disabled{opacity:.5;cursor:not-allowed}.soft{color:#7f8daa}.profile-field{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#f8fbff;border:1px solid var(--card-border);margin-bottom:10px}.field-left{width:22px;display:flex;justify-content:center}.field-body{min-width:0}.field-title{font-weight:850;color:#1b2b50;margin-bottom:2px;font-size:.95rem}.field-text{color:#2e3e5c}.multiline-ellipsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.field-action{border:1px solid var(--card-border);background:#f2f6ff;color:#4d5d8b;border-radius:8px;padding:6px;cursor:pointer}.profile-icon{font-size:18px;color:#7a8bb5}.text-link{background:none;border:none;color:#2f5bd5;font-weight:800;cursor:pointer}.muted{opacity:.6}.qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qa-tile{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:10px;color:#1c2b55;font-weight:800;text-decoration:none;gap:10px;border:1px solid #dfe6ff;box-shadow:0 2px 8px #b4c3ff38;transition:transform .04s ease,box-shadow .15s ease}.qa-tile:hover{box-shadow:0 6px 14px #b4c3ff4d}.qa-tile:active{transform:translateY(1px)}.qa-tile svg{font-size:18px}.qa-tile.qa-a{background:linear-gradient(95deg,#eef3ff,#e2ebff)}.qa-tile.qa-b{background:linear-gradient(95deg,#f1ecff,#e6daff)}.qa-tile.qa-c{background:linear-gradient(95deg,#fff5ec,#ffe1c7)}.qa-tile.qa-d{background:linear-gradient(95deg,#ecfff5,#d9f6e7)}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:4px}.support-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none;width:100%;transition:transform .04s ease,box-shadow .15s ease}.support-btn:active{transform:translateY(1px)}.support-btn.line{background:linear-gradient(90deg,#00c300 40%,#06c755);color:#fff}.support-btn.msg{background:linear-gradient(90deg,var(--messenger) 0%,var(--messenger-end) 100%);color:#fff}.support-btn.ticket{background:#f7f9ff;color:#0f3272;border:1px solid var(--card-border)}.profile-logout-btn{margin-top:18px;width:100%;background:#de374a;color:#fff;border:none;border-radius:12px;font-weight:850;font-size:1.02rem;padding:12px 0;cursor:pointer;transition:filter .1s ease;line-height:1}.profile-logout-btn:hover{filter:brightness(.95)}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.profile-modal{position:fixed;inset:0;z-index:1200;background:#0a122847;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px}.profile-modal-content{background:#fff;border:1px solid var(--card-border);border-radius:14px;box-shadow:0 18px 44px #1428782e,0 2px 8px #14287814;width:min(560px,92vw);padding:20px}.modal-title{margin:0 0 10px;font-weight:900;color:#0b1b34}.profile-input{width:100%;padding:12px;border:1.6px solid var(--card-border);border-radius:9px;background:#f7f9ff;margin-bottom:12px}.profile-modal-actions{display:flex;gap:8px;justify-content:flex-end}.btn-primary{background:linear-gradient(90deg,var(--brand-sky) 10%,var(--brand-blue) 100%);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.btn-secondary{background:#f7f9ff;color:#0f3272;border:1px solid var(--card-border);border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.error-msg{color:#b3261e;font-weight:700;margin:.25rem 0}.username-row,.name-row,.email-text,.display-name,.field-text,.field-title,.header-meta{min-width:0;word-break:break-word}@media (max-width: 959px){.section.points{grid-template-columns:1fr}.points-value{font-size:1.8rem}.premium-card{padding:18px}.support-grid{grid-template-columns:1fr;gap:10px}.qa-grid{grid-template-columns:1fr}}@media (max-width: 599px){.username-pill{max-width:160px}.cta{padding:10px 12px}.cta.tiny{padding:7px 10px}}.support-grid{align-items:center}.support-btn{display:flex;align-items:center;justify-content:center;height:46px;line-height:1;padding:0 14px}.support-btn svg{display:block;width:20px;height:20px;flex:0 0 auto;margin-top:-1px}.integr-right .integr-btn{display:flex;align-items:center;justify-content:center;height:40px;line-height:1;padding:0 11px}.integr-right .integr-btn svg{display:block;width:18px;height:18px;margin-top:-1px}.support-grid{align-items:stretch!important}.support-grid>.support-btn{display:flex;align-items:center;justify-content:center;height:46px;line-height:1;padding:0 14px}.support-grid>.support-btn svg{display:block;width:20px;height:20px;margin-top:-1px}.admin-dash-root{max-width:1060px;margin:46px auto 0;padding:36px 22px 60px;background:#fafcff;border-radius:28px;box-shadow:0 8px 36px #222f491c;border:2.5px solid #f1eeed}.admin-dash-header{margin-bottom:22px;text-align:center}.admin-dash-header h1{font-size:2.27rem;font-weight:900;color:#003371;letter-spacing:.04em}.admin-dash-subhead{font-size:1.15rem;color:#75717c;font-weight:600;margin-top:5px;letter-spacing:.02em}.admin-dash-subhead span{color:#fbae17;font-weight:800;margin-left:4px}.admin-dash-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:32px}.admin-dash-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #64698212;padding:30px 22px 28px;display:flex;flex-direction:column;align-items:flex-start;min-height:220px;position:relative;border:1.5px solid #dde3ed;transition:box-shadow .22s,transform .16s}.admin-dash-card:hover{box-shadow:0 4px 18px #4071c726;transform:translateY(-2px) scale(1.03)}.admin-dash-card-icon{font-size:2.25rem;margin-bottom:8px}.admin-dash-card-title{font-weight:800;color:#2b3557;font-size:1.14rem;margin-bottom:5px;letter-spacing:.01em}.admin-dash-card-desc{font-size:1rem;color:#5d5d73;margin-bottom:16px;min-height:46px}.admin-dash-cta-btn{font-weight:700;border-radius:9px;padding:9px 28px;font-size:1.07rem;text-decoration:none;margin-top:6px;box-shadow:0 2px 8px #0001;transition:filter .15s,background .2s,color .2s;display:inline-block;border:none;outline:none;cursor:pointer}.admin-dash-cta-btn:hover{filter:brightness(.98) contrast(1.11);box-shadow:0 4px 16px #a282f71f}.admin-container{max-width:1160px;margin:36px auto;padding:32px 16px 64px;background:#fff;border-radius:22px;box-shadow:0 8px 38px #aecbfa24,0 2px 7px #a6ecd830;animation:fadein-up .44s cubic-bezier(.23,1.08,.46,1) both;transition:box-shadow .16s,border .16s}.admin-title{font-size:2rem;font-weight:900;letter-spacing:.02em;margin:8px 0 18px;color:#343333}.btn-back-main{background:none;border:none;color:#2b3557;font-weight:700;margin-bottom:4px;cursor:pointer;padding:6px 0;border-radius:8px;transition:background .12s}.btn-back-main:hover{background:#f5f8ff}.admin-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.admin-controls input[type=text]{flex:1 1 360px;min-width:260px;padding:11px 12px;border:1.7px solid #eaf1fb;border-radius:10px;background:#f5f8ff;outline:none;transition:border .12s,background .12s}.admin-controls input[type=text]:focus{border-color:#5e81ff;background:#fff}.sort-wrap{display:flex;align-items:center;gap:8px}.sort-label{font-weight:800;color:#2b3557}.admin-controls select{padding:10px 9px;border-radius:9px;border:1.7px solid #eaf1fb;background:#f5f8ff;font-weight:700;color:#2b3557}.btn-primary{background:linear-gradient(90deg,#4071c7 40%,#5dc3f9);color:#fff;border:none;padding:10px 23px;border-radius:9px;font-weight:700;font-size:1em;cursor:pointer}.btn-primary:hover{filter:brightness(1.03)}.btn-secondary{background:#eaf1ff;border:1px solid #dfe8fb;color:#2b3557;padding:10px 18px;border-radius:9px;font-weight:800;cursor:pointer}.btn-secondary:hover{background:#dfe8fb}.icon-btn{background:none;border:none;cursor:pointer;padding:6px 7px;border-radius:8px;transition:background .12s}.icon-btn:hover{background:#f5f8ff}.icon-clip{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:6px;border-radius:10px;border:1px solid #eaf1fb;background:#f5f8ff;cursor:pointer;font-size:14px;color:#2b3557}.icon-clip:hover{background:#eaf1ff}.user-table{width:100%;overflow:auto;border-radius:15px;box-shadow:0 4px 16px #eaf1ff42}.user-table table{width:100%;min-width:980px;border-collapse:collapse;font-family:Prompt,Kanit,sans-serif;font-size:1.01em;background:#fcf8ff;border-radius:15px;overflow:hidden}.user-table th,.user-table td{padding:14px 12px;text-align:left;border-bottom:1.5px solid #eaf1fb;vertical-align:middle}.user-table th{background:linear-gradient(90deg,#eaf1ff 65%,#f5f8ff);font-size:1.1em;color:#4071c7;font-weight:900;position:sticky;top:0;z-index:1}.user-table td{background:#fff}.user-cell-main{display:flex;flex-direction:column;gap:4px}.user-name{font-weight:900;color:#2b3557;display:flex;align-items:center;gap:6px}.user-cell-aux{display:flex;align-items:center;gap:8px}.text-muted{color:#a2a9b8}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.actions-cell{white-space:nowrap}.modal{position:fixed;inset:0;background:#00000047;display:flex;align-items:center;justify-content:center;padding:16px;z-index:90}.modal-content{background:#fff;border-radius:20px;padding:20px;width:720px;max-width:96vw;box-shadow:0 12px 50px #101a2733;animation:fadein-up .18s ease-out}.modal-title{font-size:1.26em;font-weight:900;color:#2b3557}.modal-subtitle{color:#7f8799;margin-bottom:12px}.pointlog-wrap{max-height:58vh;overflow:auto;border-radius:12px;border:1px solid #eaf1fb}.pointlog-table{width:100%;border-collapse:collapse;font-size:.96em}.pointlog-table th,.pointlog-table td{padding:9px 10px;border-bottom:1px solid #eef3ff}.pointlog-table th{background:#f5f8ff;color:#2b3557;text-align:left}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.admin-modal{position:fixed;inset:0;background:#00000047;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.admin-modal-content{width:620px;max-width:96vw;background:#fff;border-radius:20px;padding:20px;box-shadow:0 12px 50px #101a2733;animation:fadein-up .18s ease-out}.modal-emoji{font-size:36px;text-align:center;margin:4px 0 8px}.modal-form-grid{display:grid;gap:10px}.modal-form-grid input,.modal-form-grid select,.modal-form-grid textarea{padding:10px 11px;border-radius:10px;border:1.7px solid #eaf1fb;background:#f5f8ff;outline:none}.modal-form-grid input:focus,.modal-form-grid select:focus,.modal-form-grid textarea:focus{background:#fff;border-color:#5e81ff}.modal-msg{font-weight:800;color:#d33a3a}.modal-msg.success{color:#0f9159}.modal-content.modal-point-adjust{max-width:720px}.modal-point-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-back-btn{display:flex;align-items:center;font-weight:800;color:#4071c7;background:none;border:none;cursor:pointer;border-radius:8px;padding:4px 6px}.modal-back-btn:hover{background:#eaf1ff}.modal-point-title{font-weight:900;color:#2b3557}.modal-point-pagination{min-width:90px;display:flex;align-items:center;gap:6px;justify-content:flex-end}.modal-page-btn{background:none;border:none;cursor:pointer;border-radius:6px;padding:4px;color:#2b3557}.modal-page-btn:disabled{color:#bbc2d3;cursor:default}.modal-page-btn:not(:disabled):hover{background:#eaf1ff}.modal-page-num{font-weight:800;color:#858caa}.modal-point-content{padding:10px 2px}.modal-point-user{font-weight:900;text-align:center;margin-bottom:10px;color:#2b3557}.modal-point-select{margin-bottom:10px}.modal-point-selectbox,.modal-point-input,.modal-point-textarea{width:100%;padding:10px 11px;border-radius:10px;border:1.7px solid #eaf1fb;background:#f5f8ff}.modal-point-textarea{resize:vertical;min-height:64px}.detail-modal{position:fixed;inset:0;background:#00000057;display:flex;align-items:center;justify-content:center;padding:16px;z-index:120}.detail-content{width:820px;max-width:96vw;background:#fff;border-radius:24px;padding:18px 18px 16px;box-shadow:0 18px 60px #0d1b2a3b;animation:fadein-up .2s ease-out}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.user-title{font-weight:900;font-size:1.2rem;color:#2b3557;display:flex;align-items:center;gap:6px}.detail-close{border:1px solid #eaf1fb;background:#f5f8ff;padding:7px 10px;border-radius:8px;cursor:pointer;font-weight:800}.detail-close:hover{background:#eaf1ff}.detail-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.tab-btn{border:1px solid #eaf1fb;background:#f5f8ff;border-radius:999px;padding:6px 12px;cursor:pointer;font-weight:800}.tab-btn.active{background:#eaf1ff;color:#2b3557}.detail-section{padding:6px 2px 4px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kv{margin-bottom:8px}.addr-block{margin-top:8px;padding:10px 12px;border:1px solid #eaf1fb;border-radius:12px;background:#f9fbff}.addr-title{font-weight:900;color:#2b3557;margin-bottom:6px}.addr-lines{color:#2b3557;line-height:1.45}.addr-actions{margin-top:6px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{border:1px solid #eaf1fb;border-radius:12px;padding:10px 12px;background:#f9fbff}.stat-title{font-weight:900;color:#2b3557;margin-bottom:4px}.stat-value{font-weight:900;font-size:1.14rem}.stat-hint{color:#7f8799;font-size:.92em;margin-top:2px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mini-table{width:100%;border-collapse:collapse}.mini-table th,.mini-table td{border-bottom:1px solid #eef3ff;padding:8px 10px;text-align:left}.mini-table th{background:#f5f8ff;color:#2b3557}@media (max-width: 900px){.admin-container{padding:12px 1vw 29px}.user-table table{font-size:.97em}.user-table th,.user-table td{padding:10px 8px}.detail-content{width:98vw}}@media (max-width: 600px){.user-table table{min-width:720px;font-size:.93em}.admin-title{font-size:1.32em}.admin-controls{gap:6px}.btn-primary{padding:9px 16px}.detail-grid,.stats-grid{grid-template-columns:1fr}}@keyframes fadein-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:root{--app-header-h: 88px;--bg: #F6F5FC;--panel: #FFFFFF;--ink: #0f1226;--muted: #586079;--violet-50: #F5F3FF;--violet-100: #EDE9FE;--violet-200: #DDD6FE;--violet-300: #C4B5FD;--violet-400: #A78BFA;--violet-500: #8B5CF6;--violet-700: #6D28D9;--ok-100: #DCFCE7;--ok-700: #166534;--warn-100:#FEF3C7;--warn-700:#92400E;--danger-100:#FEE2E2;--danger-700:#B91C1C;--line: #E4E6F5;--shadow-1: 0 2px 12px rgba(24, 24, 40, .08);--shadow-2: 0 24px 64px rgba(24, 24, 40, .22);--radius: 12px;--radius-lg: 18px;--btn-h: 38px;--input-h: 44px;--font: "Prompt","Noto Sans Thai","Inter",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}.admin-item-console-root{padding:calc(var(--app-header-h) + 18px) clamp(24px,5vw,56px) 84px;min-height:100dvh;max-width:1360px;margin-inline:auto;scroll-padding-top:calc(var(--app-header-h) + 18px)}.admin-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.admin-toolbar .left{display:flex;align-items:center;gap:10px}.admin-toolbar .right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.btn-main,.btn-alt,.btn-danger,.btn-ghost{height:var(--btn-h);padding:0 14px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.01em;font-size:.92rem;box-shadow:var(--shadow-1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s,box-shadow .18s,background .18s,border-color .18s,color .18s}.btn-main{background:linear-gradient(90deg,var(--violet-400),var(--violet-300));color:#fff}.btn-main:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn-main:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.btn-alt{background:var(--violet-50);color:#1f2340;border-color:var(--violet-200)}.btn-alt:hover{background:var(--violet-100);transform:translateY(-1px)}.btn-danger{background:var(--danger-100);color:var(--danger-700);border-color:#fecaca}.btn-danger:hover{background:#ffdde1;transform:translateY(-1px)}.btn-ghost{background:#fff;color:var(--violet-500);border-color:var(--violet-200)}.btn-ghost:hover{background:var(--violet-50);border-color:var(--violet-300);transform:translateY(-1px)}.admin-back-btn{font-weight:800;gap:8px}.admin-filter-bar{position:relative;background:linear-gradient(180deg,var(--violet-50),#FAFAFF);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-1);margin-bottom:18px}.admin-filter-bar.is-sticky{position:sticky;top:calc(var(--app-header-h) + 8px);z-index:20}.admin-filter-stack{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}@media (min-width: 1280px){.admin-filter-stack{flex-wrap:nowrap}}.admin-filter-stack select.admin-item-input{flex:0 0 200px}.admin-filter-stack input.admin-item-input[type=text]{flex:1 1 clamp(280px,40vw,540px);min-width:240px}.admin-filter-stack>.btn-main:last-child{margin-left:auto;white-space:nowrap;flex:0 0 auto}.admin-filter-bar input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:26px;border-radius:999px;position:relative;background:#fff;border:2px solid var(--violet-300);box-shadow:inset 0 1px #00000008,0 1px 2px #0000000d;transition:background .18s,border-color .18s;margin-left:6px}.admin-filter-bar input[type=checkbox]:after{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:var(--violet-500);transition:transform .2s ease;box-shadow:0 1px 2px #00000026}.admin-filter-bar input[type=checkbox]:checked{background:linear-gradient(90deg,var(--violet-400),var(--violet-300));border-color:transparent}.admin-filter-bar input[type=checkbox]:checked:after{transform:translate(20px);background:#fff}.admin-filter-bar input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #6d28d940}.admin-item-input,input.admin-item-input,select.admin-item-input,textarea.admin-item-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:var(--input-h);padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:.95rem;line-height:1.1;box-shadow:0 1px 2px #00000008;transition:border .18s,box-shadow .18s,background .18s,transform .08s}.admin-item-input::-moz-placeholder{color:#8e93ab}.admin-item-input::placeholder{color:#8e93ab}.admin-item-input:focus{outline:none;border-color:var(--violet-300);box-shadow:0 0 0 3px #876afa40}input[type=number].admin-item-input{text-align:right}textarea.admin-item-input{min-height:96px;resize:vertical}select.admin-item-input{background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 16px) calc(1em + 2px),calc(100% - 12px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.table-wrap{overflow-x:auto}.table-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden}.table{width:100%;min-width:1120px;border-collapse:collapse}.table thead th{position:sticky;top:0;z-index:1;text-align:left;background:linear-gradient(180deg,var(--violet-100),var(--violet-50));color:#101332;letter-spacing:.01em;font-weight:900;padding:14px 16px;border-bottom:1px solid var(--line)}.table tbody td{padding:14px 16px;border-bottom:1px solid #eef0fb;color:#161938}.table tbody tr:nth-child(odd){background:#fbfaff}.table tbody tr:hover{background:#f1efff}.price-pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:900;font-size:.9rem;background:#f1eeff;color:#20164a;border:1px solid #DED7FF}.price-pill.discount{background:#eaf5ff;border-color:#cfe9ff}.price-pill.flash{background:#fff2cc;border-color:#ffe0a3}.price-text{white-space:nowrap}.price-hover{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);background:#101428;color:#fff;border-radius:12px;padding:10px 12px;min-width:220px;box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transform-origin:top center;transition:opacity .15s ease,transform .15s ease;transform:translate(-50%,-4px) scale(.98)}.price-pill:hover .price-hover{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.stock{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:22px;padding:0 8px;border-radius:999px;font-weight:800;font-size:.78rem;letter-spacing:.02em}.stock-ok{background:var(--ok-100);color:var(--ok-700);border:1px solid #BBF7D0}.stock-low{background:var(--warn-100);color:var(--warn-700);border:1px solid #FED7AA}.stock-empty{background:var(--danger-100);color:var(--danger-700);border:1px solid #FECACA}.stock-pre{background:#ede9fe;color:#5b21b6;border:1px solid #DDD6FE}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flag-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-weight:800;font-size:.78rem;margin-right:6px;border:1px solid transparent}.flag-featured{background:#e9fffb;color:#0f766e;border-color:#99f6e4}.flag-hidden{background:#efeff6;color:#444;border-color:#e2e3f2}.flag-flash{background:#fff6cc;color:#8a4d00;border-color:#ffe8a3}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-item-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(14px,4vw,30px);background:#1014287a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:auto}.admin-item-modal-content{width:min(980px,96vw);max-height:90svh;overflow:auto;background:var(--panel);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-2);animation:modalIn .22s ease}.admin-item-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-title{font-weight:900;font-size:18px;color:#121633}.admin-item-close{all:unset;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#1b1f43}.admin-item-close:hover{background:var(--violet-50)}.admin-item-modal-body{padding:20px;background:linear-gradient(180deg,#fff,#faf9ff)}.admin-item-modal-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:12px;background:linear-gradient(to top,#fff 86%,#fff0);padding:14px 20px 16px;border-top:1px solid var(--line)}.admin-item-grid{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-bottom:16px}.admin-item-row,.admin-item-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-item-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-item-label{font-weight:900;color:#131633;margin-bottom:6px;display:inline-block;letter-spacing:.01em}.admin-item-checkbox{transform:translateY(1px) scale(1.05);accent-color:var(--violet-500)}.block-title{margin:4px 0 10px;font-size:1.02rem;font-weight:900;color:#1a1847;position:relative}.block-title:after{content:"";display:block;height:3px;width:56px;margin-top:6px;border-radius:3px;background:linear-gradient(90deg,var(--violet-400),var(--violet-200))}.images-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.img-slot{position:relative;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#f3f4fb;border:1px dashed #D7DAEE;display:grid;place-items:center;box-shadow:var(--shadow-1)}.img-slot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;cursor:zoom-in}.img-slot .empty{color:#6b7280;font-weight:800;font-size:.9rem}.badge-cover{position:absolute;top:6px;left:6px;font-style:normal;font-weight:900;background:#0f172a;color:#fff;border-radius:8px;padding:2px 6px;font-size:.8rem;box-shadow:var(--shadow-1)}.img-actions{position:absolute;bottom:6px;left:6px;right:6px;display:flex;gap:6px;flex-wrap:wrap}.chip{background:#fff;border:1px solid var(--violet-200);border-radius:999px;padding:3px 8px;font-weight:800;font-size:.78rem;color:#362a7a;cursor:pointer}.chip:hover{background:var(--violet-50)}.chip.danger{color:#b91c1c;border-color:#fecaca;background:#fff0f0}.chip.danger:hover{background:#ffe8e8}.thumbs-stack{display:flex;gap:6px;align-items:center}.thumb-mini{width:44px;height:44px;border-radius:8px;position:relative;overflow:hidden;border:1px solid #e5e7f5;background:#f5f6ff;display:inline-flex}.thumb-mini img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumb-mini .star{position:absolute;bottom:2px;right:4px;font-size:.8rem;color:#ffd52e;text-shadow:0 1px 1px #0006}.thumb-mini.empty{display:grid;place-items:center;color:#9aa0b5;font-weight:800;font-size:.75rem}.cap-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow-1)}.cap-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cap-body{display:grid;grid-template-columns:1fr 1fr;gap:10px}.img-preview-overlay{position:fixed;inset:0;z-index:3000;background:#0a0c18db;display:grid;place-items:center;padding:clamp(10px,4vw,28px)}.img-preview-shell{position:relative;width:min(96vw,1280px)}.img-preview-toolbar{position:absolute;top:-46px;right:0;display:flex;gap:8px;flex-wrap:wrap}.img-preview-toolbar .chip{background:#14172e;color:#fff;border-color:#2b2e4d}.img-preview-toolbar .chip:hover{background:#1a1e3a}.img-preview-stage{background:#0b0d1c;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:10px;box-shadow:var(--shadow-2);display:grid;gap:10px;max-height:80svh;overflow:auto}.img-preview-stage.one-up{grid-template-columns:1fr}.img-preview-stage.two-up{grid-template-columns:1fr 1fr}.img-preview-stage img{width:100%;max-height:74svh;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:#000}.img-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:28px;font-weight:900;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.img-nav:hover{background:#fff3}.img-nav.prev{left:-56px}.img-nav.next{right:-56px}@media (max-width: 768px){.admin-item-console-root{padding:calc(var(--app-header-h) + 10px) 16px 64px}.admin-toolbar .right,.btn-main,.btn-alt,.btn-danger,.btn-ghost{width:100%}.admin-filter-bar{padding:14px}.admin-filter-stack{flex-direction:column;align-items:stretch;gap:10px}.admin-filter-stack select.admin-item-input,.admin-filter-stack input.admin-item-input[type=text]{flex:1 1 auto;width:100%}.admin-filter-stack>.btn-main:last-child{margin-left:0;width:100%}.table-wrap{margin:0 -14px;padding:0 14px}.table thead th,.table tbody td{padding:10px 12px}.admin-item-modal-content{width:100vw;max-height:calc(100svh - 10px);border-radius:12px}.admin-item-modal-body{padding:14px}.admin-item-grid,.admin-item-row,.admin-item-grid-2,.admin-item-grid-3{grid-template-columns:1fr;gap:10px}.img-preview-toolbar{top:-40px}.img-nav{display:none}}.admin-item-modal-body .admin-item-grid:first-of-type{grid-template-columns:360px 1fr}@media (min-width: 1440px){.admin-item-modal-body .admin-item-grid:first-of-type{grid-template-columns:420px 1fr}}.images-grid{grid-template-columns:repeat(3,1fr);gap:12px}@media (min-width: 1280px){.images-grid{grid-template-columns:repeat(4,1fr)}}.img-actions.fade{opacity:0;pointer-events:none;transition:opacity .15s ease}.img-slot:hover .img-actions.fade{opacity:1;pointer-events:auto}.chip.sm{padding:2px 6px;font-size:.72rem}.img-btn{position:absolute;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-weight:900;line-height:1;background:#fff;border:1px solid #d9dbef;color:#1b1f43;box-shadow:var(--shadow-1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s,box-shadow .18s,background .18s}.img-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.img-btn.img-star{top:6px;left:6px;background:#0f172a;border-color:#0f172a;color:#ffd52e}.img-btn.img-del{top:6px;right:6px;background:#fff0f0;border-color:#fecaca;color:#b91c1c}.img-upload-row{display:flex;align-items:center;gap:10px;margin-top:10px}.btn-upload{cursor:pointer}.img-upload-row .hint{font-size:.85rem;color:#6b7280}.btn-upload input[type=file]{display:none}.admin-item-console-root{overflow-x:hidden}.admin-filter-stack{flex-wrap:wrap!important;row-gap:10px;-moz-column-gap:12px;column-gap:12px}.admin-filter-stack select.admin-item-input{flex:1 1 170px;min-width:160px}.admin-filter-stack input.admin-item-input[type=text]{flex:2 1 260px;min-width:200px}.admin-filter-stack>.btn-main:last-child{flex:0 0 auto;max-width:100%;white-space:nowrap}.admin-filter-bar{overflow:visible}.admin-filter-checkbox{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.table-wrap{max-width:100%;overflow-x:auto}.table,.table-card,.admin-filter-bar,.admin-toolbar{max-width:100%}.admin-redeem-root{max-width:1160px;margin:38px auto 0;padding:34px 2vw 54px;border-radius:22px;background:#fff;box-shadow:0 8px 38px #aecbfa24,0 2px 7px #a6ecd830;border:2.5px solid #f1eeed;font-family:Prompt,Kanit,Noto Sans Thai,sans-serif}.admin-redeem-header{font-weight:900;font-size:2.1rem;color:#003371;margin-bottom:26px;display:flex;align-items:center;gap:13px}.admin-redeem-header-icon{width:65px;height:65px;border-radius:50%;background:linear-gradient(120deg,#ffea9c 60%,#fffde2);display:flex;align-items:center;justify-content:center;font-size:2.2em;margin-right:12px;box-shadow:0 4px 16px #e6dca1ab}.admin-redeem-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:18px}.admin-redeem-controls input,.admin-redeem-controls select{padding:10px 17px;border-radius:11px;border:1.8px solid #eaf1fb;font-size:1.09em;font-family:inherit;background:#f5f8ff;font-weight:600;min-width:210px}.admin-redeem-controls select{background:#fffbe7;min-width:120px}.admin-redeem-controls button{background:linear-gradient(90deg,#4071c7 40%,#5dc3f9);color:#fff;font-weight:800;border-radius:13px;padding:12px 34px;font-size:1.08em;border:none;box-shadow:0 2px 9px #4071c729;margin-right:3px;transition:background .18s,color .14s,box-shadow .13s}.admin-redeem-controls button:active{background:#5e81ff;color:#fff;box-shadow:0 2px 9px #5dc3f933}.admin-redeem-table-head{display:grid;grid-template-columns:104px 1.8fr 1fr 1.4fr 1.7fr 1.25fr 1.25fr;font-weight:900;background:#fff8e2;color:#343333;padding:13px 9px;border-radius:16px 16px 0 0;font-size:1.08em;border-bottom:2px solid #ffe68a;text-align:center}.admin-redeem-table-row{display:grid;grid-template-columns:104px 1.8fr 1fr 1.4fr 1.7fr 1.25fr 1.25fr;align-items:center;background:#fff;font-size:1.01em;border-bottom:1.2px solid #e9e4d1;min-height:52px;transition:box-shadow .13s,background .15s}.admin-redeem-table-row:last-child{border-radius:0 0 13px 13px}.admin-redeem-table-row:hover{background:#f5f8ff;box-shadow:0 4px 24px #b9cfff11}.admin-redeem-table-row>div{text-align:center;display:flex;align-items:center;justify-content:center}.admin-redeem-status-tag{display:inline-block;font-weight:700;font-size:.98em;border-radius:10px;padding:4px 15px;margin-bottom:1.5px;box-shadow:0 1.5px 6px #eedc9931;margin-right:0;letter-spacing:.09px;border:none;white-space:nowrap;min-width:55px;text-align:center}.status-pending{background:#fff5c7;color:#c09e05}.status-preparing{background:#ffefc7;color:#d28a18}.status-shipped{background:#e1f3fd;color:#2a79ae}.status-success{background:#d6f8dd;color:#249d4b}.status-denied,.status-cancelled{background:#e74c3c;color:#fff}.admin-redeem-btn-detail{min-width:108px;padding:7px 0;font-size:1.03em;font-weight:700;border-radius:9px;border:none;background:linear-gradient(90deg,#6fa4ff 40%,#eaf1fb);color:#003371;margin:3px 0;box-shadow:0 1.5px 8px #4071c715;transition:background .13s,color .13s,box-shadow .13s;cursor:pointer}.admin-redeem-btn-detail:active,.admin-redeem-btn-detail:hover{background:#eaf1fb;color:#003371}.admin-redeem-btn-status{min-width:108px;padding:7px 0;font-size:1.03em;font-weight:700;border-radius:9px;border:none;background:linear-gradient(90deg,#4071c7 75%,#5dc3f9);color:#fff;margin:3px 0;box-shadow:0 1.5px 8px #4071c715;transition:background .13s,color .13s,box-shadow .13s;cursor:pointer}.admin-redeem-btn-status:active,.admin-redeem-btn-status:hover{background:#4071c7;color:#fff}.admin-redeem-modal{z-index:1000;position:fixed;left:0;top:0;width:100vw;height:100vh;background:#00000021;display:flex;align-items:center;justify-content:center}.admin-redeem-modal-content{background:#fff;border-radius:18px;padding:41px 33px 29px;max-width:440px;min-width:285px;box-shadow:0 7px 36px #00337119;text-align:center;position:relative}.admin-redeem-modal-content h3{font-weight:900;font-size:1.18em;color:#003371;margin-bottom:11px}.admin-redeem-modal-content input,.admin-redeem-modal-content textarea,.admin-redeem-modal-content select{width:100%;padding:12px;border-radius:9px;font-size:1.03em;margin-bottom:13px;border:1.5px solid #eaf1fb;font-family:inherit;background:#f5f8ff}.admin-redeem-modal-content textarea{min-height:54px}.modal-error{color:#ba2323;margin:7px 0 10px;font-weight:700;font-size:14px}.admin-redeem-modal-actions{display:flex;justify-content:center;align-items:center;gap:19px;margin-top:18px}.admin-redeem-modal-actions button{min-width:108px;padding:12px 18px;font-size:1.05em;border-radius:10px;font-weight:800;border:none;background:linear-gradient(90deg,#4071c7 40%,#5dc3f9);color:#fff;box-shadow:0 2px 8px #4071c71b;transition:background .11s,color .11s;cursor:pointer;outline:none;opacity:1}.admin-redeem-modal-actions button:disabled{background:#eee;color:#aaa;opacity:.58;cursor:not-allowed;border:none}.admin-redeem-modal-actions .cancel{background:#fff;color:#003371;border:2px solid #dde3ed;box-shadow:none}.admin-redeem-modal-actions .cancel:hover,.admin-redeem-modal-actions .cancel:active{background:#f5f8ff;color:#003371;border:2px solid #4071c7}.admin-redeem-modal-content ul{margin-left:16px;margin-bottom:8px}.admin-redeem-modal-content a{color:#0056c7;font-weight:700;text-decoration:underline;transition:color .13s}.admin-redeem-modal-content a:hover{color:#003371}@media (max-width: 900px){.admin-redeem-root{padding:8px 1vw 32px}.admin-redeem-table-head,.admin-redeem-table-row{font-size:.97em}.admin-redeem-header{font-size:1.2em}.admin-redeem-btn-status,.admin-redeem-btn-detail{min-width:100%;margin:2px 0}}@media (max-width: 700px){.admin-redeem-table-head,.admin-redeem-table-row{grid-template-columns:84px 1.2fr 1fr 1fr 1.3fr .85fr .85fr;font-size:.91em}.admin-redeem-controls input{min-width:120px}}@media (max-width: 600px){.admin-redeem-table-head,.admin-redeem-table-row{font-size:.82em;grid-template-columns:70px 1.1fr 1fr 1fr 1.2fr .8fr .8fr;padding:8px 4px}.admin-redeem-header{font-size:.98em}}.admin-redeem-btn-detail{min-width:108px;padding:8px 0;font-size:1.04em;font-weight:800;border-radius:9px;border:2.1px solid #4071c7;background:#fff;color:#003371;margin:3px 0;box-shadow:0 1.5px 7px #5dc3f911;letter-spacing:.01em;transition:background .13s,color .13s,border .12s;cursor:pointer}.admin-redeem-btn-detail:hover,.admin-redeem-btn-detail:active{background:#eaf1fb;color:#003371;border:2.1px solid #5e81ff}.admin-redeem-btn-status{min-width:108px;padding:8px 0;font-size:1.04em;font-weight:800;border-radius:9px;border:none;background:linear-gradient(90deg,#4071c7 70%,#5dc3f9);color:#fff;margin:3px 0;box-shadow:0 2px 8px #4071c722;letter-spacing:.01em;transition:background .13s,color .13s;cursor:pointer}.admin-redeem-btn-status:hover,.admin-redeem-btn-status:active{background:linear-gradient(90deg,#5dc3f9,#4071c7);color:#fff}.admin-redeem-back-btn{background:#f5f8ff;color:#003371;font-size:17px;font-weight:700;border:none;border-radius:8px;padding:8px 20px;margin-bottom:15px;transition:background .2s;cursor:pointer;box-shadow:0 2px 10px #465a8c12}.admin-redeem-back-btn:hover{background:#dde3ed}.admin-redeem-pagination{margin-top:22px;display:flex;justify-content:center;align-items:center;gap:13px}.pg-btn{background:#f1eeed;color:#003371;border:none;border-radius:8px;font-weight:700;font-size:17px;padding:5px 18px;cursor:pointer;transition:background .2s}.pg-btn:disabled{background:#eaeaea;color:#b5b5b5;cursor:not-allowed}.pg-page{font-size:17px;font-weight:900;color:#003371}.admin-point-log-root{max-width:1100px;margin:32px auto;padding:0 2vw;font-family:Kanit,sans-serif;color:#343333;background-color:#fafcff;border-radius:14px;box-shadow:0 6px 18px #4071c726}.admin-point-log-root h2{font-weight:900;font-size:28px;margin-bottom:24px;color:#003371;text-align:center}.admin-point-log-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;justify-content:center}.admin-point-log-filters input[type=timestamp],.admin-point-log-filters select,.admin-point-log-filters input[type=text]{padding:8px 14px;font-size:14px;border-radius:8px;border:1.5px solid #dde3ed;min-width:180px;transition:border-color .3s ease}.admin-point-log-filters input[type=timestamp]:focus,.admin-point-log-filters select:focus,.admin-point-log-filters input[type=text]:focus{outline:none;border-color:#4071c7;box-shadow:0 0 12px #5dc3f929}.admin-point-log-filters button{background:linear-gradient(120deg,#4071c7,#5dc3f9);color:#fff;font-weight:700;border:none;border-radius:12px;padding:10px 28px;cursor:pointer;transition:background .3s ease,box-shadow .3s ease;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.admin-point-log-filters button:disabled{background:#a1c1f5;cursor:not-allowed}.admin-point-log-filters button:hover:not(:disabled){background:linear-gradient(120deg,#305aa7,#3d9deb);box-shadow:0 4px 20px #3d9debaa}.admin-point-log-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #4071c71f;font-size:14px}.admin-point-log-table thead tr{background-color:#f1f5fb;color:#003371;font-weight:800;font-size:14px}.admin-point-log-table th,.admin-point-log-table td{padding:12px 10px;text-align:center;white-space:nowrap;border-bottom:1.5px solid #e4e8f1}.admin-point-log-table tbody tr:hover{background-color:#e8f0ff;cursor:default;transition:background-color .25s ease}.admin-point-log-no-data{padding:32px 0;color:#8c9ac6;font-size:16px;text-align:center;font-weight:600}@media (max-width: 780px){.admin-point-log-filters{justify-content:stretch}.admin-point-log-filters input[type=timestamp],.admin-point-log-filters select,.admin-point-log-filters input[type=text],.admin-point-log-filters button{flex-grow:1;min-width:auto}.admin-point-log-table th,.admin-point-log-table td{padding:10px 6px;font-size:13px}}:root{--ops-bg: #f5f6fb;--ops-surface: #ffffff;--ops-surface-2: #f0f3ff;--ops-border: #e2e8f0;--ops-muted: #64748b;--ops-text: #0f172a;--ops-accent: #5e81ff;--ops-accent-2: #e0e7ff;--ops-success: #10b981;--ops-danger: #ef4444;--ops-warning: #f59e0b;--ops-chip-bg: #eef2ff;--ops-chip-on: #1e293b;--ops-badge: #f1f5f9;--ops-shadow: 0 2px 14px rgba(15, 23, 42, .08)}.admin-dash-root{background:var(--ops-bg);min-height:100%;padding:28px 20px 80px}.admin-dash-header{max-width:1180px;margin:0 auto 16px}.ops-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ops-back-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ops-border);background:var(--ops-surface);color:var(--ops-text);border-radius:12px;padding:8px 12px;text-decoration:none;box-shadow:var(--ops-shadow)}.admin-dash-header h1{font-size:28px;font-weight:800;color:var(--ops-text);margin:0}.admin-dash-subhead{margin-top:8px;color:var(--ops-muted)}.ops-steps{margin-top:12px;padding:10px 14px;border-radius:14px;background:var(--ops-surface);border:1px solid var(--ops-border);color:var(--ops-muted);box-shadow:var(--ops-shadow);font-size:13px}.admin-dash-tabbar{max-width:1180px;margin:14px auto}.admin-dash-cta-btn{border:0;background:var(--ops-accent-2);color:#1e293b;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .05s ease}.admin-dash-cta-btn.active{background:var(--ops-accent);color:#fff}.admin-dash-cta-btn:disabled{opacity:.6;cursor:not-allowed}.admin-dash-cta-btn:active{transform:translateY(1px)}.ops-toolbar{max-width:1180px;margin:0 auto 16px;background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:14px;box-shadow:var(--ops-shadow);padding:14px}.ops-toolbar-row{display:grid;grid-template-columns:1.2fr 1.2fr 1.2fr auto auto;gap:10px;align-items:center;margin-bottom:10px}.ops-toolbar-row:last-child{margin-bottom:0}.ops-toolbar-compact{display:flex;gap:8px;align-items:center}.ops-toolbar-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.ops-toolbar-spacer{flex:1}.ops-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--ops-border);background:#fff;color:var(--ops-text);outline:none}.ops-input:disabled{background:#f8fafc;color:var(--ops-muted)}.ops-btn{border:1px solid var(--ops-border);background:var(--ops-surface);color:var(--ops-text);padding:9px 12px;border-radius:12px;cursor:pointer}.ops-btn.primary{background:var(--ops-accent);color:#fff;border-color:var(--ops-accent)}.ops-btn.ghost{background:#fff}.ops-chips{display:flex;gap:8px;flex-wrap:wrap}.ops-chip{border:1px solid var(--ops-border);background:var(--ops-chip-bg);color:var(--ops-chip-on);border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer}.ops-chip.on{background:var(--ops-accent);color:#fff;border-color:var(--ops-accent)}.ops-table-card{max-width:1180px;margin:0 auto 16px;background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:14px;box-shadow:var(--ops-shadow)}.ops-table-card table thead th{padding:12px 10px;font-size:13px;color:var(--ops-muted);border-bottom:1px solid var(--ops-border);background:var(--ops-surface-2)}.ops-table-card table tbody td{padding:12px 10px;vertical-align:top;border-bottom:1px solid var(--ops-border)}.ops-badges{display:flex;flex-wrap:wrap;gap:6px}.ops-badge{background:var(--ops-badge);color:#0f172a;padding:6px 9px;border-radius:999px;font-size:12px;line-height:1;border:1px solid var(--ops-border)}.ops-badge.method{background:#ecfeff}.ops-badge.fee{background:#fef9c3}.ops-badge.state{background:#f1f5f9}.ops-badge.flag{background:#efe9ff}.ops-badge.open{background:#fde68a}.ops-badge.neutral{background:#f8fafc}.ops-row-actions{display:flex;gap:8px;flex-wrap:wrap}.ops-pill-btn{border:1px solid var(--ops-border);padding:8px 12px;border-radius:12px;background:var(--ops-surface);cursor:pointer}.ops-pill-btn.primary{background:var(--ops-accent);border-color:var(--ops-accent);color:#fff}.ops-pager{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.ops-bulkbar{position:sticky;bottom:16px;left:0;right:0;margin:0 auto;max-width:1180px;background:#111827;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--ops-shadow);display:flex;align-items:center;gap:10px;z-index:5}.ops-bulkbar .ops-bulk-spacer{flex:1}.ops-bulkbar button{background:#fff;border:0;border-radius:10px;padding:8px 12px;cursor:pointer}.ops-bulkbar button.primary{background:var(--ops-success);color:#fff}.ops-inline-host{background:#fcfcff;border:1px dashed var(--ops-border);border-radius:12px;padding:12px;margin-top:10px}.ops-table-card{position:relative}.ops-row-actions{position:relative;z-index:2}.ops-inline-host{position:relative;z-index:1}.ops-row-actions button,.ops-pager .ops-btn,.ops-pill-btn,.admin-dash-cta-btn,.ops-toolbar .ops-btn{pointer-events:auto}.ops-row-actions button,.ops-pager .ops-btn,.ops-pill-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--bg: #f6f7fb;--card: #ffffff;--ink: #1f2937;--muted: #6b7280;--line: #e9eaf4;--line-strong: #dfe2ef;--brand: #5e81ff;--brand-600: #4966d6;--brand-50: #eef2ff;--accent: #22c55e;--warn: #f59e0b;--danger: #ef4444;--chip-bg: #f5f6ff;--shadow-sm: 0 1px 2px rgba(25, 33, 69, .06);--shadow-md: 0 6px 20px rgba(21, 24, 72, .12);--radius-sm: 8px;--radius: 12px;--radius-lg: 14px}.shipments-page{padding:16px 0 64px;font-family:system-ui,-apple-system,Prompt,Noto Sans Thai,Kanit,sans-serif;color:var(--ink);background:var(--bg)}.shipments-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 16px 14px}.shipments-header h1{margin:0;font-size:20px;font-weight:800;letter-spacing:.2px}.shipments-header .actions{display:flex;align-items:center;gap:10px}.shipments-header .search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:320px;box-shadow:var(--shadow-sm)}.shipments-header .search input{border:none;outline:none;width:100%;background:transparent;font-size:14px}.btn{border:1px solid #ddd9ff;background:#fff;color:var(--ink);padding:8px 12px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.primary:hover{background:var(--brand-600);border-color:var(--brand-600)}.btn.ghost{background:var(--brand-50);border-color:#e3e6ff}.filters{margin:0 16px 12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.filters .row{display:grid;grid-template-columns:70px 180px 80px 180px 70px 180px 84px 1fr;gap:10px;align-items:center}.filters label{font-size:12px;color:var(--muted)}.filters select,.filters input[type=date]{height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;font-size:14px;outline:none}.filters .checkbox{display:flex;align-items:center;gap:6px}.filters .bulk{display:flex;gap:10px;margin-top:12px}.table-wrap{margin:0 16px;background:transparent}.table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table thead th{background:#f5f6ff;font-size:12px;color:#6b6f76;font-weight:800;text-transform:uppercase;letter-spacing:.02em;padding:12px 10px;border-bottom:1px solid var(--line-strong);position:sticky;top:0;z-index:1}.table tbody td{padding:12px 10px;border-top:1px solid #f1f2fa;vertical-align:middle;font-size:14px}.table tbody tr:hover{background:#fafbff}.table tbody tr.selected{background:#eef2ff}.table .link{background:none;color:#4c64ff;border:none;padding:0;cursor:pointer;font-weight:800}.table .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.table .truncate{max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.virtual-body{display:grid;background:var(--card);border:1px solid var(--line);border-top:none}.virtual-body .row{display:grid;grid-template-columns:28px 140px 1fr 160px 120px 110px 220px 1fr 160px;gap:8px;padding:10px;border-top:1px solid #f1f2fa}.virtual-body .row:hover{background:#fafbff}.virtual-body .row.selected{background:#eef2ff}.virtual-body .cell{display:flex;align-items:center;min-height:28px}.virtual-body .cell .link{color:#4c64ff;font-weight:800;cursor:pointer}.chip{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800;line-height:1;border:1px solid transparent}.chip.queued{background:#fff7ed;color:#b45309;border-color:#fde68a}.chip.packing{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.chip.ready_to_ship{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.chip.shipped{background:#e0f2fe;color:#075985;border-color:#bae6fd}.chip.delivered{background:#ecfdf5;color:#065f46;border-color:#bbf7d0}.chip.returned{background:#fff1f2;color:#9f1239;border-color:#fecdd3}.chip.issue{background:#fef3c7;color:#92400e;border-color:#fde68a}.loadmore{display:flex;justify-content:center;padding:12px}.drawer{position:fixed;inset:0;z-index:9996}.drawer .backdrop{position:absolute;inset:0;background:#1112366b;z-index:9996}.drawer .drawer-inner{position:absolute;right:0;top:0;height:100%;width:min(520px,92vw);background:#fff;border-left:1px solid var(--line);box-shadow:-10px 0 28px #1518482e;z-index:9997;display:flex;flex-direction:column;padding:16px;gap:12px}.drawer header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #f0f1fb}.drawer header h3{margin:0;font-size:16px;font-weight:800}.drawer header .icon{border:none;background:none;font-size:18px;cursor:pointer;opacity:.8}.drawer header .icon:hover{opacity:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1 / -1}.field label{font-size:12px;color:#5b5f66}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;outline:none;background:#fff}.field textarea{resize:vertical;min-height:80px}.field .inline{display:flex;gap:8px}.field .inline .btn.ghost{min-width:44px}.field small.ok{color:#0a7b52}.field small.err{color:#b91c1c}.field .hint{color:#64748b;font-size:11px}.drawer-actions{display:flex;gap:10px;padding-top:6px;border-top:1px solid #f0f1fb}.meta{margin-top:auto;font-size:12px;color:#6b7280;display:grid;gap:6px}.drawer input,.drawer select,.drawer textarea,.drawer button{pointer-events:auto}.modal{position:fixed;inset:0;z-index:9998}.modal .backdrop{position:absolute;inset:0;background:#11123675;z-index:9998}.modal .modal-inner{position:absolute;top:8vh;left:50%;transform:translate(-50%);width:min(620px,92vw);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 18px 60px #15184833;z-index:9999;padding:16px;display:flex;flex-direction:column;gap:12px}.modal header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #f0f1fb}.modal header h3{margin:0;font-size:16px;font-weight:800}.modal header .icon{border:none;background:none;font-size:18px;cursor:pointer;opacity:.8}.modal header .icon:hover{opacity:1}.modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal .field,.modal .field.full{display:flex;flex-direction:column;gap:6px}.modal .field.full{grid-column:1 / -1}.modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px;border-top:1px solid #f0f1fb}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5e81ff1f}.icon{line-height:1}@media (max-width: 1024px){.filters .row{grid-template-columns:64px 1fr 64px 1fr 58px 1fr 74px 1fr}}@media (max-width: 720px){.shipments-header{flex-direction:column;align-items:stretch;gap:10px}.shipments-header .search{min-width:0}.filters .row{grid-template-columns:1fr 1fr}.form-grid,.modal .form-grid{grid-template-columns:1fr}.virtual-body .row{grid-template-columns:24px 120px 1fr 140px 110px 100px 180px 1fr 120px}}*{box-sizing:border-box}.oc-root{--brand:#0B3C8B;--brand2:#4f91ff;--ink:#0f172a;--muted:#64748b;--line:#e5e7eb;--bg:#f7f8fc;--panel:#ffffff;--toolbarH:60px;font-family:Kanit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);max-width:1180px;margin:18px auto 80px;padding:0 16px}.oc-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.oc-back{border-radius:10px;padding:6px 10px;border:1px solid #dbe5f3;background:#f1f5f9;color:#334155;font-weight:800;cursor:pointer}.oc-header h1{margin:0;font-size:1.15rem;font-weight:900;color:var(--brand);padding:6px 12px;border-radius:12px;border:1px solid #d9e5ff;background:linear-gradient(90deg,#eef4ff,#fff)}.oc-toolbar{position:sticky;top:0;z-index:5;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:linear-gradient(#fff,#fbfdff);padding:10px;border:1px solid #eaf0ff;border-radius:12px;box-shadow:0 6px 16px #0b3c8b0d}.inp{border:1.6px solid #e2e8f0;border-radius:10px;padding:9px 12px;background:#fff;font-weight:700;color:#334155;min-width:150px}.inp.grow{flex:1;min-width:260px}.btn{border-radius:12px;padding:9px 12px;font-weight:900;border:1.6px solid #bfdbfe;color:#1d4ed8;background:#fff;cursor:pointer;transition:transform .02s ease,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{border:none;color:#fff;background:linear-gradient(90deg,var(--brand),var(--brand2))}.btn.ghost{background:transparent;border:none;color:#475569}.oc-table{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 10px 28px #0b3c8b14;overflow-x:auto;overflow-y:auto;max-height:65vh}.oc-table-scroll{min-width:1100px;width:-moz-max-content;width:max-content;position:relative}.oc-row{display:grid;grid-template-columns:clamp(120px,18vw,180px) minmax(140px,1.1fr) minmax(220px,1.3fr) clamp(90px,10vw,120px) clamp(90px,10vw,120px) clamp(150px,14vw,200px) clamp(120px,12vw,150px) clamp(120px,12vw,160px) clamp(110px,12vw,140px) minmax(180px,.9fr);gap:10px;padding:14px 16px;align-items:center;border-top:1px dashed var(--line);white-space:nowrap;min-width:inherit}.oc-row.head{position:sticky;top:0;z-index:3;background:#0b3c8b!important;color:#fff;font-weight:900;border-top:none;pointer-events:none}.oc-row.head>div{color:#fff}.oc-row:not(.head):hover{background:#fbfdff}.right{text-align:right}.actions{display:flex;gap:8px;justify-content:flex-end}.bold{font-weight:900;color:#0f172a}.muted{color:#64748b}.small{font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.oc-pager{display:flex;gap:10px;align-items:center;justify-content:center;padding:12px;border-top:1px solid var(--line);background:#fafbff}.btn.tiny{padding:6px 10px;border-radius:10px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:900;border:1px solid transparent;line-height:1}.badge.awaiting_shipping_review{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}.badge.awaiting_balance{background:#fef9c3;color:#854d0e;border-color:#fde68a}.badge.ready_to_ship{background:#ecfeff;color:#155e75;border-color:#cffafe}.badge.pending{background:#fff7ed;color:#9a3412;border-color:#ffedd5}.badge.paid{background:#e0f2fe;color:#075985;border-color:#bae6fd}.badge.shipped{background:#f3e8ff;color:#6d28d9;border-color:#e9d5ff}.badge.success{background:#ecfdf5;color:#065f46;border-color:#d1fae5}.badge.denied{background:#fef2f2;color:#b91c1c;border-color:#fee2e2}.oc-empty,.oc-loading{padding:22px 14px;text-align:center;color:#334155;font-weight:800}.oc-dialog-overlay{position:fixed;inset:0;background:#02061773;display:grid;place-items:center;z-index:1600;padding:16px}.oc-dialog{width:min(920px,96vw);max-height:92vh;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 30px 80px #02061759;display:flex;flex-direction:column;overflow:hidden}.d-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e2e8f0}.d-title{font-weight:900;color:var(--brand)}.d-tabs{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid #eef2f7;flex-wrap:wrap}.d-tabs .tab{border:1.6px solid #e2e8f0;background:#fff;padding:8px 10px;border-radius:10px;font-weight:800;cursor:pointer}.d-tabs .tab.active{background:#eef4ff;border-color:#d9e5ff;color:#0b3c8b}.d-body{padding:12px 16px;display:grid;gap:12px}.d-body.scroll{overflow:auto}.kv{display:grid;grid-template-columns:140px 1fr;gap:8px}.kv .k{color:#64748b;font-weight:800}.kv .v{color:#0f172a;font-weight:900}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#fbfdff}.panel .row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.panel .row.strong{font-weight:900;color:#0b3c8b}.lines{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.line{display:grid;grid-template-columns:1fr 120px 90px 100px 70px;gap:8px;padding:10px 12px;border-top:1px solid #eef2f7;align-items:center}.line.head{background:#f8fafc;font-weight:900}.center{text-align:center}.inp.tiny{width:76px;padding:6px 8px}.lbl{display:grid;gap:6px;font-weight:800;color:#0f172a}.d-actions{padding-top:8px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.d-actions .btn{border-radius:12px;padding:9px 12px;font-weight:900;border:1.6px solid #bfdbfe;color:#1d4ed8;background:#fff;cursor:pointer}.d-actions .btn.primary{border:none;color:#fff;background:linear-gradient(90deg,#0b3c8b,#4f91ff)}.oc-modal-overlay{position:fixed;inset:0;background:#0f172a59;display:grid;place-items:center;z-index:1601;padding:16px}.oc-modal{width:min(520px,96vw);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #02061740;display:flex;flex-direction:column;overflow:hidden}.m-head{padding:12px 14px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.m-title{font-weight:900;color:var(--brand)}.m-body{padding:12px 14px;display:grid;gap:10px}.m-actions{padding:12px 14px;border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end}.m-error{color:#ef4444;font-weight:900}.oc-toast{position:fixed;top:24px;right:24px;z-index:1700;color:#fff;padding:12px 14px;border-radius:12px;box-shadow:0 10px 28px #0000002e;transition:opacity .4s}.oc-toast.ok{background:#10b981}.oc-toast.bad{background:#ef4444}.oc-toast.info{background:#2563eb}body.modal-open{overflow:hidden}@media (max-width:980px){.grid2{grid-template-columns:1fr}}@media (max-width:820px){.oc-row{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(200px,1fr) 110px 120px 160px 130px 0 120px 180px}}@media (max-width:640px){.oc-toolbar .inp.grow{min-width:180px}.oc-row{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(180px,1fr) 0 0 0 0 0 120px 160px}.oc-row>:nth-child(4),.oc-row>:nth-child(5),.oc-row>:nth-child(6),.oc-row>:nth-child(7),.oc-row>:nth-child(8){display:none}.actions{position:sticky;right:0;padding-left:8px;background:linear-gradient(90deg,transparent 0,#fff 22px)}}.register-bg{min-height:100vh;background:linear-gradient(120deg,#f3f6ff,#eaf1fb);display:flex;justify-content:center;align-items:center}.register-card{background:#fff;border-radius:22px;box-shadow:0 8px 32px #0066cc13;min-width:340px;max-width:430px;padding:38px 32px 26px;font-family:Kanit,Prompt,Noto Sans Thai,sans-serif}.register-title{font-weight:900;font-size:2rem;color:#003371;letter-spacing:-.5px;margin-bottom:1.6em;text-align:center}label{font-size:1.02rem;color:#2b3557;margin-top:16px;margin-bottom:6px;font-weight:600;display:block}.req{color:#e23939;margin-left:2px}.optional{font-size:.9em;color:#8c92a7;font-weight:400;margin-left:6px}.hint{font-size:.94em;color:#778;margin:6px 0 8px 2px;line-height:1.6}input.register-input,textarea.register-input,select.register-input{width:100%;padding:10px 14px;border:1.5px solid #dde3ed;border-radius:12px;font-size:1rem;margin-bottom:8px;background:#fafdff;transition:border .2s,background .2s,box-shadow .2s}input.register-input:focus,textarea.register-input:focus,select.register-input:focus{border-color:#5d89f9;outline:none;background:#fff;box-shadow:0 0 0 3px #5d89f922}input.register-input.error,textarea.register-input.error,select.register-input.error{border-color:#e23939;background:#fff7f7}.input-with-status{position:relative;display:flex;align-items:center}.input-with-status .status-chip{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.8em;padding:3px 8px;border-radius:999px;font-weight:700;letter-spacing:.2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-ok{background:#e8f7ed;color:#2e8f47;border:1px solid #bde6c7}.status-taken{background:#fdeaea;color:#e23939;border:1px solid #f4b7b7}.status-checking{background:#eef3ff;color:#2853b8;border:1px solid #cfe0ff}.status-invalid{background:#fff4e6;color:#cc6a00;border:1px solid #ffd7aa}.eye-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.9em;border:0;background:none;color:#5e6c99;cursor:pointer;padding:2px 6px}.flex-row{display:flex;gap:8px}.checkbox-policy{margin:20px 0 12px;display:flex;align-items:flex-start;gap:10px;font-size:.99rem;color:#263e75;background:#f7faff;border:1.5px dashed #cfe0ff;padding:12px 12px 12px 10px;border-radius:12px}.checkbox-policy input[type=checkbox]{margin-top:3px;width:18px;height:18px}.checkbox-policy label{margin:0}.checkbox-policy .policy-links a{color:#2267ea;text-decoration:underline;font-weight:700}.checkbox-policy .policy-links a:hover{filter:brightness(1.05)}.register-btn{width:100%;padding:12px 0;font-size:1.09rem;font-weight:800;border:none;background:linear-gradient(90deg,#4071c7,#5dc3f9 90%);color:#fff;border-radius:14px;box-shadow:0 6px 18px #4071c733;transition:transform .06s ease-in-out,box-shadow .18s,filter .18s;cursor:pointer;margin-top:10px}.register-btn:hover{filter:brightness(1.03);box-shadow:0 10px 20px #4071c744}.register-btn:active{transform:translateY(1px)}.register-btn:disabled{opacity:.75;background:#b0c1e8;cursor:not-allowed}.register-success,.register-error{margin:14px 0 0;padding:12px;border-radius:12px;text-align:center;font-size:1.02rem;font-weight:700}.register-success{color:#2e8f47;background:#e9fbe9}.register-error{color:#e23939;background:#fbe9e9}.alt-action{margin-top:22px;text-align:center;color:#5e6c99;font-size:.99rem}.alt-action a{color:#2267ea;text-decoration:underline;font-weight:800}@keyframes fadein{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.animate-fadein{animation:fadein .85s cubic-bezier(.28,.87,.54,1.18) both}@media (max-width: 600px){.register-card{min-width:unset;max-width:96vw;padding:20px 5vw 22px;border-radius:18px}.register-title{font-size:1.35rem;margin-bottom:1.2em}}.track-root{min-height:100vh;background:radial-gradient(circle at 70% 50%,#e8fff5,#dde8ff 60%,#e8fff5);font-family:Kanit,Prompt,Noto Sans Thai,sans-serif;display:flex;flex-direction:column;align-items:center;padding:2vw 0}.track-card{width:100%;max-width:600px;margin:32px auto;background:#fff;border-radius:30px;box-shadow:0 6px 36px #78aa8c1a;padding:36px 32px 28px;transition:box-shadow .3s;border:2.5px solid #f2f1fb;animation:fadein-up .43s cubic-bezier(.23,1.08,.46,1) both;position:relative}@media (max-width: 800px){.track-card{padding:18px 5vw;border-radius:16px}}@media (max-width: 600px){.track-card{padding:14px 2vw 16px;max-width:100vw;border-radius:16px}}@keyframes fadein-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.track-title{text-align:center;font-size:1.45rem;font-weight:800;margin-bottom:16px;letter-spacing:.5px;color:#085}.track-filter-group{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;justify-content:center}@media (max-width: 600px){.track-filter-group{flex-direction:column;gap:7px}}.track-search{flex:1;min-width:180px;border-radius:8px;border:1.5px solid #dde8ff;font-size:1rem;padding:8px 12px}.track-status-filter{border-radius:8px;padding:7px 16px;border:1.5px solid #dde8ff;font-size:1rem;background:#f8fafc;min-width:110px}.track-list{margin-top:12px;display:flex;flex-direction:column;gap:18px;animation:fadeInUp .7s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.manual-track-section{margin-bottom:22px}.manual-track-header{font-size:1.04rem;color:#27ac60;font-weight:700;margin-bottom:7px}.manual-track-card{background:linear-gradient(95deg,#f0fff3 65%,#c1f4ff 120%);border-radius:16px;box-shadow:0 1px 7px #ebf6ef80;margin-bottom:7px;padding:18px 18px 12px;font-size:1.01rem;position:relative;animation:fadeInUp .7s}.manual-track-title{font-weight:600;color:#12805a;margin-bottom:2px}.manual-track-desc{color:#555;font-size:.97rem;margin-bottom:3px}.manual-track-number{color:#0096f7;font-weight:700}.manual-track-carrier{color:#13b47e;font-weight:600}.manual-track-note{color:#be9600;margin-left:4px}.manual-track-link{display:inline-block;margin-top:7px;padding:3px 15px;border-radius:7px;background:linear-gradient(93deg,#27e8a8 0,#36b3ee 120%);color:#fff;font-weight:700;font-size:1rem;box-shadow:0 2px 8px #c5ffe099;text-decoration:none;transition:background .19s}.manual-track-link:hover{background:linear-gradient(93deg,#19b274 0,#1986e6 120%)}.track-order-card{background:#f7fffd;border-radius:18px;box-shadow:0 1px 8px #e0ebf0bb;padding:20px 18px 14px;position:relative;transition:box-shadow .18s;border-left:6px solid #dde8ff;animation:fadeInUp .7s}.track-order-card:hover{box-shadow:0 6px 36px #95e6fa33}.order-reward{font-weight:700;font-size:1.09rem;color:#2a2d1a}.order-meta{color:#888;font-size:.98rem;margin:4px 0}.order-status{margin-left:6px;font-weight:700}.order-status-success{color:#22c267}.order-status-preparing{color:#ffb100}.order-status-pending{color:#e69a28}.order-status-shipped{color:#0092e2}.order-status-denied{color:#f73322}.order-tracking{font-size:.99rem;color:#003b5c;margin:2px 0}.order-tracking-number{font-weight:700;color:#0096f7}.order-tracking-link{font-size:1rem;color:#1acb81;font-weight:700;margin-left:7px}.order-note{color:#4e7b18;font-size:.97rem;margin:1px 0}.order-denied{color:#e02121;font-size:.96rem;margin-top:2px}.order-detail-btn{float:right;background:#e5ebff;color:#5453b7;border:none;padding:6px 18px;font-size:1.04rem;border-radius:11px;font-weight:700;box-shadow:0 1px 4px #b8c4ee1f;cursor:pointer;margin-top:12px;transition:background .14s}.order-detail-btn:hover{background:#b0b9fd;color:#212052}.modal-overlay{position:fixed;z-index:1200;inset:0;background:#282d3c5c;display:flex;align-items:center;justify-content:center;animation:modal-fadein .22s}@keyframes modal-fadein{0%{opacity:0}to{opacity:1}}.modal-popup{background:linear-gradient(135deg,#fff 80%,#e5f5fc);border-radius:32px;box-shadow:0 16px 48px #20404021,0 2px 8px #0000000a;max-width:440px;width:96vw;padding:38px 32px 28px;display:flex;flex-direction:column;align-items:center;animation:popup-scalein .17s;position:relative}@keyframes popup-scalein{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:1.26rem;font-weight:800;letter-spacing:.02em;margin-bottom:18px;color:#d64a6a;display:flex;align-items:center;gap:10px}.modal-body{font-size:1rem;color:#26303d;width:100%;text-align:left;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.modal-label{color:#888;font-weight:500;font-size:.98em}.modal-value{color:#222;font-weight:600;margin-left:8px}.status-badge{padding:2.5px 13px;border-radius:999px;font-weight:600;font-size:.99rem;margin-left:4px;display:inline-block;box-shadow:0 1px 3px #eee3}.status-success{background:#d8faea;color:#23ad6b}.status-shipped{background:#e4edff;color:#2685dc}.status-preparing{background:#ffe2c8;color:#df9010}.status-pending{background:#fffad0;color:#bfa41d}.status-error{background:#ffe2e2;color:#df3030}.status-manual{background:#d6fff6;color:#269877}.modal-close{background:#ededed;color:#26303d;font-size:1.07rem;font-weight:700;border-radius:17px;border:none;margin-top:20px;padding:11px 0;width:100%;transition:background .2s,color .18s;cursor:pointer;box-shadow:0 2px 9px #00000008;letter-spacing:.03em}.modal-close:hover{background:#e7f6ee;color:#18b67d}@media (max-width: 550px){.modal-popup{max-width:98vw;padding:18px 5vw 15px;border-radius:17px}.modal-title{font-size:1.04rem}}.pagination-bar{display:flex;justify-content:center;align-items:center;gap:7px;margin:26px 0 13px}.pagi-btn{background:#f6f7fc;border:none;border-radius:10px;color:#4e3775;font-weight:700;font-size:1.08rem;padding:7px 14px;margin:0 1.5px;cursor:pointer;transition:background .14s,color .18s;box-shadow:0 1.2px 6px #c8e6ff18}.pagi-btn:hover,.pagi-btn.active{background:linear-gradient(90deg,#9ab7f9,#e0eafc);color:#1e3987}.pagi-btn:disabled{opacity:.45;pointer-events:none}@media (max-width:600px){.pagination-bar{gap:4px}.pagi-btn{font-size:.97rem;padding:6px 10px}}.manual-track-card.premium-card{background:#e8fbf5;border-left:5px solid #19b274}.track-order-card.premium-card{background:#f7f7fc;border-left:5px solid #b1b1e9}.contact-root{max-width:600px;margin:44px auto 36px;background:#fafcff;border-radius:18px;box-shadow:0 8px 32px #4071c72a;padding:40px 4vw 32px;font-family:Kanit,Prompt,Noto Sans Thai,sans-serif;color:#343333}.contact-title{font-size:2rem;font-weight:900;color:#003371;margin-bottom:28px;text-align:center}.contact-social-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:36px}.contact-social{display:flex;align-items:center;background:#eaf1fb;padding:13px 20px;border-radius:13px;box-shadow:0 2px 8px #4071c71a;text-decoration:none;color:#003371;min-width:180px;font-weight:700;font-size:1.08rem;transition:box-shadow .22s,background .22s}.contact-social:hover{box-shadow:0 2px 18px #5dc3f944;background:#f1eeed}.contact-social-icon{font-size:2rem;margin-right:14px}.contact-social-main{display:flex;flex-direction:column}.contact-social-name{font-size:1.03rem;font-weight:800}.contact-social-display{font-size:.98rem;opacity:.87;margin-top:2px}.contact-form-wrap{background:#fff;border-radius:14px;padding:30px 24px;box-shadow:0 2px 10px #4071c71a;margin-top:18px}.contact-form-wrap h3{color:#003371;font-size:1.18rem;font-weight:800;margin-bottom:18px}.contact-form label{display:block;margin-bottom:16px;font-weight:600;font-size:1rem}.contact-form input[type=text],.contact-form input[type=email]{width:100%;padding:10px 14px;font-size:1rem;border-radius:11px;border:2px solid #dde3ed;font-family:inherit;margin-top:4px;font-weight:600;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#4071c7;outline:none;background:#f5f8ff}.contact-form textarea{width:100%;min-height:80px;padding:10px 14px;font-size:1rem;border-radius:11px;border:2px solid #dde3ed;font-family:inherit;margin-top:4px;font-weight:600;transition:border-color .3s;resize:vertical}.contact-form button{background:linear-gradient(120deg,#4071c7,#5dc3f9);color:#fff;font-weight:700;font-size:1.1rem;border:none;padding:13px 0;width:100%;border-radius:13px;margin-top:10px;cursor:pointer;transition:background .22s,box-shadow .22s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 10px #5dc3f925}.contact-form button:disabled{background:#a0b8d9;cursor:not-allowed;box-shadow:none}.contact-error{color:#d32f2f;font-weight:700;margin:6px 0;font-size:1rem;text-align:center}.contact-success{color:#2e7d32;font-weight:700;margin:6px 0;font-size:1rem;text-align:center}@media (max-width: 600px){.contact-root{padding:18px 2vw 12px}.contact-title{font-size:1.2rem}.contact-social{min-width:0;font-size:.97rem}.contact-form-wrap{padding:18px 6px}}.contact-faq-suggest{margin:32px auto 0;background:#f7fafd;border:1.5px solid #dde3ed;border-radius:15px;padding:22px 18px 18px;max-width:420px;box-shadow:0 3px 18px #a5bbff13;text-align:center}.contact-faq-suggest .contact-faq-link{color:#4071c7;text-decoration:underline;font-weight:600}.contact-faq-suggest .contact-faq-btn{display:inline-block;margin-top:14px;padding:8px 28px;background:linear-gradient(90deg,#4071c7,#5dc3f9);color:#fff;border:none;border-radius:7px;font-weight:700;font-size:1.07em;cursor:pointer;text-decoration:none;box-shadow:0 2px 12px #a5bbff16;transition:background .13s}.contact-faq-suggest .contact-faq-btn:hover{background:linear-gradient(90deg,#5dc3f9,#4071c7)}.faq-root{max-width:780px;margin:40px auto 48px;background:#fafcff;border-radius:18px;box-shadow:0 8px 32px #4071c729;padding:40px 8vw 32px;font-family:Kanit,Prompt,Noto Sans Thai,sans-serif;color:#343333}.faq-title{font-size:2rem;font-weight:900;color:#003371;margin-bottom:24px;text-align:center}.faq-search{width:100%;max-width:420px;padding:11px 18px;font-size:1.05rem;border-radius:12px;border:2px solid #dde3ed;margin:0 auto 28px;display:block;background:#f1eeed;font-family:inherit;transition:border-color .3s}.faq-search:focus{border-color:#4071c7;outline:none;background:#fff}.faq-category{margin-bottom:34px}.faq-category h3{color:#4071c7;font-size:1.2rem;font-weight:800;margin-bottom:14px;letter-spacing:.03em;padding-left:8px}.faq-qwrap{margin-bottom:14px;background:#f5f8ff;border-radius:12px;transition:box-shadow .22s;box-shadow:0 2px 8px #4071c71a}.faq-qwrap.open{background:#eaf1fb;box-shadow:0 2px 20px #4071c72a}.faq-q{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:1.07rem;cursor:pointer;padding:15px 18px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:12px}.faq-q:hover{background:#eaf1fb}.faq-toggle{font-size:1.25rem;color:#4071c7;margin-left:8px;font-weight:900}.faq-a{padding:0 24px 16px 32px;color:#2b3557;font-size:1.01rem;border-left:3px solid #4071c7;background:transparent;margin-top:-6px;border-radius:0 0 10px 10px;animation:faqFadeIn .33s}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.faq-table{margin-top:8px;border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden;font-size:.97rem;margin-bottom:10px}.faq-table th,.faq-table td{padding:8px 10px;text-align:center;border-bottom:1.5px solid #dde3ed}.faq-table th{background:#eaf1fb;color:#003371;font-weight:700;border-bottom:2.5px solid #4071c7}.faq-table tr:last-child td{border-bottom:none}.faq-bottom-note{text-align:right;color:#4071c7;font-size:.97rem;margin-top:44px;opacity:.75}@media (max-width: 600px){.faq-root{padding:22px 2vw 18px}.faq-title{font-size:1.15rem}.faq-category h3{font-size:1rem}.faq-a{font-size:.95rem;padding:0 8px 12px 14px}.faq-table th,.faq-table td{padding:6px 4px}}.legal-container{max-width:720px;margin:48px auto 60px;padding:0 20px;font-family:Kanit,Prompt,Noto Sans Thai,Roboto,sans-serif;color:#232529}.legal-card{background:#fff;border-radius:24px;box-shadow:0 8px 32px #0002;padding:38px 32px;margin-top:12px}.legal-card h1{font-size:2.2rem;font-weight:900;margin-bottom:18px;color:#003371;letter-spacing:-.5px}.legal-card h2{font-size:1.3rem;font-weight:700;color:#4071c7;margin-top:28px;margin-bottom:10px}.legal-card p,.legal-card ul,.legal-card li{font-size:1.07rem;line-height:1.8;margin:0 0 8px}.legal-card ul{margin-left:22px;padding-left:8px;list-style:disc}.legal-card a{color:#2a62c7;text-decoration:underline;font-weight:500}.legal-card a:hover{color:#2361a9}.legal-note{color:#c92e2e;font-weight:600;margin-top:8px}.legal-contact{margin-top:18px;font-size:1.05rem}@media (max-width: 600px){.legal-card{padding:20px 8px}.legal-card h1{font-size:1.5rem}.legal-card h2{font-size:1.05rem}}.notfound-container{min-height:100vh;background:linear-gradient(to bottom,#f5f8ff,#fafcff);display:flex;justify-content:center;align-items:center;padding:40px 20px;font-family:Prompt,Noto Sans Thai,sans-serif}.notfound-card{background:#fff;border-radius:20px;padding:40px 28px;box-shadow:0 8px 28px #00000014;max-width:520px;text-align:center}.notfound-title{font-size:26px;font-weight:800;color:#003371;margin-bottom:20px}.notfound-message{font-size:16px;color:#555;margin-bottom:28px;line-height:1.6}.notfound-btn{background:linear-gradient(to right,#4071c7,#5dc3f9);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s}.notfound-btn:hover{background:linear-gradient(to right,#5e81ff,#6fa4ff)}.cs-root{position:relative;min-height:calc(100vh - 120px);width:100%;display:grid;place-items:center;padding:40px 16px;background:radial-gradient(1200px 600px at 50% -10%,#eaf1fb,#eaf1fb00 60%),linear-gradient(180deg,#f5f8ff,#fafcff 90%);font-family:Kanit,system-ui,-apple-system,Noto Sans Thai,sans-serif}.cs-bg-glow{position:absolute;filter:blur(60px);opacity:.55;z-index:0;pointer-events:none}.cs-glow-1{width:460px;height:460px;background:#cde4ff;top:6%;left:6%;border-radius:50%}.cs-glow-2{width:420px;height:420px;background:#ffe7cf;bottom:8%;right:8%;border-radius:50%}.cs-card{position:relative;z-index:1;width:min(680px,96vw);background:#fff;border-radius:24px;border:1px solid #e9edf5;box-shadow:0 20px 60px #00000014;padding:32px 28px 26px;text-align:center}.cs-logo-frame{--y: 52%;margin:4px auto 10px;width:clamp(260px,44vw,520px);height:clamp(70px,9.8vw,96px);background-image:url(/logo-black.svg);background-repeat:no-repeat;background-size:cover;background-position:center var(--y);border:none;border-radius:0;box-shadow:none;background-color:transparent}.cs-title{font-size:clamp(1.45rem,2.2vw,1.9rem);font-weight:900;color:#2b3557;letter-spacing:.4px;margin:10px 0 12px}.cs-desc{font-size:clamp(1.02rem,1.6vw,1.12rem);color:#343333;line-height:1.6;margin-bottom:12px}.cs-keywords{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.cs-keywords span{background:#f6f9ff;border:1px solid #dde3ed;border-radius:999px;padding:7px 16px;font-weight:800;color:#003371;font-size:1rem;letter-spacing:.25px}.cs-soon{color:#003371;font-size:1rem;margin-bottom:16px}.cs-soon b{color:#5e81ff}.cs-sub{font-size:.92rem;color:#6b7280;margin-top:4px}.cs-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.cs-btn{cursor:pointer;border-radius:14px;padding:11px 18px;font-weight:800;font-size:1rem;transition:transform .08s,box-shadow .18s,background .18s,border-color .18s}.cs-btn.primary{background:linear-gradient(135deg,#4071c7,#5dc3f9);color:#fff;border:none;box-shadow:0 8px 22px #4071c740}.cs-btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px #4071c752}.cs-btn.outline{background:#fff;color:#003371;border:2px solid #5e81ff}.cs-btn.outline:hover{background:#f0f5ff;transform:translateY(-1px)}.cs-social{margin-top:8px;font-size:.98rem;color:#6d7ba7}.cs-social a{color:#4071c7;font-weight:700;text-decoration:none}.cs-social a:hover{text-decoration:underline}.cs-divider{margin:0 10px;color:#c7cfdb}.cs-footnote{margin-top:10px;font-size:.9rem;color:#9aa3b2}@media (max-width:640px){.cs-card{padding:24px 18px;border-radius:20px}.cs-logo-frame{width:clamp(220px,70vw,460px);height:clamp(58px,10.5vw,82px);--y:50%}.cs-btn{width:100%}}.cs-logo-frame{--y: 52%;margin:18px auto 20px;width:clamp(260px,44vw,520px);height:clamp(70px,9.8vw,96px);background-image:url(/logo-black.svg);background-repeat:no-repeat;background-size:cover;background-position:center var(--y);border:none;border-radius:0;box-shadow:none;background-color:transparent}@media (max-width: 640px){.cs-card{padding:24px 18px;border-radius:20px}.cs-logo-frame{margin:16px auto 18px;width:clamp(220px,70vw,460px);height:clamp(58px,10.5vw,82px);--y: 50%}.cs-btn{width:100%}}.point-history-root{max-width:880px;margin:40px auto 0;background:#f5f8ff;border-radius:22px;box-shadow:0 6px 36px #cabbee15;padding:38px 15px 32px;font-family:Prompt,Kanit,Noto Sans Thai,sans-serif}.point-history-title{font-weight:900;font-size:2.2rem;color:#003371;margin-bottom:30px;letter-spacing:.1px;display:flex;align-items:center;gap:12px}.point-history-loading,.point-history-empty{text-align:center;color:#adabb7;font-size:1.16em;font-weight:800;padding:42px 0 38px}.point-history-table-wrap{overflow-x:auto;border-radius:13px;margin-top:0;background:#eaf1fb;box-shadow:0 1px 6px #cabbee0c}.point-history-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:1.04em;border-radius:13px;overflow:hidden;box-shadow:0 2px 14px #e7dafb24}.point-history-table thead tr{background:linear-gradient(90deg,#eaf1fb 70%,#f5f8ff 120%);color:#003371;font-weight:900;font-size:1.05em;letter-spacing:.05em}.point-history-table th,.point-history-table td{padding:13px 12px;text-align:center}.point-history-table th{border-bottom:2.5px solid #bcd0ea}.point-history-table tbody tr{border-bottom:1.6px solid #e7eafe;transition:background .13s}.point-history-table tbody tr:hover{background:#f8fbff}.point-type{display:inline-block;font-size:.97em;font-weight:800;padding:4px 13px;border-radius:15px;letter-spacing:.02em;background:#b0b0b0;color:#fff;box-shadow:0 1px 4px #cabbee22}.point-type[style*="#34be67"]{background:linear-gradient(90deg,#d0ffdb,#5cf2a1);color:#168656}.point-type[style*="#d83e3e"]{background:linear-gradient(90deg,#ffe3e3,#ff8f8f);color:#bb2727}.point-type[style*="#a67dfa"]{background:linear-gradient(90deg,#fff3d3,#ffeeb1);color:#c68b0b}.point-type[style*="#27aee3"]{background:linear-gradient(90deg,#e0f5fe,#6ee0fa);color:#2b92e6}.point-type[style*="#b4ad1a"]{background:linear-gradient(90deg,#fffcb8,#ffe057);color:#bba900}.point-history-table td{font-weight:600;color:#41327a}.point-history-table td:nth-child(3){font-size:1.03em;font-weight:900;letter-spacing:.02em}.point-history-table td:nth-child(4){color:#003371;font-weight:800}.point-history-table td:nth-child(5),.point-history-table td:nth-child(6){color:#888;font-weight:500;font-size:.99em}.point-back-btn{background:linear-gradient(90deg,#eaf1fb 80%,#f5f8ff 120%);color:#003371;font-weight:800;font-size:1.02em;border:none;border-radius:9px;box-shadow:0 1px 8px #dae6fd18;padding:7px 22px 7px 15px;margin-bottom:18px;margin-left:-3px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .13s}.point-back-btn:hover{background:linear-gradient(90deg,#dde3ed 80%,#fafcff 120%);color:#4071c7}.back-arrow{font-size:1.18em;margin-right:2px;font-weight:900;line-height:1}.point-history-pagination{display:flex;justify-content:center;align-items:center;margin-top:26px;gap:12px}.pg-btn{background:linear-gradient(90deg,#eaf1fb 70%,#f5f8ff 120%);color:#003371;font-weight:700;font-size:1.06em;border:none;border-radius:9px;padding:7px 18px;min-width:72px;cursor:pointer;box-shadow:0 1px 6px #dae6fd14;transition:background .13s}.pg-btn:disabled{opacity:.55;cursor:not-allowed}.pg-btn:hover:not(:disabled){background:linear-gradient(90deg,#dde3ed 70%,#fafcff 120%);color:#4071c7}.pg-page{font-weight:900;color:#003371;font-size:1.12em;margin:0 7px;letter-spacing:1.5px}@media (max-width: 750px){.point-history-root{padding:10px 1vw 18px;border-radius:12px}.point-history-title{font-size:1.17rem;margin-bottom:16px;padding-left:2vw}.point-history-table th,.point-history-table td{padding:7px 2px;font-size:.96em}.point-history-table th,.point-history-table td{min-width:84px;word-break:break-all}}@media (max-width: 520px){.point-history-title{font-size:1rem}.point-history-root{padding:3px 1vw 10px}.point-history-table th,.point-history-table td{font-size:.9em;padding:5px 2px}}:root{--brand-black: #343333;--brand-white: #f1eeed;--brand-gray: #e3e0e0;--brand-accent: #646464;--brand-blue: #4071c7;--brand-blue-soft: #5e81ff;--brand-blue-hover: #6fa4ff;--brand-blue-light: #eaf1fb;--brand-yellow: #fbe264;--brand-orange: #f26722;--brand-bg: #f1eeed;--main-font-size: 16px;--radius-main: 16px;--shadow-main: 0 2px 18px rgba(0,0,0,.08);--footer-safe: 72px}html,body,#root,.app-root{margin:0;font-family:Kanit,Arial,sans-serif!important;font-size:var(--main-font-size);background:var(--brand-bg);color:var(--brand-black);letter-spacing:.01em;font-weight:400;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;font-family:inherit!important}a{text-decoration:none;color:inherit}button,input{font-family:inherit}*{-webkit-tap-highlight-color:transparent}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:4vw;padding-right:4vw;box-sizing:border-box}@media (min-width: 900px){.container{padding-left:3vw;padding-right:3vw}}@media (max-width: 560px){:root{--footer-safe: 64px}}.section{margin:22px auto 0;width:100%;max-width:1280px;padding:0 4vw;box-sizing:border-box}.section-title{font-size:1.06rem;font-weight:900}.card-list{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 700px){.card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (min-width: 1024px){.card-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}.card{background:#fff;border:2px solid var(--brand-gray);border-radius:var(--radius-main);padding:14px;min-height:80px;box-shadow:var(--shadow-main);display:flex;flex-direction:column;align-items:flex-start;font-size:.95rem;transition:box-shadow .15s,border .15s,transform .15s}.card:hover{box-shadow:0 6px 30px #64646425;border-color:var(--brand-blue);transform:translateY(-1px)}.card-title{font-size:1.02rem;font-weight:700;color:var(--brand-blue)}.btn,.navbar-btn,.home-btn{font-weight:700;border:2px solid var(--brand-accent);background:var(--brand-white);border-radius:12px;padding:9px 16px;font-size:.98rem;cursor:pointer;letter-spacing:.2px;color:var(--brand-black);transition:background .14s,color .13s,border .13s,box-shadow .14s,transform .14s}.btn:hover,.navbar-btn:hover{background:#fff;border-color:var(--brand-blue-hover);color:var(--brand-blue-hover);box-shadow:0 3px 14px #4071c72e}.btn--primary,.navbar-btn--primary{font-weight:800;background:linear-gradient(90deg,var(--brand-blue) 60%,var(--brand-blue-soft) 100%);color:#fff;border-color:var(--brand-blue)}.btn--primary:hover,.navbar-btn--primary:hover{background:var(--brand-blue-hover);border-color:var(--brand-blue-hover)}.home-btn,.navbar-btn--cta{background:linear-gradient(90deg,#4071c7 10%,#5dc3f9);color:#fff;font-weight:800;border:none;border-radius:16px;box-shadow:0 3px 16px #7a8aff22;font-size:1.13em;padding:13px 24px;margin:7px 8px}.home-btn:hover,.navbar-btn--cta:hover{background:linear-gradient(90deg,#5e81ff 10%,#6fa4ff);box-shadow:0 7px 30px #4071c799}.home-btn.secondary{background:#fff;color:#4071c7;border:2px solid #5dc3f9}.home-btn.secondary:hover{background:#f5f8ff;color:#4071c7;border:2px solid #4071c7}.home-card{background:#fff;border-radius:22px;box-shadow:0 8px 28px #00000014;padding:40px 32px 34px;margin:40px auto 20px;max-width:600px;text-align:center;animation:fadeInUp .7s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.home-title{font-size:2.1em;font-weight:900;color:#2b3557;margin-bottom:18px;letter-spacing:1px}.home-description{color:#444;font-size:1.12em;line-height:1.7;margin-bottom:18px}.home-soon{font-size:1.2em;font-weight:600;color:#4071c7;margin-bottom:18px}.home-follow a{color:#4071c7;font-weight:700}.auth-card h2{font-weight:800;font-size:1.18rem;letter-spacing:.5px}.auth-card label{font-weight:500}.auth-card input,.auth-card .alt-action{font-weight:400}.auth-card button,.auth-card .btn-google{font-weight:700;font-size:1rem;padding:10px 0;border-radius:.5em;border:none;background:#343333;color:#fff;margin-top:.5em;cursor:pointer;transition:background .15s}.auth-card .btn-google{background:#f5f5f5;color:#343333;border:1.2px solid #5683c9;font-weight:500}.auth-card .btn-google:hover{background:#e7eaf6}.auth-card button:hover{background:#5683c9}.auth-card .error-msg{color:#c00;font-weight:700}.auth-card .success-msg{color:#18b03d;font-weight:700}@media (max-width: 900px){.section{padding:0 4vw}.card{font-size:.9rem}}@media (max-width: 600px){.section,.container{padding-left:2vw;padding-right:2vw}}@media (max-width: 360px){html{font-size:15px}}.header-divider,.top-divider{display:none!important}.btn-go-cart,.cta-bottom,.sticky-bottom-cta{margin-bottom:14px}html,body,#root,.app-root{background:#f1eeed!important}main,.page-container,.content-wrapper{padding-bottom:var(--footer-safe)}