:root{
  --olochart-1:#2A8AC6;--olochart-2:#16A085;--olochart-3:#7C5CFC;--olochart-4:#F59E0B;
  --olochart-5:#E85D75;--olochart-6:#5E9F45;--olochart-7:#8B5CF6;--olochart-8:#64748B;
  --olochart-surface:var(--surface,#fff);--olochart-bg:var(--bg,#f6f8fb);--olochart-line:var(--line,#d8e2ec);
  --olochart-text:var(--text,#172033);--olochart-muted:var(--text-dim,#64748b);--olochart-radius:12px;
  --olochart-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 22px rgba(15,23,42,.04)
}
[data-theme="dark"]{
  --olochart-surface:var(--surface,#172235);--olochart-bg:var(--bg,#0f1726);--olochart-line:var(--line,#2a3a54);
  --olochart-text:var(--text,#e7eef8);--olochart-muted:var(--text-dim,#9cafc5);--olochart-shadow:0 8px 24px rgba(0,0,0,.18)
}
.olochart-card{position:relative;min-width:0;background:var(--olochart-surface);color:var(--olochart-text);border:1px solid var(--olochart-line);border-radius:var(--olochart-radius);padding:15px;box-shadow:var(--olochart-shadow);font-family:var(--sans,"Hanken Grotesk",Arial,sans-serif)}
.olochart-card--compact{padding:0;border:0;box-shadow:none;background:transparent}.olochart-card--compact .olochart-head,.olochart-card--compact .olochart-legend{display:none!important}
.olochart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.olochart-heading{min-width:0}.olochart-title{font-size:13px;font-weight:760;line-height:1.3}.olochart-subtitle{font-size:11.5px;color:var(--olochart-muted);margin-top:3px;line-height:1.4}
.olochart-tools{display:flex;gap:5px;flex-shrink:0}.olochart-tool{border:1px solid var(--olochart-line);border-radius:7px;background:transparent;color:var(--olochart-muted);font:700 10px/1 var(--sans,"Hanken Grotesk",Arial,sans-serif);padding:6px 7px;cursor:pointer}.olochart-tool:hover{border-color:var(--olochart-1);color:var(--olochart-1)}.olochart-tool:focus-visible{outline:3px solid color-mix(in srgb,var(--olochart-1) 35%,transparent);outline-offset:2px}
.olochart-plot{position:relative;height:var(--olochart-height,260px);min-height:80px;width:100%;overflow:hidden}.olochart-plot canvas{display:block;width:100%;height:100%;touch-action:pan-y}.olochart-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--olochart-muted);font-size:12px;padding:20px}.olochart-tooltip{position:absolute;z-index:5;pointer-events:none;max-width:220px;padding:8px 10px;border:1px solid var(--olochart-line);border-radius:8px;background:var(--olochart-surface);color:var(--olochart-text);box-shadow:0 10px 28px rgba(15,23,42,.15);font-size:11px;line-height:1.45;transform:translate(8px,-50%)}
.olochart-tooltip strong{display:block;font-size:11.5px;margin-bottom:4px}.olochart-tip-row{display:flex;align-items:center;gap:6px;white-space:nowrap}.olochart-tip-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.olochart-legend{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center;margin-top:9px;color:var(--olochart-muted);font-size:10.5px}.olochart-legend-item{display:inline-flex;align-items:center;gap:5px}.olochart-legend-dot{width:8px;height:8px;border-radius:50%}
.olochart-a11y{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.olo-kpi{display:block;min-width:0;background:var(--olochart-surface);color:var(--olochart-text);border:1px solid var(--olochart-line);border-radius:var(--olochart-radius);padding:14px;text-decoration:none!important;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:transform .15s ease,border-color .15s ease}.olo-kpi[href]:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--olochart-1) 55%,var(--olochart-line))}.olo-kpi__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.olo-kpi__label{font-size:10.5px;text-transform:uppercase;letter-spacing:.055em;color:var(--olochart-muted);font-weight:760;line-height:1.25}.olo-kpi__icon{font-size:15px;color:var(--olochart-muted)}.olo-kpi__value{font-size:26px;line-height:1.08;font-weight:820;margin-top:7px;letter-spacing:-.6px}.olo-kpi__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--olochart-muted);font-size:10.5px;margin-top:5px;line-height:1.35}.olo-kpi__trend{font-weight:740}.olo-kpi--accent{border-color:color-mix(in srgb,var(--olochart-1) 35%,var(--olochart-line))}.olo-kpi--success{border-color:color-mix(in srgb,#16a085 42%,var(--olochart-line))}.olo-kpi--warning{border-color:color-mix(in srgb,#f59e0b 52%,var(--olochart-line));background:color-mix(in srgb,#f59e0b 7%,var(--olochart-surface))}.olo-kpi--danger{border-color:color-mix(in srgb,#ef4444 50%,var(--olochart-line));background:color-mix(in srgb,#ef4444 6%,var(--olochart-surface))}.olo-kpi--danger .olo-kpi__value{color:#dc453f}
.olocharts-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.olocharts-col-3{grid-column:span 3}.olocharts-col-4{grid-column:span 4}.olocharts-col-6{grid-column:span 6}.olocharts-col-8{grid-column:span 8}.olocharts-col-12{grid-column:span 12}
.olo-summary{background:var(--olochart-surface);border:1px solid var(--olochart-line);border-radius:var(--olochart-radius);overflow:hidden}.olo-summary__title{font-size:13px;font-weight:760;padding:13px 14px;border-bottom:1px solid var(--olochart-line)}.olo-summary__scroll{overflow:auto}.olo-summary__table{width:100%;border-collapse:collapse;font-size:12px;color:var(--olochart-text)}.olo-summary__table th,.olo-summary__table td{padding:10px 12px;border-bottom:1px solid var(--olochart-line);text-align:left;vertical-align:middle}.olo-summary__table th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--olochart-muted);font-weight:760}.olo-summary__table tr:last-child td{border-bottom:0}.olo-summary__empty{text-align:center!important;color:var(--olochart-muted);padding:20px!important}
@media(max-width:1000px){.olocharts-col-3{grid-column:span 6}.olocharts-col-4{grid-column:span 6}.olocharts-col-8{grid-column:span 12}}
@media(max-width:640px){.olochart-card{padding:12px}.olochart-head{margin-bottom:8px}.olochart-tool{padding:5px 6px}.olo-kpi__value{font-size:23px}.olocharts-col-3,.olocharts-col-4,.olocharts-col-6,.olocharts-col-8{grid-column:span 12}}
@media(prefers-reduced-motion:reduce){.olo-kpi{transition:none}}