/* Floating analytics: all figures are explicit synthetic samples. */
.ha-scene{position:relative;isolation:isolate;width:100%;max-width:720px;aspect-ratio:1.24;margin:0 auto;color:#082451;font-family:Arial,Helvetica,sans-serif;text-align:left;perspective:1100px}
.ha-scene *{box-sizing:border-box}.ha-scene svg{display:block;max-width:100%}.ha-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ha-ribbons{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none;opacity:.56}.ha-ribbons path{stroke:#84d6f5;stroke-width:2}.ha-ribbons path:nth-child(2){stroke:#b2d9ff;stroke-width:11;opacity:.28}.ha-ribbons path:nth-child(3){stroke:#aedbff;stroke-width:1}.ha-ribbons path:nth-child(4){stroke:#62c7d8;stroke-width:7;opacity:.19}
.ha-card{position:absolute;min-width:0;border:1px solid #dce9f5;border-radius:12px;background:linear-gradient(125deg,#ffffffef,#f4faffeb);box-shadow:0 16px 46px #397fc114,inset 0 1px #fff;backdrop-filter:blur(14px);padding:18px 18px 15px;overflow:hidden}
.ha-card h2{font-family:Georgia,'Times New Roman',serif;font-size:15px;font-weight:400;line-height:1.3;letter-spacing:-.3px;margin:0;color:#071f4f}.ha-performance{display:flex;flex-direction:column;left:0;top:18%;width:64%;height:55%;z-index:3;box-shadow:0 22px 55px #286fb21b,inset 0 1px #fff}.ha-insight{left:66%;top:1%;width:34%;height:32%;padding:17px 16px 8px;z-index:2}.ha-operations{left:69%;top:36%;width:31%;height:33%;padding:16px 13px 10px;z-index:2}.ha-drivers{left:24%;top:76%;width:39%;height:25%;padding:14px 15px 10px;z-index:4}.ha-sources{left:65%;top:73%;width:36%;height:30%;padding:13px 13px 8px;z-index:4}
.ha-card-top{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.ha-period-label{flex-shrink:0;margin:0}.ha-period-label select{margin:0;font:10px/1.2 Arial,Helvetica,sans-serif;color:#153b76;border:1px solid #d8e7f8;border-radius:5px;min-height:30px;width:82px;background:#f6faff;padding:6px 7px;cursor:pointer;box-shadow:0 3px 8px #3568a908}
.ha-stat-row{flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:14px 0 4px}.ha-kicker{display:block;font-size:8px;letter-spacing:.8px;color:#5d7aa5;margin-bottom:5px}.ha-stat-row strong{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:32px;letter-spacing:-1px;line-height:1;color:#08245d}.ha-stat-row strong>span{font:23px/1 Arial,Helvetica,sans-serif;color:#0667f5;margin-left:8px}.ha-stat-row>span{font-size:9px;color:#6380a9;padding-bottom:2px;white-space:nowrap}.ha-chart-region{flex:1 1 auto;height:auto;min-height:0;position:relative;margin-top:5px}.ha-chart-region>svg{width:100%;height:100%;overflow:visible}.ha-point-controls{position:absolute;inset:0;pointer-events:none}.ha-point{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;min-height:0;padding:0;border:0;background:transparent;border-radius:50%;pointer-events:auto;cursor:pointer}.ha-point::before{content:'';position:absolute;left:8px;top:8px;width:8px;height:8px;background:#1e8ffa;border:1.4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #1e8ffa25;transition:background .2s,box-shadow .2s}.ha-point.is-current::before,.ha-point:hover::before{background:#0757df;box-shadow:0 0 0 5px #257cf21c}.ha-point.is-current::after{content:'';position:absolute;left:5px;top:5px;width:14px;height:14px;border:1px solid #2479ee55;border-radius:50%;animation:ha-point-pulse 3.4s ease-out infinite}.ha-point:focus-visible{outline:2px solid #1263e4;outline-offset:1px}
.ha-tooltip{position:absolute;z-index:8;pointer-events:none;transform:translate(-50%,-100%);background:#0b2a5b;color:white;border-radius:5px;padding:7px 9px;font-size:10px;line-height:1.4;box-shadow:0 6px 18px #153a6624;white-space:nowrap}.ha-tooltip[hidden]{display:none}.ha-sample-label{flex-shrink:0;margin:6px 0 0;font-size:9px;color:#6a83a3;line-height:1.4;letter-spacing:.1px}
.ha-main-line{stroke-dasharray:1;stroke-dashoffset:0;animation:ha-draw-line 1.8s ease-out both}.ha-flow-trace{stroke-dasharray:.06 .94;animation:ha-flow-line 4.8s linear infinite;filter:drop-shadow(0 0 2px #5ed8ff)}.ha-mini-line{animation:ha-mini-shine 4s ease-in-out infinite}.ha-bar{transform-box:fill-box;transform-origin:center bottom;animation:ha-grow-bar 1s cubic-bezier(.2,.7,.3,1) both}.ha-donut-segment{transform-origin:50px 50px;animation:ha-donut-appear .9s ease-out both;transition:stroke-dasharray .5s ease}
.ha-insight h2{font-size:18px;line-height:1.13;letter-spacing:-.6px}.ha-card-arrow{position:absolute;right:14px;top:15px;color:#008bff;font-size:22px;font-weight:300}.ha-insight p{font-family:Georgia,'Times New Roman',serif;font-size:11px;line-height:1.45;color:#45638e;margin:9px 0 2px;max-width:155px}.ha-insight svg{width:100%;height:calc(100% - 85px);min-height:35px;overflow:visible}
.ha-operations h2{font-size:13px}.ha-chart-caption{display:block;margin:6px 0 4px;color:#6b84a6;letter-spacing:.7px;font-size:7px}.ha-operations svg{width:100%;height:calc(100% - 40px);min-height:55px;overflow:visible}
.ha-drivers h2,.ha-sources h2{font-size:13px;margin-bottom:9px}.ha-driver-row{display:grid;grid-template-columns:1fr 65px;gap:7px;align-items:center;margin:7px 0;font-size:9px;line-height:1.3;color:#526e98}.ha-driver-row>span{white-space:nowrap}.ha-driver-row>span::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:var(--ha-color)}.ha-driver-track{height:6px;background:#dfecfa;border-radius:999px;overflow:hidden}.ha-driver-track>i{display:block;height:100%;border-radius:inherit;background:var(--ha-color);transition:width .6s ease}.ha-mini-note{font-size:7px;color:#8aa0ba;margin:7px 0 0;line-height:1.4}
.ha-source-layout{display:grid;grid-template-columns:38% 1fr;gap:9px;align-items:center}.ha-source-layout>svg{width:100%;height:auto}.ha-source-filters{display:flex;flex-direction:column;gap:3px}.ha-source-filters button{display:flex;align-items:center;gap:5px;min-height:20px;padding:1px 0;border:0;background:none;text-align:left;color:#46668f;cursor:pointer;font-size:9px;line-height:1.3;white-space:nowrap}.ha-source-filters button::before{content:'';display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--ha-color);box-shadow:0 0 0 1px #fff}.ha-source-filters button[aria-pressed=false]{color:#93a4bb}.ha-source-filters button[aria-pressed=false]::before{background:#d7e2ee}.ha-source-filters button:hover{color:#0358d9}.ha-source-filters button:focus-visible,.ha-period-label select:focus-visible{outline:2px solid #1263e4;outline-offset:3px}.ha-filter-note{font-size:7px;color:#8299b6;line-height:1.35;margin:7px 0 0}
.ha-scene.ha-motion-paused *,.ha-scene.ha-motion-paused *::after{animation-play-state:paused!important}.ha-scene.ha-motion-paused .ha-driver-track>i{transition:none}
@keyframes ha-draw-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ha-flow-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ha-grow-bar{from{transform:scaleY(.1);opacity:.4}to{transform:scaleY(1);opacity:1}}@keyframes ha-donut-appear{from{opacity:.2;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ha-point-pulse{0%{opacity:0;transform:scale(.75)}20%{opacity:.7}80%,100%{opacity:0;transform:scale(1.8)}}@keyframes ha-mini-shine{0%,100%{opacity:.65}50%{opacity:1}}
@media(min-width:701px) and (max-width:1050px){.ha-card{padding:16px 16px 13px}.ha-card h2{font-size:14px}.ha-insight h2{font-size:18px}.ha-stat-row{margin-top:14px}.ha-stat-row strong{font-size:30px}.ha-driver-row{grid-template-columns:1fr 58px;font-size:9px}.ha-source-filters button{font-size:9px}.ha-source-layout{gap:6px}.ha-drivers h2,.ha-sources h2{margin-bottom:7px}}
@media(max-width:700px){.ha-scene{display:grid;grid-template-columns:1fr 1fr;gap:12px;aspect-ratio:auto;max-width:540px;padding-top:10px}.ha-ribbons{inset:0;height:100%;opacity:.3}.ha-card{position:relative;inset:auto;width:auto;height:auto;padding:16px;border-radius:11px;box-shadow:0 12px 32px #397fc111}.ha-performance{grid-column:1/-1;min-height:306px}.ha-insight,.ha-operations{min-height:165px}.ha-drivers,.ha-sources{min-height:154px}.ha-card h2{font-size:14px}.ha-insight h2{font-size:19px}.ha-operations h2{font-size:13px}.ha-stat-row{margin-top:17px}.ha-chart-region{flex:0 0 160px;height:160px;min-height:0}.ha-sample-label{font-size:9px}.ha-insight svg{height:52px}.ha-operations svg{height:100px}.ha-drivers,.ha-sources{padding:13px 11px}.ha-driver-row{grid-template-columns:1fr 43px;font-size:8px;gap:4px;margin:10px 0}.ha-source-layout{grid-template-columns:36% 1fr;gap:5px}.ha-source-filters button{font-size:9px;min-height:26px;gap:4px}.ha-mini-note,.ha-filter-note{font-size:7px}.ha-card-arrow{right:12px;top:14px}.ha-insight p{font-size:12px}}
@media(max-width:370px){.ha-scene{gap:9px}.ha-card{padding:13px 11px}.ha-period-label select{width:76px}.ha-source-layout{display:block}.ha-source-layout>svg{width:46px;height:46px;float:left;margin:0 7px 2px 0}.ha-source-filters button{font-size:8px;min-height:20px}.ha-sources,.ha-drivers{min-height:155px}.ha-driver-row{font-size:8px;grid-template-columns:1fr 36px}.ha-card h2{font-size:12px}.ha-insight h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ha-scene *,.ha-scene *::after{animation:none!important;transition:none!important}}

/* The sample timeline owns chart geometry; cards stay still. */
.ha-main-line,.ha-flow-trace,.ha-mini-line,.ha-bar,.ha-donut-segment,.ha-point.is-current::after{animation:none!important;transform:none}
.ha-main-line{stroke-dasharray:none;stroke-dashoffset:0}.ha-flow-trace{display:none}.ha-bar{transform:none;transition:none}.ha-donut-segment{transition:none;transform:rotate(-90deg);transform-origin:50px 50px}.ha-driver-track>i{transition:none}
.ha-point.is-current::after{display:none}.ha-point.is-future::before{background:#bed8ef;box-shadow:none}.ha-point:not(.is-future)::before{background:#218af6}.ha-point.is-current::before{background:#0757df;box-shadow:0 0 0 5px #257cf21c}
.ha-travel-head,.ha-playhead-line,.ha-donut-time{pointer-events:none}.ha-donut-time{stroke-linecap:round}.ha-sample-playing .ha-sample-label{color:#3d78b5}.ha-sample-playing .ha-sample-label::before{content:'';display:inline-block;width:4px;height:4px;background:#1475e9;border-radius:50%;margin-right:5px;vertical-align:2px}
@media(prefers-reduced-motion:reduce){.ha-donut-segment{transform:rotate(-90deg)}}