.consumption-range{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.consumption-range .btn{min-width:82px}.consumption-dashboard{display:grid;gap:14px;position:relative}.consumption-loader{min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;border:1px solid rgba(37,244,238,.25);border-radius:22px;background:radial-gradient(circle at 50% 40%,rgba(37,244,238,.12),transparent 35%),#10121a}.consumption-loader i{width:62px;height:62px;border:3px solid rgba(37,244,238,.18);border-top-color:#25f4ee;border-right-color:#bd39ff;border-radius:50%;animation:consumptionSpin 1s linear infinite}.consumption-livebar{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid rgba(37,244,238,.28);border-radius:15px;background:linear-gradient(90deg,rgba(37,244,238,.08),rgba(189,57,255,.08))}.consumption-livebar span{font-weight:900;color:#5cffb0;letter-spacing:.08em}.consumption-livebar span i,.consumption-providers i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#42ffa1;box-shadow:0 0 12px #42ffa1;animation:consumptionPulse 1.5s infinite}.consumption-livebar>b{margin-left:auto;color:#9297ad;font-size:12px}.consumption-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.consumption-kpis article{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(37,244,238,.2);border-radius:18px;background:linear-gradient(145deg,rgba(37,244,238,.08),rgba(189,57,255,.07)),#141620}.consumption-kpis article:after{content:"";position:absolute;right:-35px;top:-35px;width:95px;height:95px;border-radius:50%;background:rgba(37,244,238,.08);filter:blur(3px)}.consumption-kpis small{color:#9297ad;font-weight:800;letter-spacing:.08em}.consumption-kpis strong{display:block;margin:9px 0 5px;color:#25f4ee;font-size:29px;text-shadow:0 0 18px rgba(37,244,238,.28)}.consumption-kpis em{color:#aeb2c4;font-size:11px;font-style:normal}.consumption-chart-panel,.consumption-columns>section,.consumption-recent{padding:18px;border:1px solid rgba(37,244,238,.2);border-radius:20px;background:#13151e}.consumption-chart-panel h3,.consumption-columns h3,.consumption-recent h3{margin:0 0 4px}.consumption-chart-panel p{margin:0;color:#9297ad;font-size:12px}.consumption-bars{display:flex;align-items:flex-end;height:190px;gap:5px;margin-top:17px;padding-top:10px;border-bottom:1px solid rgba(255,255,255,.1)}.consumption-bars>div{display:flex;height:100%;flex:1;min-width:5px;align-items:center;justify-content:flex-end;flex-direction:column;gap:5px}.consumption-bars b{width:72%;min-height:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#25f4ee,#7a2bff);box-shadow:0 0 14px rgba(37,244,238,.2)}.consumption-bars small{font-size:8px;color:#7f8498;writing-mode:vertical-rl}.consumption-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.consumption-tools{display:grid;gap:9px;margin-top:14px}.consumption-tools article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#181a24}.consumption-tools article>span{font-size:25px}.consumption-tools b,.consumption-tools small{display:block}.consumption-tools small{color:#9297ad;margin:3px 0 6px}.consumption-tools progress{width:100%;height:5px;accent-color:#25f4ee}.consumption-tools em{font-size:11px;font-style:normal}.consumption-tools em.good{color:#42ffa1}.consumption-tools em.bad{color:#ff6a8d}.consumption-money{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 20px}.consumption-money p{margin:0;padding:11px;border-radius:12px;background:rgba(122,43,255,.1);border:1px solid rgba(122,43,255,.25)}.consumption-money small,.consumption-money b{display:block}.consumption-money small{color:#9297ad;font-size:9px}.consumption-money b{margin-top:5px;color:#fff}.consumption-providers p{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px}.consumption-recent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.consumption-recent h3{grid-column:1/-1}.consumption-recent article{display:grid;grid-template-columns:10px 90px 1fr;align-items:center;gap:8px;padding:9px;border-radius:10px;background:rgba(255,255,255,.035)}.consumption-recent small{color:#9297ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.consumption-dot{width:8px;height:8px;border-radius:50%;background:#ffcb47}.consumption-dot.completed{background:#42ffa1}.consumption-dot.failed{background:#ff5378}.notification-sound{display:flex;gap:7px}@keyframes consumptionSpin{to{transform:rotate(360deg)}}@keyframes consumptionPulse{50%{opacity:.35;transform:scale(.75)}}
@media(max-width:800px){.consumption-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.consumption-columns{grid-template-columns:1fr}.consumption-recent{grid-template-columns:1fr}.consumption-bars{height:150px}.consumption-livebar{align-items:flex-start;flex-wrap:wrap}.consumption-livebar>b{width:100%;margin:0}.consumption-money{grid-template-columns:1fr}.consumption-kpis strong{font-size:23px}.consumption-chart-panel,.consumption-columns>section,.consumption-recent{padding:14px}}
.provider-consumption-card{display:grid;gap:10px;margin:10px 0;padding:13px;border:1px solid rgba(37,244,238,.18);border-radius:14px;background:linear-gradient(145deg,rgba(37,244,238,.045),rgba(122,43,255,.06))}.provider-consumption-card header{display:flex;align-items:center;justify-content:space-between}.provider-consumption-card header strong{color:#25f4ee}.provider-consumption-card>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.provider-consumption-card>div p{display:block;padding:8px;border:0;border-radius:9px;background:rgba(255,255,255,.035)}.provider-consumption-card>div small,.provider-consumption-card>div b{display:block}.provider-consumption-card>div small{color:#858a9f;font-size:9px}.provider-consumption-card>div b{margin-top:4px;font-size:11px}.provider-consumption-card progress{width:100%;height:5px;accent-color:#25f4ee}.provider-consumption-card footer{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end}.provider-consumption-card label{color:#9297ad;font-size:9px}.provider-consumption-card input{width:100%;margin-top:4px;padding:7px;border:1px solid rgba(37,244,238,.2);border-radius:8px;background:#0e1017;color:#fff}@media(max-width:800px){.provider-consumption-card>div{grid-template-columns:1fr}.provider-consumption-card footer{grid-template-columns:1fr 1fr}.provider-consumption-card footer .btn{grid-column:1/-1}}
.consumption-main-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.consumption-main-tabs .btn{min-height:54px;font-size:14px}.consumption-columns.api-mode{display:block}.consumption-columns.api-mode>section{width:100%}.consumption-columns.api-mode .consumption-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.consumption-columns.api-mode .provider-consumption-card{min-width:0;aspect-ratio:1/1;margin:0;align-content:space-between;overflow:hidden}.consumption-columns.api-mode .provider-consumption-card>div{grid-template-columns:1fr}.consumption-columns.api-mode .provider-consumption-card footer{grid-template-columns:1fr 1fr}.consumption-columns.api-mode .provider-consumption-card footer .btn{grid-column:1/-1}.consumption-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.consumption-tools article{aspect-ratio:1/1;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column}.consumption-money{grid-template-columns:repeat(3,minmax(0,1fr))}.consumption-money p{aspect-ratio:1/1;display:flex;justify-content:center;flex-direction:column}.consumption-kpis article{aspect-ratio:1.15/1}.consumption-recent article{min-height:72px}@media(max-width:800px){.consumption-columns.api-mode .consumption-providers,.consumption-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.consumption-columns.api-mode .provider-consumption-card{aspect-ratio:auto;min-height:265px}.consumption-main-tabs .btn{font-size:12px;padding:10px}.consumption-money{grid-template-columns:repeat(2,minmax(0,1fr))}.consumption-kpis article{aspect-ratio:1/1}}

/* v298: panel compacto, legible y sin elementos cortados */
.consumption-dashboard [hidden]{display:none!important}
.consumption-kpis article{aspect-ratio:auto!important;min-height:132px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.consumption-kpis small{font-size:10px}.consumption-kpis strong{margin:8px 0 4px;font-size:34px;line-height:1}.consumption-kpis em{font-size:10px}
.consumption-money-panel{padding:18px;border:1px solid rgba(37,244,238,.2);border-radius:20px;background:#13151e}
.consumption-money-panel h3{margin:0 0 12px}
.consumption-money{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.consumption-money p{aspect-ratio:auto!important;min-height:112px;padding:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.consumption-money small{font-size:10px}.consumption-money b{font-size:25px;line-height:1.05}
.consumption-tools article{aspect-ratio:auto!important;min-height:150px;padding:14px;overflow:hidden}
.consumption-columns.api-mode .consumption-providers{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.consumption-columns.api-mode .provider-consumption-card{aspect-ratio:auto!important;min-width:0;min-height:0;margin:0;overflow:hidden;align-content:normal}
.provider-consumption-card header{min-width:0;gap:8px}.provider-consumption-card header span{display:flex;align-items:center;min-width:0}.provider-consumption-card header b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-consumption-card header strong{flex:0 0 auto;font-size:16px}
.provider-consumption-card>div{grid-template-columns:1fr!important}.provider-consumption-card>div p{min-width:0;overflow:hidden}.provider-consumption-card>div b{overflow-wrap:anywhere}
.provider-consumption-card footer{grid-template-columns:1fr!important;min-width:0}.provider-consumption-card footer .btn{grid-column:auto!important;width:100%;min-height:34px}.provider-consumption-card label,.provider-consumption-card input{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:1000px){.consumption-columns.api-mode .consumption-providers{grid-template-columns:repeat(2,minmax(0,1fr))}.consumption-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.consumption-kpis article{aspect-ratio:auto!important;min-height:112px;padding:12px}.consumption-kpis strong{font-size:28px}.consumption-money{grid-template-columns:repeat(2,minmax(0,1fr))}.consumption-money p{min-height:96px}.consumption-money b{font-size:21px}.consumption-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.consumption-tools article{min-height:135px}.consumption-columns.api-mode .consumption-providers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.consumption-columns.api-mode .consumption-providers{grid-template-columns:1fr}.consumption-main-tabs{gap:7px}.consumption-main-tabs .btn{min-height:46px}.consumption-kpis{gap:8px}.consumption-kpis strong{font-size:25px}.consumption-money p{min-height:88px;padding:10px}.consumption-tools article{min-height:128px}}