/* V18 Ultimate Analytics */
.v18-showcase{
  border:1px solid rgba(255,147,0,.26);
  border-radius:36px;
  padding:30px;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,147,0,.16),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  box-shadow:0 35px 110px rgba(0,0,0,.46)
}
.v18-badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v18-badge-grid img{
  width:100%;border-radius:28px;border:1px solid rgba(255,255,255,.13);
  box-shadow:0 28px 80px rgba(0,0,0,.36);transition:.22s ease
}
.v18-badge-grid img:hover{transform:translateY(-5px) scale(1.01)}
.v18-live{
  display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center;
  border:1px solid rgba(88,101,242,.25);border-radius:36px;padding:30px;
  background:
    radial-gradient(circle at 88% 20%,rgba(88,101,242,.18),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.032));
}
.v18-live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.v18-live-grid article{
  border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:18px;text-align:center;
  background:rgba(255,255,255,.05)
}
.v18-live-grid strong{font-size:2rem;display:block}
.v18-live-grid span{color:#aeb8ca;font-weight:900}
.analytics-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
.analytics-kpis article{
  border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);
  border-radius:22px;padding:18px
}
.analytics-kpis strong{display:block;color:#ffbd62;font-size:2rem}
.analytics-kpis span{color:#aeb8ca;font-weight:900}
.analytics-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.analytics-list{border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(255,255,255,.04);padding:16px;max-height:540px;overflow:auto}
.analytics-event{border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0}
.analytics-event:last-child{border-bottom:none}
.analytics-event strong{color:#ffbd62}.analytics-event span{display:block;color:#aeb8ca;font-size:.9rem;word-break:break-all}
.live-dot{display:inline-flex;align-items:center;gap:8px}
.live-dot:before{content:"";width:10px;height:10px;background:#31d158;border-radius:50%;box-shadow:0 0 16px #31d158}
@media(max-width:1050px){.v18-badge-grid,.v18-live,.analytics-layout{grid-template-columns:1fr}.v18-live-grid,.analytics-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.v18-live-grid,.analytics-kpis{grid-template-columns:1fr}}