:root{--purple:#635bff;--purple-dark:#5147de;--ink:#252a3d;--muted:#687083;--line:#e8eaf0;--bg:#fff;--soft:#f8f9fb;--sidebar:#f8f9fc;--green:#17734e;--radius:12px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #bbb6ff}h1,h2,h3,p{margin:0}h1{letter-spacing:-.035em;font-size:29px;font-weight:650;line-height:1.25}h2{letter-spacing:-.015em;font-size:16px;font-weight:600}h3{font-size:15px;font-weight:600}small{color:var(--muted);font-size:12px}code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #dadde5;border-radius:7px;min-height:38px;padding:9px 11px}input::placeholder,textarea::placeholder{color:#737b8a}input:focus,select:focus,textarea:focus{border-color:var(--purple)}select{cursor:pointer;padding-right:27px}textarea{resize:vertical;min-height:90px}.button{white-space:nowrap;background:#fff;border:1px solid #dce0e8;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 13px;font-size:12px;font-weight:550;transition:background .15s;display:inline-flex}.button:hover{background:#f5f6fa}.button.primary{color:#fff;background:var(--purple);border-color:var(--purple)}.button.primary:hover{background:var(--purple-dark)}.button.subtle{background:0 0;border-color:#0000;padding:5px 8px}.button.subtle:hover{color:#5147de;background:#f0efff}.button.danger{color:#b13d4c;border-color:#edd5d9}.text-link{color:#5a50e6;align-items:center;gap:6px;font-size:12px;font-weight:550;display:inline-flex}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;width:232px;padding:28px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:19px;font-weight:650;display:flex}.brand small{letter-spacing:.01em;color:#7b8293;margin-top:-2px;font-size:11px;font-weight:450;display:block}.brandmark{color:#fff;background:#635bff;border-radius:9px;justify-content:center;align-items:center;width:35px;height:38px;display:flex}.workspace-label{color:#7b8293;margin:36px 12px 10px;font-size:11px;font-weight:500}.workspace-name{align-items:center;gap:10px;padding:0 10px 25px;font-size:12px;font-weight:550;display:flex}.workspace-name small{font-size:10px;display:block}.workspace-icon,.avatar{color:#635a97;background:#eceaf9;border:1px solid #dedaf1;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;font-weight:600;display:flex}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{color:#626b80;border-radius:7px;align-items:center;gap:12px;padding:10px 13px;font-size:13px;font-weight:500;display:flex}.sidebar nav a:hover{background:#f0f0f7}.sidebar nav a.active{color:#5a50de;background:#ebe9fe}.nav-dot{background:#635bff;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:32px}.gateway-label{color:#5c6578;padding:15px 8px 18px;font-size:11px}.gateway-label small{color:#818798;margin-left:16px;font-size:10px;display:block}.dot{background:#43a17b;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.help-link{color:#70788a;align-items:center;gap:9px;margin:0 6px 22px;font-size:11px;display:flex}.help-link svg:last-child{margin-left:auto}.staff-profile{border-top:1px solid var(--line);align-items:center;gap:11px;padding:19px 8px;font-size:12px;font-weight:550;display:flex}.staff-profile small{font-size:10px;display:block}.avatar{color:#657085;background:#e9ecf2;border-color:#e0e4eb;border-radius:50%}.main-shell{flex-direction:column;width:calc(100% - 232px);min-width:0;margin-left:232px;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:66px;padding:0 38px;display:flex}.breadcrumb{color:#616a7f;font-size:11px}.breadcrumb span{color:#b6bbca;margin:0 13px}.topbar-right{color:#6f778b;align-items:center;gap:10px;display:flex}.mode{color:#956323;background:#fff6e7;border:1px solid #f2e3c9;border-radius:5px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:550;display:inline-flex}.mode>span{background:#ce9643;border-radius:50%;width:5px;height:5px}.mode.live{color:#226b4f;background:#eaf7f0;border-color:#d3eadd}.mode.live>span{background:#30946a}.top-divider{background:#e4e7ed;width:1px;height:17px;margin:0 7px}.content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:35px 38px 26px}.page-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:29px;display:flex}.page-title p{color:var(--muted);margin-top:8px;font-size:12px}.filterbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filters{gap:8px;display:flex}.filters select{max-width:210px;min-height:34px;padding-top:6px;padding-bottom:6px;font-size:11px}.metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:27px;padding-bottom:25px;display:grid}.metrics article{border-right:1px solid var(--line);padding:0 24px}.metrics article:first-child{padding-left:0}.metrics article:last-child{border:0}.metrics article>span{color:#60697e;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:550;display:flex}.metrics article>span svg{color:#969fb0}.metrics h2{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:11px;font-size:27px;font-weight:550}.metrics small{margin-top:4px;font-size:10px;display:block}.panel{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:23px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:19px 22px;display:flex}.panel-heading h2{align-items:center;gap:9px;font-size:13px;display:flex}.count{color:#767e8f;text-align:center;background:#f1f2f7;border-radius:4px;min-width:20px;font-size:10px;font-weight:500;line-height:18px}.chart-legend{color:#747d8e;align-items:center;gap:7px;font-size:10px;display:flex}.chart-legend i{background:#635bff;border-radius:2px;width:7px;height:7px}.chart{gap:17px;height:237px;padding:6px 23px 25px 21px;display:flex}.chart-axis{color:#9199a8;text-align:right;flex-direction:column;justify-content:space-between;width:67px;padding-top:15px;padding-bottom:39px;font-size:9px;display:flex}.chart-plot{flex:1;min-width:0;position:relative}.chart-plot>svg{width:100%;height:190px;overflow:visible}.chart-plot line{stroke:#edf0f5;stroke-width:1px}.chart-dates{color:#8992a3;justify-content:space-between;font-size:9px;display:flex}.chart-empty{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:16px 0 32px}.chart-empty strong{color:#647087;font-size:12px;font-weight:500}.chart-empty>span:last-child{color:#8790a1;font-size:10px}.chart-empty-symbol{color:#a5adbd;background:#fff;margin-bottom:3px;padding:5px}.empty{text-align:center;padding:44px 24px 47px}.empty-icon{color:#938eb8;background:#f5f4fb;border-radius:14px;justify-content:center;align-items:center;width:53px;height:53px;margin:0 auto 15px;display:flex}.empty h3{font-size:14px}.empty p{max-width:365px;color:var(--muted);margin:8px auto 19px;font-size:11px;line-height:1.7}.empty .button{font-size:11px}.next-step{background:#f9f9fd;border:1px solid #ebebf3;border-radius:10px;align-items:center;gap:16px;padding:20px 22px;display:flex}.next-icon{color:#817bba;display:flex}.next-step h3{font-size:12px}.next-step p{color:#858c9d;margin-top:4px;font-size:10px}.next-step .button{margin-left:auto;font-size:10px}.app-footer{color:#9299a9;border-top:1px solid #f1f2f6;justify-content:space-between;padding:22px 38px;font-size:9px;display:flex}.preview-banner{color:#7a6b35;background:#f8f6e9;border-bottom:1px solid #ece7cf;padding:5px 38px;font-size:10px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#737e91;white-space:nowrap;background:#fafbfc;font-size:10px;font-weight:500}td,th{border-top:1px solid var(--line);padding:13px 20px}td small{margin-top:2px;font-size:10px;display:block}td strong{font-weight:550}tbody tr:hover{background:#fcfcff}.reference-cell{color:#8790a1;overflow-wrap:anywhere;max-width:200px;font-size:10px}.status{color:#68758c;white-space:nowrap;background:#f1f2f6;border-radius:5px;align-items:center;gap:5px;padding:2px 7px;font-size:10px;display:inline-flex}.status>span{background:currentColor;border-radius:50%;width:4px;height:4px}.status-paid,.status-success,.status-active,.status-delivered,.status-approved{color:#237b52;background:#eaf7ef}.status-pending,.status-uncertain,.status-created{color:#956919;background:#fff5df}.status-failed,.status-revoked{color:#b34957;background:#fff0f1}.table-toolbar{align-items:center;gap:12px;padding:15px 20px;display:flex}.table-toolbar select{font-size:11px}.table-toolbar>span{margin-left:auto}.search{color:#9199a9;flex:1;align-items:center;gap:9px;max-width:360px;display:flex}.search input{border:0;width:100%;padding-left:0;font-size:12px}.panel-body{padding:0 22px 22px}.panel-body>p{margin:5px 0 15px;font-size:12px}.form{flex-direction:column;gap:17px;max-width:490px;padding:10px 0;display:flex}.form>label{flex-direction:column;gap:6px;font-size:12px;font-weight:500;display:flex}.form small{font-size:10px;font-weight:400}.form .button{align-self:flex-start}.form .check-field{flex-flow:row-reverse wrap;justify-content:flex-end;align-items:center;gap:10px}.check-field input{width:16px;height:16px;min-height:0;accent-color:var(--purple)}.check-field small{flex-basis:100%}.error-text{color:#b63f50;margin-top:5px;font-size:12px;display:block}.warning-text{color:#976222}.success-message{color:#237b52;background:#f0faf3;border-radius:7px;padding:12px;font-size:12px}.success-message svg{vertical-align:middle;margin-right:5px}.revealed{flex-wrap:wrap;gap:9px;margin-top:10px;display:flex}.revealed code{word-break:break-all;max-width:100%;display:block}.revealed small{width:100%}details{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}summary{cursor:pointer;align-items:center;gap:10px;font-size:12px;font-weight:550;list-style:none;display:flex}summary svg{margin-left:auto}details[open]>summary{margin-bottom:15px}.merchant-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:13px 0;font-size:12px;display:flex}.merchant-row small{font-size:10px;display:block}.merchant-row .status{margin-left:auto}.project-icon{color:#817e9c;background:#f2f2f8;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.account-row{border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.account-row>.status{margin-left:12px}.account-row small{margin:8px 0 2px;display:block}.developer-intro{background:#f7f7fb;border:1px solid #e9e9f1;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;display:grid;overflow:hidden}.developer-intro>div{max-width:440px;padding:29px}.developer-intro>div>svg{color:#837ccb;margin-bottom:18px}.developer-intro h2{letter-spacing:-.03em;font-size:21px}.developer-intro p{color:var(--muted);margin:10px 0 20px;font-size:12px}.developer-intro pre{color:#e5e4f5;background:#242638;margin:0;padding:25px;font-size:11px;overflow:auto}.developer-intro code{font-size:11px}.list>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.list>div>div{flex:1}.list code{color:#81899a;margin-top:3px;display:block}.webhook-row{flex-wrap:wrap;align-items:center;gap:15px;padding:15px 0;display:flex}.compact-empty{color:var(--muted);padding:28px 22px;font-size:12px}.setup{max-width:980px;margin:0 auto;padding:55px 32px}.setup-content{max-width:650px;padding-top:70px}.setup h1{margin:16px 0 20px;font-size:44px}.setup p{color:var(--muted);max-width:590px}.pill{color:#706aab;background:#f5f4ff;border:1px solid #e0dff3;border-radius:5px;padding:3px 9px;font-size:11px;display:inline-flex}.setup-steps{flex-direction:column;gap:22px;margin:32px 0;display:flex}.setup-steps article{gap:18px;display:flex}.setup-steps svg{color:#8c84c6;flex-shrink:0;margin-top:3px}.setup-steps p{margin-top:5px;font-size:12px}.setup .small{margin-top:20px}.auth-page{flex-direction:column;align-items:center;gap:35px;padding:70px 24px;display:flex}.auth-page>.panel{padding:30px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.two-column{grid-template-columns:minmax(0,1fr) 360px;gap:30px;display:grid}.back-link{color:#777f94;align-items:center;gap:7px;margin-bottom:18px;font-size:11px;display:inline-flex}.form-panel{padding:25px}.checkout-preview{text-align:center;background:#fafafd;border:1px solid #ececf3;border-radius:12px;height:fit-content;padding:26px}.checkout-preview h3{margin:12px 0 7px}.preview-placeholder{color:#969bb1;background:#fff;border:1px dashed #dcddea;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:160px;margin:20px 0;display:flex}.checkout-preview small{font-size:10px;display:block}.detail-heading{align-items:center;gap:13px;display:flex}.detail-amount{letter-spacing:-.04em;font-size:35px}.detail-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.metadata-grid{grid-template-columns:1fr 1fr;gap:19px;padding:3px 22px 25px;display:grid}.metadata-grid dt{color:var(--muted);margin-bottom:4px;font-size:11px}.metadata-grid dd{overflow-wrap:anywhere;margin:0;font-size:12px}.timeline{padding:0 23px 22px}.timeline>div{border-top:1px solid var(--line);gap:12px;padding:13px 0;display:flex}.timeline small{display:block}.checkout-page{background:#f7f8fb;min-height:100vh;padding:38px 24px}.checkout-top{justify-content:space-between;align-items:center;max-width:880px;margin:0 auto 24px;display:flex}.checkout-top .brand{font-size:16px}.checkout-card{background:#fff;border:1px solid #e4e7ed;border-radius:14px;grid-template-columns:.9fr 1.1fr;max-width:880px;margin:auto;display:grid;overflow:hidden}.checkout-order{border-right:1px solid var(--line);background:#fbfbfe;padding:38px 30px}.checkout-order h1{margin:20px 0 10px;font-size:25px}.checkout-order .checkout-total{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:20px 0;font-size:38px}.order-detail{border-top:1px solid var(--line);color:var(--muted);margin-top:25px;padding-top:20px;font-size:12px}.qr-section{text-align:center;padding:26px 32px}.thaiqr-header{color:#fff;background:#00427a;border-radius:6px;margin-bottom:10px;padding:0 12px;font-size:18px;font-weight:600}.powered{color:#667488;justify-content:center;align-items:center;gap:5px;margin:5px 0 15px;font-size:10px;display:flex}.qr-image{width:240px;max-width:100%;height:auto;image-rendering:pixelated;margin:12px auto;display:block}.qr-missing{min-height:220px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.expiry{color:#556075;margin:14px 0 10px;font-size:12px}.qr-account{font-size:12px;font-weight:600}.qr-save{width:100%;margin:17px 0}.payment-instructions{text-align:left;color:#647085;border-top:1px solid var(--line);padding:15px 0 0 18px;font-size:11px;line-height:1.8}.fraud-warning{color:#68715d;text-align:left;background:#f7f8f0;border-radius:6px;align-items:flex-start;gap:7px;margin-top:15px;padding:11px;font-size:10px;display:flex}.fraud-warning svg{flex-shrink:0}.checkout-security{color:#838b9c;justify-content:center;align-items:center;gap:7px;max-width:880px;margin:25px auto;font-size:11px;display:flex}.payment-result{padding:50px 10px}.payment-result svg{color:#318d66}.payment-result h2{margin:15px 0 10px;font-size:23px}.payment-result p{color:var(--muted);margin:12px 0 23px;font-size:12px}.pay-link{text-align:center;border:1px solid var(--line);background:#fff;border-radius:14px;max-width:450px;margin:60px auto;padding:36px}.pay-link h1{margin:25px 0 10px;font-size:24px}.pay-link .checkout-total{margin:23px 0;font-size:40px}.pay-link .button{width:100%}.docs{max-width:850px;margin:50px auto;padding:24px}.docs h1{margin:25px 0}.docs h2{margin:28px 0 12px}.docs p,.docs li{color:var(--muted);font-size:13px}.docs pre{background:#f6f7fb;border-radius:8px;padding:20px;overflow:auto}.docs a{color:var(--purple)}@media (min-width:1500px){.content{padding-top:45px}.chart{height:270px}.chart-plot>svg{height:220px}.metrics{margin-bottom:30px}.empty{padding:55px 24px}}@media (max-width:1100px){.sidebar{width:206px;padding-left:13px;padding-right:13px}.main-shell{width:calc(100% - 206px);margin-left:206px}.content{padding:28px 24px}.topbar{padding:0 24px}.metrics article{padding:0 15px}.metrics h2{font-size:23px}.metrics article>span svg{display:none}.two-column{grid-template-columns:1fr 300px}.detail-grid{grid-template-columns:1fr}.next-step p{max-width:270px}.topbar-right>.small{display:none}}@media (max-width:760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:17px 18px 0;display:block;position:static}.brand{font-size:17px}.brand small{display:none}.brandmark{width:30px;height:32px}.workspace-label,.workspace-name,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:6px;margin-top:15px;overflow:auto}.sidebar nav a{white-space:nowrap;border-radius:6px 6px 0 0;gap:5px;padding:10px 8px;font-size:11px}.sidebar nav svg{width:14px}.nav-dot{display:none}.main-shell{width:100%;margin:0}.topbar{height:49px;padding:0 19px}.topbar-right{gap:5px}.topbar-right>svg,.top-divider{display:none}.content{padding:25px 19px}.page-title{align-items:flex-start;margin-bottom:23px}.page-title h1{font-size:25px}.page-title p{max-width:220px;font-size:11px}.page-title>.button{gap:0;padding:8px;font-size:0}.page-title>.button svg{width:17px}.filters{flex-wrap:wrap;gap:6px}.filters select{max-width:150px;font-size:10px}.filterbar>.button{gap:0;padding:8px;font-size:0}.metrics{grid-template-columns:1fr 1fr;gap:20px 0;padding-bottom:21px}.metrics article{padding:0 16px}.metrics article:nth-child(3){padding-left:0}.metrics article:nth-child(2){border:0}.metrics h2{font-size:26px}.panel-heading{padding:16px}.panel-heading h2{font-size:12px}.panel-heading .text-link{font-size:10px}.chart{gap:9px;height:220px;padding-left:5px;padding-right:15px}.chart-axis{width:42px;font-size:8px}.chart-empty strong{font-size:11px}.chart-empty>span:last-child,.chart-legend{font-size:9px}.empty{padding:36px 19px}.next-step{flex-wrap:wrap;gap:12px;padding:17px}.next-step>div:nth-child(2){flex:1}.next-step .button{margin-left:34px}.next-step p{max-width:none}.app-footer{padding:18px;font-size:8px}.app-footer>span:last-child{display:none}.developer-intro,.two-column,.detail-grid{grid-template-columns:1fr}.developer-intro>div{padding:23px}.preview-banner{padding:5px 18px;font-size:9px}.table-toolbar{flex-wrap:wrap;padding:12px 15px}.search{min-width:180px}.table-toolbar>.muted{display:none}.setup{padding:30px 23px}.setup-content{padding-top:38px}.setup h1{font-size:34px}.checkout-card{grid-template-columns:1fr}.checkout-order{border-right:0;border-bottom:1px solid var(--line);padding:23px}.checkout-order h1{margin:10px 0;font-size:21px}.checkout-order .checkout-total{margin:10px 0;font-size:32px}.order-detail{margin-top:15px;padding-top:12px}.checkout-page{padding:22px 15px}.qr-section{padding:22px}.checkout-preview{display:none}.form-panel{padding:20px}.metadata-grid{grid-template-columns:1fr}.account-row code{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}@media (max-width:760px){.next-step>div:nth-child(2){min-width:calc(100% - 42px)}.next-step .button{margin-left:34px}}.wallet-controls{text-align:left;width:100%;margin:18px 0}.wallet-controls h2{margin:0 0 14px;font-size:20px}.wallet-controls p{line-height:1.6}.payment-methods{gap:10px;margin:20px 0;display:grid}.payment-method.button{justify-content:space-between;width:100%;min-height:54px;padding:12px 16px}.payment-method span{color:var(--muted,#657086);font-size:12px;font-weight:400}.settings-back{margin-bottom:18px;display:inline-flex}.settings-tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:24px;display:flex;overflow-x:auto}.settings-tabs a{color:var(--muted);border-bottom:2px solid #0000;flex:none;padding:12px 1px;font-size:13px;font-weight:550;text-decoration:none}.settings-tabs a:hover,.settings-tabs a[aria-current=page]{color:var(--purple);border-bottom-color:var(--purple)}.settings-content{min-width:0;max-width:1050px}.settings-content .merchant-row>div{min-width:0}.settings-content .merchant-row strong,.settings-content .merchant-row small{overflow-wrap:anywhere}.settings-content .merchant-row small{color:var(--muted);font-size:12px}.settings-content .text-link{white-space:normal}.settings-notice{color:var(--muted);padding:16px 0}.settings-notice .text-link{margin-top:8px;display:flex}@media (max-width:760px){.settings-tabs{gap:20px}.settings-content .panel-body{padding:18px}}.docs nav{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.docs-code{min-width:0;margin:20px 0}.docs-code-toolbar{align-items:center;gap:12px;font-size:13px;display:flex}.docs-code-toolbar button{cursor:pointer;color:#1b263b;background:#fff;border:1px solid #ccd1db;border-radius:6px;padding:5px 12px}.docs .docs-code pre{margin-top:8px}.docs code{overflow-wrap:anywhere}