.painel-cena{--ac:#03e0bf;margin-bottom:24px;position:relative}.painel{box-shadow:0 30px 60px -20px #030828b3,0 0 90px -20px color-mix(in srgb,var(--ac) 45%,transparent);background:#0a1030;border:1px solid #ffffff24;border-radius:14px;overflow:hidden}.painel:before{content:"";background:linear-gradient(90deg,var(--ac),transparent 70%);height:2px;display:block}.painel-barra{background:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:11px 14px;display:flex}.painel-barra i{border-radius:50%;width:10px;height:10px}.painel-barra i:first-child{background:#ff513c}.painel-barra i:nth-child(2){background:#f5c451}.painel-barra i:nth-child(3){background:#03e0bf}.painel-url{max-width:220px;font-family:var(--f-mono);color:#8a93c4;background:#ffffff0f;border-radius:6px;flex:1;margin-left:12px;padding:3px 10px;font-size:.7rem}.painel-corpo{grid-template-columns:44px minmax(0,1fr);display:grid}.painel-menu{border-right:1px solid #ffffff12;flex-direction:column;align-items:center;gap:12px;padding:16px 0;display:flex}.painel-menu b{background:linear-gradient(135deg,var(--ac),#2b38d8);border-radius:7px;width:22px;height:22px;margin-bottom:6px}.painel-menu span{background:#ffffff1a;border-radius:5px;width:18px;height:18px}.painel-menu .ativo{background:color-mix(in srgb,var(--ac) 35%,transparent);box-shadow:0 0 0 1px var(--ac)}.painel-conteudo{color:#d9deff;gap:12px;min-width:0;padding:16px 16px 40px;display:grid}.painel-topo{justify-content:space-between;align-items:baseline;display:flex}.painel-topo strong{font-family:var(--f-display);color:#fff;font-size:.98rem}.painel-topo span{font-family:var(--f-mono);color:#8a93c4;border:1px solid #ffffff1f;border-radius:6px;padding:3px 8px;font-size:.68rem}.painel-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.kpi{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;gap:2px;min-width:0;padding:10px;display:grid}.kpi:first-child{background:color-mix(in srgb,var(--ac) 12%,transparent);border-color:color-mix(in srgb,var(--ac) 35%,transparent)}.kpi span{color:#8a93c4;white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.kpi b{font-family:var(--f-display);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.25rem}.kpi em{font-style:normal;font-family:var(--f-mono);color:var(--ac);font-size:.66rem}.painel-grafico{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;padding:10px 12px 12px}.painel-grafico-topo{color:#8a93c4;justify-content:space-between;font-size:.7rem;display:flex}.vivo{font-family:var(--f-mono);color:var(--ac);align-items:center;gap:6px;font-size:.64rem;display:inline-flex}.vivo:before{content:"";background:var(--ac);border-radius:50%;width:6px;height:6px}.barras{background:repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 23px);grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:8px;height:92px;margin-top:10px;display:grid}.barras span{height:var(--h);background:color-mix(in srgb,var(--ac) 45%,transparent);border-radius:4px 4px 0 0}.barras .atual{background:var(--ac);box-shadow:0 0 16px color-mix(in srgb,var(--ac) 50%,transparent)}.linha{background:repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px 23px);height:92px;margin-top:10px;position:relative}.linha svg{width:100%;height:100%;display:block;overflow:visible}.linha-ponto{background:var(--ac);width:10px;height:10px;box-shadow:0 0 0 3px #0a1030,0 0 14px var(--ac);border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.rosca{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:16px;margin-top:10px;display:grid}.rosca svg{width:92px;height:92px;display:block}.rosca ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rosca li{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.72rem;display:grid}.rosca li i{border-radius:3px;width:10px;height:10px}.rosca li b{font-family:var(--f-mono);color:#fff;font-weight:500}.progresso{gap:9px;margin:10px 0 0;padding:0;list-style:none;display:grid}.progresso li{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;font-size:.72rem;display:grid}.progresso b{font-family:var(--f-mono);color:#fff;font-weight:500}.progresso i{background:#ffffff12;border-radius:999px;grid-column:1/-1;height:6px;position:relative;overflow:hidden}.progresso i:after{content:"";width:var(--w);background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 55%,transparent),var(--ac));border-radius:999px;position:absolute;inset:0 auto 0 0}.painel-lista{gap:6px;margin:0;padding:0;list-style:none;display:grid}.painel-lista li{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:.74rem;display:flex}.painel-lista span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.painel-lista em{font-style:normal;font-family:var(--f-mono);border-radius:999px;flex:none;padding:2px 8px;font-size:.64rem}.painel-lista .ok{color:#03e0bf;background:#03e0bf24}.painel-lista .novo{color:#aeb6ff;background:#8f9bff2e}.painel-flutuante{color:#031528;background:#fffffff5;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;bottom:-24px;left:-22px;box-shadow:0 18px 40px -12px #0308288c}.painel-flutuante b{font-family:var(--f-display);font-size:.82rem;display:block}.painel-flutuante div span{color:#5e6a75;font-size:.72rem;display:block}.painel-flutuante .ponto{background:color-mix(in srgb,var(--ac) 22%,#fff);border-radius:8px;flex:none;width:28px;height:28px;position:relative}.painel-flutuante .ponto:after{content:"✓";color:color-mix(in srgb,var(--ac) 55%,#031528);place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.barras span{transform-origin:bottom;animation:.6s cubic-bezier(.2,.8,.2,1) forwards crescer;animation-delay:calc(.3s + var(--i) * 70ms);transform:scaleY(0)}.linha svg{clip-path:inset(0 100% 0 0);animation:1.2s cubic-bezier(.2,.8,.2,1) .3s forwards revelar}.linha-ponto{opacity:0;animation:.3s 1.4s forwards aparecer}.rosca svg{opacity:0;animation:.9s cubic-bezier(.2,.8,.2,1) .3s forwards girar;transform:rotate(-90deg)scale(.85)}.progresso i:after{transform-origin:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards encher;animation-delay:calc(.3s + var(--i) * .1s);transform:scaleX(0)}.vivo:before{animation:2s ease-out infinite pulso}.painel-flutuante{animation:5s ease-in-out infinite flutuar}}@keyframes crescer{to{transform:scaleY(1)}}@keyframes revelar{to{clip-path:inset(0)}}@keyframes aparecer{to{opacity:1}}@keyframes girar{to{opacity:1;transform:none}}@keyframes encher{to{transform:scaleX(1)}}@keyframes flutuar{50%{transform:translateY(-6px)}}@media (max-width:560px){.painel-flutuante{left:8px}.painel-corpo{grid-template-columns:minmax(0,1fr)}.painel-menu{display:none}}