.storage-usage-container{background:var(--storage-bg);border:1px solid var(--storage-border);border-radius:6px;padding:12px;transition:border-color .3s ease}.storage-usage-container.warning{border-color:var(--storage-border-warning)}.storage-usage-container.danger{border-color:var(--storage-border-danger)}.storage-header{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.storage-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--storage-icon-bg);border-radius:5px;color:var(--storage-text)}.storage-summary{flex:1;display:flex;flex-direction:column;gap:3px}.storage-title{font-size:var(--font-12);font-weight:500;color:var(--storage-text)}.storage-amount{font-size:var(--font-12);color:var(--storage-text-secondary)}.expand-btn{background:transparent;border:none;color:var(--storage-text-secondary);cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease}.expand-btn:hover{color:var(--storage-text)}.expand-btn.expanded{transform:rotate(180deg)}.storage-progress-bar{width:100%;height:6px;background:var(--progress-bar-bg);border-radius:3px;overflow:hidden;margin-top:10px}.storage-progress-fill{height:100%;background:var(--storage-progress-gradient);border-radius:3px;transition:width .3s ease,background .3s ease}.storage-progress-fill.warning{background:var(--progress-fill-warning)}.storage-progress-fill.danger{background:var(--progress-fill-danger)}.storage-percentage{font-size:var(--font-12);color:var(--storage-text-secondary);margin-top:6px;text-align:right}.storage-warning-message{margin-top:10px;padding:10px;background:var(--storage-warning-bg);border:1px solid var(--storage-warning-border);border-radius:5px;font-size:var(--font-12);color:var(--storage-border-warning);line-height:1.5}.storage-usage-container.danger .storage-warning-message{background:var(--storage-danger-bg);border-color:var(--storage-danger-border);color:var(--storage-border-danger)}.storage-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--storage-border)}.storage-breakdown{display:flex;flex-direction:column;gap:8px}.breakdown-item{display:flex;justify-content:space-between;align-items:center}.breakdown-label{display:flex;align-items:center;gap:8px;font-size:var(--font-12);color:var(--storage-text)}.breakdown-icon{font-size:var(--font-16)}.breakdown-value{font-size:var(--font-12);color:var(--storage-text-secondary);font-weight:500}.storage-plan-info{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.storage-plan-badge{font-size:var(--font-10);font-weight:600;padding:3px 7px;background:var(--storage-plan-badge-bg);color:var(--storage-plan-badge-text);border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.available-text{font-size:var(--font-12);color:var(--storage-text-secondary)}.storage-loading,.storage-error{display:flex;align-items:center;gap:8px;font-size:var(--font-12);color:var(--storage-text-secondary)}.loading-spinner-small{width:14px;height:14px;border:2px solid var(--storage-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.retry-btn-small{background:transparent;border:1px solid var(--storage-border);color:var(--storage-text-secondary);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:var(--font-12);transition:all .2s ease}.retry-btn-small:hover{background:var(--storage-retry-btn-hover-bg);border-color:var(--accent-primary);color:var(--accent-primary)}@media(max-width:768px){.storage-usage-container{margin:12px;padding:12px}.storage-icon{width:32px;height:32px}.storage-title,.storage-amount{font-size:var(--font-12)}}