.live-section{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 100%,#152653 0,transparent 33%),radial-gradient(circle at 90% 90%,#40214d 0,transparent 34%),#121126;color:#fff;padding:105px 0 112px}.live-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,#000a,transparent 85%);pointer-events:none}.live-section>.container{position:relative}.live-heading{text-align:center;max-width:750px;margin:0 auto 43px}.live-kicker{display:inline-flex;align-items:center;gap:9px;color:#9fdded;font-weight:800;letter-spacing:.18em;font-size:10px}.live-kicker span{height:7px;width:7px;border-radius:50%;background:#52dfef;box-shadow:0 0 12px #52dfef}.live-heading h2{font-size:clamp(42px,5vw,63px);line-height:1.08;margin:17px 0 14px;letter-spacing:-.06em}.live-heading h2 em{font-style:normal;background:linear-gradient(90deg,#7be8f3,#a4a8ff,#e3a7e7);background-clip:text;-webkit-background-clip:text;color:transparent}.live-heading p{color:#a9a9c1;font-size:15px;line-height:1.7}.live-dashboard{background:#17162c;border:1px solid #494064;border-radius:28px;padding:34px;box-shadow:0 30px 80px #09091b8c,0 0 0 5px #7774ff0b}.live-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.live-stats>div{position:relative;isolation:isolate;overflow:hidden;min-height:126px;border:1px solid #3d3954;background:linear-gradient(145deg,#24213e,#1d1b34);border-radius:14px;padding:20px;box-shadow:inset 0 1px #ffffff08;animation:metric-card-in .7s both;transition:opacity .38s ease,transform .38s ease,filter .38s ease,border-color .3s ease,box-shadow .3s ease}.live-stats>div:before{content:"";position:absolute;z-index:-1;width:110px;height:110px;right:-55px;top:-62px;border-radius:50%;background:#65e4ee1c;filter:blur(4px);transition:transform .4s ease,opacity .4s ease}.live-stats>div:nth-child(2){animation-delay:.09s}.live-stats>div:nth-child(3){animation-delay:.18s}.live-stats>div:nth-child(4){animation-delay:.27s}.live-stats>div:nth-child(2):before{background:#e39aea1c}.live-stats>div:nth-child(3):before{background:#9e8dff20}.live-stats>div:nth-child(4):before{background:#69e3bd1c}.live-stats>div.metric-is-hidden{opacity:.08;transform:translateY(9px) scale(.96);filter:blur(1px)}.live-stats>div:hover{transform:translateY(-5px);border-color:#77709a;box-shadow:0 15px 28px #09091b52,inset 0 1px #ffffff12}.live-stats>div:hover:before{transform:scale(1.35)}.live-stats small{display:block;color:#9997b2;font-size:10px;font-weight:800;letter-spacing:.11em}.live-stats strong{display:block;font-family:"Space Grotesk",Arial,sans-serif;font-size:31px;letter-spacing:-.05em;margin:7px 0 4px;color:#73e4ee}.live-stats>div:nth-child(2) strong{color:#dd9ce9}.live-stats>div:nth-child(3) strong{color:#b6a9ff}.live-stats>div:nth-child(4) strong{color:#69e3bd}.live-stats strong span{font:inherit;color:inherit}.live-stats .metric-growth{color:#62dfb1;font-size:10px;font-weight:800}.live-panels{display:grid;grid-template-columns:1.48fr 1fr;gap:17px}.live-chart-panel,.live-feed-panel{min-height:350px;background:#1a192f;border:1px solid #3d3954;border-radius:16px;padding:25px;overflow:hidden}.live-panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.live-panel-heading h3{font-family:"DM Sans",Arial,sans-serif;font-size:15px;letter-spacing:0;margin:0 0 5px}.live-panel-heading p{font-size:12px;color:#918faa;margin:0}.chart-icon{color:#7ce2ed;font-size:21px}.live-chart{height:197px;margin-top:29px;padding:12px 0 0;border-bottom:1px solid #49445d;display:flex;align-items:flex-end;gap:8px;position:relative}.live-chart:before,.live-chart:after{content:"";position:absolute;left:0;right:0;border-top:1px dashed #3d3854;pointer-events:none}.live-chart:before{top:32%}.live-chart:after{top:66%}.live-bar{display:block;flex:1;height:var(--bar-height);min-height:12px;max-height:96%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#7de6ee,#795bdd);box-shadow:0 0 19px #8b7aef42;animation:bar-rise .9s both;transform-origin:bottom}.live-bar:nth-child(even){background:linear-gradient(180deg,#e29be9,#795bdd)}.live-bar:nth-child(2){animation-delay:.08s}.live-bar:nth-child(3){animation-delay:.16s}.live-bar:nth-child(4){animation-delay:.24s}.live-bar:nth-child(5){animation-delay:.32s}.live-bar:nth-child(6){animation-delay:.4s}.live-bar:nth-child(7){animation-delay:.48s}.live-bar:nth-child(8){animation-delay:.56s}.live-bar:nth-child(9){animation-delay:.64s}.live-bar:nth-child(10){animation-delay:.72s}.live-bar:nth-child(11){animation-delay:.8s}.live-bar:nth-child(12){animation-delay:.88s}.chart-foot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;font-weight:800;color:#77758f;margin-top:12px}.live-indicator{height:9px;width:9px;border-radius:50%;background:#62e4ed;box-shadow:0 0 0 5px #62e4ed1a,0 0 14px #62e4ed;animation:pulse 2.8s ease-in-out infinite}.live-feed-window{height:254px;margin-top:22px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 86%,transparent)}.live-feed-list{list-style:none;margin:0;padding:0;will-change:transform}.live-feed-item{height:64px;display:flex;gap:14px;align-items:center;color:#eeeef7}.feed-dot{flex:0 0 10px;height:10px;border-radius:50%;background:linear-gradient(130deg,#73e6f0,#d77dea);box-shadow:0 0 12px #8fe0e7a1}.feed-body{min-width:0;display:block}.feed-body strong{font-size:13px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-body small{display:block;margin-top:5px;color:#9997af;font-size:11px}.status-delivered,.status-completed{color:#8ee1ba}.status-processing{color:#a8b5ff}.live-empty{color:#aaa9c0;font-size:13px;margin:55px 0;text-align:center}@keyframes metric-card-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bar-rise{from{transform:scaleY(.08);opacity:.15}to{transform:scaleY(1);opacity:1}}@keyframes pulse{50%{box-shadow:0 0 0 8px #62e4ed12,0 0 21px #62e4ed}}@media(max-width:850px){.live-stats{grid-template-columns:repeat(2,1fr)}.live-panels{grid-template-columns:1fr}.live-chart-panel,.live-feed-panel{min-height:0}.live-chart{height:165px}.live-feed-panel{height:350px}}@media(max-width:600px){.live-section{padding:72px 0 78px}.live-heading{margin-bottom:30px}.live-heading h2{font-size:43px}.live-heading p{font-size:13px}.live-dashboard{padding:15px;border-radius:19px}.live-stats{gap:7px}.live-stats>div{padding:14px 10px;min-height:95px}.live-stats small{font-size:8px}.live-stats strong{font-size:26px}.live-stats .metric-growth{font-size:8px}.live-chart-panel,.live-feed-panel{padding:19px}.live-chart{height:145px;gap:5px}.live-feed-item{height:64px}.feed-body strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.live-stats>div,.live-bar,.live-indicator{animation:none}.live-stats>div{transition:none}.live-feed-list{transition:none!important}}