:root,html[data-theme=light]{--bg: #f5f7f2;--bg-grad: radial-gradient(ellipse at 20% 0%, #eef6e3 0%, #f5f7f2 45%, #f5f7f2 100%);--surface: #ffffff;--surface2: #f0f4e8;--surface3: #e5eae0;--surface-glass: rgba(255, 255, 255, .72);--border: #e5eae0;--border-strong: #d4dcc8;--border-soft: #efefea;--green: #8dc63f;--green-deep: #5baa1f;--green-darker: #3f7d14;--green-soft: #e8f3d6;--green-glow: rgba(141, 198, 63, .22);--green-dim: #c9dda0;--accent: #5baa1f;--accent2: #8dc63f;--accent3: #a8d960;--ink: #0e1a2b;--ink-soft: #1f2a3a;--text: #1a2332;--text-soft: #374151;--muted: #5b6472;--muted-soft: rgba(107, 117, 133, .12);--dim: #6e7886;--danger: #ef4444;--danger-soft: #fee2e2;--danger-glow: rgba(239, 68, 68, .18);--warn: #f59e0b;--warn-soft: #fef3c7;--info: #3b82f6;--info-soft: #dbeafe;--purple: #7c3aed;--purple-soft: rgba(124, 58, 237, .1);--orange: #f97316;--orange-soft: rgba(249, 115, 22, .12);--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-xs: 0 1px 2px rgba(74, 109, 38, .04);--shadow: 0 2px 12px rgba(74, 109, 38, .06);--shadow-md: 0 6px 20px rgba(74, 109, 38, .08);--shadow-lg: 0 16px 40px rgba(74, 109, 38, .12);--shadow-xl: 0 28px 64px rgba(74, 109, 38, .18);--shadow-green: 0 8px 24px rgba(91, 170, 31, .28);--shadow-green-lg: 0 12px 28px rgba(91, 170, 31, .36);--grad-green: linear-gradient(135deg, #5baa1f 0%, #3f7d14 100%);--grad-green-soft: linear-gradient(135deg, #e8f3d6 0%, #ffffff 100%);--grad-hero: linear-gradient(160deg, #5baa1f 0%, #3f7d14 55%, #1f4509 100%);--grad-mesh: radial-gradient(circle at 15% 25%, rgba(141, 198, 63, .18) 0%, transparent 45%), radial-gradient(circle at 85% 75%, rgba(91, 170, 31, .14) 0%, transparent 50%);--skeleton: linear-gradient(90deg, #eef1e8 0%, #f7f9f3 50%, #eef1e8 100%)}html[data-theme=dark]{--bg: #0e1411;--bg-grad: radial-gradient(ellipse at 20% 0%, #1a2418 0%, #0e1411 45%, #0e1411 100%);--surface: #161c18;--surface2: #1e2620;--surface3: #262f28;--surface-glass: rgba(22, 28, 24, .72);--border: #2a332c;--border-strong: #3a4439;--border-soft: #222a23;--green: #9bd64f;--green-deep: #7cc93a;--green-darker: #5baa1f;--green-soft: rgba(141, 198, 63, .13);--green-glow: rgba(141, 198, 63, .3);--green-dim: rgba(141, 198, 63, .4);--accent: #9bd64f;--accent2: #7cc93a;--accent3: #5baa1f;--ink: #f0f4ec;--ink-soft: #d8e0d2;--text: #e8eedf;--text-soft: #b8c5ae;--muted: #9aa593;--muted-soft: rgba(154, 165, 147, .14);--dim: #828d7b;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .13);--danger-glow: rgba(248, 113, 113, .22);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .13);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .13);--purple: #a78bfa;--purple-soft: rgba(167, 139, 250, .13);--orange: #fb923c;--orange-soft: rgba(251, 146, 60, .13);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 2px 12px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--shadow-xl: 0 28px 64px rgba(0, 0, 0, .7);--shadow-green: 0 8px 24px rgba(124, 201, 58, .3);--shadow-green-lg: 0 12px 28px rgba(124, 201, 58, .42);--grad-green: linear-gradient(135deg, #7cc93a 0%, #5baa1f 100%);--grad-green-soft: linear-gradient(135deg, rgba(141, 198, 63, .15) 0%, rgba(22, 28, 24, 0) 100%);--grad-hero: linear-gradient(160deg, #3f7d14 0%, #1f4509 60%, #0e1411 100%);--grad-mesh: radial-gradient(circle at 15% 25%, rgba(141, 198, 63, .1) 0%, transparent 45%), radial-gradient(circle at 85% 75%, rgba(91, 170, 31, .08) 0%, transparent 50%);--skeleton: linear-gradient(90deg, #1e2620 0%, #262f28 50%, #1e2620 100%)}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}button,a,[role=button],[tabindex]{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body,#root{height:100%}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;transition:background .3s ease,color .3s ease}html[dir=rtl] body{font-family:Cairo,Tajawal,Manrope,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-hover{transition:transform .15s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}