:root{color-scheme:light;--forest: #044418;--grass: #108212;--pistachio: #b9ea74;--cream: #f6f4dd;--warm: #efdf80;--turq: #00a99d;--turq-ink: #017d72;--berry: #ad1f2a;--orange: #e8883a;--bg-0: #ffffff;--bg-1: #eef3e9;--text: var(--forest);--text-2: #1d2c1c;--muted: #56654f;--faint: #828f7e;--panel: #ffffff;--panel-2: #f2f5ec;--line: rgba(4, 68, 24, .14);--line-soft: rgba(4, 68, 24, .08);--track: rgba(4, 68, 24, .1);--good: var(--grass);--bad: #c01f2b;--marker: rgba(4, 68, 24, .6);--shadow: 0 .5rem 1.4rem rgba(4, 68, 24, .08);--radius: .7rem}*{box-sizing:border-box}html{font-size:clamp(12px,.92vw,36px)}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 90% at 88% -12%,rgba(185,234,116,.42),transparent 52%),radial-gradient(90% 80% at -5% 108%,rgba(0,169,157,.14),transparent 55%),linear-gradient(165deg,#ffffff 0%,var(--bg-1) 100%);color:var(--text-2);font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,strong{font-family:Space Grotesk,Manrope,sans-serif}.board{position:relative;height:100vh;width:100vw;padding:1.3rem 1.6rem 1rem;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.9rem;overflow:hidden}.beam{position:fixed;z-index:0;pointer-events:none;filter:blur(50px)}.beam-a{top:-14%;right:-8%;width:56vw;height:70vh;background:radial-gradient(ellipse at right,rgba(185,234,116,.5),transparent 62%)}.beam-b{bottom:-18%;left:-12%;width:48vw;height:60vh;background:radial-gradient(ellipse at left,rgba(0,169,157,.12),transparent 62%)}.board>*:not(.beam){position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:1.1rem;min-width:0}.brand-logo{height:2.7rem;width:auto}.brand-divider{width:1px;height:2.5rem;background:var(--line)}.brand-title{font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1;color:var(--forest)}.brand-sub{margin-top:.3rem;color:var(--muted);font-size:1rem;letter-spacing:.02em}.clock{text-align:right}.clock-time{font-family:Space Grotesk,sans-serif;font-size:2.1rem;font-weight:600;line-height:1;color:var(--forest);font-variant-numeric:tabular-nums}.clock-date{margin-top:.25rem;color:var(--muted);font-size:1rem;text-transform:capitalize}.kpi-zone{display:grid;grid-template-columns:1.7fr 1fr;grid-template-areas:"hero gauge" "strip strip";gap:.9rem}.kpi-hero,.kpi-gauge,.strip-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.kpi-hero{grid-area:hero;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.55rem;background:linear-gradient(135deg,rgba(185,234,116,.22),transparent 46%),var(--panel)}.kpi-hero-head{display:flex;align-items:center;justify-content:space-between}.kpi-kicker{color:var(--muted);font-size:1.05rem;font-weight:600}.pill{padding:.32rem .9rem;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600}.pill-good{color:var(--forest);background:var(--pistachio)}.pill-warn{color:var(--bad);background:#c01f2b1a;border:1px solid rgba(192,31,43,.45)}.kpi-hero-value{display:flex;align-items:baseline;gap:.8rem}.kpi-hero-value strong{font-size:4.6rem;font-weight:700;line-height:.9;color:var(--grass);letter-spacing:-.01em}.kpi-hero-plan{color:var(--muted);font-size:1.4rem;font-weight:600}.kpi-hero-verdict{color:var(--text-2);font-size:1.05rem;font-weight:600}.kpi-hero-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:auto}.mini{padding:.5rem .7rem;border-radius:.5rem;background:var(--panel-2);display:flex;flex-direction:column;gap:.2rem;min-width:0}.mini span{color:var(--muted);font-size:.9rem}.mini strong{font-size:1.3rem;font-weight:700;color:var(--text)}.mini-strong{background:#00a99d1f;border:1px solid rgba(0,169,157,.32)}.mini-strong strong{color:var(--turq-ink)}.kpi-gauge{grid-area:gauge;padding:1rem 1.2rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.1rem}.ring{position:relative;width:9.6rem;height:9.6rem}.ring svg{width:100%;height:100%}.ring-track{fill:none;stroke:var(--track);stroke-width:10}.ring-fill{fill:none;stroke:var(--turq);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .8s ease}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:.1rem;padding:0 1.7rem}.ring-center strong{font-size:1.95rem;font-weight:700;line-height:1;color:var(--forest)}.ring-center span{color:var(--muted);font-size:.8rem;line-height:1.1;max-width:6rem}.gauge-rows{display:flex;flex-direction:column;gap:.5rem}.gauge-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:.45rem;border-bottom:1px solid var(--line-soft)}.gauge-row:last-child{border-bottom:0}.gauge-row span{color:var(--muted);font-size:1.05rem}.gauge-row strong{font-size:1.6rem;font-weight:700}.kpi-strip{grid-area:strip;display:grid;grid-template-columns:repeat(5,1fr);gap:.9rem}.strip-card{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.3rem}.strip-label{color:var(--muted);font-size:.95rem;font-weight:600}.strip-value{font-size:1.8rem;font-weight:700;line-height:1;color:var(--text)}.strip-sub{color:var(--faint);font-size:.85rem}.strip-stat{justify-content:center}.detail-zone{position:relative;min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:1rem 1.3rem 1.1rem;display:flex;flex-direction:column;gap:.8rem;overflow:hidden}.rotor{position:absolute;top:0;left:0;height:.22rem;width:0;background:linear-gradient(90deg,var(--grass),var(--pistachio));border-top-left-radius:var(--radius);animation-name:rotorFill;animation-timing-function:linear;animation-iteration-count:infinite}.detail-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.detail-headline{display:flex;align-items:baseline;gap:.8rem;min-width:0}.detail-kicker{color:var(--faint);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.detail-title{font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:600;color:var(--forest)}.detail-verdict{color:var(--muted);font-size:1.05rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-body{flex:1;min-height:0}.fade-in{animation:fadeIn .55s ease}.panel{padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.9rem;min-height:0}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.panel-head span{color:var(--muted);font-size:1.1rem;font-weight:600}.panel-head strong{font-size:1.6rem;font-weight:700;color:var(--grass)}.two-col{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.two-col-wide{grid-template-columns:1.25fr 1fr}.team-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.teamtable{height:100%;display:grid;grid-auto-rows:1fr;align-content:stretch}.trow{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.8rem;padding:0 .5rem;border-bottom:1px solid var(--line-soft)}.theadrow{border-bottom:1px solid var(--line)}.theadrow span{color:var(--muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tcol-h{text-align:right}.tname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgroup{background:#00a99d1a;border-radius:.35rem}.tgroup .tname{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.98rem;color:var(--forest)}.tgroupval{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;font-size:.95rem}.tgroupval em{font-style:normal;color:var(--muted);font-weight:600}.tgroupval b{font-family:Space Grotesk,sans-serif;margin-left:.25rem}.tmgr .tname{color:var(--text-2);padding-left:.7rem;font-size:1rem}.mcell{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem}.mcell-pct{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem;min-width:2.8rem;text-align:right}.channels-grid{height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.channel-card{gap:.7rem}.channel-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.3rem .6rem;padding-bottom:.6rem;border-bottom:1px solid var(--line)}.channel-name{grid-column:1 / -1;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.3rem;color:var(--forest);text-transform:uppercase;letter-spacing:.02em}.channel-fact{font-size:1.7rem;font-weight:700;color:var(--grass)}.channel-pct{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;text-align:right}.channel-plan{color:var(--muted);font-size:.95rem}.channel-divs{flex:1;display:grid;grid-auto-rows:1fr;gap:.5rem;align-content:center}.div-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto auto;align-items:center;gap:.6rem}.div-name{color:var(--text-2);font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.div-bar{height:.85rem;display:flex;align-items:center}.div-budget{position:relative;height:100%;border-radius:.3rem;background:var(--track);overflow:hidden}.div-fact{height:100%;border-radius:.3rem;background:linear-gradient(90deg,var(--grass),var(--pistachio))}.div-fact.behind{background:linear-gradient(90deg,var(--berry),#e0656e)}.div-val{font-variant-numeric:tabular-nums;font-weight:600;font-size:.95rem;text-align:right}.div-pct{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem;min-width:2.8rem;text-align:right}.money-rows{flex:1;display:grid;grid-auto-rows:1fr;gap:1rem}.money-row{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.money-top{display:flex;align-items:baseline;gap:.8rem}.money-label{color:var(--muted);font-size:1.15rem;flex:1}.money-val{font-family:Space Grotesk,sans-serif;font-size:1.9rem;font-weight:700;color:var(--text)}.money-val em{font-style:normal;font-size:1.15rem;color:var(--muted)}.money-pct{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.money-note{color:var(--faint);font-size:.92rem}.overdue-share{color:var(--muted);font-size:1.05rem;font-weight:600;margin-top:-.3rem}.aging{display:grid;gap:.6rem}.aging-row{display:grid;grid-template-columns:7rem 1fr auto;align-items:center;gap:.8rem}.aging-label{color:var(--text-2);font-weight:600;font-size:1rem}.aging-val{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.05rem;text-align:right}.overdue-list{flex:1;display:grid;grid-auto-rows:1fr;gap:.4rem;align-content:end}.overdue-list-head{color:var(--muted);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.overdue-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) auto;align-items:center;gap:.7rem}.overdue-name{font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overdue-amt{font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.warehouse-grid{height:100%;display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:1rem}.abc-list{flex:1;display:grid;grid-auto-rows:1fr;gap:.8rem}.abc-row{display:grid;grid-template-columns:3.2rem 1fr;align-items:center;gap:1rem}.abc-badge{width:3.2rem;height:3.2rem;display:grid;place-content:center;border-radius:.55rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.7rem;color:var(--forest)}.abc-a .abc-badge{background:var(--pistachio)}.abc-b .abc-badge{background:var(--turq);color:#fff}.abc-c .abc-badge{background:var(--warm)}.abc-body{min-width:0;display:flex;flex-direction:column;gap:.45rem}.abc-topline{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.abc-topline strong{font-size:1.55rem;font-weight:700;color:var(--text)}.abc-topline span{color:var(--muted);font-size:.92rem}.big-stat{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.6rem}.big-stat-value{font-family:Space Grotesk,sans-serif;font-size:3.4rem;font-weight:700;line-height:1;color:var(--grass)}.big-stat-value.bad{color:var(--bad)}.big-stat-sub{color:var(--muted);font-size:1.05rem}.big-stat-pct{font-weight:700;color:var(--forest)}.deficit-panel{gap:.7rem}.deficit-top{display:flex;flex-direction:column;gap:.35rem}.sparkline{flex:1;min-height:0;display:flex;flex-direction:column;gap:.3rem}.sparkline svg{flex:1;width:100%;min-height:0}.spark-area{fill:#ad1f2a24}.spark-line{fill:none;stroke:var(--berry);stroke-width:1.6;vector-effect:non-scaling-stroke}.sparkline-axis{display:flex;justify-content:space-between;color:var(--faint);font-size:.85rem}.cat-list{flex:1;display:grid;grid-auto-rows:1fr;gap:.45rem}.cat-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,3fr) 1fr .7fr;align-items:center;gap:1rem}.cat-name{font-weight:600;color:var(--text-2);font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-track{height:1.1rem;display:flex;align-items:center}.cat-budget{position:relative;height:100%;border-radius:.35rem;background:var(--track);overflow:hidden}.cat-fact{height:100%;border-radius:.35rem;background:linear-gradient(90deg,var(--grass),var(--pistachio))}.cat-fact.behind{background:linear-gradient(90deg,var(--berry),#e0656e)}.cat-fact-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.cat-pct{text-align:right;font-family:Space Grotesk,sans-serif;font-weight:700}.client-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.8rem}.client-card{padding:.85rem 1rem;border-radius:.55rem;background:var(--panel-2);display:flex;flex-direction:column;gap:.25rem;justify-content:center}.client-label{color:var(--muted);font-size:1rem}.client-value{font-family:Space Grotesk,sans-serif;font-size:2.7rem;font-weight:700;line-height:1;color:var(--forest)}.client-sub{color:var(--faint);font-size:.92rem}.client-card .track{margin-top:.4rem}.clients-panel{height:100%}.client-grid-row{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr}.client-grid-row .client-value{font-size:3.6rem}.track{height:.65rem;border-radius:999px;background:var(--track);overflow:hidden}.track-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--grass),var(--pistachio))}.track-fill.warm{background:var(--warm)}.track-fill.orange{background:var(--orange)}.track-fill.berry{background:var(--berry)}.progress{position:relative;height:.8rem;border-radius:999px;background:var(--track);overflow:visible;margin-top:.2rem}.progress-big{height:1rem}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--grass),var(--pistachio));transition:width .8s ease}.progress-fill.behind{background:linear-gradient(90deg,var(--berry),#e0656e)}.progress-marker{position:absolute;top:-.22rem;width:2px;height:1.4rem;background:var(--marker);transform:translate(-1px)}.barmini{position:relative;height:.55rem;border-radius:999px;background:var(--track);overflow:visible}.barmini-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--grass),var(--pistachio))}.barmini-fill.behind{background:linear-gradient(90deg,var(--berry),#e0656e)}.barmini-marker{position:absolute;top:-.18rem;width:2px;height:.9rem;background:var(--marker);transform:translate(-1px)}.good{color:var(--good)}.bad{color:var(--bad)}.neutral{color:var(--text-2)}.footer{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:0 .4rem}.slogan{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.22em;color:var(--grass);font-size:1rem;white-space:nowrap}.legend{display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:center}.legend-item{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.9rem}.lg-marker{width:2px;height:.9rem;background:var(--marker)}.lg-dot{width:.7rem;height:.7rem;border-radius:999px}.lg-dot.good{background:var(--grass)}.lg-dot.neutral{background:var(--faint)}.lg-dot.bad{background:var(--bad)}.footer-right{display:flex;align-items:center;gap:1rem}.dots{display:flex;gap:.45rem}.dot{width:.6rem;height:.6rem;border-radius:999px;background:#04441833;transition:all .3s ease}.dot-on{width:1.8rem;background:var(--grass)}.footer-upd{color:var(--faint);font-size:.9rem;font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes rotorFill{0%{width:0}to{width:100%}}@media (max-width: 1024px){html{font-size:14px}body{overflow:auto}.beam{display:none}.board{height:auto;min-height:100vh;width:100%;overflow-x:hidden;overflow-y:visible;grid-template-rows:auto;grid-auto-rows:auto;gap:.9rem;padding:1rem 1rem 1.3rem}.kpi-zone{grid-template-columns:1fr;grid-template-areas:"hero" "gauge" "strip"}.kpi-hero-value strong{font-size:3.4rem}.kpi-hero-foot{grid-template-columns:repeat(2,1fr)}.kpi-strip{grid-template-columns:repeat(3,1fr)}.detail-zone{overflow:visible;min-height:auto}.detail-body,.panel{min-height:auto}.team-grid,.channels-grid,.warehouse-grid,.two-col,.two-col-wide{grid-template-columns:1fr;height:auto}.teamtable,.channel-divs,.abc-list,.money-rows,.overdue-list,.cat-list,.client-grid{height:auto;grid-auto-rows:auto}.trow,.div-row,.abc-row,.overdue-row,.aging-row,.cat-row,.money-row{min-height:2.7rem}.sparkline svg{flex:none;height:6rem}.client-grid-row{grid-template-columns:repeat(2,1fr)}.detail-head{flex-wrap:wrap}.footer{flex-wrap:wrap;justify-content:center;gap:.6rem 1.2rem}}@media (max-width: 640px){html{font-size:13.5px}.board{padding:.8rem .8rem 1.1rem;gap:.7rem}.topbar{gap:.6rem}.brand-logo{height:2.1rem}.brand-title{font-size:1.25rem}.clock-time{font-size:1.5rem}.kpi-hero-value strong{font-size:2.7rem}.kpi-hero-foot,.kpi-strip{grid-template-columns:1fr 1fr}.kpi-gauge{grid-template-columns:1fr;justify-items:center;text-align:center;gap:.8rem}.gauge-rows{width:100%}.client-grid,.client-grid-row{grid-template-columns:1fr}.detail-head{flex-direction:column;align-items:flex-start;gap:.3rem}.detail-verdict{white-space:normal}.legend{display:none}}