:root{--m-bg:#020817;--m-card:rgba(8,22,43,.72);--m-line:rgba(75,226,255,.24);--m-text:#eafaff;--m-muted:#9cb5c8;--m-cyan:#24dff7;--m-green:#37f3a3}
.merchant-live-row.warning,.merchant-live-row.error{border-color:rgba(255,107,131,.38);background:rgba(92,18,36,.18)}.merchant-live-row.warning{border-color:rgba(255,215,121,.38);background:rgba(85,61,8,.16)}.merchant-resolution{padding:9px 11px;border-left:3px solid var(--m-green);border-radius:8px;background:rgba(55,243,163,.07);color:#d9fff0!important}.merchant-resolution b{color:var(--m-green)}
.merchant-production-dialog{width:min(900px,calc(100% - 24px))}.merchant-production-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;padding:6px;border:1px solid var(--m-line);border-radius:16px;background:rgba(1,7,19,.72)}.merchant-production-tabs button{padding:12px;border:1px solid transparent;border-radius:11px;color:var(--m-text);background:transparent;font-weight:800;cursor:pointer}.merchant-production-tabs button.active{color:#00141c;background:linear-gradient(120deg,var(--m-green),var(--m-cyan))}.merchant-production-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;border:1px solid rgba(75,226,255,.2);border-radius:18px;background:rgba(2,10,26,.68)}.merchant-production-form[hidden]{display:none}.merchant-production-form h3,.merchant-production-form .notice,.merchant-production-form .merchant-real-confirm,.merchant-production-form button,.merchant-production-form [data-mobile-destination],.merchant-production-form [data-internal-destination]{grid-column:1/-1}.merchant-production-form [data-mobile-destination]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.merchant-production-form [data-mobile-destination][hidden],.merchant-production-form [data-internal-destination][hidden]{display:none}.merchant-production-form label{display:grid;gap:7px;color:var(--m-muted);font-size:.88rem}.merchant-production-form input,.merchant-production-form select{width:100%;padding:12px;border:1px solid var(--m-line);border-radius:12px;color:var(--m-text);background:rgba(1,7,19,.9)}.merchant-production-form .merchant-real-confirm{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(255,215,121,.3);border-radius:12px;background:rgba(255,215,121,.06);color:#ffe7a9}.merchant-production-form .merchant-real-confirm input{width:auto;margin-top:3px}@media(max-width:680px){.merchant-production-dialog{width:calc(100% - 10px);padding:15px 11px}.merchant-production-form,.merchant-production-form [data-mobile-destination]{grid-template-columns:1fr}.merchant-production-tabs{grid-template-columns:1fr}.merchant-production-form>*{grid-column:1!important}}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--m-text);font-family:Inter,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 8%,rgba(36,223,247,.17),transparent 32%),radial-gradient(circle at 90% 14%,rgba(53,96,255,.2),transparent 34%),#020817}
.merchant-shell{width:min(1380px,calc(100% - 24px));margin:auto;padding:24px 0 110px}.merchant-hero,.merchant-overview,.merchant-panel,.merchant-legal{border:1px solid var(--m-line);background:linear-gradient(145deg,rgba(11,28,52,.78),rgba(3,10,25,.68));backdrop-filter:blur(22px);box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06);border-radius:28px}
.merchant-hero{padding:clamp(24px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.65fr);gap:28px;align-items:end}.eyebrow,.section-heading span{color:var(--m-cyan);font-size:.76rem;font-weight:800;letter-spacing:.14em}.merchant-hero h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1.02;margin:.35em 0}.merchant-hero p,.merchant-card p,.merchant-card li,.contract-grid p,.merchant-legal p{color:var(--m-muted);line-height:1.65}.trust-card{display:grid;gap:10px;padding:22px;border-radius:20px;border:1px solid rgba(55,243,163,.3);background:rgba(7,35,37,.54)}.trust-card span{color:#bde9dc;line-height:1.5}
.merchant-overview{margin-top:20px;padding:clamp(22px,4vw,46px)}.merchant-overview-intro{max-width:920px}.merchant-overview h2{font-size:clamp(1.55rem,3vw,2.65rem);margin:.35rem 0 .65rem}.merchant-overview-intro>p:last-child,.merchant-benefits p,.merchant-journey span,.merchant-scope-note{color:var(--m-muted);line-height:1.6}.merchant-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.merchant-benefits article{min-width:0;padding:19px;border:1px solid rgba(75,226,255,.16);border-radius:19px;background:linear-gradient(145deg,rgba(2,12,30,.72),rgba(7,27,43,.48))}.merchant-benefits article>span{color:var(--m-cyan);font-weight:900;letter-spacing:.14em}.merchant-benefits h3{margin:.65rem 0 .25rem;font-size:1rem}.merchant-benefits p{margin:0;font-size:.9rem}.merchant-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:28px 0 0;padding:1px;list-style:none;border:1px solid var(--m-line);border-radius:20px;overflow:hidden;background:var(--m-line)}.merchant-journey li{display:grid;align-content:start;gap:7px;padding:18px;background:rgba(3,12,28,.94)}.merchant-journey strong{color:#dffcff}.merchant-journey span{font-size:.84rem}.merchant-scope-note{margin:18px 0 0;padding:16px 18px;border-radius:16px;background:rgba(55,243,163,.06);border:1px solid rgba(55,243,163,.2)}.merchant-scope-note strong{color:#bff8df}
.merchant-tabs{position:sticky;top:10px;z-index:5;margin:20px 0;display:flex;gap:9px;padding:9px;border:1px solid var(--m-line);border-radius:20px;background:rgba(2,8,23,.82);backdrop-filter:blur(18px)}.merchant-tabs button,.primary-action,.secondary-action{border:1px solid var(--m-line);border-radius:14px;padding:12px 18px;color:var(--m-text);font-weight:750;cursor:pointer;text-decoration:none;background:rgba(12,35,60,.76);transition:.2s}.merchant-tabs button:hover,.primary-action:hover,.secondary-action:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(36,223,247,.16)}.merchant-tabs button.active,.primary-action{color:#00141c;background:linear-gradient(120deg,var(--m-green),var(--m-cyan));border-color:transparent}
.merchant-panel{display:none;padding:clamp(20px,3vw,38px)}.merchant-panel.active{display:block;animation:reveal .3s ease}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.section-heading h2{margin:.25rem 0;font-size:clamp(1.5rem,3vw,2.4rem)}.status{padding:8px 12px;border-radius:999px;border:1px solid}.status.ready,.status.secure{color:var(--m-green);border-color:rgba(55,243,163,.35)}.status.review{color:#ffd779;border-color:rgba(255,215,121,.35)}
.card-grid,.contract-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.merchant-card,.contract-grid article{padding:20px;border-radius:20px;border:1px solid rgba(75,226,255,.16);background:rgba(2,10,26,.58)}.merchant-card h3,.contract-grid h3{margin-top:0}.merchant-card ul{padding-left:20px}.merchant-card label{display:grid;gap:7px;color:var(--m-muted);font-size:.86rem;margin-top:14px}.merchant-card input,.merchant-card select{width:100%;border:1px solid var(--m-line);border-radius:12px;padding:12px;color:var(--m-text);background:rgba(1,7,19,.82);outline:none}.merchant-card input:focus,.merchant-card select:focus{border-color:var(--m-cyan);box-shadow:0 0 0 3px rgba(36,223,247,.12)}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.notice{margin-top:18px;padding:14px 16px;border-left:3px solid var(--m-cyan);background:rgba(2,10,26,.58);color:var(--m-muted)}.notice.ok{border-color:var(--m-green);color:#bdf7dc}.notice.error{border-color:#ff6b83;color:#ffc0ca}.merchant-legal{margin-top:20px;padding:24px}
dialog{width:min(760px,calc(100% - 24px));max-height:84dvh;overflow:auto;padding:clamp(22px,4vw,40px);color:#d6f6ff;border:2px solid rgba(36,223,247,.82);border-radius:20px;background:linear-gradient(160deg,rgba(11,19,36,.97),rgba(4,9,18,.96));box-shadow:0 0 50px rgba(36,223,247,.42),0 30px 100px rgba(0,0,0,.62);backdrop-filter:none;-webkit-backdrop-filter:none;animation:merchant-dialog-pop .3s ease both}dialog::backdrop{background:rgba(0,4,14,.12);backdrop-filter:none;-webkit-backdrop-filter:none}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(36,223,247,.2);padding-bottom:14px}.dialog-head h2{margin:0;color:#00f7ff;text-shadow:0 0 12px rgba(0,247,255,.72)}.dialog-head button{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid rgba(36,223,247,.72);background:rgba(13,35,58,.86);color:white;font-size:1.5rem;cursor:pointer;box-shadow:0 0 18px rgba(36,223,247,.16)}.dialog-head button:hover,.dialog-head button:focus-visible{border-color:#8dffcf;background:rgba(13,62,70,.92);outline:none;transform:translateY(-1px)}#guide-body{color:var(--m-muted);line-height:1.65;padding-top:12px}#guide-body code{color:#bff7ff;overflow-wrap:anywhere}@keyframes merchant-dialog-pop{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
.merchant-guide-lead{margin:0 0 16px;color:#e8fbff;font-size:1.02rem}.merchant-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.merchant-guide-grid article{display:grid;gap:6px;padding:14px;border:1px solid rgba(36,223,247,.22);border-radius:14px;background:rgba(12,35,60,.58)}.merchant-guide-grid b{color:#8dffcf}.merchant-guide-grid span{font-size:.91rem}.merchant-guide-section h3{margin:20px 0 10px;color:#bff7ff}.merchant-guide-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.merchant-guide-states p,.merchant-guide-rule{margin:0;padding:12px;border-left:3px solid var(--m-cyan);background:rgba(255,255,255,.045)}.merchant-guide-states strong{display:block;color:#fff}.merchant-guide-rule{margin-top:14px;border-left-color:var(--m-green)}
@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.merchant-secret-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:flex-start}.merchant-secret-toggle input{width:auto}.merchant-live-list{display:grid;gap:9px;max-height:340px;overflow:auto}.merchant-live-row{display:grid;gap:4px;padding:12px;border:1px solid rgba(75,226,255,.14);border-radius:13px;background:rgba(1,7,19,.62)}.merchant-live-row span{color:var(--m-muted)}.merchant-live-row small{color:#6f91a8;overflow-wrap:anywhere}#merchant-workspace-view .card-grid{margin-top:16px}
@media(max-width:1050px){.merchant-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-journey{grid-template-columns:1fr 1fr}.merchant-journey li:last-child{grid-column:1/-1}}
@media(max-width:820px){.merchant-shell{width:min(100% - 12px,1380px);padding-top:8px}.merchant-hero{grid-template-columns:1fr;border-radius:20px}.merchant-hero h1{font-size:clamp(1.8rem,9vw,2.7rem)}.merchant-overview,.merchant-panel,.merchant-legal{border-radius:20px}.merchant-benefits,.merchant-journey{grid-template-columns:1fr}.merchant-journey li:last-child{grid-column:auto}.card-grid,.contract-grid,.merchant-guide-grid,.merchant-guide-states{grid-template-columns:1fr}.merchant-tabs{overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x proximity}.merchant-tabs button{white-space:nowrap;scroll-snap-align:start}.section-heading{align-items:flex-start;flex-direction:column}dialog{padding:18px 14px}}
.merchant-operator-section{margin-top:22px;padding:clamp(18px,3vw,28px);border:1px solid var(--m-line);border-radius:20px;background:rgba(2,10,26,.56)}.merchant-operator-section>p{color:var(--m-muted);line-height:1.5}.merchant-operator-filters{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.merchant-operator-filters label{display:grid;gap:7px;min-width:min(210px,100%);color:var(--m-muted)}.merchant-operator-filters select{padding:10px 14px;border:1px solid var(--m-line);border-radius:12px;background:#08182c;color:var(--m-text)}.merchant-operator-countries{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px;max-height:600px;overflow:auto}.merchant-operator-country{min-width:0;padding:16px;border:1px solid rgba(75,226,255,.2);border-radius:16px;background:rgba(2,10,26,.65)}.merchant-operator-country h3{margin:0 0 12px;display:flex;justify-content:space-between;gap:10px}.merchant-operator-country h3 small{color:var(--m-muted);font-size:.75rem}.merchant-operator-list{display:grid;gap:8px}.merchant-operator-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid rgba(75,226,255,.1);border-radius:12px}.merchant-operator-row div{display:grid;gap:4px;min-width:0}.merchant-operator-row small{color:var(--m-muted);overflow-wrap:anywhere}.merchant-operator-badge{white-space:nowrap;padding:5px 9px;border-radius:99px;border:1px solid #a0aeba;color:#cbd5e1;font-size:.74rem}.merchant-operator-badge.active{border-color:#37f3a3;color:#37f3a3}.merchant-operator-badge.sandbox{border-color:#24dff7;color:#24dff7}.merchant-operator-badge.pending{border-color:#ffd779;color:#ffd779}.merchant-operator-badge.disabled{border-color:#ff8da0;color:#ff8da0}@media(max-width:820px){.merchant-operator-row{align-items:flex-start;flex-direction:column}}
.merchant-docs-lead{max-width:980px;color:var(--m-muted);line-height:1.7}.merchant-docs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.merchant-docs-steps article{padding:18px;border:1px solid rgba(75,226,255,.18);border-radius:17px;background:rgba(2,10,26,.58)}.merchant-docs-steps b,.merchant-docs summary{color:#bff7ff}.merchant-docs-steps p,.merchant-docs details>p{color:var(--m-muted);line-height:1.6}.merchant-docs details{margin:12px 0;border:1px solid rgba(75,226,255,.18);border-radius:16px;background:rgba(2,10,26,.6);overflow:hidden}.merchant-docs summary{padding:16px 18px;font-weight:800;cursor:pointer;background:rgba(20,54,78,.36)}.merchant-docs details>*:not(summary){margin-left:18px;margin-right:18px}.merchant-docs pre{overflow:auto;padding:16px;border-radius:13px;background:#010712;border:1px solid rgba(75,226,255,.14);color:#dffcff;line-height:1.55}.merchant-docs code{overflow-wrap:anywhere;color:#aef8ff}.merchant-doc-block{display:grid;gap:7px;padding:16px 0}.merchant-doc-block code{display:block;padding:10px 12px;border-radius:10px;background:#010712}.merchant-doc-scenarios,.merchant-doc-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:16px 0}.merchant-doc-scenarios p,.merchant-doc-statuses p{margin:0;padding:12px;border-left:3px solid var(--m-cyan);background:rgba(255,255,255,.04);color:var(--m-muted)}@media(max-width:820px){.merchant-docs-steps,.merchant-doc-scenarios,.merchant-doc-statuses{grid-template-columns:1fr}.merchant-docs details>*:not(summary){margin-left:10px;margin-right:10px}.merchant-docs pre{font-size:.76rem}}
