.gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gateway-card{background:linear-gradient(145deg,#0a211a,#071812);border:1px solid #274b3c;border-radius:20px;overflow:hidden;padding:0 24px 25px;min-width:0}.gateway-card-heading{display:flex;align-items:center;gap:13px;margin:0 -24px 24px;padding:23px 24px;background:#ffffff03;border-bottom:1px solid #ffffff0c}.gateway-provider-mark{width:43px;height:43px;display:grid;place-items:center;background:#00dba51a;border:1px solid #00dba52a;border-radius:13px;color:var(--accent,#00dda0);flex-shrink:0}.gateway-card-heading h3{margin:0 0 5px;font-size:18px}.gateway-card-heading small{font-size:11px;color:#91a99b}.gateway-card-heading>.badge{margin-left:auto;white-space:nowrap;font-size:10px}.gateway-active-badge{background:#00dba522!important;color:#66ffbb!important}.gateway-credential-status{font-size:12px;color:#9bb7a6;margin-bottom:21px}.gateway-card .field input{width:100%;min-width:0}.gateway-card input:disabled{opacity:.5;cursor:not-allowed}.gateway-help{display:block;font-size:11px;line-height:1.7;color:#91aa9b;margin:0 0 17px}.gateway-card-actions{display:flex;gap:12px;margin:16px 0 12px}.gateway-card-actions .btn{flex:1;font-size:12px}.gateway-status-banner{display:flex;align-items:center;gap:15px;border:1px solid #315242;border-radius:16px;background:#0b251b;padding:22px;margin:0 0 20px}.gateway-status-banner small{display:block;margin-top:7px;color:#9ab5a4;font-size:12px}.gateway-status-dot{width:10px;height:10px;background:#7f8d83;border-radius:50%;flex-shrink:0}.gateway-status-dot.on{background:#00e69d;box-shadow:0 0 16px #00e69d77}.gateway-test-result{padding:14px;border:1px solid #ffffff12;border-radius:12px;color:#a9bcb0;font-size:12px;line-height:1.6;margin-top:19px}.gateway-test-result.good{border-color:#00dba544;background:#00dba50a;color:#81eab3}.gateway-test-result.warn{border-color:#b6903d55;background:#b6903d09;color:#e8c477}.gateway-test-result small{display:block;margin-top:6px;font-size:11px}.gateway-webhook-card{margin-top:22px}.gateway-webhook-card code{display:block;overflow-wrap:anywhere;color:#7be6ba;font-size:12px;padding:14px;background:#0003;border-radius:10px}.gateway-webhook-card>small{display:block;font-size:12px;color:#91aa9b;margin-top:15px}@media(max-width:900px){.gateway-grid{grid-template-columns:1fr}.gateway-card{padding:0 18px 21px}.gateway-card-heading{margin:0 -18px 23px;padding:20px 18px}.gateway-card-heading h3{font-size:16px}.gateway-card-actions{flex-wrap:wrap}.gateway-card-actions .btn{min-width:130px}.gateway-status-banner{padding:18px}}