.usage-widget-container{display:flex;flex-direction:column;padding:1.25rem;border-radius:1.25rem;border-width:1px;background-color:#fff;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.usage-header{display:flex;align-items:center;gap:1rem}.usage-icon-box{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.75rem;transition:all .3s ease;flex-shrink:0}.usage-content{display:flex;flex-direction:column;min-width:0}.usage-label{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin:0;white-space:nowrap}.usage-value{font-size:.8rem;font-weight:800;margin:0;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.05)}.usage-expiration{font-size:.6rem;font-weight:700;color:#64748b;margin:0}.usage-progress-bar{margin-top:.75rem;height:.35rem;width:100%;background-color:#f1f5f9;border-radius:1rem;overflow:hidden}.usage-progress-fill{height:100%;border-radius:1rem;transition:width .5s ease}.usage-gold-theme{border-color:#f2d06b33}.usage-gold-theme .usage-icon-box{background-color:#fefce8;color:#c5902e}.usage-gold-theme .usage-label{color:#c5902e}.usage-gold-theme .usage-progress-fill{background-color:#f2d06b}.usage-amber-theme{border-color:#f59e0b33}.usage-amber-theme .usage-icon-box{background-color:#fffbeb;color:#d97706}.usage-amber-theme .usage-label{color:#d97706}.usage-amber-theme .usage-progress-fill{background-color:#f59e0b}.usage-red-theme{border-color:#ef444433}.usage-red-theme .usage-icon-box{background-color:#fef2f2;color:#dc2626}.usage-red-theme .usage-label{color:#dc2626}.usage-red-theme .usage-progress-fill{background-color:#ef4444}