:root{--bg-page:#f7f5f0;--color-background-primary:#fff;--color-background-secondary:#f9fafb;--color-background-tertiary:#f3f4f6;--color-green:#1b4332;--color-green-hover:#142d22;--color-green-bg:#f0fdf4;--color-green-border:#bbf7d0;--color-green-text:#166534;--color-amber:#f59e0b;--color-amber-bg:#fffbeb;--color-amber-border:#fde68a;--color-amber-text:#92400e;--color-red:#e24b4a;--color-red-bg:#fff1f2;--color-red-border:#fecaca;--color-red-text:#9f1239;--color-blue-bg:#eff6ff;--color-blue-text:#1e40af;--color-border-primary:#e5e7eb;--color-border-secondary:#d1d5db;--color-border-tertiary:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--sidebar-width:200px;--topbar-height:52px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--radius-card:12px;--radius-button:8px;--radius-badge:20px;--font-sans-en:"Inter", "Segoe UI", sans-serif;--font-sans-ar:"Cairo", "Segoe UI", sans-serif;--font-sans:"Inter", "Cairo", "Segoe UI", sans-serif;--shadow-card:none;--shadow-dropdown:0 4px 16px #00000014;--shadow-modal:0 8px 32px #0000001f;--status-done-bg:#f0fdf4;--status-done-text:#166534;--status-done-border:#bbf7d0;--status-pending-bg:#fffbeb;--status-pending-text:#92400e;--status-pending-border:#fde68a;--status-failed-bg:#fff1f2;--status-failed-text:#9f1239;--status-failed-border:#fecaca;--status-live-color:#4ade80}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--color-text-primary);line-height:1.5}[dir=rtl]{font-family:var(--font-sans-ar)}[dir=ltr]{font-family:var(--font-sans-en)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:.8s linear infinite spin}.animate-fadeIn{animation:.2s ease-out fadeIn}