.retention-card{margin:0 0 18px;padding:18px 20px;background:#fff8ed;border:1px solid #f0d9ad;border-left:4px solid var(--clay)}
.retention-card strong{font-size:16px}
.retention-card p{margin:7px 0;color:#704515}
.storage-summary{margin-top:10px;color:var(--forest);font-weight:700}
.billing-card{margin:0 0 18px;padding:20px;background:linear-gradient(135deg,#073b37,#0f6158);color:#fff;border-radius:10px;box-shadow:0 10px 24px #0a332c1f}
.billing-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.billing-card .kicker{margin:0;color:#a6ded4;font-size:12px;letter-spacing:.12em}.billing-card h2{margin:4px 0 0;font-size:22px}.billing-plan{padding:6px 10px;background:#ffffff1c;border:1px solid #ffffff33;border-radius:999px;font-size:13px}.billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.billing-metric{padding:14px;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px}.billing-metric span,.billing-metric small{display:block;color:#cce9e4}.billing-metric strong{display:block;margin:6px 0;font-size:22px}.billing-metric small{font-size:12px}.billing-bar{height:7px;overflow:hidden;margin-top:16px;background:#ffffff26;border-radius:999px}.billing-bar i{display:block;width:0;height:100%;background:#80e0c3;border-radius:inherit;transition:width .3s ease,background .3s ease}.billing-card.warning .billing-bar i{background:#ffd166}.billing-card.danger .billing-bar i{background:#ff8c78}@media(max-width:720px){.billing-grid{grid-template-columns:1fr}.billing-card-head{align-items:flex-start;flex-direction:column}}