@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap);.scards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}.scards-grid.cols-2{grid-template-columns:repeat(2,1fr)}.scards-grid.cols-3{grid-template-columns:repeat(3,1fr)}.scards-grid.cols-4{grid-template-columns:repeat(4,1fr)}.scards-grid.cols-5{grid-template-columns:repeat(5,1fr)}.scards-grid.cols-6{grid-template-columns:repeat(6,1fr)}.scard{--c:#64748b;--c-rgb:100,116,139;position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:20px 20px 0;overflow:hidden;min-height:175px;display:flex;flex-direction:column;transition:transform .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo),border-color .3s ease;cursor:default;container-type:inline-size}.scard:hover{transform:translateY(-3px);border-color:rgba(var(--c-rgb),.35);box-shadow:0 16px 40px rgba(0,0,0,.35)}.scard__glow{position:absolute;bottom:-50px;left:-30px;width:180px;height:140px;background:rgba(var(--c-rgb),.18);border-radius:50%;filter:blur(55px);pointer-events:none;transition:opacity .4s;opacity:1}.scard:hover .scard__glow{opacity:1.6;filter:blur(45px)}.scard__scan{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.04) 47%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 53%,transparent 70%);transition:left .7s cubic-bezier(.4, 0, .2, 1);pointer-events:none;z-index:1}.scard:hover .scard__scan{left:100%}.scard__head{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:2;margin-bottom:12px}.scard__label{font-family:'JetBrains Mono',Consolas,Monaco,monospace;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scard__label::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:rgba(var(--c-rgb),1);box-shadow:0 0 7px rgba(var(--c-rgb),.7);flex-shrink:0}.scard__eq{display:flex;align-items:flex-end;gap:2.5px;height:16px;flex-shrink:0}.scard__eq span{width:2px;background:rgba(var(--c-rgb),.65);border-radius:1px;animation:1.6s ease-in-out infinite scardEq}.scard__eq span:first-child{height:35%;animation-delay:0s}.scard__eq span:nth-child(2){height:75%;animation-delay:.2s}.scard__eq span:nth-child(3){height:100%;animation-delay:.4s}.scard__eq span:nth-child(4){height:55%;animation-delay:.6s}.scard__eq span:nth-child(5){height:80%;animation-delay:.8s}@keyframes scardEq{0%,100%{transform:scaleY(.35);opacity:.45}50%{transform:scaleY(1);opacity:1}}.scard__value{display:flex;align-items:baseline;gap:1px;position:relative;z-index:2;min-width:0;line-height:1}.scard__currency{font-size:.85rem;font-weight:600;color:var(--text-muted);flex-shrink:0;margin-right:3px;letter-spacing:0;align-self:flex-start;padding-top:3px}.scard__digits{font-size:clamp(1rem, 9cqi, 2.2rem);font-weight:900;letter-spacing:-.04em;color:rgba(var(--c-rgb),1);font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap;line-height:1}.scard__decimals{font-size:.7em;font-weight:700;color:var(--text-muted);flex-shrink:0;align-self:flex-end;padding-bottom:2px;letter-spacing:0}.scard__context{font-size:.76rem;color:var(--text-muted);display:flex;align-items:center;gap:5px;margin-top:7px;position:relative;z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scard__context i{font-size:.9rem;flex-shrink:0;color:rgba(var(--c-rgb),.6)}.scard__strip{margin-left:-20px;margin-right:-20px;padding:9px 20px;border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.18);display:flex;align-items:stretch;gap:0;position:relative;z-index:2;margin-top:16px}.scard__strip-item{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;padding:0 8px;overflow:hidden}.scard__strip-item:not(:last-child){border-right:1px solid rgba(255,255,255,.05)}.scard__strip-item:first-child{padding-left:0}.scard__strip-key{font-family:'JetBrains Mono',Consolas,Monaco,monospace;font-size:.58rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scard__strip-val{font-family:'JetBrains Mono',Consolas,Monaco,monospace;font-size:.72rem;font-weight:700;color:var(--text-dark);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scard__strip-val.up{color:var(--success)}.scard__strip-val.down{color:var(--danger)}.scard__strip-val.warn{color:var(--warning)}.scard__strip-val.muted{color:var(--text-muted)}.scard--indigo{--c:#818cf8;--c-rgb:129,140,248}.scard--emerald{--c:#34d399;--c-rgb:52,211,153}.scard--amber{--c:#fbbf24;--c-rgb:251,191,36}.scard--rose{--c:#fb7185;--c-rgb:251,113,133}.scard--sky{--c:#38bdf8;--c-rgb:56,189,248}.scard--slate{--c:#94a3b8;--c-rgb:148,163,184}.scard--violet{--c:#a78bfa;--c-rgb:167,139,250}.scard--ventas{--c:#60a5fa;--c-rgb:96,165,250}.scard--ganancia{--c:#34d399;--c-rgb:52,211,153}.scard--tickets{--c:#fbbf24;--c-rgb:251,191,36}.scard--gastos{--c:#f87171;--c-rgb:248,113,113}.scard--efectivo{--c:#34d399;--c-rgb:52,211,153}.scard--debito{--c:#60a5fa;--c-rgb:96,165,250}.scard--credito{--c:#a78bfa;--c-rgb:167,139,250}.scard--transferencia{--c:#22d3ee;--c-rgb:34,211,238}.scard--cuenta{--c:#fb7185;--c-rgb:251,113,133}.scard--mixto{--c:#fb923c;--c-rgb:251,146,60}.scard--slim{min-height:unset;padding-bottom:20px}.scard--slim .scard__context{margin-bottom:0}.scards-grid.compact .scard{min-height:140px;padding:16px 16px 0}.scards-grid.compact .scard__digits{font-size:clamp(.9rem, 7cqi, 1.7rem)}.scards-grid.compact .scard__strip{margin-left:-16px;margin-right:-16px;padding:7px 16px;margin-top:10px}.scards-grid.compact .scard__context{font-size:.7rem}.scards-grid.compact .scard__eq{display:none}[data-theme=light] .scard{background:#fff;border-color:var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.06)}[data-theme=light] .scard:hover{box-shadow:0 10px 28px rgba(0,0,0,.12);border-color:rgba(var(--c-rgb),.4)}[data-theme=light] .scard__glow{opacity:.12}[data-theme=light] .scard__scan{background:linear-gradient(115deg,transparent 30%,rgba(0,0,0,.025) 47%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.025) 53%,transparent 70%)}[data-theme=light] .scard__label{color:#475569}[data-theme=light] .scard__context,[data-theme=light] .scard__currency,[data-theme=light] .scard__decimals{color:#64748b}[data-theme=light] .scard__context i{color:rgba(var(--c-rgb),.7)}[data-theme=light] .scard__strip{background:rgba(0,0,0,.04);border-top-color:rgba(0,0,0,.07)}[data-theme=light] .scard__strip-item:not(:last-child){border-right-color:rgba(0,0,0,.07)}[data-theme=light] .scard__strip-key{color:#64748b}[data-theme=light] .scard__strip-val{color:#0f172a}[data-theme=light] .scard__strip-val.up{color:#16a34a}[data-theme=light] .scard__strip-val.down{color:#dc2626}[data-theme=light] .scard__strip-val.warn{color:#d97706}@media (max-width:1280px){.scards-grid.cols-5,.scards-grid.cols-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.scards-grid.cols-4,.scards-grid.cols-5,.scards-grid.cols-6{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.scards-grid{gap:12px}.scards-grid.cols-3,.scards-grid.cols-4,.scards-grid.cols-5,.scards-grid.cols-6{grid-template-columns:repeat(2,1fr)}.scard__strip{margin-top:12px}}@media (max-width:480px){.scards-grid,.scards-grid.cols-2,.scards-grid.cols-3,.scards-grid.cols-4,.scards-grid.cols-5,.scards-grid.cols-6{grid-template-columns:1fr}.scards-grid.compact .scard__strip{display:none}}