.oc-anim-data{--d-jade:var(--jade,#42b655);--d-jade-2:#5bd06f;--d-amber:#e0ac3a;--d-ember:#e26a5b;--d-intel:#4c8fd8;--d-purple:#b486ff;--d-bg-a:#0e1318;--d-bg-b:#0a0d11;--d-text:#e8ecef;--d-mute:#99a4ae;--d-dim:#6b7682;--d-line:hsla(0,0%,100%,.06);--d-line-2:hsla(0,0%,100%,.1);--d-card:hsla(0,0%,100%,.02);--d-cols:4;background:linear-gradient(160deg,var(--d-bg-a) 0,var(--d-bg-b) 100%);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-lg,22px);box-shadow:0 60px 120px -50px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.04);color:var(--d-text);contain:paint;font-family:var(--font-display,"Montserrat","Helvetica Neue",Arial,sans-serif);overflow:hidden;padding:28px;position:relative}.oc-anim-data[data-bg=midnight]{background:linear-gradient(160deg,#050810,#0a0f1a)}.oc-anim-data[data-bg=transparent]{background:transparent;border-color:transparent;box-shadow:none}.oc-anim-data__glow{animation:oc-data-glow 18s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 20%,rgba(66,182,85,.2),transparent 55%),radial-gradient(circle at 80% 80%,rgba(43,108,176,.18),transparent 55%);filter:blur(50px);inset:-10%;opacity:.35;pointer-events:none;position:absolute;z-index:0}.oc-anim-data[data-glow=false] .oc-anim-data__glow{display:none}@keyframes oc-data-glow{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-20px) scale(1.1)}}.oc-anim-data__head{align-items:center;display:flex;gap:12px;margin-bottom:16px;position:relative;z-index:1}.oc-anim-data__eyebrow{color:var(--d-jade);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.oc-anim-data__title{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.02em}.oc-anim-data__grid{display:grid;gap:14px;grid-template-columns:repeat(var(--d-cols,4),minmax(0,1fr));position:relative;z-index:1}.oc-anim-data__widget{background:var(--d-card);border:1px solid var(--d-line);border-radius:12px;grid-column:span var(--span-cols,1);min-height:120px;padding:18px 20px;position:relative}.oc-anim-data__widget-head{align-items:flex-start;display:flex;gap:8px;margin-bottom:10px}.oc-anim-data__widget-titles{min-width:0}.oc-anim-data__widget-title{color:#fff;font-size:14px;font-weight:800;letter-spacing:-.01em}.oc-anim-data__widget-sub{color:var(--d-mute);font-size:11.5px;margin-top:3px}.oc-anim-data__widget-meta{color:var(--d-dim);font-size:11px;margin-top:2px}.oc-anim-data__widget-actions{color:var(--d-dim);display:inline-flex;gap:6px;margin-left:auto}.oc-anim-data__widget-actions svg{cursor:pointer;height:14px;width:14px}.oc-anim-data__widget-actions svg:hover{color:#fff}.oc-anim-data__kpi{display:grid;gap:4px;grid-template-rows:auto auto 1fr;min-height:142px;overflow:hidden;position:relative}.oc-anim-data__kpi-row{align-items:center;display:flex;gap:12px}.oc-anim-data__kpi-label{color:var(--d-mute);font-size:12px;font-weight:600}.oc-anim-data__kpi-icon{color:var(--d-dim);display:grid;height:28px;margin-left:auto;place-items:center;width:28px}.oc-anim-data__kpi-icon svg{height:24px;width:24px}.oc-anim-data__kpi-value{color:#fff;font-size:34px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-top:4px}.oc-anim-data__kpi-delta{align-items:center;display:inline-flex;font-size:12px;font-weight:700;gap:4px;margin-top:8px}.oc-anim-data__kpi-delta svg{height:12px;width:12px}.oc-anim-data__kpi-delta--down,.oc-anim-data__kpi-delta--up{color:var(--d-ember)}.oc-anim-data__kpi-delta--flat{color:var(--d-mute)}.oc-anim-data__kpi-spark{bottom:0;height:38px;left:0;position:absolute;right:0}.oc-anim-data__kpi-spark svg{display:block;height:100%;width:100%}.oc-anim-data__kpi-spark path{animation:oc-data-draw 1.4s cubic-bezier(.2,.7,.3,1) forwards;fill:none;filter:drop-shadow(0 0 6px currentColor);stroke-dasharray:var(--spark-len,200);stroke-dashoffset:var(--spark-len,200);stroke-width:1.5}@keyframes oc-data-draw{to{stroke-dashoffset:0}}.oc-anim-data__chart{margin-top:8px;position:relative}.oc-anim-data__chart svg{display:block;height:var(--chart-h,200px);width:100%}.oc-anim-data__chart-grid line{stroke:hsla(0,0%,100%,.05);stroke-dasharray:2 3;stroke-width:1}.oc-anim-data__chart-axis text{fill:hsla(0,0%,100%,.5);font-family:var(--font-display);font-size:10px}.oc-anim-data__chart-line{fill:none;filter:drop-shadow(0 0 6px currentColor);stroke-width:2.2}.oc-anim-data__chart-area-fill{opacity:.25}@keyframes oc-data-fade-in{to{opacity:.25}}.oc-anim-data__chart-bar{animation:oc-data-bar-rise .8s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:var(--bar-delay,0s);transform:scaleY(0);transform-origin:bottom}@keyframes oc-data-bar-rise{to{transform:scaleY(1)}}.oc-anim-data__chart-dot{animation:oc-data-pop .35s cubic-bezier(.2,1.4,.4,1) forwards;animation-delay:var(--dot-delay,0s);opacity:0}@keyframes oc-data-pop{to{opacity:1;transform:scale(1)}}.oc-anim-data__legend{display:flex;flex-wrap:wrap;font-size:12px;gap:14px;justify-content:center;margin-top:12px}.oc-anim-data__legend span{align-items:center;color:var(--d-mute);display:inline-flex;gap:6px}.oc-anim-data__legend i{background:currentColor;border-radius:999px;display:inline-block;height:9px;width:9px}.oc-anim-data__pie{align-items:center;display:flex;justify-content:center;min-height:220px;padding:18px 0 8px}.oc-anim-data__pie svg{height:160px;transform:rotate(-90deg);width:160px}.oc-anim-data__pie circle{animation:oc-data-pie 1.3s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:var(--slice-delay,0s);fill:none;stroke-dasharray:0 157;stroke-width:50}@keyframes oc-data-pie{0%{stroke-dasharray:0 157}to{stroke-dasharray:var(--slice-len,50) 157}}.oc-anim-data__table{border-collapse:collapse;width:100%}.oc-anim-data__table thead th{border-bottom:1px solid var(--d-line);color:var(--d-mute);font-size:11px;font-weight:600;letter-spacing:.12em;padding:14px 16px;text-align:left;text-transform:uppercase}.oc-anim-data__table tbody tr{animation:oc-data-row-in .45s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:var(--row-delay,0s);border-bottom:1px solid var(--d-line);opacity:0;transform:translateY(6px)}@keyframes oc-data-row-in{to{opacity:1;transform:translateY(0)}}.oc-anim-data__table tbody tr:last-child{border-bottom:0}.oc-anim-data__table tbody td{color:var(--d-text);font-size:13px;padding:14px 16px}.oc-anim-data__table .oc-anim-data__table-status{align-items:center;animation:oc-data-status-pulse 2.8s ease-in-out infinite;background:var(--status-soft,rgba(66,182,85,.1));border:1px solid var(--status-soft,rgba(66,182,85,.22));border-radius:999px;color:var(--status,var(--d-jade-2));display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:3px 10px;position:relative}.oc-anim-data__table .oc-anim-data__table-status svg{animation:oc-data-status-icon 2.8s ease-in-out infinite;height:12px;width:12px}.oc-anim-data__table-status--success{--status:var(--d-jade-2);--status-soft:rgba(66,182,85,.1);--status-pulse:rgba(91,208,111,.55)}.oc-anim-data__table-status--warn{--status:var(--d-amber);--status-soft:rgba(224,172,58,.12);--status-pulse:rgba(224,172,58,.55);animation-delay:.3s}.oc-anim-data__table-status--fail{--status:var(--d-ember);--status-soft:rgba(226,106,91,.12);--status-pulse:rgba(226,106,91,.55);animation-delay:.15s}.oc-anim-data__table-status--info{--status:var(--d-intel);--status-soft:rgba(76,143,216,.12);--status-pulse:rgba(76,143,216,.55)}.oc-anim-data__table-status--neutral{--status:var(--d-mute);--status-soft:hsla(0,0%,100%,.06);--status-pulse:hsla(0,0%,100%,.4)}@keyframes oc-data-status-pulse{0%,to{box-shadow:0 0 0 0 var(--status-pulse,transparent),0 0 0 0 transparent}50%{box-shadow:0 0 0 4px transparent,0 0 12px -2px var(--status-pulse,transparent)}}@keyframes oc-data-status-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}.oc-anim-data.is-paused .oc-anim-data__table-status,.oc-anim-data.is-paused .oc-anim-data__table-status svg{animation-play-state:paused}.oc-anim-data__table-more{color:var(--d-dim);cursor:pointer;display:inline-flex}.oc-anim-data__table-more svg{height:14px;width:14px}@media (max-width:900px){.oc-anim-data__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-anim-data__widget{grid-column:span 2}}@media (max-width:560px){.oc-anim-data__grid{grid-template-columns:1fr}.oc-anim-data__widget{grid-column:span 1}}@media (prefers-reduced-motion:reduce){.oc-anim-data,.oc-anim-data *,.oc-anim-data :after,.oc-anim-data :before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.oc-anim-data__chart-line{stroke-dashoffset:0!important}.oc-anim-data__chart-bar{transform:scaleY(1)!important}.oc-anim-data__chart-area-fill{opacity:.25!important}.oc-anim-data__table tbody tr{opacity:1!important;transform:none!important}.oc-anim-data__kpi-spark path{stroke-dashoffset:0!important}}.oc-anim-data.is-paused .oc-anim-data__glow{animation-play-state:paused}[data-theme=light] .oc-anim-data{--d-bg-a:#f4f6f9;--d-bg-b:#e9eef3;--d-text:#1e2630;--d-mute:#5a6573;--d-dim:#8a95a2;--d-line:rgba(15,20,26,.06);--d-line-2:rgba(15,20,26,.1);--d-card:hsla(0,0%,100%,.7);background:linear-gradient(160deg,var(--d-bg-a) 0,var(--d-bg-b) 100%);border-color:var(--d-line-2);box-shadow:0 30px 60px -30px rgba(15,20,26,.15)}[data-theme=light] .oc-anim-data__kpi-value,[data-theme=light] .oc-anim-data__table tbody td,[data-theme=light] .oc-anim-data__title,[data-theme=light] .oc-anim-data__widget-title{color:#0f141a}[data-theme=light] .oc-anim-data__chart-grid line{stroke:rgba(15,20,26,.06)}[data-theme=light] .oc-anim-data__chart-axis text{fill:rgba(15,20,26,.5)}[data-theme=light] .oc-anim-data__widget{background:hsla(0,0%,100%,.85)}[data-theme=light] .oc-anim-data__glow{opacity:.25}