
.drawer-backdrop{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background:rgba(16,28,38,.42);backdrop-filter:blur(1px);animation:merchant-backdrop-in .16s ease-out}.merchant-drawer{width:min(540px,100vw);height:100%;overflow:auto;background:#fff;border-left:1px solid #d8e0e6;box-shadow:-12px 0 36px rgba(14,28,40,.2);padding:24px 26px;animation:merchant-drawer-in .2s ease-out}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #e3e8ec}.drawer-header h2{margin:2px 0 5px;font-size:22px;line-height:1.25;color:#18212f}.drawer-header .muted{margin:0;color:#647483;font-size:12px;text-transform:uppercase;font-weight:700}.drawer-header small{color:#657483;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.drawer-section{padding:20px 0;border-bottom:1px solid #e7ecef}.drawer-section h3{margin:0 0 14px;font-size:14px;font-weight:700;color:#344452}.detail-list{display:grid;gap:12px;margin:0}.detail-list>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;align-items:start}.detail-list dt{color:#71808c;font-size:12px;font-weight:600}.detail-list dd{margin:0;min-width:0;overflow-wrap:anywhere;color:#263744;font-weight:550}.drawer-section p{margin:8px 0;color:#435360}.drawer-section code{overflow-wrap:anywhere;color:#263744}.status-control{display:grid;grid-template-columns:minmax(72px,1fr) auto auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #eef1f3}.status-control:first-of-type{border-top:0}.status-control>span{font-weight:600;color:#344452}.status-control>strong,.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 9px;border-radius:4px;background:#eef2f5;color:#52616d;font-size:11px;font-weight:700;white-space:nowrap}.status-control>strong{min-width:76px}.status-pill.active,.status-pill.enabled{background:#e4f4eb;color:#216942}.status-pill.disabled{background:#fce9e7;color:#9a3029}.status-pill.unknown{background:#fff3d8;color:#785813}.status-control button{min-height:32px;padding:5px 10px;border:1px solid #cbd5dc;border-radius:5px;background:#fff;color:#334554;font-weight:650}.status-control button:hover{background:#f3f7f8;border-color:#8093a1}.filter-bar input[data-merchant-search]{flex:1;min-width:260px;max-width:420px;height:38px;padding:8px 11px;border:1px solid #cad4dc;border-radius:5px;background:#fff}.filter-bar select[data-merchant-status]{min-width:170px;height:38px;padding:0 10px;border:1px solid #cad4dc;border-radius:5px;background:#fff}.admin-table{overflow-x:auto}.admin-table table{width:100%;min-width:820px;table-layout:auto}.admin-table th,.admin-table td{padding:12px 14px;vertical-align:middle}.admin-table tbody tr[data-merchant-id]{cursor:pointer}.admin-table tbody tr[data-merchant-id]:hover{background:#f3f7f8}.admin-table td:first-child strong,.admin-table td:first-child small{display:block}.admin-table td:first-child small{margin-top:4px;color:#72808c}.row-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d4dde3;border-radius:5px;background:#fff}.merchant-create-modal{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:26px;background:#fff;border:1px solid #d8e0e6;border-radius:8px;box-shadow:0 20px 60px rgba(14,28,40,.25)}.drawer-backdrop:has(.merchant-create-modal){align-items:center;justify-content:center;padding:16px}.merchant-create-modal form{display:grid;gap:14px}.merchant-create-modal label{display:grid;gap:6px;color:#465663;font-weight:600}.merchant-create-modal input{min-height:38px;padding:8px 10px;border:1px solid #cbd5dc;border-radius:5px}.merchant-create-modal .icon-button{float:right}@keyframes merchant-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes merchant-drawer-in{from{transform:translateX(24px);opacity:.7}to{transform:translateX(0);opacity:1}}@media(max-width:680px){.merchant-drawer{width:100vw;padding:18px 16px}.drawer-header h2{font-size:19px}.detail-list>div{grid-template-columns:110px minmax(0,1fr);gap:10px}.status-control{grid-template-columns:minmax(58px,1fr) auto auto;gap:7px}.status-control>strong{min-width:68px}.status-control button{padding:5px 7px;font-size:12px}.filter-bar input[data-merchant-search]{min-width:0;width:100%;max-width:none}}

.drawer-backdrop{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background:rgba(16,28,38,.42);backdrop-filter:blur(1px);animation:merchant-backdrop-in .16s ease-out}.merchant-drawer{width:min(540px,100vw);height:100%;overflow:auto;background:#fff;border-left:1px solid #d8e0e6;box-shadow:-12px 0 36px rgba(14,28,40,.2);padding:24px 26px;animation:merchant-drawer-in .2s ease-out}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #e3e8ec}.drawer-header h2{margin:2px 0 5px;font-size:22px;line-height:1.25;color:#18212f}.drawer-header .muted{margin:0;color:#647483;font-size:12px;text-transform:uppercase;font-weight:700}.drawer-header small{color:#657483;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.drawer-section{padding:20px 0;border-bottom:1px solid #e7ecef}.drawer-section h3{margin:0 0 14px;font-size:14px;font-weight:700;color:#344452}.merchant-drawer .detail-list{display:grid;gap:12px;margin:0}.merchant-drawer .detail-list>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;align-items:start}.merchant-drawer .detail-list dt{color:#71808c;font-size:12px;font-weight:600}.merchant-drawer .detail-list dd{margin:0;min-width:0;overflow-wrap:anywhere;color:#263744;font-weight:550}.drawer-section p{margin:8px 0;color:#435360}.drawer-section code{overflow-wrap:anywhere;color:#263744}.status-control{display:grid;grid-template-columns:minmax(72px,1fr) auto auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #eef1f3}.status-control:first-of-type{border-top:0}.status-control>span{font-weight:600;color:#344452}.status-control>.status-pill{min-width:76px}.status-control button{min-height:32px;padding:5px 10px;border:1px solid #cbd5dc;border-radius:5px;background:#fff;color:#334554;font-weight:650}.status-control button:hover{background:#f3f7f8;border-color:#8093a1}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 9px;border-radius:4px;background:#eef2f5;color:#52616d;font-size:11px;font-weight:700;white-space:nowrap}.status-pill.active,.status-pill.enabled{background:#e4f4eb;color:#216942}.status-pill.disabled{background:#fce9e7;color:#9a3029}.status-pill.unknown{background:#fff3d8;color:#785813}.merchant-create-modal{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:26px;background:#fff;border:1px solid #d8e0e6;border-radius:8px;box-shadow:0 20px 60px rgba(14,28,40,.25)}.drawer-backdrop:has(.merchant-create-modal){align-items:center;justify-content:center;padding:16px}.merchant-create-modal form{display:grid;gap:14px}.merchant-create-modal label{display:grid;gap:6px;color:#465663;font-weight:600}.merchant-create-modal input{min-height:38px;padding:8px 10px;border:1px solid #cbd5dc;border-radius:5px}.merchant-create-modal .icon-button{float:right}@keyframes merchant-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes merchant-drawer-in{from{transform:translateX(24px);opacity:.7}to{transform:translateX(0);opacity:1}}@media(max-width:680px){.merchant-drawer{width:100vw;padding:18px 16px}.drawer-header h2{font-size:19px}.merchant-drawer .detail-list>div{grid-template-columns:110px minmax(0,1fr);gap:10px}.status-control{grid-template-columns:minmax(58px,1fr) auto auto;gap:7px}.status-control>.status-pill{min-width:68px}.status-control button{padding:5px 7px;font-size:12px}}
button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#13202b;color:#e7edf2;display:flex;flex-direction:column;padding:24px 14px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;font-weight:750;padding:0 12px}.brand-mark{width:29px;height:29px;background:#9de3c1;color:#112331;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:850;font-size:17px}.workspace-label,.mode-label{margin:42px 12px 9px;color:#8495a3;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.nav-item{display:flex;width:100%;gap:12px;align-items:center;border:0;background:none;border-radius:6px;color:#abb9c3;text-align:left;padding:11px 12px;margin:2px 0}.nav-item:hover,.nav-item.active{background:#243442;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #9de3c1}.nav-item svg,.text-button svg,.button svg,.row-action svg,.icon-button svg,.workspace-switch svg,.payment-option svg,.cashier-note svg,.verified svg,.notice svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto}.workspace-switch{display:flex;align-items:center;justify-content:space-between;width:100%;background:#1d2d3a;border:1px solid #334754;border-radius:6px;color:#dbe5eb;padding:9px 10px;font-size:12px}.workspace-switch svg{width:14px}.user-chip{display:flex;gap:10px;align-items:center;border-top:1px solid #30414e;margin:22px 4px 0;padding:18px 8px 0}.avatar{width:31px;height:31px;border-radius:50%;background:#e2b486;color:#33271c;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{color:#8fa1ae;font-size:10px;margin-top:3px}.sign-out-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:9px 10px;border:1px solid #40515d;border-radius:6px;background:#1d2d3a;color:#dbe5eb;font-size:12px;font-weight:700}.sign-out-button:hover{background:#293d4a;border-color:#667985}.sign-out-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.main{min-width:0;flex:1}.topbar{height:82px;background:#fff;border-bottom:1px solid #e6ebef;display:flex;justify-content:space-between;align-items:center;padding:0 42px}.eyebrow{display:block;color:#73818c;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:750;margin-bottom:6px}.topbar h1{font-size:20px;line-height:1.1;margin:0;font-weight:720}.top-actions{display:flex;gap:18px;align-items:center}.live-dot{color:#6a7882;font-size:12px}.live-dot i,.health i{display:inline-block;width:7px;height:7px;background:#42b982;border-radius:50%;margin-right:5px}.icon-button{border:1px solid #dce3e8;background:#fff;border-radius:6px;width:34px;height:34px;display:inline-flex;justify-content:center;align-items:center;color:#61717d}.icon-button:hover{border-color:#aabac5;background:#f7fafb}.content{padding:34px 42px 58px;max-width:1500px}.welcome-row,.page-intro,.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.welcome-row{margin-bottom:26px}.welcome-row h2,.page-intro h2{font-size:27px;letter-spacing:0;margin:0 0 7px;font-weight:750}.muted{color:#73818c;font-size:12px;margin:0 0 8px}.subheading{color:#6d7a84;margin:0;font-size:13px}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:5px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.button.primary{background:#1d805e;color:#fff}.button.primary:hover{background:#166b4d}.button.secondary{background:#fff;color:#34434d;border-color:#d8e0e5}.button.secondary:hover{background:#f4f7f8}.button.compact{padding:7px 10px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.metric-card{background:#fff;border:1px solid #e2e8eb;border-radius:7px;padding:18px 19px;min-height:126px}.metric-card.accent{border-top:3px solid #1d805e}.metric-heading{display:flex;justify-content:space-between;color:#65747e;font-size:12px;margin-bottom:13px}.metric-heading svg{width:16px;height:16px;fill:none;stroke:#7d8c96;stroke-width:1.6}.metric-card strong{display:block;font-size:22px;letter-spacing:0;font-weight:750;margin-bottom:7px}.metric-card small{font-size:11px;color:#84929b}.positive{color:#1b9067!important}.warning{color:#bd7c26!important}.section-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{background:#fff;border:1px solid #e2e8eb;border-radius:7px;padding:21px}.panel h3{font-size:15px;margin:0 0 5px}.panel-header{align-items:center;margin-bottom:18px}.text-button{border:0;background:none;color:#1c795b;padding:0;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.text-button svg{width:14px;height:14px}.range-pill,.secure-badge{border:1px solid #dce5e7;border-radius:20px;background:#f7faf9;color:#527064;font-size:11px;padding:7px 10px;white-space:nowrap}.bar-chart{height:188px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #e5eaed;padding:12px 8px 0}.bar-group{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:end;gap:8px;color:#89969d;font-size:10px}.bar{width:27px;min-height:15px;background:#9edfc2;border-radius:4px 4px 0 0;position:relative}.bar-group:nth-child(4) .bar,.bar-group:nth-child(7) .bar{background:#1d805e}.bar span{position:absolute;top:-18px;color:#1d805e;font-size:9px;font-weight:700;white-space:nowrap}.panel>tbody,.panel table{width:100%}.provider-row,.queue-row,.settlement-item,.key-row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0f2;padding:13px 0}.provider-row:first-of-type,.queue-row:first-of-type{border-top:0}.provider-row>span:nth-child(2),.queue-row>span:nth-child(2),.key-row>span:nth-child(2),.settlement-item>span:nth-child(2){flex:1}.provider-row small,.queue-row small,.key-row small,.settlement-item small{display:block;color:#8a969d;font-size:11px;margin-top:4px}.provider-row b{font-size:12px}.provider-logo,.key-icon{width:29px;height:29px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800}.provider-logo.topay{background:#d4eafe;color:#2a6daa}.provider-logo.waayu{background:#fde7d1;color:#a96021}.health{font-size:11px;color:#4a7765;white-space:nowrap}.queue-dot{width:9px;height:9px;border-radius:50%}.queue-dot.high{background:#e48566}.queue-dot.medium{background:#e6b35d}.queue-dot.low{background:#75b69c}.count-badge{background:#e4f2ec;color:#237358;border-radius:14px;padding:5px 9px;font-size:11px;font-weight:700}.page-intro{align-items:end;margin-bottom:27px}.filter-bar{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #e2e8eb;padding:10px;border-radius:7px;margin-bottom:13px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #dce3e7;border-radius:5px;height:35px;flex:1;min-width:200px;padding:0 10px;color:#87949d}.search-field svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.search-field input{border:0;outline:0;width:100%;font-size:12px;color:#1b2b34}.filter-bar select{border:1px solid #dce3e7;background:#fff;color:#42515a;border-radius:5px;padding:8px 11px;height:35px;font-size:12px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #e2e8eb;border-radius:7px}.table-wrap table{border-collapse:collapse;width:100%;min-width:760px}.table-wrap th{font-size:10px;color:#7c8991;text-transform:uppercase;letter-spacing:.07em;text-align:left;padding:13px 15px;background:#fbfcfc;border-bottom:1px solid #e6ebed;white-space:nowrap}.table-wrap td{padding:14px 15px;border-bottom:1px solid #edf0f2;color:#43515a;font-size:12px;white-space:nowrap}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td strong,.table-wrap td small{display:block}.table-wrap td small{font-size:11px;color:#8c989f;margin-top:4px}.product-tag{font-size:10px;font-weight:750;padding:5px 7px;border-radius:4px}.product-tag.payin{background:#e4f3ed;color:#28775c}.product-tag.payout{background:#e9edfb;color:#4e62a5}.status{font-size:11px;display:inline-flex;align-items:center;gap:5px;font-weight:650}.status i{width:6px;height:6px;border-radius:50%;background:#94a0a5}.status-success{color:#248261}.status-success i{background:#39a97d}.status-failed,.status-expired{color:#b65d54}.status-failed i,.status-expired i{background:#d77a70}.status-processing,.status-waiting_payment,.status-queued,.status-unknown{color:#a16b24}.status-processing i,.status-waiting_payment i,.status-queued i,.status-unknown i{background:#d9a04e}.row-action{border:0;background:none;color:#78909b;width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center}.row-action:hover{color:#1d805e}.row-action svg{width:15px;height:15px}.table-footer{display:flex;justify-content:space-between;align-items:center;color:#7b8991;font-size:11px;padding:15px 2px}.pagination{display:flex;align-items:center;gap:9px}.pagination .icon-button svg{transform:rotate(180deg);width:14px}.pagination .next svg{transform:none}.empty-state{padding:30px 10px;text-align:center;color:#6f7d85}.empty-state strong{display:block;color:#34444e;font-size:13px}.empty-state p{margin:6px 0 14px;font-size:12px}.empty-icon{width:36px;height:36px;margin:0 auto 10px;border-radius:50%;background:#edf3f1;color:#4b8f75;display:flex;align-items:center;justify-content:center}.empty-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.error-state{padding:60px}.loading-state{display:flex;gap:12px;align-items:center;justify-content:center;padding:120px;color:#71808a}.spinner{height:18px;width:18px;border:2px solid #d6e5df;border-top-color:#1d805e;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.integration-page .page-intro{align-items:start}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.integration-card{position:relative;min-height:218px}.integration-card.full{grid-column:1/-1;min-height:auto}.step-number{display:inline-block;color:#1d805e;font-size:10px;letter-spacing:.08em;font-weight:800;margin-bottom:18px}.integration-card h3{font-size:17px;margin-bottom:9px}.segmented{display:flex;border:1px solid #dce5e5;border-radius:5px;padding:3px;margin:20px 0 13px;width:max-content}.segmented button{border:0;background:none;padding:7px 12px;border-radius:3px;font-size:11px;color:#677680}.segmented button.selected{background:#e5f3ed;color:#206b51;font-weight:700}.code-block{position:relative;background:#17252f;color:#d6e6e1;border-radius:5px;padding:12px;margin-top:19px}.code-block span{display:block;color:#8ba69b;font-size:10px;margin-bottom:7px}.code-block code{font-family:ui-monospace,monospace;font-size:11px}.copy-button{position:absolute;right:8px;top:25px;border:0;background:none;color:#9eb7b0}.key-icon{background:#edf4f1;color:#2b8062}.payin-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;margin-top:23px}.payin-form label{font-size:11px;color:#687781}.payin-form input{display:block;border:1px solid #d9e1e4;border-radius:5px;padding:9px;width:100%;margin-top:6px;font-size:12px}.form-result{display:flex;gap:12px;align-items:center;margin-top:14px;background:#edf8f3;color:#236e54;padding:11px;border-radius:5px;font-size:11px}.form-result strong,.form-result span{display:block}.form-result strong{font-size:11px}.form-result span{color:#6e7f78}.form-result .button{margin-left:auto}.form-error{background:#fff0ee;color:#a55048}.notice{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#eef7f3;border:1px solid #d2e8dd;border-radius:6px;color:#286d55;font-size:12px;margin:24px 0}.notice svg{flex-shrink:0}.success-notice{margin-top:0}.settlement-list{background:#fff;border:1px solid #e2e8eb;border-radius:7px}.settlement-item{padding:18px 20px}.settlement-item:first-child{border-top:0}.settlement-icon{color:#2d8768;background:#e7f4ee;border-radius:6px;width:33px;height:33px;display:flex;align-items:center;justify-content:center}.settlement-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.settlement-item>b{font-size:15px;margin-right:18px}.admin-metrics .metric-card{min-height:115px}.admin-table{margin-top:18px}.modal-backdrop{position:fixed;inset:0;background:#11212b80;display:flex;justify-content:center;align-items:center;padding:20px;z-index:5}.modal{background:#fff;border-radius:8px;border:1px solid #dce4e7;width:min(480px,100%);padding:25px;box-shadow:0 20px 60px #11212b30;position:relative}.modal h2{font-size:20px;margin:0 0 22px}.modal-close{position:absolute;right:17px;top:17px;font-size:19px}.detail-status{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;padding:15px 0;margin-bottom:12px}.detail-status strong{font-size:19px}.detail-list{margin:0}.detail-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f2f3}.detail-list dt{color:#7a8890;font-size:11px}.detail-list dd{margin:0;color:#263640;font-size:11px;font-weight:650}.warning-copy{font-size:11px;color:#9c6b28;background:#fff8ec;padding:11px;border-radius:4px;margin-bottom:0}.cashier-shell{min-height:100vh;background:#f2f6f4;color:#17262d;display:flex;flex-direction:column;align-items:center}.cashier-header{height:70px;width:100%;padding:0 max(24px,calc((100% - 1040px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e0e9e5}.cashier-header .brand{padding:0}.cashier-help{color:#7b898a;font-size:11px}.cashier-help a{color:#267558}.cashier-card{width:min(450px,calc(100% - 32px));background:#fff;border:1px solid #dce8e2;border-radius:9px;padding:28px;margin:42px auto 25px;box-shadow:0 8px 25px #2448380b}.cashier-logo{display:flex;align-items:center;gap:9px;color:#3e504d;font-size:15px}.cashier-logo .brand-mark{width:25px;height:25px;font-size:14px}.verified{margin-left:auto;color:#6e8880;font-size:10px;display:flex;gap:5px;align-items:center}.verified svg{width:13px;height:13px}.merchant-block{text-align:center;border-bottom:1px solid #edf1ef;padding:33px 0 23px}.merchant-block h1{font-size:17px;margin:0 0 17px}.cashier-amount{font-size:31px;font-weight:770}.order-ref{font-size:11px;color:#8a9694;margin:9px 0 0}.cashier-status{display:flex;align-items:center;gap:11px;padding:15px 0}.cashier-status>span:last-child strong,.cashier-status>span:last-child small{display:block}.cashier-status strong{font-size:12px}.cashier-status small{font-size:11px;color:#788782;margin-top:3px}.status-pulse{width:9px;height:9px;background:#dda349;border-radius:50%;box-shadow:0 0 0 4px #fff4de}.cashier-status.success .status-pulse{background:#43ab80;box-shadow:0 0 0 4px #e3f4ec}.payment-actions{display:grid;gap:9px}.payment-option{display:flex;align-items:center;gap:11px;width:100%;border:1px solid #dce5e1;background:#fff;padding:13px;border-radius:6px;text-decoration:none;text-align:left}.payment-option:hover{border-color:#79bca2;background:#fbfefc}.payment-option>span:nth-child(2){flex:1}.payment-option strong,.payment-option small{display:block}.payment-option strong{font-size:12px}.payment-option small{color:#82908c;font-size:10px;margin-top:4px}.primary-option{background:#1d805e;color:#fff;border-color:#1d805e}.primary-option small{color:#c4e8d8}.app-icon{width:29px;height:29px;border-radius:6px;background:#fff;color:#1d805e;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.app-icon.neutral{background:#edf4f1;color:#4f8270;font-size:9px}.cashier-note{display:flex;gap:8px;align-items:flex-start;color:#788783;font-size:10px;line-height:1.45;padding:17px 0 14px}.cashier-note svg{flex-shrink:0;width:14px;height:14px}.order-details{border-top:1px solid #edf1ef;padding-top:12px;font-size:11px;color:#62746d}.order-details summary{cursor:pointer}.order-details dl{margin:10px 0 0}.order-details dl div{display:flex;justify-content:space-between;padding:5px 0}.order-details dd{margin:0;color:#293b35}.cashier-shell footer{font-size:10px;color:#98a6a1;padding-bottom:25px}.cashier-error{background:#fff;border:1px solid #dce8e2;border-radius:8px;padding:48px;text-align:center;margin:70px 16px;width:min(420px,calc(100% - 32px))}.cashier-error h2{font-size:19px;margin:0 0 7px}.cashier-error p{font-size:12px;color:#74827e;margin:0 0 18px}@media(max-width:980px){.sidebar{width:210px}.content,.topbar{padding-left:28px;padding-right:28px}.metric-grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.payin-form{grid-template-columns:1fr 1fr}.payin-form .button{grid-column:1/-1;width:max-content}}@media(max-width:680px){.shell{display:block}.sidebar{width:100%;height:auto;padding:13px 14px;display:block}.sidebar .brand{display:inline-flex}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:2px;margin-top:14px;overflow:auto}.nav-item{width:auto;flex-shrink:0;padding:9px 10px}.nav-item span{font-size:11px}.topbar{height:70px;padding:0 18px}.top-actions{gap:9px}.live-dot{display:none}.content{padding:24px 16px 40px}.welcome-row,.page-intro{display:block}.welcome-row .button,.page-intro .button{margin-top:18px}.welcome-row h2,.page-intro h2{font-size:23px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px;min-height:112px}.metric-card strong{font-size:17px}.metric-heading{font-size:11px}.section-grid,.integration-grid{grid-template-columns:1fr}.integration-card.full{grid-column:auto}.filter-bar{flex-wrap:wrap}.search-field{flex-basis:100%}.filter-bar select{flex:1}.filter-bar .button{flex-basis:100%}.payin-form{grid-template-columns:1fr}.payin-form .button{grid-column:auto;width:100%}.cashier-header{padding:0 16px}.cashier-help{display:none}.cashier-card{margin-top:25px;padding:21px}.cashier-amount{font-size:28px}}

/* Provider account forms use stable vertical groups and fixed VPA action columns. */
.provider-account-drawer .provider-status-form,
.provider-account-drawer .provider-vpa-form,
.provider-account-drawer .provider-binding-form{display:grid;gap:10px;margin-top:16px;min-width:0}
.provider-account-drawer .provider-status-form label,
.provider-account-drawer .provider-vpa-form label,
.provider-account-drawer .provider-binding-form label{display:grid;gap:6px;min-width:0;color:#465663;font-size:12px;font-weight:650;line-height:1.35}
.provider-account-drawer .provider-status-form input,
.provider-account-drawer .provider-status-form select,
.provider-account-drawer .provider-vpa-form textarea,
.provider-account-drawer .provider-binding-form input,
.provider-account-drawer .provider-vpa-row input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cbd5dc;border-radius:5px;background:#fff;color:#263744;padding:9px 10px;line-height:1.4}
.provider-account-drawer .provider-status-form input,
.provider-account-drawer .provider-status-form select,
.provider-account-drawer .provider-binding-form input{min-height:40px}
.provider-account-drawer .provider-vpa-form textarea{min-height:88px;resize:vertical}
.provider-account-drawer .provider-status-form input:focus,
.provider-account-drawer .provider-status-form select:focus,
.provider-account-drawer .provider-vpa-form textarea:focus,
.provider-account-drawer .provider-binding-form input:focus,
.provider-account-drawer .provider-vpa-row input:focus{outline:2px solid rgba(45,137,96,.2);outline-offset:1px;border-color:#2d8960}
.provider-account-drawer .provider-status-form>.button,
.provider-account-drawer .provider-vpa-form>.button,
.provider-account-drawer .provider-binding-form>.button{justify-self:start;margin-top:2px}
.provider-vpa-list{display:grid;gap:10px;margin-top:18px}
.provider-vpa-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:12px 0;border-top:1px solid #eef1f3;min-width:0}
.provider-vpa-row>code{min-width:0;overflow-wrap:anywhere;color:#263744;font-size:12px}
.provider-vpa-row>.status-pill{grid-column:2;grid-row:1;min-width:76px}
.provider-vpa-row>form{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;min-width:0}
.provider-vpa-row>form label{display:grid;gap:5px;min-width:0;color:#71808c;font-size:11px;font-weight:600}
.provider-vpa-row>form button{min-height:40px;padding:8px 10px;border:1px solid #cbd5dc;border-radius:5px;background:#fff;color:#334554;font-weight:650}
.provider-vpa-row>[data-vpa-status]{grid-column:2;justify-self:end}
.provider-account-drawer .form-result{margin:0;min-height:18px}
@media(max-width:680px){.provider-account-drawer .provider-status-form>.button,.provider-account-drawer .provider-vpa-form>.button,.provider-account-drawer .provider-binding-form>.button{width:100%}.provider-vpa-row{grid-template-columns:minmax(0,1fr)}.provider-vpa-row>.status-pill{grid-column:1;grid-row:2;justify-self:start}.provider-vpa-row>form{grid-column:1;grid-template-columns:1fr}.provider-vpa-row>form button{width:100%}.provider-vpa-row>[data-vpa-status]{grid-column:1;justify-self:start}}

/* merchant-drawer-final */
.drawer-backdrop{position:fixed!important;inset:0!important;z-index:1000!important;display:flex!important;justify-content:flex-end!important;align-items:stretch!important;background:rgba(16,28,38,.46)!important;backdrop-filter:blur(1px)}
.merchant-drawer{display:block!important;box-sizing:border-box!important;width:min(560px,100vw)!important;height:100%!important;max-height:100vh!important;overflow-y:auto!important;margin:0!important;padding:26px 30px!important;background:#fff!important;border:0!important;border-left:1px solid #d8e0e6!important;border-radius:0!important;box-shadow:-14px 0 42px rgba(14,28,40,.22)!important}
.merchant-drawer .drawer-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;margin:0!important;padding:0 0 20px!important;border-bottom:1px solid #e3e8ec!important}
.merchant-drawer .drawer-header h2{margin:2px 0 5px!important;font-size:22px!important;line-height:1.25!important;color:#18212f!important}
.merchant-drawer .drawer-header .muted{margin:0 0 5px!important;color:#647483!important;font-size:12px!important;text-transform:uppercase!important;font-weight:700!important}
.merchant-drawer .drawer-header small{color:#657483!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
.merchant-drawer .drawer-section{display:block!important;margin:0!important;padding:21px 0!important;border:0!important;border-bottom:1px solid #e7ecef!important}
.merchant-drawer .drawer-section h3{margin:0 0 14px!important;font-size:14px!important;font-weight:700!important;color:#344452!important}
.merchant-drawer .detail-list{display:grid!important;gap:12px!important;margin:0!important;padding:0!important}
.merchant-drawer .detail-list>div{display:grid!important;grid-template-columns:140px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;margin:0!important;padding:0!important;border:0!important}
.merchant-drawer .detail-list dt{color:#71808c!important;font-size:12px!important;font-weight:600!important}
.merchant-drawer .detail-list dd{margin:0!important;min-width:0!important;overflow-wrap:anywhere!important;color:#263744!important;font-size:12px!important;font-weight:550!important}
.merchant-drawer .drawer-section p{margin:8px 0!important;color:#435360!important;font-size:12px!important}
.merchant-drawer .drawer-section code{overflow-wrap:anywhere!important;color:#263744!important}
.merchant-drawer .status-control{display:grid!important;grid-template-columns:minmax(72px,1fr) auto auto!important;gap:12px!important;align-items:center!important;margin:0!important;padding:10px 0!important;border-top:1px solid #eef1f3!important}
.merchant-drawer .status-control:first-of-type{border-top:0!important}
.merchant-drawer .status-control>span{font-weight:600!important;color:#344452!important}
.merchant-drawer .status-control>.status-pill{min-width:76px!important}
.merchant-drawer .status-control button{min-height:32px!important;padding:5px 10px!important;border:1px solid #cbd5dc!important;border-radius:5px!important;background:#fff!important;color:#334554!important;font-weight:650!important}
.merchant-drawer .status-control button:hover{background:#f3f7f8!important;border-color:#8093a1!important}
.merchant-drawer .status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:24px!important;padding:3px 9px!important;border-radius:4px!important;background:#eef2f5!important;color:#52616d!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}
.merchant-drawer .status-pill.active,.merchant-drawer .status-pill.enabled{background:#e4f4eb!important;color:#216942!important}
.merchant-drawer .status-pill.disabled{background:#fce9e7!important;color:#9a3029!important}
.merchant-drawer .status-pill.unknown{background:#fff3d8!important;color:#785813!important}
.admin-table td .status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:22px!important;padding:3px 8px!important;border-radius:4px!important;background:#eef2f5!important;color:#52616d!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important}
.admin-table td .status-pill.active,.admin-table td .status-pill.enabled{background:#e4f4eb!important;color:#216942!important}
.admin-table td .status-pill.disabled{background:#fce9e7!important;color:#9a3029!important}
.admin-table td .status-pill.unknown{background:#fff3d8!important;color:#785813!important}
.drawer-backdrop:has(.merchant-create-modal){align-items:center!important;justify-content:center!important;padding:16px!important}
.merchant-create-modal{width:min(480px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important;overflow:auto!important;padding:26px!important;background:#fff!important;border:1px solid #d8e0e6!important;border-radius:8px!important;box-shadow:0 20px 60px rgba(14,28,40,.25)!important}
@media(max-width:680px){.merchant-drawer{width:100vw!important;padding:20px 18px!important}.merchant-drawer .drawer-header h2{font-size:19px!important}.merchant-drawer .detail-list>div{grid-template-columns:110px minmax(0,1fr)!important;gap:10px!important}.merchant-drawer .status-control{grid-template-columns:minmax(58px,1fr) auto auto!important;gap:7px!important}.merchant-drawer .status-control>.status-pill{min-width:68px!important}.merchant-drawer .status-control button{padding:5px 7px!important;font-size:12px!important}}


/* merchant-drawer-final */

/* workflow-form-layout */
.domain-form{display:grid;gap:16px;align-content:start}
.domain-form>h3{margin:0;color:#18212f;font-size:18px;line-height:1.3}
.domain-form>label{display:grid;gap:7px;min-width:0;color:#465663;font-size:13px;font-weight:650;line-height:1.35}
.domain-form>label>input,.domain-form>label>select,.domain-form>label>textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cbd5dc;border-radius:5px;background:#fff;color:#263744;padding:9px 11px;line-height:1.4}
.domain-form>label>input,.domain-form>label>select{min-height:40px}
.domain-form>label>textarea{min-height:112px;resize:vertical}
.domain-form>label>input:focus,.domain-form>label>select:focus,.domain-form>label>textarea:focus{outline:2px solid rgba(45,137,96,.2);outline-offset:1px;border-color:#2d8960}
.domain-form .field-hint{color:#71808c;font-size:12px;font-weight:400}
.domain-form .form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.domain-form .form-result,.domain-form .warning-copy{margin:0}
@media(max-width:680px){.domain-form{gap:14px}.domain-form .form-actions{display:grid;grid-template-columns:1fr}.domain-form .form-actions .button{width:100%}}

/* Keep routing pool rows aligned independently from product status controls. */
.account-pool-section .account-pool-form{display:grid;gap:10px;margin-top:22px}
.account-pool-section .account-pool-form:first-of-type{margin-top:0}
.account-pool-section .account-pool-form h4{margin:0;color:#465663;font-size:12px;font-weight:700}
.account-pool-list{display:grid;gap:0;border-top:1px solid #eef1f3}
.account-pool-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;margin:0;padding:11px 0;border-bottom:1px solid #eef1f3;cursor:pointer}
.account-pool-row>input{width:16px;height:16px;margin:0;accent-color:#2d8960}
.account-pool-row .account-pool-name{min-width:0;overflow-wrap:anywhere;color:#344452;font-size:13px;font-weight:600;line-height:1.35}
.account-pool-row>.status-pill{min-width:76px}
.account-pool-form>.button{justify-self:start;margin-top:4px}
.account-pool-form>.form-result{margin:0}
@media(max-width:680px){.account-pool-row{grid-template-columns:24px minmax(0,1fr);gap:9px}.account-pool-row>.status-pill{grid-column:2;justify-self:start}.account-pool-form>.button{width:100%}}


