:root{--ink:#161b16;--muted:#687168;--paper:#f6f7f4;--card:#fff;--line:#dfe4dc;--green:#245c3d;--lime:#b9e26e;--gold:#e9b83f;--red:#b33c34;--shadow:0 18px 55px rgba(28,38,28,.09)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,sans-serif}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#121914;color:#f4f4ec;padding:27px 20px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:18px;font-weight:800}.logo img{width:34px;height:34px;border-radius:50%}nav{display:grid;gap:5px;margin-top:55px}.nav{border:0;background:transparent;color:#9fac9f;text-align:left;padding:12px 14px;border-radius:8px;font:700 14px Manrope;cursor:pointer}.nav:hover,.nav.active{background:#263229;color:#fff}.aside-foot{margin-top:auto;color:#8f9a90;font:500 11px DM Mono;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.aside-foot a{grid-column:1/3;color:#cbd5cb;margin-top:16px}.live-dot{width:7px;height:7px;background:#72c783;border-radius:50%;box-shadow:0 0 0 4px rgba(114,199,131,.12)}main{padding:42px clamp(28px,5vw,74px) 70px;min-width:0}main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.kicker{font:500 10px DM Mono;letter-spacing:.18em;color:var(--muted);margin:0 0 9px}h1{font-size:34px;letter-spacing:-.04em;margin:0}h2{font-size:20px;letter-spacing:-.025em;margin:0}.primary{border:0;background:var(--ink);color:#fff;border-radius:8px;padding:13px 18px;font:800 13px Manrope;cursor:pointer}.primary:hover{background:var(--green)}.primary.small{padding:10px 14px}.primary.full{width:100%;margin-top:10px}.page{display:none}.page.active{display:block}.metrics{display:grid;grid-template-columns:1.45fr 1.15fr 1fr 1fr;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.metrics article{padding:25px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics label,.manual label{display:block;font:600 12px Manrope;color:var(--muted)}.metrics strong{display:block;font-size:28px;margin:12px 0 5px;letter-spacing:-.04em}.metrics small{color:var(--muted)}.chart-card,.table-card,.settings-card,.code-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);margin-top:22px}.chart-card,.settings-card,.code-card{padding:25px}.card-head{padding:21px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chart-card .card-head{padding:0 0 20px;border:0}.card-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.badge{font:500 10px DM Mono;background:#edf4e7;padding:7px 10px;border-radius:20px;color:var(--green)}.chart{height:210px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line);padding-top:20px}.bar-wrap{height:100%;flex:1;display:flex;align-items:end;position:relative}.bar{width:100%;min-height:3px;background:var(--green);border-radius:4px 4px 0 0;opacity:.88}.bar-wrap:hover .bar{background:var(--gold)}.bar-wrap span{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:5px 7px;border-radius:5px;font:500 9px DM Mono;white-space:nowrap}.bar-wrap:hover span{display:block}.text-button{border:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer}.pay-table{width:100%;border-collapse:collapse}.pay-table th,.pay-table td{text-align:left;padding:14px 22px;border-bottom:1px solid #edf0eb;font-size:12px}.pay-table th{font:500 10px DM Mono;color:var(--muted);letter-spacing:.08em}.pay-table tr:last-child td{border:0}.status{font:700 10px DM Mono;text-transform:uppercase;padding:5px 8px;border-radius:20px;background:#eef0ed}.status.succeeded{background:#e0f2e4;color:#1f6a39}.status.pending{background:#fff2ce;color:#85630a}.status.underpaid,.status.overpaid{background:#f8e2df;color:var(--red)}.mono{font-family:DM Mono}.empty{padding:35px;text-align:center;color:var(--muted)}.split{display:grid;grid-template-columns:1.35fr .9fr;gap:22px}.split>*{margin-top:0}.code-card{background:#172019;color:#eef2e9}.code-card .kicker{color:#99aa9d}.code-card pre{overflow:auto;background:#0d120e;padding:18px;border-radius:8px;color:#c9e7be;font:500 11px/1.7 DM Mono}.code-card p:last-child{font-size:13px;color:#aeb8af;line-height:1.7}.settings-card{max-width:720px;margin-top:0}.settings-card h2{font-size:26px;margin-bottom:28px}label{display:block;font-weight:700;font-size:12px;margin:17px 0}label span{color:var(--muted);font-weight:500}input{display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:13px 14px;margin-top:8px;font:500 13px Manrope;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(36,92,61,.1)}.secret-row{display:flex;gap:8px}.secret-row button{margin-top:8px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 15px;font-weight:700}.hint{font-size:12px;color:var(--muted)}.notice{padding:12px 15px;border:1px solid #b8d7c0;background:#eaf5ed;color:#275d36;border-radius:8px;margin-bottom:20px;font-size:13px}.notice.error{border-color:#e4bbb7;background:#fff0ee;color:var(--red)}.hidden{display:none!important}dialog{border:0;border-radius:14px;padding:0;width:min(460px,calc(100% - 30px));box-shadow:0 30px 100px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(14,20,15,.55);backdrop-filter:blur(3px)}dialog form{padding:30px;position:relative}dialog h2{font-size:26px;margin-bottom:25px}.close{position:absolute;right:18px;top:16px;border:0;background:transparent;font-size:25px;color:var(--muted);cursor:pointer}#key-result{font:500 11px/1.6 DM Mono;word-break:break-all;margin-top:18px}.checkout{min-height:100vh;background:#e9ede7;display:grid;place-items:center;padding:30px}.checkout-shell{width:min(960px,100%);min-height:610px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 35px 100px rgba(29,40,30,.16)}.receipt{padding:42px;background:#172019;color:#f4f4ec;display:flex;flex-direction:column}.merchant-mark{width:58px;height:58px;border-radius:14px;background:var(--gold);color:#172019;display:grid;place-items:center;font-size:25px;font-weight:800;margin-top:75px}.receipt>p{color:#aeb8af}.receipt h1{font-size:48px;margin:8px 0 18px}.receipt h1 small{font-size:16px;color:var(--gold)}dl{margin-top:45px}dl div{display:flex;justify-content:space-between;border-top:1px solid #344036;padding:13px 0;font-size:12px}dt{color:#94a096}dd{margin:0;font-family:DM Mono}.receipt footer{margin-top:auto;color:#7f8d81;font-size:10px}.pay-panel{padding:55px 45px;display:grid;align-items:center}.pay-panel h2{font-size:30px}.sub{color:var(--muted);line-height:1.6;font-size:14px}.wallet-button{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:15px;display:flex;align-items:center;text-align:left;gap:13px;margin-top:28px;cursor:pointer}.wallet-button:hover{border-color:var(--green);box-shadow:0 8px 25px rgba(36,92,61,.1)}.wallet-button img{width:40px;height:40px;border-radius:50%}.wallet-button span{display:grid;gap:3px}.wallet-button span b{font-size:12px;color:var(--muted)}.wallet-button em{margin-left:auto;font-style:normal;font-size:20px}.divider{height:1px;background:var(--line);margin:30px 0;position:relative;text-align:center}.divider span{position:relative;top:-9px;background:#fff;padding:0 10px;color:var(--muted);font-size:11px}.manual{display:grid;gap:7px}.manual button{border:1px solid var(--line);background:#f8faf7;padding:11px;text-align:left;border-radius:7px;font:500 10px DM Mono;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.checkout-notice{font:500 11px/1.5 DM Mono;color:var(--muted);min-height:20px}.success{text-align:center}.check{margin:auto auto 25px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#dff2e3;color:#286a3b;font-size:30px}.success h2{font-size:31px}.success p{color:var(--muted)}.success a{display:inline-block;margin-top:18px;color:var(--green);font-weight:800;text-decoration:none}@media(max-width:800px){.app{grid-template-columns:1fr}aside{height:auto;position:static;padding:18px}aside nav{display:flex;overflow:auto;margin-top:20px}.aside-foot{display:none}main{padding:28px 16px}.metrics,.split{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line)}.pay-table th:nth-child(3),.pay-table td:nth-child(3){display:none}.checkout{padding:0}.checkout-shell{grid-template-columns:1fr;border-radius:0}.receipt{min-height:330px;padding:28px}.merchant-mark{margin-top:38px}.receipt dl,.receipt footer{display:none}.pay-panel{padding:38px 25px}}
.auth{min-height:100vh;background:#e9ede7;display:grid;place-items:center;padding:30px}.auth-shell{width:min(1080px,100%);min-height:700px;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 35px 100px rgba(29,40,30,.16)}.auth-brand{background:#121914;color:#f4f4ec;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand h1{font-size:52px;line-height:1;letter-spacing:-.06em;margin:18px 0}.auth-brand p{color:#aeb8af;line-height:1.7}.auth-brand small{color:#7f8d81}.auth-form{padding:45px 52px;overflow:auto}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:30px}.auth-tabs button{border:0;background:transparent;padding:12px 3px;margin-right:25px;color:var(--muted);font-weight:800;cursor:pointer;border-bottom:2px solid transparent}.auth-tabs button.active{color:var(--ink);border-color:var(--ink)}.auth-form form>h2{font-size:28px}.auth-form form>p{color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}select{display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:13px 14px;margin-top:8px;font:500 13px Manrope}.check-label{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.5}.check-label input{width:auto;margin:3px 0 0}.wallet-card{background:#172019!important;color:#f4f4ec}.wallet-card label,.wallet-card small{color:#9eaaa0!important}.wallet-card strong{font-family:DM Mono}.wallet-address{font:500 11px DM Mono;word-break:break-all;color:#bcc8bd}.payout-actions{display:flex;gap:8px;margin-top:16px}.danger-link{color:#d99087!important}@media(max-width:800px){.auth{padding:0}.auth-shell{grid-template-columns:1fr;border-radius:0}.auth-brand{min-height:300px}.auth-brand h1{font-size:40px}.auth-form{padding:30px 22px}.form-grid{grid-template-columns:1fr}}
button{font-family:Manrope,sans-serif}.aside-foot #merchant-logout{grid-column:1/3;width:100%;margin-top:10px;padding:10px 12px;border:1px solid rgba(217,144,135,.35);border-radius:8px;background:rgba(217,144,135,.08);color:#efaaa1;text-align:left}.aside-foot #merchant-logout:hover{background:rgba(217,144,135,.16);color:#ffd0ca}.secret-row button{cursor:pointer;color:var(--ink);transition:border-color .15s,background .15s}.secret-row button:hover{border-color:var(--green);background:#f0f5ef}button:disabled{cursor:not-allowed;opacity:.55}
.menu-toggle,.menu-overlay{display:none}.cancel-link{display:inline-block;margin-top:12px;color:var(--muted);font-size:12px;text-decoration:none}.cancel-link:hover{color:var(--ink)}.redirect-status{font:500 11px/1.5 DM Mono!important}.status.delivered{background:#e0f2e4;color:#1f6a39}.status.failed{background:#f8e2df;color:var(--red)}
@media(max-width:800px){
 body.app{display:block;min-height:100vh}.app aside{position:fixed;inset:0 auto 0 0;width:min(290px,84vw);height:100dvh;padding:25px 20px;z-index:50;transform:translateX(-105%);transition:transform .24s ease;box-shadow:18px 0 50px rgba(0,0,0,.22)}.app.menu-open aside{transform:translateX(0)}.app aside nav{display:grid;overflow:visible;margin-top:42px}.app .aside-foot{display:grid}.menu-overlay{position:fixed;inset:0;background:rgba(9,14,10,.48);backdrop-filter:blur(2px);z-index:40}.app.menu-open .menu-overlay{display:block}.menu-toggle{display:grid;width:44px;height:44px;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:21px;cursor:pointer}.app main{padding:20px 15px 55px}.app main>header{display:grid;grid-template-columns:auto 1fr auto;gap:13px;margin-bottom:24px}.app main>header h1{font-size:27px}.app main>header .primary{padding:12px 13px}.metrics{grid-template-columns:1fr}.split{grid-template-columns:1fr}.table-card{overflow:hidden}.table-card>div[id$="-table"],#keys,#webhooks-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.pay-table{min-width:680px}.pay-table th:nth-child(3),.pay-table td:nth-child(3){display:table-cell}.card-head{padding:18px 16px;gap:12px}.chart-card,.settings-card,.code-card{padding:19px}.chart{gap:4px}.bar-wrap span{display:none!important}dialog form{padding:26px 20px}.secret-row{align-items:stretch}.secret-row input{min-width:0}.checkout-shell{min-height:100dvh}.receipt h1{font-size:38px}.wallet-button{min-height:62px}.manual button{min-height:44px}.auth-form input,.auth-form select,input,select{font-size:16px}}
@media(max-width:480px){.app main>header{grid-template-columns:auto 1fr}.app main>header>.primary{grid-column:1/3;width:100%}.metrics strong{font-size:24px}.receipt{min-height:280px}.merchant-mark{margin-top:24px}.pay-panel{padding:30px 20px}.pay-panel h2{font-size:26px}.auth-brand{min-height:245px;padding:28px}.auth-form{padding:25px 18px}}