.account-plan{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border-radius:18px;background:linear-gradient(135deg,var(--primary),#233d91);color:#fff}.account-plan h3,.account-plan p{margin:0}.account-plan p{opacity:.85}.account-plan strong{font-size:26px}.account-plan small{display:block;text-align:right;opacity:.8}.account-usage{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.usage-card{display:grid;gap:8px;padding:18px;border:1px solid #dfe5ef;border-radius:16px}.usage-card span{color:#6b758a}.usage-card b{font-size:24px}.usage-card progress{width:100%;height:9px}.usage-card.warning{border-color:#e9bd6c;background:#fff8ea}.account-addons{display:grid;gap:10px}.account-addon{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;border-radius:13px;background:#f4f6fa}.account-addon span,.account-addon small{display:block}.account-addon small{color:#69748a}.account-empty{padding:20px;border:1px dashed #cdd5e3;border-radius:14px;color:#6c768b}@media(max-width:700px){.account-plan{align-items:flex-start;flex-direction:column}.account-plan small{text-align:left}.account-usage{grid-template-columns:1fr}.account-addon{flex-direction:column}}