.usage-badge-compact.svelte-17wo63h{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius);font-size:.75rem;font-weight:500;transition:all .2s;border:1px solid var(--border)}.usage-badge-compact.svelte-17wo63h:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00ffff26}.usage-text.svelte-17wo63h{white-space:nowrap}.usage-badge.svelte-17wo63h{padding:1rem;border-radius:var(--radius);transition:all .3s cubic-bezier(.22,1,.36,1)}.usage-badge.svelte-17wo63h:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00ffff26}.usage-header.svelte-17wo63h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.usage-title.svelte-17wo63h{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:var(--text)}.usage-tier.svelte-17wo63h{font-size:.75rem;padding:.25rem .5rem;border-radius:calc(var(--radius) * .5);background:var(--surface-secondary);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.usage-progress.svelte-17wo63h{margin-top:.75rem}.progress-bar.svelte-17wo63h{height:.5rem;background:var(--surface-secondary);border-radius:999px;overflow:hidden;position:relative}.progress-fill.svelte-17wo63h{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1);position:relative}.progress-fill.svelte-17wo63h:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);animation:svelte-17wo63h-shimmer 2s infinite}@keyframes svelte-17wo63h-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.usage-stats.svelte-17wo63h{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.75rem}.usage-remaining.svelte-17wo63h{font-weight:600;color:var(--text)}.usage-total.svelte-17wo63h{color:var(--text-muted)}.usage-unlimited.svelte-17wo63h{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--primary);font-weight:500;font-size:.875rem}.usage-unlimited.svelte-17wo63h svg{animation:svelte-17wo63h-pulse 2s ease-in-out infinite}.usage-warning.svelte-17wo63h{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;background:#ffa5001a;border:1px solid rgba(255,165,0,.3);border-radius:calc(var(--radius) * .5);color:orange;font-size:.75rem;font-weight:500}.status-ok.svelte-17wo63h{border-color:#00ffff4d}.status-ok.svelte-17wo63h .usage-tier:where(.svelte-17wo63h){background:#00ffff1a;color:var(--primary)}.status-low.svelte-17wo63h{border-color:#ffd7004d}.status-low.svelte-17wo63h .usage-tier:where(.svelte-17wo63h){background:#ffd7001a;color:gold}.status-low.svelte-17wo63h .progress-fill:where(.svelte-17wo63h){background:linear-gradient(90deg,gold,#ffed4e)}.status-warning.svelte-17wo63h{border-color:#ffa5004d}.status-warning.svelte-17wo63h .usage-tier:where(.svelte-17wo63h){background:#ffa5001a;color:orange}.status-warning.svelte-17wo63h .progress-fill:where(.svelte-17wo63h){background:linear-gradient(90deg,#ff8c00,orange)}.status-unlimited.svelte-17wo63h{border-color:#00ffff80;background:linear-gradient(135deg,#00ffff0d,#00ffff05)}.status-unlimited.svelte-17wo63h .usage-tier:where(.svelte-17wo63h){background:#00ffff26;color:var(--primary)}@keyframes svelte-17wo63h-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.progress-fill.svelte-17wo63h:after,.usage-unlimited.svelte-17wo63h svg{animation:none}}
