:root{--accent: #6FA287;--accent-hover: #82B399;--accent-secondary: #D9A45B;--success: #4FA97C;--positive: #4FA97C;--danger: #D96A57;--critical: #D96A57;--warning: #D4A057;--radius-card: 12px;--radius-btn: 8px;--radius-input: 8px;--radius-nav: 8px;--radius-pill: 6px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}html.dark{--accent: #6FA287;--accent-hover: #82B399;--accent-secondary: #D9A45B;--success: #4FA97C;--positive: #4FA97C;--danger: #D96A57;--critical: #D96A57;--warning: #D4A057;--bg-primary: #15171A;--bg-sidebar: #101214;--bg-card: #1E2124;--bg-card-alt: #24282B;--bg-input: #24282B;--bg-segmented: #24282B;--bg-tab-active: #2C3034;--bg-thead: #24282B;--text-primary: #F1F3F0;--text-secondary: #9AA49B;--text-muted: #9AA49B;--border: #2C3034;--border-sidebar: #222629;--border-input: #2C3034;--border-btn-secondary: #2C3034;--row-even: #1E2124;--row-odd: #24282B;--row-hover: rgba(111, 162, 135, .08);--row-border: #2C3034;--input-bg: #24282B;--modal-overlay: rgba(0, 0, 0, .6);--nav-hover: rgba(255, 255, 255, .08);--card-shadow: none;--tab-shadow: none}html.light{--accent: #4E8168;--accent-hover: #6FA287;--accent-secondary: #C08A3E;--success: #2E8A5F;--positive: #2E8A5F;--danger: #C25543;--critical: #C25543;--warning: #B88A30;--bg-primary: #F4F6F4;--bg-sidebar: #EAEEEA;--bg-card: #FFFFFF;--bg-card-alt: #EEF1EE;--bg-input: #FFFFFF;--bg-segmented: #E4E9E4;--bg-tab-active: #FFFFFF;--bg-thead: #EAEEEA;--text-primary: #1E2422;--text-secondary: #66716A;--text-muted: #66716A;--border: #DCE1DC;--border-sidebar: #D2D8D2;--border-input: #D2D8D2;--border-btn-secondary: #D2D8D2;--row-even: #FFFFFF;--row-odd: #EEF1EE;--row-hover: rgba(78, 129, 104, .06);--row-border: #EAEEEA;--input-bg: #FFFFFF;--modal-overlay: rgba(0, 0, 0, .3);--nav-hover: rgba(0, 0, 0, .05);--card-shadow: 0 1px 3px rgba(0, 0, 0, .06);--tab-shadow: 0 1px 3px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}.num{font-variant-numeric:tabular-nums}body{font-family:var(--font);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-secondary)}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}@keyframes budgetops-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes dash-flow{to{stroke-dashoffset:-20}}@keyframes surplus-glow{0%,to{box-shadow:0 0 8px #4fa97c4d}50%{box-shadow:0 0 16px #4fa97c80}}@keyframes alert-slide-out{to{opacity:0;transform:translate(40px);max-height:0;padding:0;margin:0;overflow:hidden}}@keyframes counter-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-grow{0%{width:0}}@keyframes cascade-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dash-grid{display:grid;grid-template-areas:"alerts alerts" "kpis kpis" "divider divider" "timeline timeline" "waterfall spending";grid-template-columns:1.5fr 1fr;gap:16px}@media(max-width:1024px){.dash-grid{grid-template-areas:"alerts" "kpis" "divider" "timeline" "waterfall" "spending";grid-template-columns:1fr}}.dash-kpis{grid-area:kpis;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.dash-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dash-kpis{grid-template-columns:repeat(2,1fr);gap:10px}}.kpi-card{transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:scale(1.02)}.wf-node{transition:filter .15s ease;cursor:default}.wf-node:hover{filter:brightness(1.12)}