:root{color-scheme:light;--forest: #044418;--grass: #108212;--pistachio: #b9ea74;--cream: #f6f4dd;--warm: #efdf80;--turq: #00a99d;--turq-ink: #017d72;--berry: #ad1f2a;--bg-0: #ffffff;--bg-1: #eef3e9;--text: var(--forest);--text-2: #20301f;--muted: #5c6b5b;--faint: #8a978a;--panel: #ffffff;--panel-2: #f3f6ef;--line: rgba(4, 68, 24, .13);--line-soft: rgba(4, 68, 24, .08);--track: rgba(4, 68, 24, .1);--good: var(--grass);--bad: #c01f2b;--marker: rgba(4, 68, 24, .55);--shadow: 0 .6rem 1.6rem rgba(4, 68, 24, .08);--radius: .75rem}*{box-sizing:border-box}html{font-size:clamp(11px,.833vw,32px)}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 90% at 88% -12%,rgba(185,234,116,.4),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.4rem 1.8rem 1.1rem;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:1rem;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.5rem;width:auto}.brand-divider{width:1px;height:2.4rem;background:var(--line)}.brand-title{font-family:Space Grotesk,sans-serif;font-size:1.6rem;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:.95rem;letter-spacing:.02em}.clock{text-align:right}.clock-time{font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:600;line-height:1;color:var(--forest);font-variant-numeric:tabular-nums}.clock-date{margin-top:.25rem;color:var(--muted);font-size:.92rem;text-transform:capitalize}.kpi-zone{display:grid;grid-template-columns:1.7fr 1fr;grid-template-areas:"hero gauge" "strip strip";gap:1rem}.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.3rem 1.5rem;display:flex;flex-direction:column;gap:.7rem;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:.95rem;font-weight:600;letter-spacing:.02em}.pill{padding:.3rem .85rem;border-radius:999px;font-family:Space Grotesk,sans-serif;font-size:.95rem;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.4rem;font-weight:700;line-height:.9;color:var(--grass);letter-spacing:-.01em}.kpi-hero-plan{color:var(--muted);font-size:1.3rem;font-weight:600}.kpi-hero-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:auto}.mini{padding:.55rem .7rem;border-radius:.5rem;background:var(--panel-2);display:flex;flex-direction:column;gap:.25rem;min-width:0}.mini span{color:var(--muted);font-size:.82rem}.mini strong{font-size:1.25rem;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:1.1rem 1.3rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.2rem}.ring{position:relative;width:8.5rem;height:8.5rem}.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;text-align:center}.ring-center strong{font-size:1.9rem;font-weight:700;line-height:1;color:var(--forest)}.ring-center span{color:var(--muted);font-size:.82rem}.gauge-rows{display:flex;flex-direction:column;gap:.55rem}.gauge-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--line-soft)}.gauge-row:last-child{border-bottom:0}.gauge-row span{color:var(--muted);font-size:1rem}.gauge-row strong{font-size:1.5rem;font-weight:700}.kpi-strip{grid-area:strip;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.strip-card{padding:.8rem 1rem;display:flex;flex-direction:column;gap:.35rem}.strip-label{color:var(--muted);font-size:.9rem;font-weight:600}.strip-value{font-size:1.7rem;font-weight:700;line-height:1;color:var(--text)}.strip-sub{color:var(--faint);font-size:.8rem}.strip-stat{justify-content:center}.detail-zone{min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:1.1rem 1.4rem 1.2rem;display:flex;flex-direction:column;gap:.9rem;overflow:hidden}.detail-head{display:flex;align-items:baseline;gap:.9rem}.detail-kicker{color:var(--faint);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.detail-title{font-family:Space Grotesk,sans-serif;font-size:1.7rem;font-weight:600;letter-spacing:.01em;color:var(--forest)}.detail-body{flex:1;min-height:0}.fade-in{animation:fadeIn .6s ease}.managers{height:100%}.pf-table{height:100%;display:grid;grid-auto-rows:1fr}.pf-row{display:grid;grid-template-columns:minmax(0,2.1fr) 1fr 1fr minmax(0,3fr) .7fr;align-items:center;gap:1rem;padding:0 .6rem;border-bottom:1px solid var(--line-soft)}.pf-headrow{border-bottom:1px solid var(--line)}.pf-headrow span{color:var(--muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.pf-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-2)}.pf-bar-head{text-align:left}.pf-pct{font-family:Space Grotesk,sans-serif;font-weight:700}.pf-channel{background:#00a99d1a;border-radius:.4rem}.pf-channel .pf-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.15rem;color:var(--forest);text-transform:uppercase;letter-spacing:.02em}.pf-channel .pf-num{font-size:1.1rem}.pf-manager .pf-name{color:var(--muted);padding-left:1rem}.pf-grand{background:#b9ea7447;border-radius:.4rem;border-bottom:0}.pf-grand .pf-name,.pf-grand .pf-num{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.2rem;color:var(--forest)}.barmini{position:relative;height:.6rem;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:.96rem;background:var(--marker);transform:translate(-1px)}.two-col{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.panel{padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:1rem;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.05rem;font-weight:600}.panel-head strong{font-size:1.5rem;font-weight:700;color:var(--grass)}.abc-list{flex:1;display:grid;grid-auto-rows:1fr;gap:.9rem}.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:.6rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.6rem;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:.5rem}.abc-topline{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.abc-topline strong{font-size:1.5rem;font-weight:700;color:var(--text)}.abc-topline span{color:var(--muted);font-size:.9rem}.track{height:.7rem;border-radius:999px;background:var(--track);overflow:hidden}.track-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--grass),var(--pistachio))}.big-stat{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.big-stat-value{font-family:Space Grotesk,sans-serif;font-size:3.4rem;font-weight:700;line-height:1;color:var(--grass)}.big-stat-sub{color:var(--muted);font-size:1.05rem}.big-stat-pct{font-weight:700;color:var(--forest)}.client-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.9rem}.client-card{padding:.9rem 1rem;border-radius:.6rem;background:var(--panel-2);display:flex;flex-direction:column;gap:.3rem;justify-content:center}.client-label{color:var(--muted);font-size:.95rem}.client-value{font-family:Space Grotesk,sans-serif;font-size:2.6rem;font-weight:700;line-height:1;color:var(--forest)}.client-sub{color:var(--faint);font-size:.88rem}.client-card .track{margin-top:.4rem}.money-rows{flex:1;display:grid;grid-auto-rows:1fr;gap:1.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.05rem;flex:1}.money-val{font-family:Space Grotesk,sans-serif;font-size:1.7rem;font-weight:700;color:var(--text)}.money-val em{font-style:normal;font-size:1.1rem;color:var(--muted)}.money-pct{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700}.money-note{color:var(--faint);font-size:.88rem}.cat-panel{height:100%}.cat-list{flex:1;display:grid;grid-auto-rows:1fr;gap:.5rem}.cat-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,3fr) 1fr .7fr;align-items:center;gap:1.1rem}.cat-name{font-weight:600;color:var(--text-2);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:.4rem;background:var(--track);overflow:hidden}.cat-fact{height:100%;border-radius:.4rem;background:linear-gradient(90deg,var(--grass),var(--pistachio))}.cat-fact-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-2)}.cat-pct{text-align:right;font-family:Space Grotesk,sans-serif;font-weight:700}.progress{position:relative;height:.85rem;border-radius:999px;background:var(--track);overflow:visible;margin-top:.2rem}.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:-.2rem;width:2px;height:1.25rem;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.5rem;padding:0 .4rem}.slogan{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.22em;color:var(--grass);font-size:.95rem}.footer-mid{color:var(--muted);font-size:.95rem}.dots{display:flex;gap:.5rem}.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:.88rem;font-variant-numeric:tabular-nums}@keyframes fadeIn{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}