:root,[data-theme=light]{--navy:#025de0;--navy-deep:#013fa8;--bg:#eef3f8;--bg-deep:#dce6f0;--ink:#01357a;--muted:#5a6b80;--line:#c9d5e3;--panel:#fffffff0;--panel-solid:#fff;--sidebar:#025de0;--navbar:#025de0;--sidebar-ink:#f4efe4;--sidebar-muted:#c5d8f5;--accent:#025de0;--accent-soft:#025de014;--accent-2:#c9a227;--gold:#c9a227;--gold-deep:#a6851a;--gold-soft:#c9a22729;--danger:#a33b2b;--ok:#1f6b4a;--shadow:0 16px 40px #025de01f;--glow-a:#025de01f;--glow-b:#c9a22724;--btn-on-accent:#f8f4ea;--grad-top:#f5f8fb;--grad-bottom:#e6edf5;--bottom-nav-h:58px}[data-theme=dark]{--navy:#025de0;--navy-deep:#012e7a;--bg:#06101c;--bg-deep:#0d1b2e;--ink:#eef3f8;--muted:#93a4ba;--line:#243956;--panel:#0a1c30eb;--panel-solid:#0d1b2e;--sidebar:#0a2342;--navbar:#061628;--sidebar-ink:#eef3f8;--sidebar-muted:#8ea0b8;--accent:#d4af37;--accent-soft:#d4af3724;--accent-2:#d4af37;--gold:#d4af37;--gold-deep:#b8942a;--gold-soft:#d4af3729;--danger:#e07264;--ok:#5dcc88;--shadow:0 18px 50px #0000006b;--glow-a:#025de047;--glow-b:#d4af371f;--btn-on-accent:#01357a;--grad-top:#0a1830;--grad-bottom:#06101c}:root{color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Sarabun,TH Sarabun New,THSarabunNew,sans-serif;font-weight:400;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 8%, var(--glow-a), transparent 36%), radial-gradient(circle at 88% 0%, var(--glow-b), transparent 30%), linear-gradient(180deg, var(--grad-top) 0%, var(--grad-bottom) 100%);color:var(--ink);transition:background .25s,color .2s}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,.brand,.navbar-title{letter-spacing:0;font-family:Sarabun,TH Sarabun New,THSarabunNew,sans-serif;font-weight:700}.shell{grid-template-columns:196px 1fr;min-height:100vh;font-family:Sarabun,TH Sarabun New,THSarabunNew,sans-serif;display:grid}.sidebar-backdrop{display:none}.sidebar{background:var(--sidebar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;color:#f4efe4;border-right:1px solid #d4af3747;flex-direction:column;height:100vh;padding:12px 10px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #d4af3747;margin-bottom:8px;padding:2px 8px 10px}.brand{color:#d4af37;margin:0 0 2px;font-size:1.12rem}.brand-sub{color:#f4efe4b8;font-size:.72rem}.nav{flex-direction:column;flex:none;gap:2px;display:flex}.nav a{color:#f4efe4d1;border-radius:8px;padding:6px 10px;font-size:.84rem;font-weight:600;line-height:1.3;transition:background .15s,color .15s}.nav-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.nav-badge{color:#fff;background:#c0392b;border-radius:999px;justify-content:center;align-items:center;min-width:1.15rem;height:1.15rem;padding:0 6px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.nav a.active,.nav a:hover{color:#d4af37;background:#d4af372e}.sidebar-user{display:none}.sidebar-user-name{color:var(--sidebar-ink)}.sidebar-foot{color:#f4efe49e;margin-top:auto;padding:10px 8px 2px;font-size:.7rem}.sidebar .muted{color:#f4efe4b3}.sidebar .btn.secondary{color:#f4efe4;border-color:#d4af3766;padding:7px 10px;font-size:.82rem}.sidebar .btn.secondary:hover{border-color:var(--gold);color:var(--gold)}.content-shell{flex-direction:column;min-width:0;min-height:100vh;display:flex}.navbar{z-index:20;background:var(--navbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f4efe4;border-bottom:1px solid #d4af3747;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:10px;min-width:0;display:flex}.navbar-titles{min-width:0}.navbar-brand-mobile{display:none}.navbar-title{color:#fff;margin:0;font-size:1.08rem}.navbar .user-meta strong{color:#fff}.navbar .muted{color:#f4efe4b8}.navbar .icon-btn{color:#fff;background:#ffffff1a;border-color:#ffffff38;border-radius:8px;width:34px;height:34px}.navbar .btn.secondary{color:#fff;border-color:#d4af3773;padding:7px 12px;font-size:.82rem}.navbar .btn.secondary:hover{color:#d4af37;border-color:#d4af37}.navbar-right{align-items:center;gap:10px;display:flex}.menu-btn{display:none}.icon-btn{border:1px solid var(--line);background:var(--panel-solid);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:12px;flex-shrink:0;place-items:center;font-size:1.1rem;display:inline-grid}.menu-icon,.menu-icon:before,.menu-icon:after{background:var(--ink);border-radius:2px;width:16px;height:2px;transition:transform .2s,opacity .2s;display:block;position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-5px}.menu-icon:after{top:5px}.menu-icon[data-open=true]{background:0 0}.menu-icon[data-open=true]:before{top:0;transform:rotate(45deg)}.menu-icon[data-open=true]:after{top:0;transform:rotate(-45deg)}.main{padding:24px 28px 48px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.overview-page{gap:1.25rem;display:grid}.overview-hero{color:#f4efe4;background:radial-gradient(circle at 88% 12%,#d4af3747,#0000 32%),radial-gradient(circle at 8% 90%,#c9a2271f,#0000 36%),linear-gradient(135deg,#01357a 0%,#025de0 52%,#3d8af0 100%);border:1px solid #d4af3747;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:26px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #025de047}.overview-hero .btn{color:#01357a;box-shadow:none;background:linear-gradient(135deg,#d4af37 0%,#b8942a 100%)}.overview-hero .btn:hover{filter:brightness(1.06)}.overview-hero:after{content:"";background:linear-gradient(90deg,#0000,#d4af37 35%,#f3e2a0 50%,#d4af37 65%,#0000);height:3px;position:absolute;bottom:0;left:0;right:0}.overview-kicker{color:#d4af37;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}.overview-hero h2{color:#fff;margin:0;font-size:clamp(1.45rem,3vw,2rem)}.overview-hero-sub{color:#f4efe4c7;margin:8px 0 0;font-size:.95rem}.overview-live{color:#f4efe4;background:#ffffff14;border:1px solid #d4af3759;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.overview-live-dot{background:#d4af37;border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite live-pulse;box-shadow:0 0 #d4af37b3}@keyframes live-pulse{0%{box-shadow:0 0 #d4af378c}to{box-shadow:0 0 0 10px #d4af3700}}.overview-kpis,.overview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.kpi-card{border:1px solid var(--line);background:var(--panel-solid);border-radius:18px;padding:18px 18px 16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0a23420f}.kpi-card:before{content:"";background:linear-gradient(180deg, var(--gold) 0%, var(--gold-deep) 100%);width:4px;position:absolute;inset:0 auto 0 0}.kpi-card .label{color:var(--muted);font-size:.82rem;font-weight:600}.kpi-card .value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:1.7rem;font-weight:700}.kpi-card .kpi-sub{color:var(--muted);margin-top:6px;font-size:.78rem}.kpi-card.tone-ok:before{background:linear-gradient(180deg, var(--ok), #2a8f5f)}.kpi-card.tone-warn:before{background:linear-gradient(180deg, var(--gold), #c47b2b)}.kpi-card.tone-danger:before{background:linear-gradient(180deg, var(--danger), #c24a3a)}.kpi-card.featured{background:linear-gradient(180deg, #c9a22714, transparent 48%), var(--panel-solid);border-color:color-mix(in srgb, var(--gold) 45%, var(--line))}.overview-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.overview-section-head h3{margin:0;font-size:1.05rem}.overview-wallet{border:1px solid color-mix(in srgb, var(--gold) 38%, var(--line));background:linear-gradient(135deg, #0a23420a, transparent 40%), var(--panel);box-shadow:var(--shadow);border-radius:20px;gap:16px;padding:22px;display:grid}.overview-wallet-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.overview-wallet h2{margin:0;font-size:1.2rem}.overview-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.overview-metric{background:color-mix(in srgb, var(--navy) 5%, var(--panel-solid));border:1px solid var(--line);border-radius:14px;padding:12px 14px}.overview-metric span{color:var(--muted);margin-bottom:4px;font-size:.78rem;display:block}.overview-metric strong{font-variant-numeric:tabular-nums;font-size:1.15rem}.overview-accounts{gap:8px;display:grid}.overview-account-chip{background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 12px;font-size:.88rem;display:flex}.page-head h1{margin:0}.user-chip{color:var(--muted);align-items:center;gap:12px;font-size:.92rem;display:flex}.user-meta{text-align:right;line-height:1.2;display:grid}.user-meta strong{color:var(--ink);font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:20px}.merchant-balance-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.panel.tone-topup{border-color:color-mix(in srgb, var(--ok) 45%, var(--line));border-top:3px solid var(--ok);background:color-mix(in srgb, var(--ok) 8%, var(--panel))}.panel.tone-topup h2{color:var(--ok)}.panel.tone-withdraw{border-color:color-mix(in srgb, #c47b2b 45%, var(--line));background:color-mix(in srgb, #c47b2b 10%, var(--panel));border-top:3px solid #c47b2b}.panel.tone-withdraw h2{color:#c47b2b}[data-theme=dark] .panel.tone-withdraw{border-color:color-mix(in srgb, #e0a15a 40%, var(--line));background:color-mix(in srgb, #e0a15a 10%, var(--panel));border-top-color:#e0a15a}[data-theme=dark] .panel.tone-withdraw h2{color:#e0a15a}.btn.btn-topup{color:#f3fff8;background:linear-gradient(135deg,#1a5c3e 0%,#2a8f5f 100%)}[data-theme=dark] .btn.btn-topup{color:#06140c;background:linear-gradient(135deg,#2a7a52 0%,#3db872 100%)}.btn.btn-withdraw{color:#fff8ef;background:linear-gradient(135deg,#8a4f16 0%,#c47b2b 100%)}[data-theme=dark] .btn.btn-withdraw{color:#1a1006;background:linear-gradient(135deg,#b06d28 0%,#e0a15a 100%)}@media (width<=900px){.merchant-balance-actions{grid-template-columns:1fr}}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.grid.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.grid-4 .stat .value,.grid.grid-4 .kpi-card .value{word-break:break-word;font-size:1.45rem}@media (width<=1100px){.grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.login-card .brand{color:var(--gold)}.stat{border:1px solid var(--line);background:var(--panel-solid);border-top:3px solid var(--gold);border-radius:16px;padding:18px}.stat .label{color:var(--muted);font-size:.82rem}.stat .value{margin-top:6px;font-family:Sarabun,sans-serif;font-size:1.8rem;font-weight:700}.stat.tone-ok{border-top-color:var(--ok)}.stat.tone-warn{border-top-color:var(--accent-2)}.stat.tone-orange{border-top-color:#c47b2b}[data-theme=dark] .stat.tone-orange{border-top-color:#e0a15a}.stat.tone-danger{border-top-color:var(--danger)}.stat.bg-ok-soft{background:color-mix(in srgb, var(--ok) 12%, var(--panel-solid))}.period-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.period-tabs .btn{padding:.35rem .75rem;font-size:.85rem}.period-tabs .btn.active{background:var(--accent);color:var(--btn-on-accent);border-color:var(--accent)}.card-block{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:18px 20px}.table-wrap{-webkit-overflow-scrolling:touch;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 8px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.badge{background:var(--bg-deep);border-radius:999px;padding:3px 8px;font-size:.75rem;display:inline-flex}.badge.ok{background:var(--gold-soft);color:#8a6d2f}.badge.warn{color:var(--accent);background:#0b1c331a}.badge.success{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.badge.danger{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.badge.muted{background:color-mix(in srgb, var(--muted) 18%, transparent);color:var(--muted)}.badge.deposit{background:color-mix(in srgb, var(--ok) 22%, transparent);color:#165c3a;font-weight:700}.badge.withdraw{color:#244f7a;background:#3b6ea838;font-weight:700}.badge.expired{color:#b35a0a;background:#e67e2247;font-weight:700}.badge.cancelled-remainder{background:color-mix(in srgb, var(--danger) 28%, transparent);color:#8f2f22;font-weight:700}.badge.pending{background:color-mix(in srgb, var(--gold) 22%, transparent);color:#8a6d2f;font-weight:700}th.txn-num,td.txn-amt{text-align:right;font-variant-numeric:tabular-nums}td.txn-amt{font-weight:600}.txn-amt-deposit{color:var(--ok)}.txn-amt-withdraw{color:var(--danger)}.txn-amt-matched{color:#2f6f9f}.txn-amt-fee{color:#9a7428}tr.txn-row-withdraw>td{background:#3b6ea81f}tr.txn-pending>td{background:color-mix(in srgb, var(--gold) 16%, transparent)}[data-theme=dark] .badge.ok{color:var(--gold)}[data-theme=dark] .badge.warn{color:var(--gold);background:#d4b56a1f}[data-theme=dark] .badge.deposit{color:#7ee0a4;background:#5dcc8838}[data-theme=dark] .badge.withdraw{color:#9ec0e6;background:#7aa8d642}[data-theme=dark] .badge.expired{color:#ffb366;background:#e67e2252}[data-theme=dark] .badge.cancelled-remainder{color:#ff9a8f;background:#e0726452}[data-theme=dark] .badge.pending{color:var(--gold);background:#d4b56a38}[data-theme=dark] .txn-amt-matched{color:#7eb8e8}[data-theme=dark] .txn-amt-fee{color:#d4b56a}[data-theme=dark] tr.txn-row-withdraw>td{background:#7aa8d61a}[data-theme=dark] tr.txn-pending>td{background:#d4b56a24}.btn{color:var(--btn-on-accent);cursor:pointer;background:linear-gradient(135deg,#025de0 0%,#3d8af0 100%);border:0;border-radius:10px;padding:10px 14px;font-weight:600;box-shadow:inset 0 0 0 1px #c9a22747}[data-theme=dark] .btn{color:#01357a;box-shadow:none;background:linear-gradient(135deg,#d4af37 0%,#b8942a 100%)}.btn.secondary{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:0 0}.btn.secondary:hover{border-color:var(--gold);color:#8a6d2f}[data-theme=dark] .btn.secondary:hover{color:var(--gold)}.btn.danger{color:#fff;box-shadow:none;background:linear-gradient(135deg,#8b2e22 0%,#c24a3a 100%)}.btn.danger:hover:not(:disabled){filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.login-theme{position:absolute;top:20px;right:20px}.login-card{border:1px solid color-mix(in srgb, var(--gold) 40%, var(--line));background:var(--panel);width:min(420px,100%);box-shadow:var(--shadow);border-radius:22px;padding:28px;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg,#025de0,#d4af37,#025de0);height:3px;position:absolute;inset:0 0 auto}.login-card h1{margin:0 0 8px;font-size:2rem}.login-card p{color:var(--muted);margin:0 0 22px}.field{gap:6px;margin-bottom:14px;display:grid}.field label{color:var(--muted);font-size:.85rem}.field input,.field select{border:1px solid var(--line);background:var(--panel-solid);color:var(--ink);border-radius:10px;width:100%;padding:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .field{margin-bottom:0}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.ok-msg{color:var(--ok);margin:0;font-size:.9rem}.breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:.9rem;display:flex}.breadcrumb button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.breadcrumb button:hover{color:var(--gold)}.breadcrumb .sep{color:var(--muted)}.breadcrumb .current{color:var(--ink);font-weight:600}@media (width<=720px){.form-grid{grid-template-columns:1fr}}.password-field{display:grid;position:relative}.password-field input{padding-right:44px}.password-toggle{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.password-toggle:focus-visible{outline:2px solid var(--accent,#1e3a5f);outline-offset:1px}.error{color:var(--danger);margin:8px 0 12px;font-size:.9rem}.muted{color:var(--muted)}.stack{gap:10px;display:grid}.seg-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.seg-tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:8px 14px;font-weight:600}.seg-tab:hover{border-color:var(--gold);color:var(--ink)}.seg-tab.active{background:var(--accent);border-color:var(--accent);color:var(--btn-on-accent)}[data-theme=dark] .seg-tab.active{background:var(--gold);border-color:var(--gold);color:#01357a}.section-title{color:var(--gold);margin:0;font-size:1.05rem}.central-pool-page .page-kicker{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:.82rem;font-weight:600}.central-pool-page .page-desc{max-width:52rem;color:var(--muted);margin:0}.pool-account-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pool-account-card{border:1px solid var(--line);background:var(--panel-solid);border-left:3px solid var(--line);border-radius:14px;padding:14px 16px}.pool-account-card.is-primary{border-left-color:var(--gold);background:color-mix(in srgb, var(--gold-soft) 55%, var(--panel-solid))}.pool-account-card.is-inactive{opacity:.72}.pool-account-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pool-account-card-head strong{color:var(--ink);font-size:1.02rem}.pool-account-meta{color:var(--muted);font-size:.92rem}.pool-meters{gap:10px;margin-top:12px;display:grid}.pool-meter-head{color:var(--muted);justify-content:space-between;gap:8px;font-size:.82rem;display:flex}.pool-meter-bar{background:var(--bg-deep);border-radius:999px;height:7px;margin-top:4px;overflow:hidden}.pool-meter-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--gold) 0%, #b8933f 100%);height:100%;display:block}.pool-account-actions{flex-wrap:wrap;gap:.4rem;margin-top:12px;display:flex}.pool-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:12px;margin:0;padding:18px}.pool-ledger-table td,.pool-ledger-table th{white-space:nowrap}.secret-banner{border-color:var(--gold);background:var(--gold-soft)}.code-block{border:1px solid var(--line);background:var(--bg-deep);border-radius:12px;gap:10px;padding:12px 14px;display:grid;overflow:auto}.code-block code,.code-block pre{white-space:pre-wrap;word-break:break-all;color:var(--ink);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.mono-sm{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.guide-list{color:var(--ink);gap:8px;margin:0;padding-left:1.2rem;display:grid}.guide-list a{color:#8a6d2f}[data-theme=dark] .guide-list a{color:var(--gold)}.tree-item{border:1px solid var(--line);background:var(--panel-solid);border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.tree-item-fee{align-items:flex-start}.tree-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.fee-cum-banner{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fee-cum-banner .muted{margin-bottom:2px;font-size:.8rem;display:block}.fee-cum-banner strong{font-size:1.25rem}.fee-create-box{border:1px dashed var(--line);background:var(--accent-soft);border-radius:14px;margin-top:14px;padding:14px}.fee-create-box h3{margin:0 0 10px;font-size:.98rem}.fee-preview{margin:10px 0 0;font-size:.9rem}.fee-chip{color:var(--ink);margin-top:6px;font-size:.85rem}.fee-edit-row{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.2fr) auto auto;align-items:end;gap:8px;margin-top:10px;display:grid}.dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070f1a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);background:var(--panel-solid);width:min(560px,100%);max-height:min(90vh,800px);box-shadow:var(--shadow);border-radius:18px;padding:20px;overflow:auto}.dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.dialog-head h2{margin:0;font-size:1.15rem}.dialog-close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:2px 6px;font-size:1.35rem;line-height:1}.dialog-close:hover{color:var(--ink);background:var(--accent-soft)}@media (width<=720px){.fee-cum-banner,.fee-edit-row{grid-template-columns:1fr}.tree-actions{width:100%}.tree-actions .btn{flex:1}.dialog{padding:16px}}.bottom-nav{display:none}.desktop-only{display:flex}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar-backdrop{opacity:0;pointer-events:none;z-index:30;background:#0c120e6b;transition:opacity .22s;display:block;position:fixed;inset:0}.shell.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar{border-right:1px solid var(--line);width:min(78vw,236px);height:100vh;box-shadow:var(--shadow);transition:transform .24s;position:fixed;top:0;left:0;transform:translate(-105%)}.shell.menu-open .sidebar{transform:translate(0)}.sidebar-user{border-top:1px solid #d4af3747;gap:2px;margin-top:auto;padding:10px 8px;display:grid}.sidebar-user-name{font-weight:700}.sidebar-logout{width:100%;margin-top:10px}.menu-btn{display:inline-grid}.navbar{gap:8px;padding:10px 14px}.navbar-brand-mobile{letter-spacing:.08em;text-transform:uppercase;color:#d4af37;font-family:Sarabun,TH Sarabun New,THSarabunNew,sans-serif;font-size:.72rem;font-weight:700;display:block}.navbar-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;overflow:hidden}.desktop-only{display:none!important}.main{padding:16px 14px calc(var(--bottom-nav-h) + 22px)}.page-head{align-items:center;margin-bottom:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-hero{border-radius:18px;padding:20px 18px 22px}.overview-hero h2{font-size:1.35rem}.kpi-card .value{font-size:1.4rem}.stat{border-radius:14px;padding:14px 12px}.stat .label{font-size:.74rem;line-height:1.25}.stat .value{margin-top:4px;font-size:1.45rem}.panel{border-radius:16px;padding:14px}.table-wrap{margin:0 -4px;padding:0 4px}table{font-size:.84rem}.tree-item{flex-direction:column;align-items:stretch;gap:10px}.tree-item .btn{width:100%}.bottom-nav{z-index:25;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--navbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #d4af3747;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0003}.bottom-nav-item{color:#f4efe4c7;border-radius:10px;justify-items:center;gap:3px;padding:6px 4px;font-size:.68rem;font-weight:600;display:grid;position:relative}.bottom-nav-dot-wrap{justify-content:center;align-items:center;min-height:12px;display:inline-flex;position:relative}.bottom-nav-dot-wrap .nav-badge{min-width:1.1rem;height:1.1rem;padding:0 4px;font-size:.65rem;position:absolute;top:-8px;right:-14px}.bottom-nav-dot{background:0 0;border-radius:50%;width:6px;height:6px}.bottom-nav-item.active{color:var(--gold);background:var(--gold-soft)}.bottom-nav-item.active .bottom-nav-dot{background:var(--gold)}.login-card{border-radius:18px;padding:22px 18px}.login-card h1{font-size:1.7rem}}@media (width<=420px){.grid{grid-template-columns:1fr 1fr}.stat .value{font-size:1.35rem}}.playground-lead{max-width:52rem;color:var(--muted);margin:6px 0 0}.playground-note{margin:-8px 0 16px;font-size:.9rem}.playground-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.playground select,.playground .field input,.playground-side input{border:1px solid var(--line);background:var(--panel-solid);color:var(--ink);border-radius:10px;padding:10px 12px}.setup-box{border:1px solid color-mix(in srgb, var(--warn,#c47b2b) 55%, var(--line));background:color-mix(in srgb, var(--warn,#c47b2b) 12%, var(--panel-solid));border-radius:14px;margin:0 0 16px;padding:14px 16px}.setup-box.ready{border-color:color-mix(in srgb, var(--ok) 45%, var(--line));background:color-mix(in srgb, var(--ok) 10%, var(--panel-solid))}.setup-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.setup-head p{margin:4px 0 0}.setup-controls{align-items:flex-end;gap:10px;display:flex}.setup-controls .seed-count{min-width:110px}.setup-warn,.setup-ok{margin-top:10px;font-size:.9rem}.setup-warn{color:var(--warn,#c47b2b)}.setup-ok{color:var(--ok)}.actors-box{border:1px solid var(--line);background:var(--panel-solid);border-radius:14px;margin:0 0 16px;padding:14px}.actors-box h3{margin:0 0 12px;font-size:1rem}.actor-idle{flex-direction:column;justify-content:center;gap:6px;display:flex}.cast-summary{border-top:1px dashed var(--line);gap:8px;margin-top:4px;padding-top:12px;font-size:.92rem;display:grid}.cast-summary .muted{margin-right:6px;display:inline}.role-tag{vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:.72rem;font-weight:600;display:inline-block}.role-tag.withdraw{color:#c45c26;background:#c45c262e}.role-tag.deposit{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok)}.file-btn.disabled{opacity:.5;pointer-events:none}.usecase-btn:disabled{opacity:.45;cursor:not-allowed}.playground-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(240px,300px);align-items:start;gap:16px;display:grid}.playground-cases h2,.playground-main h2,.playground-side h2{margin:0 0 12px;font-size:1.15rem}.playground-cases ul,.plain-list,.log-list{margin:0;padding:0;list-style:none}.playground-cases li+li{margin-top:8px}.usecase-btn{text-align:left;border:1px solid var(--line);background:var(--panel-solid);width:100%;color:var(--ink);cursor:pointer;border-radius:14px;gap:10px;padding:10px 12px;display:flex}.usecase-btn strong{font-size:.92rem;display:block}.usecase-btn small{color:var(--muted);margin-top:2px;font-size:.78rem;line-height:1.35;display:block}.usecase-btn.active{border-color:var(--gold);background:var(--gold-soft)}.usecase-btn.passed .usecase-check{color:var(--ok)}.usecase-check{color:var(--muted);font-size:1.1rem;line-height:1.2}.expect-box{border:1px dashed var(--line);background:var(--accent-soft);border-radius:12px;margin:12px 0 16px;padding:12px 14px;font-size:.92rem}.step-list{color:var(--muted);margin:0 0 18px;padding-left:1.2rem}.step-list li+li{margin-top:6px}.playground-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.playground .field{margin-bottom:0}.playground .field>span{color:var(--muted);font-size:.85rem}.playground-actions-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.payto-box,.commission-box,.slip-box{border:1px solid var(--line);background:color-mix(in srgb, var(--gold-soft) 55%, transparent);border-radius:14px;margin:8px 0 16px;padding:14px}.slip-box{background:color-mix(in srgb, var(--accent-soft) 70%, var(--panel-solid))}.payto-box h3,.commission-box h3,.slip-box h3,.playground-side h3{margin:0 0 10px;font-size:1rem}.slip-hint{margin:0 0 12px;font-size:.9rem}.slip-status-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-bottom:12px;display:grid}.slip-status-row .muted{margin-bottom:2px;font-size:.78rem;display:block}.slip-attach{grid-template-columns:minmax(140px,200px) 1fr;align-items:start;gap:14px;display:grid}.slip-drop{border:1px dashed var(--line);background:var(--panel-solid);cursor:pointer;text-align:center;min-height:160px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex}.slip-drop span{gap:4px;font-size:.9rem;display:grid}.slip-drop small{opacity:.85;font-size:.75rem}.slip-drop.disabled{opacity:.5;pointer-events:none}.slip-preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:180px}.slip-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.slip-result{border-radius:10px;margin-top:12px;padding:10px 12px;font-size:.9rem}.slip-result.ok{background:color-mix(in srgb, var(--ok) 14%, transparent);border:1px solid color-mix(in srgb, var(--ok) 40%, var(--line))}.slip-result.bad{border:1px solid color-mix(in srgb, #c45c26 40%, var(--line));background:#c45c261f}.timeout-box,.event-report{border:1px solid color-mix(in srgb, #c45c26 45%, var(--line));background:color-mix(in srgb, #c45c26 10%, var(--panel-solid));border-radius:14px;margin:8px 0 16px;padding:14px}.timeout-box.done,.event-report.ok{border-color:color-mix(in srgb, var(--ok) 45%, var(--line));background:color-mix(in srgb, var(--ok) 10%, var(--panel-solid))}.timeout-box h3,.event-report h3,.event-report h4{margin:0 0 8px;font-size:1rem}.event-report h4{margin-top:14px}.countdown{align-items:baseline;gap:10px;margin-top:10px;display:flex}.countdown-num{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:2rem}.countdown-done{font-size:1.05rem}.expected-payto{border-top:1px dashed var(--line);gap:4px;margin-top:12px;padding-top:12px;display:grid}.expected-payto .muted{font-size:.8rem}.event-steps{margin:12px 0 0;padding-left:1.15rem}.event-steps li{margin-top:8px}.event-steps strong{min-width:7.5rem;margin-right:8px;display:inline-block}.event-steps small{margin-top:2px;display:block}.event-report pre{white-space:pre-wrap;word-break:break-word;background:#00000040;border-radius:10px;max-height:220px;margin:8px 0 0;padding:10px;font-size:.78rem;overflow:auto}.slip-result p{margin:8px 0 0}.slip-result pre{white-space:pre-wrap;word-break:break-word;max-height:180px;margin:8px 0 0;font-size:.78rem;overflow:auto}.payto-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;display:grid}.payto-grid .muted{margin-bottom:2px;font-size:.78rem;display:block}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.status-stack{margin-bottom:16px}.file-btn{cursor:pointer;align-items:center;display:inline-flex}.playground-side .stack{gap:8px;margin-bottom:16px}.playground-side input,.playground-side select{width:100%}.playground-side .bank-autofill{padding:0 2px;font-size:.85rem}.plain-list li,.log-list li{border-bottom:1px solid var(--line);padding:8px 0;font-size:.9rem}.log-list{max-height:220px;overflow:auto}@media (width<=1100px){.playground-layout{grid-template-columns:1fr}}@media (width<=720px){.playground-form-grid,.payto-grid,.slip-attach,.slip-status-row{grid-template-columns:1fr}}.txn-slip-detail-row>td{background:color-mix(in srgb, var(--accent-soft) 35%, var(--panel-solid));padding:12px 14px}.txn-slip-panel{flex-direction:column;gap:10px;display:flex}.txn-slip-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.txn-slip-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.txn-slip-card{border:1px solid var(--line);background:var(--panel-solid);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.txn-slip-thumb-btn{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;overflow:hidden}.txn-slip-thumb{object-fit:contain;background:color-mix(in srgb, var(--ink) 4%, transparent);border-radius:8px;width:100%;height:140px;display:block}.txn-slip-thumb-empty{color:var(--muted);border:1px dashed var(--line);place-items:center;font-size:.85rem;display:grid}.txn-slip-meta{flex-direction:column;gap:3px;font-size:.85rem;display:flex}.txn-slip-preview-dialog{width:min(720px,100%)}.txn-slip-preview-img{object-fit:contain;background:color-mix(in srgb, var(--ink) 4%, transparent);border-radius:12px;width:100%;max-height:min(70vh,640px)}.txn-time-cell{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.txn-timer{font-variant-numeric:tabular-nums;color:var(--gold);font-size:.82rem;font-weight:700}.txn-timer.warn{color:#c47a1a}.txn-timer.urgent,.txn-timer.expired{color:var(--danger)}.txn-bank-cell{align-items:center;gap:8px;min-width:168px;display:flex}.txn-bank-logo,.txn-bank-logo-fallback{object-fit:contain;border-radius:7px;flex:none;width:28px;height:28px;padding:3px;box-shadow:inset 0 0 0 1px #ffffff1f}.txn-bank-logo-fallback{place-items:center;padding:0;font-size:.58rem;font-weight:800;display:grid}.txn-bank-meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.txn-bank-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.txn-bank-acc{font-variant-numeric:tabular-nums;font-size:.82rem}.landing-root,.landing-root h1,.landing-root h2,.landing-root .brand{font-family:IBM Plex Sans Thai,Sarabun,sans-serif}.landing-root{color:#025de0;background:#f4f7fb;min-height:100vh}:lang(lo) .landing-root,:lang(lo).landing-root{font-family:Noto Sans Lao,IBM Plex Sans Thai,Sarabun,sans-serif}:lang(zh-CN) .landing-root,:lang(zh-CN).landing-root{font-family:Noto Sans SC,IBM Plex Sans Thai,sans-serif}.landing-nav{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#025de0f0;border-bottom:1px solid #d4af3738;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex;position:sticky;top:0}.landing-logo{color:#d4af37;letter-spacing:.02em;font-size:1.35rem;font-weight:800}.landing-nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.landing-langs{flex-wrap:wrap;gap:4px;max-width:min(520px,62vw);display:flex}.landing-lang{color:#f4efe4d1;font:inherit;cursor:pointer;background:0 0;border:1px solid #d4af3747;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:700}.landing-lang:hover,.landing-lang.active{color:#01357a;background:#d4af37;border-color:#d4af37}.landing-nav-links{color:#f4efe4c7;gap:22px;font-size:.92rem;font-weight:600;display:flex}.landing-nav-links a:hover{color:#d4af37}.landing-btn{color:#01357a!important;box-shadow:none!important;background:linear-gradient(135deg,#d4af37 0%,#b8942a 100%)!important}.landing-btn-lg{border-radius:999px;padding:14px 28px;font-size:1.02rem}.landing-hero{color:#f4efe4;background:linear-gradient(160deg,#01357a 0%,#025de0 55%,#3d8af0 100%);grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr);align-items:center;gap:24px;min-height:min(88vh,760px);padding:48px 56px 64px;display:grid;position:relative;overflow:hidden}.landing-hero-bg{object-fit:cover;opacity:.35;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.landing-hero-copy{z-index:1;max-width:640px;position:relative}.landing-hero h1{color:#fff;margin:0 0 12px;font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.12}.landing-kicker{color:#d4af37;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:700}.landing-lead{color:#f4efe4c7;margin:0 0 22px;font-size:1.15rem}.landing-section .landing-lead{color:#5a6b80}.landing-hero-globe{z-index:1;filter:drop-shadow(0 24px 40px #00000059);justify-self:end;width:min(100%,560px);position:relative}.landing-logos{background:#fff;border-bottom:1px solid #d5deea;padding:22px 0;overflow:hidden}.landing-logos-track{align-items:center;gap:36px;width:max-content;animation:28s linear infinite landing-marquee;display:flex}.landing-logos-track img{object-fit:contain;width:auto;height:36px}@keyframes landing-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-section{max-width:1180px;margin:0 auto;padding:72px 28px}.landing-section h2,.landing-split h2,.landing-cta h2{margin:0 0 18px;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2}.landing-regions{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.landing-region{text-align:left;cursor:pointer;font:inherit;color:inherit;background:#fff;border:1px solid #d5deea;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 10px 28px #0a23420f}.landing-region:hover{border-color:#d4af37;transform:translateY(-2px)}.landing-region img{object-fit:contain;width:72px;height:56px}.landing-region strong{display:block}.landing-region span{color:#c9a227;font-size:.85rem;font-weight:700}.landing-why{text-align:center}.landing-why-grid{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 36px;display:grid}.landing-why-card{color:#f4efe4;background:#025de0;border-radius:18px;min-height:160px;padding:22px 18px}.landing-why-card img{filter:invert(78%)sepia(48%)saturate(600%)hue-rotate(6deg);width:42px;height:42px;margin-bottom:16px}.landing-wide-img{border-radius:22px;width:100%;display:block}.landing-split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:40px;max-width:1180px;margin:0 auto;padding:40px 28px 72px;display:grid}.landing-split-reverse{direction:rtl}.landing-split-reverse>*{direction:ltr}.landing-split img{border-radius:22px;width:100%}.landing-split p{color:#5a6b80;margin:0 0 20px;font-size:1.05rem}.landing-industry-tabs{flex-wrap:wrap;gap:8px;margin:8px 0 18px;display:flex}.landing-tab{color:#5a6b80;font:inherit;cursor:pointer;background:#fff;border:1px solid #d5deea;border-radius:999px;padding:8px 14px;font-weight:700}.landing-tab.active{color:#d4af37;background:#025de0;border-color:#025de0}.landing-chips{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.landing-chips span{color:#025de0;background:#e8eef6;border-radius:999px;padding:7px 12px;font-size:.86rem}.landing-cta{color:#fff;background:#025de0;border-radius:28px;grid-template-columns:1.1fr .9fr;align-items:center;margin:20px 28px 40px;display:grid;overflow:hidden}.landing-cta img{object-fit:cover;width:100%;height:100%;min-height:280px}.landing-cta>div{padding:40px}.landing-foot{color:#5a6b80;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px 28px 36px;display:flex}.landing-foot strong{color:#025de0}.landing-login-backdrop{z-index:90}.landing-login-card{position:relative}.landing-login-close{position:absolute;top:10px;right:12px}@media (width<=900px){.landing-nav{flex-wrap:wrap}.landing-nav-actions{justify-content:space-between;width:100%}.landing-langs{max-width:100%}.landing-nav-links{display:none}.landing-hero,.landing-split,.landing-split-reverse,.landing-cta,.landing-why-grid,.landing-regions{direction:ltr;grid-template-columns:1fr}.landing-hero{min-height:auto;padding:36px 20px 40px}.landing-hero-globe{justify-self:center}.landing-section{padding:48px 18px}.landing-cta>div{padding:28px 20px 32px}}