:root{--accent: #5C8C6E;--accent-hover: #6E9E80;--accent-secondary: #E8926A;--success: #5C8C6E;--positive: #5C8C6E;--danger: #C96B5A;--critical: #C96B5A;--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: "Playfair Display", Georgia, serif}html.dark{--accent: #5C8C6E;--accent-hover: #6E9E80;--accent-secondary: #E8926A;--success: #5C8C6E;--positive: #5C8C6E;--danger: #C96B5A;--critical: #C96B5A;--warning: #D4A057;--bg-primary: #1C1A17;--bg-sidebar: #171510;--bg-card: #252218;--bg-card-alt: #2E2A1E;--bg-input: #2E2A1E;--bg-segmented: #2E2A1E;--bg-tab-active: #3A3528;--bg-thead: #2E2A1E;--text-primary: #F2EDE4;--text-secondary: #A89880;--text-muted: #A89880;--border: #3A3528;--border-sidebar: #2A2720;--border-input: #3A3528;--border-btn-secondary: #3A3528;--row-even: #252218;--row-odd: #2E2A1E;--row-hover: rgba(92, 140, 110, .08);--row-border: #3A3528;--input-bg: #2E2A1E;--modal-overlay: rgba(0, 0, 0, .6);--nav-hover: rgba(255, 255, 255, .08);--card-shadow: none;--tab-shadow: none}html.light{--accent: #4A7A5C;--accent-hover: #5C8C6E;--accent-secondary: #D4784A;--success: #4A7A5C;--positive: #4A7A5C;--danger: #B85A45;--critical: #B85A45;--warning: #B88A30;--bg-primary: #F5EFE6;--bg-sidebar: #EDE5D5;--bg-card: #FDFAF5;--bg-card-alt: #F0E8D8;--bg-input: #FDFAF5;--bg-segmented: #E8DFD0;--bg-tab-active: #FDFAF5;--bg-thead: #EDE5D5;--text-primary: #2A2218;--text-secondary: #7A6A55;--text-muted: #7A6A55;--border: #DDD5C4;--border-sidebar: #D5CBBA;--border-input: #D5CBBA;--border-btn-secondary: #D5CBBA;--row-even: #FDFAF5;--row-odd: #F0E8D8;--row-hover: rgba(74, 122, 92, .06);--row-border: #EDE5D5;--input-bg: #FDFAF5;--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}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 #5c8c6e4d}50%{box-shadow:0 0 16px #5c8c6e80}}@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)}
