:root,html.dark{--bg: #0f1f13;--sidebar: #0d1a10;--surface: #162019;--card: #1c2b1e;--card-hover: #223325;--border: #243828;--border-light: #2d4832;--input-bg: #0f1f13;--overlay: rgba(6, 14, 9, .72);--row-alt: rgba(255, 255, 255, .018);--text: #e8f5e9;--text-muted: #74c69d;--text-dim: #4a7c59;--a1: #1b4332;--a2: #2d6a4f;--a3: #40916c;--a4: #52b788;--a5: #74c69d;--a6: #95d5b2;--error: #ef4444;--amber: #f59e0b;--sky: #38bdf8;--purple: #a78bfa;--success: #4ade80;--skeleton-base: #223325;--skeleton-highlight: #2f4636}html.light{--bg: #f0f7f2;--sidebar: #e7f1ea;--surface: #ffffff;--card: #ffffff;--card-hover: #eaf4ee;--border: #d0e8d8;--border-light: #bcdcc7;--input-bg: #f4faf6;--overlay: rgba(13, 26, 16, .45);--row-alt: rgba(13, 26, 16, .025);--text: #0d1a10;--text-muted: #1b5e3b;--text-dim: #2d6a4f;--a4: #2d6a4f;--a5: #1b4332;--a6: #0d1a10;--skeleton-base: #e2eee7;--skeleton-highlight: #f4faf6}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button{font-family:inherit}input,textarea,select,button,[contenteditable]{outline:none}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible,[contenteditable]:focus{outline:none;box-shadow:none}*{scrollbar-width:thin;scrollbar-color:var(--a2) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--a2);border-radius:4px}@keyframes soilo-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.soilo-skeleton{animation:none!important}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-in-out 0s}
