.gateway-metrics{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:stretch;margin-bottom:20px}.gateway-metric{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 20px}.gateway-metric>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eaf0ff;color:#2f6bff;font:800 18px Manrope}.gateway-metric:nth-child(2)>span{background:#e5f8f1;color:#099c6b}.gateway-metric p,.gateway-metric small,.gateway-metric strong{display:block;margin:0}.gateway-metric small{font:700 9px Manrope;letter-spacing:1px;color:#8490a3}.gateway-metric strong{margin-top:5px;font:800 15px Manrope}.gateway-add-link{width:auto;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:0 22px}.gateway-list-card{padding:0;overflow:hidden}.gateway-section-head{padding:24px}.gateway-section-head form{flex:0 0 auto}.gateway-merchant-list{padding:0 12px 12px}.gateway-empty{display:grid;justify-items:center;text-align:center;padding:55px 20px}.gateway-empty>span{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#edf2ff;color:#2f6bff;font-size:22px}.gateway-empty h3{margin:13px 0 5px;font:800 18px Manrope}.gateway-empty p{margin:0 0 20px;color:var(--muted)}.gateway-empty .gateway-add-link{padding:13px 18px}.gateway-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.gateway-form-card{padding:0;overflow:hidden}.gateway-form-card .section-title{padding:25px 28px;background:linear-gradient(110deg,#fff,#f7f9ff)}.create-gateway-form{padding:0 28px 28px}.gateway-form-section{padding:25px 0;border-bottom:1px solid var(--line)}.create-gateway-form label em{color:#db4054;font-style:normal}.create-gateway-form input:focus{outline:0;border-color:#2f6bff;box-shadow:0 0 0 3px #2f6bff16}.gateway-help{position:sticky;top:126px;background:linear-gradient(145deg,#0d2243,#183e6c);color:#fff;border-radius:15px;padding:25px}.gateway-help-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#ffffff12;color:#54d9ae;font-size:20px;margin-bottom:22px}.gateway-help .eyebrow{color:#83a2c6}.gateway-help h3{font:800 21px Manrope;margin:6px 0 22px}.gateway-help ol{list-style:none;margin:0;padding:0;display:grid;gap:18px}.gateway-help li{display:flex;gap:11px}.gateway-help li>span{flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#2f6bff;font-size:11px;font-weight:800}.gateway-help li p,.gateway-help li strong{display:block;margin:0}.gateway-help li p{color:#aebed3;font-size:11px;line-height:1.5}.gateway-help li strong{color:#fff;font-size:12px;margin-bottom:2px}.callback-hide-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 32px;margin-bottom:20px;border-radius:15px;background:linear-gradient(110deg,#0d2345,#194779);color:#fff}.callback-hide-hero>div{display:grid;grid-template-columns:auto 1fr;column-gap:16px}.callback-hide-hero .callback-shield{grid-row:1/4;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#ffffff12;color:#4be0af;font-size:23px}.callback-hide-hero .eyebrow{color:#88a7ca}.callback-hide-hero h2{margin:5px 0;font:800 22px Manrope}.callback-hide-hero p{margin:0;color:#b3c4d8;max-width:760px}.callback-endpoint-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.callback-endpoint-card h2{margin:4px 0}.callback-endpoint-card p{margin:0;color:var(--muted)}.callback-endpoint-card code{padding:13px 15px;border-radius:9px;background:#edf2ff;color:#285bd3;font-weight:700;overflow-wrap:anywhere}.callback-route-card{padding:0;overflow:hidden}.gateway-callback-head{padding:23px 24px 18px}.gateway-callback-head h2{margin:4px 0}.gateway-callback-head p{margin:3px 0 0;color:var(--muted)}.gateway-callback-table{min-width:850px}.gateway-callback-table td>small{display:block;margin-top:3px;color:var(--muted)}.gateway-callback-table td>code{font-size:10px}@media(max-width:1000px){.gateway-form-grid{grid-template-columns:1fr}.gateway-help{position:static}}@media(max-width:760px){.gateway-metrics{grid-template-columns:1fr}.gateway-add-link{padding:13px 18px}.gateway-section-head,.callback-endpoint-card,.callback-hide-hero{align-items:flex-start;flex-direction:column}.gateway-section-head form,.gateway-section-head button{width:100%}.callback-endpoint-card code{width:100%}.create-gateway-form,.gateway-form-card .section-title{padding-left:20px;padding-right:20px}}