@import url('/static/production.css');
.billing-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;margin:35px 0 45px}.billing-hero h1{margin:20px 0}.connection-card{padding:29px;border:1px solid #55776b;border-radius:14px 14px 44px 14px;background:linear-gradient(125deg,#254235,#173138)}.connection-card h2{font-size:29px;margin:13px 0}.connection-card p{font-size:12px;color:var(--muted);margin-bottom:0}.connection-card .mode{display:inline-flex;gap:7px;align-items:center;color:var(--gold);font-size:10px;letter-spacing:1px;text-transform:uppercase}.connection-card .mode:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.subscription-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.subscription-summary dl{grid-template-columns:1fr 1fr}.subscription-summary .status-name{font-family:Georgia,serif;font-size:39px;color:var(--gold);margin:8px 0 23px}.subscription-summary .panel-actions{margin-top:25px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:23px 0}.plan-card{border:1px solid var(--line);border-radius:12px;padding:26px;background:#19333888;display:flex;flex-direction:column;gap:18px}.plan-card h3{font-family:Georgia,serif;font-size:29px}.plan-card p{font-size:12px;color:var(--muted);margin:0;flex:1}.plan-card .button{align-self:flex-start}.provider-link{padding:28px;border:1px solid #8b8b60;background:#2b3c2dbb;border-radius:13px;margin:28px 0}.provider-link h2{margin:12px 0}.provider-link p{max-width:760px;color:var(--muted);font-size:13px}.provider-link .provider-domain{font-size:11px;color:var(--cyan);display:block;margin:12px 0}.setup-list{padding-left:20px;margin:16px 0;line-height:1.8;font-size:13px;color:var(--muted)}.billing-empty{padding:32px;border:1px solid var(--line);border-radius:12px;background:#19323766}.billing-empty h2{margin:10px 0 17px}.billing-empty p{font-size:13px;color:var(--muted);max-width:770px}.subscription-boundary{border-left:2px solid var(--gold);padding:10px 15px;color:var(--muted);font-size:12px;line-height:1.6}.billing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media(max-width:720px){.billing-hero{grid-template-columns:1fr;gap:25px;margin:25px 0 34px}.billing-hero h1{font-size:46px}.connection-card{padding:25px}.subscription-layout{grid-template-columns:1fr;gap:0}.plan-grid{grid-template-columns:1fr}.provider-link,.billing-empty{padding:24px}.subscription-summary .status-name{font-size:32px}}