.storage-page { max-width: 1250px; }
.storage-page .content-header { flex-wrap: wrap; gap: 16px; }
.storage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.storage-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 24px; }
.storage-card h3 { font-size: 15px; color: var(--text-sub); margin-bottom: 12px; }
.storage-value { font-size: 28px; font-weight: 700; overflow-wrap: anywhere; }
.storage-note { color: var(--text-sub); font-size: 14px; margin-top: 12px; }
.storage-bar { display: flex; height: 14px; background: #e2e8f0; border-radius: 8px; overflow: hidden; margin: 16px 0; }
.storage-bar-used { background: var(--primary); transition: width .3s; }
.storage-bar-used.warning { background: #b45309; }
.storage-bar-used.danger { background: #dc2626; }
.storage-bar-reserved { background: #94a3b8; }
.storage-warning { color: #b45309; font-weight: 600; }
.storage-error { color: #b91c1c; margin: 12px 0; }
.storage-details { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
.storage-details dd { text-align: right; font-weight: 600; }
.storage-card + .storage-card { margin-top: 16px; }
.storage-grid .storage-card { margin-top: 0; }
@media (max-width: 900px) { .storage-grid { grid-template-columns: 1fr; } }