@import "https://fonts.googleapis.com/css2?family=Inter:wght@700;800;900&family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--panel:#fff;--panel-2:#f9fafb;--ink:#15171a;--muted:#68707b;--soft:#8c95a3;--line:#dfe4ea;--line-strong:#c8d0da;--gold:#f0b91f;--gold-dark:#8a6200;--green:#0e9f6e;--green-soft:#e8f7ef;--red:#d92d20;--red-soft:#fff0ed;--blue:#2864d8;--blue-soft:#eaf1ff;--orange:#e27a18;--orange-soft:#fff5e7;--purple:#7757c2;--purple-soft:#f2edff;--black:#090a0c;--shadow:0 18px 46px #1d232b14;--radius:8px;--sidebar:288px}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{color:var(--ink);background:linear-gradient(135deg, #f0b91f1a, transparent 32rem), linear-gradient(180deg, #f8fafc, var(--bg));margin:0;font-family:Noto Sans Thai,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}svg{flex:none;width:1.08em;height:1.08em}::selection{color:#111;background:var(--gold)}.app-shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#f0b91f29,#0000 34%),#0b0d10;flex-direction:column;gap:22px;height:100vh;padding:22px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand>span{border-radius:var(--radius);width:52px;height:52px;color:var(--gold);border:1px solid #f0b91f9e;place-items:center;font-family:Inter,sans-serif;font-size:1.35rem;font-weight:900;display:grid}.brand strong{letter-spacing:0;font-family:Inter,Noto Sans Thai,sans-serif;font-size:1.18rem;font-weight:900;display:block}.brand small,.bank-card span,.bank-card small{color:#ffffffad}.sidebar-nav{gap:6px;display:grid}.sidebar-nav a{border-radius:var(--radius);color:#ffffffc7;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-weight:800;display:flex}.sidebar-nav a:hover,.sidebar-nav a.is-active{color:#fff;background:#ffffff1a}.sidebar-nav svg{color:var(--gold)}.bank-card{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1f;gap:14px;margin-top:auto;padding:14px;display:grid}.bank-card img{aspect-ratio:1/1.08;object-fit:cover;object-position:center;border-radius:6px;width:100%}.bank-card strong{color:var(--gold);overflow-wrap:anywhere;margin-top:4px;font-family:Inter,sans-serif;font-size:1.28rem;font-weight:900;display:block}.bank-card small{margin-top:4px;line-height:1.45;display:block}.main{gap:22px;width:min(100%,1480px);min-width:0;padding:28px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.eyebrow{color:var(--gold-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-family:Inter,Noto Sans Thai,sans-serif;font-size:.76rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;font-family:Inter,Noto Sans Thai,sans-serif}h1{overflow-wrap:anywhere;margin-bottom:0;font-size:clamp(2rem,4vw,3.35rem);line-height:1}h2{margin-bottom:0;font-size:clamp(1.22rem,2.2vw,1.55rem);line-height:1.15}h3{margin-bottom:0;font-size:1.05rem;line-height:1.25}.topbar-actions,.panel-head,.message-head,.modal-head,.modal-actions{align-items:center;gap:12px;display:flex}.topbar-actions,.modal-actions{justify-content:flex-end}.panel-head{justify-content:space-between;margin-bottom:18px}.panel-head.compact{align-items:flex-start;margin-bottom:14px}.primary-button,.secondary-button,.tiny-button,.icon-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:9px;min-height:42px;font-weight:900;line-height:1.2;display:inline-flex}.primary-button{color:#111;background:var(--gold);border:1px solid #111;padding:10px 16px;box-shadow:0 12px 26px #f0b91f47}.primary-button:hover{background:#ffcf38}.secondary-button{border:1px solid var(--line-strong);color:var(--ink);background:#fff;padding:10px 14px}.secondary-button:hover,.tiny-button:hover,.icon-button:hover{background:#f6f8fb;border-color:#aeb7c3}.tiny-button{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fff;padding:7px 10px;font-size:.86rem}.icon-button{border:1px solid var(--line);width:42px;color:var(--ink);background:#fff;padding:0}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.stat,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.stat{align-items:center;gap:13px;min-height:112px;padding:18px;display:flex}.stat-icon{border-radius:var(--radius);color:#111;background:#f0b91f33;flex:none;place-items:center;width:44px;height:44px;display:grid}.stat.gold .stat-icon{background:#f0b91f3d}.stat.green .stat-icon{color:var(--green);background:var(--green-soft)}.stat.red .stat-icon{color:var(--red);background:var(--red-soft)}.stat.blue .stat-icon{color:var(--blue);background:var(--blue-soft)}.stat p{color:var(--muted);margin:0 0 3px;font-size:.9rem;font-weight:700}.stat strong{color:var(--ink);overflow-wrap:anywhere;font-family:Inter,Noto Sans Thai,sans-serif;font-size:clamp(1.2rem,2vw,1.62rem);font-weight:900;line-height:1.05;display:block}.workspace{grid-template-columns:minmax(330px,.86fr) minmax(0,1.5fr);align-items:start;gap:22px;display:grid}.panel{min-width:0;padding:20px}.search-box{color:var(--muted);gap:7px;margin-bottom:14px;font-size:.88rem;font-weight:800;display:grid}.search-box input,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;min-height:44px;color:var(--ink);background:#fff;outline:none;padding:10px 12px}.form-grid textarea{resize:vertical}.search-box input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f0b91f33}.filter-row{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.filter-chip{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:.85rem;font-weight:800;display:inline-flex}.filter-chip span{min-width:24px;height:22px;color:var(--ink);background:var(--panel-2);border-radius:999px;place-items:center;font-size:.78rem;display:grid}.filter-chip.is-active{color:#111;background:var(--gold);border-color:#111}.order-list{gap:8px;max-height:618px;padding-right:3px;display:grid;overflow-y:auto}.order-row{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:inherit;text-align:left;background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.order-row.is-selected,.order-row:hover{border-color:#111;box-shadow:0 10px 24px #11111114}.order-row strong,.order-row small,.order-row-meta b{display:block}.order-row strong{font-family:Inter,Noto Sans Thai,sans-serif;font-weight:900}.order-row small{color:var(--muted);margin-top:4px;font-size:.86rem;line-height:1.35}.order-row-meta{justify-items:end;gap:8px;display:grid}.order-row-meta b{font-family:Inter,Noto Sans Thai,sans-serif;font-size:.92rem}.status-pill{min-height:28px;color:var(--muted);white-space:nowrap;background:#f2f4f7;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:.8rem;font-weight:900;display:inline-flex}.status-pill.warning,.status-pill.deposit{color:var(--orange);background:var(--orange-soft)}.status-pill.paid,.status-pill.success{color:var(--green);background:var(--green-soft)}.status-pill.stock{color:var(--purple);background:var(--purple-soft)}.status-pill.request,.status-pill.ship{color:var(--blue);background:var(--blue-soft)}.status-pill.cancel{color:var(--red);background:var(--red-soft)}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.detail-grid article,.address-box,.rules-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.detail-grid article{padding:14px}.detail-grid span,.address-box span{color:var(--muted);font-size:.82rem;font-weight:800;display:block}.detail-grid strong{margin-top:5px;font-size:1.02rem;line-height:1.25;display:block}.detail-grid small{color:var(--muted);margin-top:4px;line-height:1.35;display:block}.address-box{margin-top:12px;padding:14px}.address-box p{margin:5px 0 0;line-height:1.55}.action-strip{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.action-strip button{border:1px solid var(--line);border-radius:var(--radius);min-height:36px;color:var(--ink);background:#fff;padding:8px 10px;font-weight:850}.action-strip button:hover,.action-strip button.is-current{color:#fff;background:#111;border-color:#111}.action-strip .danger-action:hover{border-color:var(--red);background:var(--red)}.message-preview{border-radius:var(--radius);background:#111;border:1px solid #111;overflow:hidden}.message-head{color:#fff;justify-content:space-between;padding:14px}.message-head .eyebrow{color:var(--gold)}.message-preview pre{color:#eef2f6;white-space:pre-wrap;border-top:1px solid #ffffff1f;max-height:380px;margin:0;padding:16px;font-family:Noto Sans Thai,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.94rem;line-height:1.65;overflow:auto}.two-column{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;display:grid}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rules-grid article{padding:14px}.rules-grid svg{color:var(--gold-dark);margin-bottom:8px}.rules-grid strong{font-weight:900;display:block}.rules-grid p{color:var(--muted);margin:6px 0 0;line-height:1.48}.rich-menu{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.rich-menu button{border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;min-height:40px;margin:0 7px 7px 0;padding:9px 12px;font-weight:900}.setup-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.setup-list li{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;display:grid}.setup-list span{border-radius:var(--radius);color:#111;background:var(--gold);place-items:center;height:32px;font-family:Inter,sans-serif;font-weight:900;display:grid}.setup-list p{color:var(--ink);margin:5px 0 0;font-weight:750;line-height:1.45}.large-icon{color:var(--gold-dark);font-size:1.8rem}.plain-note{color:var(--muted);font-weight:850}.product-section{overflow:hidden}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.product-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.product-card img{aspect-ratio:1/.82;object-fit:cover;object-position:center;background:#111;width:100%}.product-body{padding:14px}.product-title{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.product-title strong{font-family:Inter,sans-serif;font-size:1.18rem;font-weight:900}.product-title span{color:var(--gold-dark);white-space:nowrap;font-weight:900}.product-body p{min-height:44px;color:var(--muted);margin:8px 0 12px;font-size:.9rem;line-height:1.5}.product-body dl{gap:7px;margin:0;display:grid}.product-body dl div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:7px;display:flex}.product-body dt,.product-body dd{margin:0;font-size:.86rem}.product-body dt{color:var(--muted);font-weight:800}.product-body dd{text-align:right;font-weight:900}.activity-panel{margin-bottom:28px}.activity-list{gap:12px;display:grid}.activity-item{grid-template-columns:18px minmax(0,1fr);gap:10px;display:grid}.activity-dot{background:var(--gold);border-radius:999px;width:10px;height:10px;margin-top:8px;box-shadow:0 0 0 5px #f0b91f2e}.activity-item strong{font-weight:900;display:block}.activity-item p{color:var(--muted);margin:4px 0;line-height:1.45}.activity-item small{color:var(--soft)}.empty-panel,.empty-text{color:var(--muted)}.modal{border-radius:var(--radius);width:min(720px,100% - 28px);color:var(--ink);background:0 0;border:0;padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#090a0c94}.modal-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:18px;padding:20px;display:grid;box-shadow:0 24px 90px #00000040}.modal-head{justify-content:space-between}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid label{color:var(--muted);gap:7px;font-weight:850;display:grid}.form-grid .full{grid-column:1/-1}.toast{z-index:20;border-radius:var(--radius);color:#111;background:var(--gold);box-shadow:var(--shadow);border:1px solid #111;padding:12px 14px;font-weight:900;position:fixed;bottom:22px;right:22px}@media (width<=1180px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace,.two-column{grid-template-columns:1fr}.order-list{max-height:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-card{grid-template-columns:108px minmax(0,1fr);align-items:center}.topbar,.topbar-actions,.panel-head{flex-direction:column;align-items:stretch}.topbar-actions,.modal-actions{justify-content:stretch}.topbar-actions button,.modal-actions button{width:100%}.detail-grid,.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:18px}}@media (width<=640px){.stats-grid,.detail-grid,.rules-grid,.product-grid,.form-grid,.sidebar-nav{grid-template-columns:1fr}.bank-card{grid-template-columns:118px minmax(0,1fr)}.bank-card img{aspect-ratio:1;object-position:center;height:118px}h1{font-size:1.72rem;line-height:1.12}.order-row{grid-template-columns:1fr}.order-row-meta{justify-items:start}.product-body p{min-height:0}}