.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}@keyframes cs-scan{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes cs-progress-indeterminate{0%{left:-40%;width:40%}50%{width:55%}to{left:100%;width:40%}}@keyframes cs-pop{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cs-stack{animation:cs-pop .35s cubic-bezier(.22,1,.36,1) both}.cs-thumb{position:relative;width:44px;height:56px;border-radius:8px;overflow:hidden;background:#f1f5f9;flex-shrink:0;border:1px solid #e2e8f0}.cs-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cs-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#eef2f7);color:#94a3b8}.cs-scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e3c686,#c5902e,#e3c686,transparent);box-shadow:0 0 10px 2px #c5902e8c;animation:cs-scan 1.6s ease-in-out infinite}.cs-thumb-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#c5902e1f,#c5902e00);pointer-events:none}.cs-bar-track{position:relative;height:4px;border-radius:9999px;background:#eef2f7;overflow:hidden}.cs-bar-fill{position:absolute;top:0;bottom:0;border-radius:9999px;background:linear-gradient(90deg,#e3c686,#c5902e);animation:cs-progress-indeterminate 1.3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.cs-stack,.cs-scanline,.cs-bar-fill{animation:none!important}.cs-bar-fill{left:0;width:60%}}@keyframes cv-fade-up{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cv-hero-pan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes cv-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cv-grow-bar{0%{height:0%;opacity:0}to{opacity:1}}@keyframes cv-ring{0%{stroke-dashoffset:var(--ring-circ)}to{stroke-dashoffset:var(--ring-offset)}}@keyframes cv-glow-pulse{0%,to{box-shadow:0 0 #c5902e00}50%{box-shadow:0 0 30px #c5902e40}}.cv-root{animation:cv-fade-in .4s ease both}.cv-hero{background:linear-gradient(120deg,#0f170f,#1c2a1c 25%,#3a2a0e 55%,#1c2a1c 80%,#0f170f);background-size:250% 250%;animation:cv-hero-pan 14s ease infinite}.cv-hero-orb{position:absolute;border-radius:9999px;filter:blur(60px);opacity:.4;animation:cv-float 7s ease-in-out infinite}.cv-gold-text{background:linear-gradient(90deg,#e3c686,#f9f1e0,#c5902e,#f0dfb8,#e3c686);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:cv-shimmer 6s linear infinite}.cv-card{animation:cv-fade-up .55s cubic-bezier(.22,1,.36,1) both;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;will-change:transform}.cv-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -18px #c5902e73,0 8px 20px -10px #0f170f40;border-color:#c5902e8c}.cv-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(130deg,transparent 30%,rgba(213,170,84,.7),transparent 70%);background-size:200% 200%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;animation:cv-shimmer 5s linear infinite;pointer-events:none}.cv-card:hover:after{opacity:1}.cv-bar{animation:cv-grow-bar .9s cubic-bezier(.22,1,.36,1) both;transition:filter .25s ease}.cv-bar:hover{filter:brightness(1.12)}.cv-stat{animation:cv-fade-up .6s cubic-bezier(.22,1,.36,1) both}.cv-row,.cv-detail-enter{animation:cv-fade-up .45s cubic-bezier(.22,1,.36,1) both}@keyframes cv-backdrop{0%{opacity:0}to{opacity:1}}@keyframes cv-modal-pop{0%{opacity:0;transform:perspective(1400px) rotateX(14deg) translateY(48px) scale(.9)}to{opacity:1;transform:perspective(1400px) rotateX(0) translateY(0) scale(1)}}@keyframes cv-success-pop{0%{transform:scale(0) rotate(-25deg);opacity:0}55%{transform:scale(1.18) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes cv-ripple{0%{box-shadow:0 0 #c5902e80}to{box-shadow:0 0 0 28px #c5902e00}}.cv-backdrop{animation:cv-backdrop .25s ease both}.cv-modal{animation:cv-modal-pop .5s cubic-bezier(.22,1,.36,1) both;transform-style:preserve-3d}.cv-success{animation:cv-success-pop .6s cubic-bezier(.22,1,.36,1) both}.cv-ripple{animation:cv-ripple .9s ease-out both}.cv-method{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease,background .3s ease}.cv-method:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 36px -16px #c5902e73}.cv-method.cv-active{border-color:#c5902e;background:linear-gradient(135deg,#fdfbf7,#f9f1e0);box-shadow:0 14px 30px -14px #c5902e66}.cv-access-card{background:linear-gradient(135deg,#0f170f,#25351c 45%,#3a2a0e);background-size:180% 180%;animation:cv-hero-pan 12s ease infinite}.cv-access-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 0%,rgba(226,196,90,.22),transparent 55%);pointer-events:none}.cv-seg button{transition:all .2s ease}@media(prefers-reduced-motion:reduce){.cv-root,.cv-card,.cv-bar,.cv-stat,.cv-row,.cv-detail-enter,.cv-hero,.cv-gold-text,.cv-hero-orb,.cv-backdrop,.cv-modal,.cv-success,.cv-ripple,.cv-method,.cv-access-card{animation:none!important}}