
.bandwidth-card{border:1px solid #303b46;border-radius:16px;background:#192029;color:#edf2f7;padding:20px 24px;margin:20px 0;font:14px/1.6 system-ui,sans-serif;box-sizing:border-box}.bandwidth-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.bandwidth-heading h2{font-size:18px;margin:0;font-weight:600}.bandwidth-summary{font-variant-numeric:tabular-nums;color:#9bdfc2}.bandwidth-card progress{display:block;width:100%;height:12px;margin:12px 0;appearance:none;border:none;border-radius:12px;overflow:hidden;background:#0d131a;accent-color:#80d9b4}.bandwidth-card progress::-webkit-progress-bar{background:#0d131a;border-radius:12px}.bandwidth-card progress::-webkit-progress-value{background:linear-gradient(90deg,#63b6b2,#8de1b8);border-radius:12px}.bandwidth-card progress::-moz-progress-bar{background:#8de1b8;border-radius:12px}.bandwidth-detail,.bandwidth-release{margin:4px 0;color:#aab8c8}.bandwidth-release{font-size:12px}.bandwidth-card.is-throttled{border-color:#ad7944}.bandwidth-card.is-throttled .bandwidth-summary{color:#ffb86c}.bandwidth-card.is-throttled progress::-webkit-progress-value{background:#ffb86c}.bandwidth-card.is-throttled progress::-moz-progress-bar{background:#ffb86c}.bandwidth-card.is-offline .bandwidth-summary{color:#aab8c8}#portal-bandwidth{max-width:1280px;margin:24px auto;width:calc(100% - 48px)}.signin-modes{display:flex;gap:8px;margin:16px 0}.signin-modes [aria-pressed=true]{border-color:#ffb86c;color:#ffb86c}@media(max-width:480px){.bandwidth-card{padding:16px}.bandwidth-heading{display:block}.bandwidth-summary{display:block}#portal-bandwidth{width:calc(100% - 32px)}}

.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.usage-grid .bandwidth-card{height:calc(100% - 40px)}.cloud-storage-plan{padding:16px 20px;border:1px solid #303b46;border-radius:12px;color:#aab8c8;margin-bottom:24px;font:14px/1.7 system-ui}.cloud-storage-plan summary{cursor:pointer;color:#edf2f7}.cloud-storage-plan summary span{color:#ffb86c;margin-left:10px;font-size:12px}.cloud-storage-plan p{max-width:76ch}@media(max-width:760px){.usage-grid{grid-template-columns:1fr;gap:0}.usage-grid .bandwidth-card{height:auto}}
