:root{--color-primary:#2e7d32;--color-primary-light:#4caf50;--color-primary-dark:#1b5e20;--color-secondary:#ff9800;--color-secondary-light:#ffb74d;--color-secondary-dark:#f57c00;--color-tertiary:#795548;--color-tertiary-light:#a1887f;--color-tertiary-dark:#5d4037;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-black:#000;--color-surface-warm:#fafaf8;--color-surface-page:#f3f2f0;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-info:#2196f3;--gradient-primary:linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%);--gradient-secondary:linear-gradient(135deg, #ff9800 0%, #f57c00 100%);--gradient-hero:linear-gradient(135deg, #2e7d32 0%, #4caf50 50%, #81c784 100%);--font-primary:"Segoe UI", "Segoe UI Variable", "Segoe UI Symbol", "Segoe UI Emoji", sans-serif;--font-secondary:"Segoe UI", "Segoe UI Variable", "Segoe UI Symbol", "Segoe UI Emoji", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:4rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-gray-900);background-color:var(--color-gray-50);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-bold);line-height:1.2}.btn-primary{background:var(--gradient-primary);color:var(--color-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--gradient-secondary);color:var(--color-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-xl)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;margin:0;font-family:Segoe UI,Segoe UI Variable,Segoe UI Symbol,Segoe UI Emoji,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}