.storage-usage-display.svelte-2jyvm0{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.loading-state.svelte-2jyvm0,.error-state.svelte-2jyvm0{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);text-align:center}.loading-spinner.svelte-2jyvm0{width:20px;height:20px;border:2px solid var(--bg-tertiary);border-top:2px solid var(--accent-primary);border-radius:50%;animation:svelte-2jyvm0-spin 1s linear infinite}@keyframes svelte-2jyvm0-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message.svelte-2jyvm0{color:var(--danger, #ef4444);margin:0}.retry-button.svelte-2jyvm0{background-color:var(--accent-primary);color:#fff;border:none;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.retry-button.svelte-2jyvm0:hover{background-color:var(--accent-primary-hover, #5e35b1)}.usage-content.svelte-2jyvm0{display:flex;flex-direction:column;gap:var(--space-md)}.usage-header.svelte-2jyvm0{display:flex;justify-content:space-between;align-items:center}.usage-header.svelte-2jyvm0 h3:where(.svelte-2jyvm0){margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.tier-badge.svelte-2jyvm0{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.tier-badge.premium.svelte-2jyvm0{background-color:var(--accent-primary);color:#fff}.tier-badge.practice.svelte-2jyvm0{background-color:var(--success, #10b981);color:#fff}.usage-section.svelte-2jyvm0{display:flex;flex-direction:column;gap:var(--space-xs)}.usage-label.svelte-2jyvm0{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-primary)}.usage-numbers.svelte-2jyvm0{font-weight:600;color:var(--text-secondary)}.progress-bar.svelte-2jyvm0{height:8px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.progress-fill.svelte-2jyvm0{height:100%;transition:width .3s ease;border-radius:var(--radius-sm)}.usage-percentage.svelte-2jyvm0{font-size:.75rem;color:var(--text-secondary);text-align:right}.upgrade-prompt.svelte-2jyvm0{background-color:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;margin-top:var(--space-sm)}.upgrade-prompt.svelte-2jyvm0 p:where(.svelte-2jyvm0){margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:.875rem}.upgrade-button.svelte-2jyvm0{display:inline-block;background-color:var(--accent-primary);color:#fff;text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;transition:background-color .2s ease}.upgrade-button.svelte-2jyvm0:hover{background-color:var(--accent-primary-hover, #5e35b1)}@media (max-width: 640px){.usage-header.svelte-2jyvm0,.usage-label.svelte-2jyvm0{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.usage-percentage.svelte-2jyvm0{text-align:left}}