.sbmsub-account{--sbmsub-accent:#2563eb;max-width:1180px}.sbmsub-heading,.sbmsub-detail-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.sbmsub-heading span{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.sbmsub-heading h2,.sbmsub-detail-hero h2{margin:.2rem 0}.sbmsub-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.sbmsub-card,.sbmsub-detail-hero,.sbmsub-detail-grid article,.sbmsub-danger,.sbmsub-empty{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.06);overflow-wrap:anywhere}.sbmsub-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px}.sbmsub-card h3{margin:.65rem 0 .35rem}.sbmsub-card-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;border-top:1px solid #e2e8f0;padding-top:16px}.sbmsub-card-meta span{display:flex;flex-direction:column}.sbmsub-card-meta small{color:#64748b}.sbmsub-status{display:inline-flex;width:max-content;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#e2e8f0}.sbmsub-status-active{background:#dcfce7;color:#166534}.sbmsub-status-on-hold{background:#fef3c7;color:#92400e}.sbmsub-status-cancelled,.sbmsub-status-expired{background:#fee2e2;color:#991b1b}.sbmsub-status-pending{background:#dbeafe;color:#1e40af}.sbmsub-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.sbmsub-detail-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sbmsub-detail-grid dt{color:#64748b}.sbmsub-detail-grid dd{margin:0;text-align:right;font-weight:700}.sbmsub-danger{border-color:#fecaca;margin-top:18px}.sbmsub-back{display:inline-flex;margin-bottom:18px}.sbmsub-price-note{display:block;color:#64748b}.sbmsub-price-period{font-size:.8em;font-weight:500;color:#475569}@media(max-width:700px){.sbmsub-detail-grid{grid-template-columns:1fr}.sbmsub-heading,.sbmsub-detail-hero{align-items:flex-start;flex-direction:column}.sbmsub-card-meta{align-items:flex-start;flex-direction:column}.sbmsub-card-meta .button{width:100%;text-align:center}}