:root{--color-primary-50:#f0f7f4;--color-primary-100:#d9ede3;--color-primary-200:#b3dac7;--color-primary-300:#8dc7ab;--color-primary-400:#67b48f;--color-primary-500:#346E50;--color-primary-600:#2d5a43;--color-primary-700:#264636;--color-primary-800:#1f3329;--color-primary-900:#18201c;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success-50:#f0fdf4;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-error-50:#fef2f2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-bg-primary:#ffffff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-border-light:#e2e8f0;--color-border-medium:#cbd5e1;--color-border-dark:#94a3b8;--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--MainNav-height:64px;--MainNav-zIndex:1000;--SideNav-width:220px;--SideNav-collapsed-width:100px;--SideNav-zIndex:1100;--MobileNav-width:320px;--MobileNav-zIndex:1100}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}html{height:100vh;width:100%}body{height:100%;min-height:100%;margin:0;padding:0;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-primary) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:var(--line-height-normal);color:var(--color-text-primary)}.text-primary{color:var(--color-primary-500)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success-500)}.text-warning{color:var(--color-warning-500)}.text-error{color:var(--color-error-500)}.bg-primary{background-color:var(--color-primary-500)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-success{background-color:var(--color-success-50)}.bg-warning{background-color:var(--color-warning-50)}.bg-error{background-color:var(--color-error-50)}.border-light{border-color:var(--color-border-light)}.border-medium{border-color:var(--color-border-medium)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}*{transition:all .2s ease-in-out}@media (max-width:768px){:root{--SideNav-width:0px}}