.kpi-dashboard{justify-content:center;align-items:center;min-height:440px;display:flex;position:relative}.kpi-orb{filter:blur(18px);opacity:.8;border-radius:999px;position:absolute}.kpi-orb-one{background:#8aa0ff38;width:220px;height:220px;animation:7s ease-in-out infinite kpi-orb-float;top:34px;left:18px}.kpi-orb-two{background:#e6a23c29;width:180px;height:180px;animation:8s ease-in-out infinite reverse kpi-orb-float;bottom:28px;right:24px}.kpi-card{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff14,#ffffff08),#18223c57;border:1px solid #d9e3ea24;border-radius:30px;width:100%;padding:30px;animation:7s ease-in-out infinite kpi-card-float;position:relative;box-shadow:0 30px 70px -38px #000000b3,inset 0 1px #ffffff14}.kpi-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.kpi-header p{color:#c9d5df;text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:13px;font-weight:800}.kpi-header h3{color:#fff;letter-spacing:-.04em;margin:10px 0 0;font-size:34px;line-height:1.05}.kpi-header>span{color:#def4e7;white-space:nowrap;background:#a7e2bf1a;border:1px solid #a7e2bf47;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800}.kpi-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.kpi-metrics div{background:#ffffff0e;border:1px solid #d9e3ea1a;border-radius:20px;padding:16px}.kpi-metrics span{color:#cbd8e1;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:750;display:block}.kpi-metrics strong{color:#fff;letter-spacing:-.04em;margin-top:8px;font-size:28px;line-height:1;display:block}.kpi-analysis{background:radial-gradient(circle at 18% 28%,#ffffff14,#0000 20%),radial-gradient(circle at 78% 62%,#8aa0ff21,#0000 28%),#ffffff09;border:1px solid #d9e3ea17;border-radius:24px;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:26px;padding:16px;display:grid}.kpi-chart{background:#18223c85;border:1px solid #d9e3ea17;border-radius:20px;align-items:flex-end;gap:10px;min-height:160px;padding:18px;display:flex}.kpi-chart span{background:linear-gradient(#8aa0fff2,#8aa0ff59);border-radius:999px 999px 6px 6px;flex:1;min-width:0;animation:3.4s ease-in-out infinite kpi-bar-pulse}.kpi-chart span:nth-child(4),.kpi-chart span:nth-child(6){background:linear-gradient(#e6a23cf2,#e6a23c59)}.kpi-insight{background:#e6a23c14;border:1px solid #e6a23c33;border-radius:20px;padding:18px;animation:3.6s ease-in-out infinite kpi-insight-pulse}.kpi-insight span{color:#f3d19a;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:850;display:block}.kpi-insight strong{color:#fff;margin-top:12px;font-size:20px;line-height:1.15;display:block}.kpi-insight p{color:#cbd8e1;margin:12px 0 0;font-size:13px;line-height:1.5}.kpi-badge{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#e6a23c47,#d4880629),#18223c94;border:1px solid #e6a23c66;border-radius:18px;width:180px;padding:17px 18px;position:absolute;box-shadow:0 20px 40px -24px #d488068c,inset 0 1px #ffffff29}.kpi-badge-top{animation:5.5s ease-in-out infinite kpi-badge-float;top:14px;right:-34px}.kpi-badge-bottom{animation:6.2s ease-in-out infinite reverse kpi-badge-float;bottom:24px;left:-54px}.kpi-badge span{color:#f3d19a;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:850;display:block}.kpi-badge strong{color:#fff;margin-top:9px;font-size:24px;line-height:1;display:block}@keyframes kpi-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes kpi-badge-float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-12px)translate(4px)}}@keyframes kpi-orb-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(14px,-12px)scale(1.05)}}@keyframes kpi-bar-pulse{0%,to{opacity:.82;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.04)}}@keyframes kpi-insight-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 8px #e6a23c14}}@media (max-width:720px){.kpi-dashboard{min-height:430px}.kpi-card{padding:24px}.kpi-header{flex-direction:column}.kpi-metrics,.kpi-analysis{grid-template-columns:1fr}.kpi-chart{min-height:130px}.kpi-badge{width:155px}.kpi-badge-top{right:-8px}.kpi-badge-bottom{left:-8px}}