.wf-anim-block--reports-dashboards { box-sizing: border-box; position: relative; }
.wf-anim-block--reports-dashboards *, .wf-anim-block--reports-dashboards *::before, .wf-anim-block--reports-dashboards *::after { box-sizing: inherit; }
.wf-anim-block--reports-dashboards {
  --blue:#2D6BF4;
  --blue-deep:#1E4FCC;
  --blue-soft:#EAF1FE;
  --ink:#15192B;
  --ink-2:#3A4156;
  --muted:#6B7385;
  --line:#E4E8F0;
  --bg:#F4F6FA;
  --panel:#FFFFFF;
  --green:#21A45D;
  --green-deep:#178A4C;
  --green-soft:#E6F6EC;
  --amber:#B7791F;
  --amber-soft:#FBF0D9;
  --chrome:#101319;
  --lime:#C6F432;
  --radius:14px;
  --shadow-sm:0 1px 2px rgba(21,25,43,.06), 0 2px 8px rgba(21,25,43,.05);
  --font-display:"Bricolage Grotesque",sans-serif;
  --font-body:"Hanken Grotesk",sans-serif;
}@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}




.wf-anim-block--reports-dashboards .appbar {display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 24px 8px}.wf-anim-block--reports-dashboards .appbar h2 {font-family:var(--font-display);font-weight:700;font-size:20px;color:#0B3B8C}.wf-anim-block--reports-dashboards .appbar .meta {margin-left:auto;display:flex;gap:22px;font-size:13.5px;color:var(--ink-2)}.wf-anim-block--reports-dashboards .appbar .meta b {font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.wf-anim-block--reports-dashboards .appbar .new-btn {
  background:var(--blue);color:#fff;font-weight:600;font-size:13.5px;
  border:none;border-radius:9px;padding:9px 16px;font-family:var(--font-body);
  box-shadow:0 2px 6px rgba(45,107,244,.35);
}

/* ---------- Canvas ---------- */
.wf-anim-block--reports-dashboards .board-scroll {overflow-x:auto;overflow-y:hidden}.wf-anim-block--reports-dashboards .canvas {
  position:relative;
  display:grid;
  grid-template-columns:264px 1fr;
  align-items:center;
  gap:30px;
  padding:40px 36px 40px;
  min-width:1080px;
  min-height:550px;
}.wf-anim-block--reports-dashboards .lane-label {
  position:absolute;top:18px;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
}

/* ---------- Left: report wizard ---------- */
.wf-anim-block--reports-dashboards .wizard {
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:18px 17px 16px;box-shadow:var(--shadow-sm);
  opacity:0;transform:scale(.88) translateY(16px);z-index:2;
}.wf-anim-block--reports-dashboards .wizard.in {transition:opacity .5s,transform .6s cubic-bezier(.34,1.56,.64,1);opacity:1;transform:none}.wf-anim-block--reports-dashboards .wz-title {
  font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:14px;
}.wf-anim-block--reports-dashboards .wz-title .spark {width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.wf-anim-block--reports-dashboards .wz-field {margin-bottom:12px}.wf-anim-block--reports-dashboards .wz-lab {font-size:11px;font-weight:700;color:var(--ink-2);margin-bottom:5px}.wf-anim-block--reports-dashboards .wz-val {
  display:flex;align-items:center;gap:8px;
  border:1px solid var(--line);border-radius:10px;
  padding:9px 11px;font-size:13px;font-weight:600;color:var(--muted);
  transition:background .35s,border-color .35s,color .35s;
  position:relative;
}.wf-anim-block--reports-dashboards .wz-val .chev {margin-left:auto;flex:none;color:var(--muted);opacity:.7}.wf-anim-block--reports-dashboards .wz-val.filled {background:var(--blue-soft);border-color:rgba(45,107,244,.45);color:var(--ink)}.wf-anim-block--reports-dashboards .wz-val .v {opacity:0;transform:translateY(5px);transition:opacity .35s,transform .4s cubic-bezier(.34,1.56,.64,1)}.wf-anim-block--reports-dashboards .wz-val.filled .v {opacity:1;transform:none}.wf-anim-block--reports-dashboards .run-btn {
  margin-top:4px;width:100%;
  background:var(--blue);color:#fff;font-weight:700;font-size:13.5px;
  border:none;border-radius:10px;padding:12px 14px;font-family:var(--font-body);
  box-shadow:0 2px 8px rgba(45,107,244,.35);
  display:flex;align-items:center;justify-content:center;gap:8px;
  position:relative;overflow:hidden;
  transition:transform .15s, background .35s, box-shadow .35s, color .35s;
}.wf-anim-block--reports-dashboards .run-btn.press {transform:scale(.95)}.wf-anim-block--reports-dashboards .run-btn.donestate {background:var(--green-soft);color:var(--green-deep);box-shadow:none}.wf-anim-block--reports-dashboards .wz-micro {font-size:10.5px;color:var(--muted);margin-top:10px;text-align:center}.wf-anim-block--reports-dashboards .ripple {
  position:absolute;border-radius:50%;background:rgba(255,255,255,.55);
  transform:scale(0);animation:rip .55s ease-out 1;pointer-events:none;
}
@keyframes rip{to{transform:scale(3);opacity:0}}

/* ---------- Right: dashboard ---------- */
.wf-anim-block--reports-dashboards .dash {z-index:2}.wf-anim-block--reports-dashboards .dash-head {display:flex;align-items:center;gap:10px;margin-bottom:14px}.wf-anim-block--reports-dashboards .dash-title {font-family:var(--font-display);font-weight:700;font-size:16.5px}.wf-anim-block--reports-dashboards .gchip {
  font-size:11px;font-weight:700;color:var(--blue-deep);
  background:var(--blue-soft);border-radius:999px;padding:4px 10px;
  transition:opacity .3s;
}.wf-anim-block--reports-dashboards .sched-btn {
  margin-left:auto;font-family:var(--font-body);font-size:12px;font-weight:700;
  border:1px solid var(--line);background:#fff;color:var(--ink-2);
  border-radius:999px;padding:8px 14px;
  display:inline-flex;align-items:center;gap:7px;
  position:relative;overflow:hidden;
  transition:transform .15s,background .35s,border-color .35s,color .35s;
}.wf-anim-block--reports-dashboards .sched-btn.press {transform:scale(.94)}.wf-anim-block--reports-dashboards .sched-btn.on {background:var(--green-soft);border-color:rgba(33,164,93,.4);color:var(--green-deep)}.wf-anim-block--reports-dashboards .kpis {display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wf-anim-block--reports-dashboards .kpi {
  background:#fff;border:1px solid var(--line);border-radius:13px;
  padding:13px 15px;box-shadow:var(--shadow-sm);
  opacity:0;transform:translateY(12px) scale(.96);
}.wf-anim-block--reports-dashboards .kpi.in {transition:opacity .45s,transform .5s cubic-bezier(.34,1.56,.64,1);opacity:1;transform:none}.wf-anim-block--reports-dashboards .kpi .k-lab {font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.wf-anim-block--reports-dashboards .kpi .k-val {
  font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;margin-top:3px;line-height:1.1;
}.wf-anim-block--reports-dashboards .kpi .k-sub {font-size:11px;color:var(--muted);margin-top:3px}.wf-anim-block--reports-dashboards .kpi .k-sub b {color:var(--green);font-weight:700}.wf-anim-block--reports-dashboards .charts {display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin-top:12px}.wf-anim-block--reports-dashboards .chart-card {
  background:#fff;border:1px solid var(--line);border-radius:13px;
  padding:14px 16px 12px;box-shadow:var(--shadow-sm);
  opacity:0;transform:translateY(12px) scale(.97);
}.wf-anim-block--reports-dashboards .chart-card.in {transition:opacity .45s,transform .5s cubic-bezier(.34,1.56,.64,1);opacity:1;transform:none}.wf-anim-block--reports-dashboards .cc-head {display:flex;align-items:baseline;gap:8px}.wf-anim-block--reports-dashboards .cc-title {font-size:12.5px;font-weight:700}.wf-anim-block--reports-dashboards .cc-sub {font-size:10.5px;color:var(--muted)}.wf-anim-block--reports-dashboards .trchip {
  margin-left:auto;font-size:10.5px;font-weight:800;color:var(--green);
  background:var(--green-soft);border-radius:999px;padding:3px 8px;
  opacity:0;transform:translateY(6px);
  transition:opacity .4s,transform .45s cubic-bezier(.34,1.56,.64,1);
  font-variant-numeric:tabular-nums;
}.wf-anim-block--reports-dashboards .trchip.show {opacity:1;transform:none}.wf-anim-block--reports-dashboards .bar-plot {display:flex;align-items:flex-end;gap:10px;height:172px;margin-top:12px}.wf-anim-block--reports-dashboards .bar-col {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.wf-anim-block--reports-dashboards .bar-val {font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-2);margin-bottom:4px;min-height:13px}.wf-anim-block--reports-dashboards .bar {
  width:68%;max-width:44px;border-radius:7px 7px 3px 3px;
  background:linear-gradient(180deg,#5B8BF7,#2D6BF4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
  height:0%;
}.wf-anim-block--reports-dashboards .bar-lab {font-size:10px;font-weight:600;color:var(--muted);margin-top:6px;white-space:nowrap}.wf-anim-block--reports-dashboards .trend-plot {position:relative;height:172px;margin-top:12px}.wf-anim-block--reports-dashboards .trend-plot svg {display:block;width:100%;height:100%}.wf-anim-block--reports-dashboards .tr-grid {stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}.wf-anim-block--reports-dashboards .tr-area {fill:url(#gradTr);opacity:0;transition:opacity .5s}.wf-anim-block--reports-dashboards .tr-area.show {opacity:1}.wf-anim-block--reports-dashboards .tr-line {fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round}.wf-anim-block--reports-dashboards .tr-dot {fill:#fff;stroke:var(--blue);stroke-width:2.5;opacity:0;transition:opacity .3s}.wf-anim-block--reports-dashboards .tr-dot.show {opacity:1}

/* ---------- Cursor ---------- */
.wf-anim-block--reports-dashboards .cursor {
  position:absolute;left:0;top:0;z-index:20;opacity:0;pointer-events:none;
  filter:drop-shadow(0 2px 4px rgba(21,25,43,.35));
  transition:opacity .3s;
}.wf-anim-block--reports-dashboards .cursor.click {animation:curClick .28s ease-out 1}
@keyframes curClick{0%{scale:1}40%{scale:.82}100%{scale:1}}

/* ---------- Toast ---------- */
.wf-anim-block--reports-dashboards .toast {
  position:absolute;top:60px;right:22px;z-index:9;
  background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);
  border-radius:12px;box-shadow:0 16px 40px rgba(21,25,43,.18);
  padding:12px 16px 12px 13px;display:flex;align-items:center;gap:11px;
  opacity:0;transform:translateX(40px);
  transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);
}.wf-anim-block--reports-dashboards .toast.show {opacity:1;transform:translateX(0)}.wf-anim-block--reports-dashboards .t-icon {
  width:30px;height:30px;border-radius:50%;flex:none;
  background:var(--green-soft);color:var(--green);
  display:flex;align-items:center;justify-content:center;
}.wf-anim-block--reports-dashboards .t-title {font-size:13.5px;font-weight:700}.wf-anim-block--reports-dashboards .t-sub {font-size:12px;color:var(--muted)}.wf-anim-block--reports-dashboards .t-sub b {color:var(--ink-2);font-weight:700}.wf-anim-block--reports-dashboards .footnote b {color:var(--ink-2)}

@media (max-width:760px){.wf-anim-block--reports-dashboards .page {padding:36px 16px 60px}.wf-anim-block--reports-dashboards .appbar .meta {display:none}
}