:root{--color-primary: #318B86;--color-primary-hover: #296262;--color-accent: #42ACA6;--color-primary-light: #85D9D4;--color-primary-bg: #E8F6F5;--color-primary-glow: rgba(49, 139, 134, .25);--color-safety: #10B981;--color-danger: #BA1A1A;--color-flame: #F59E0B;--color-info: #42ACA6;--color-text-primary: #296262;--color-text-secondary: #557177;--text-main: #296262;--text-muted: #557177;--text-dim: #699093;--text-on-primary: #FFFFFF;--color-background: #FFFFFF;--color-background-muted: #F7F9F8;--color-border: #D9DEDE;--bg-app: #F7F9F8;--bg-surface: #F7F9F8;--bg-surface-card: #FFFFFF;--bg-surface-low: #F7F9F8;--bg-surface-high: #E8F6F5;--bg-surface-highest: #D9DEDE;--bg-dark-sidebar: #0F3435;--bg-dark-elevated: #296262;--border-subtle: #D9DEDE;--border-input: #D9DEDE;--border-focus: #318B86;--color-chat-button: #318B86;--color-chat-button-hover: #296262;--color-chat-user-message: #E8F6F5;--color-chat-assistant-message: #FFFFFF;--font-arabic: "Cairo", "Inter", sans-serif;--font-latin: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 3px rgba(15, 52, 53, .05);--shadow-md: 0 4px 12px rgba(15, 52, 53, .08);--shadow-lg: 0 12px 28px rgba(15, 52, 53, .12);--shadow-glow: 0 0 35px rgba(49, 139, 134, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Cairo,sans-serif;background-color:var(--bg-app);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#00000040}input,textarea,select,button{font-family:inherit;color:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes smoothBloom{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.fade-in{animation:fadeIn var(--transition-normal)}.animate-bloom{animation:smoothBloom .9s cubic-bezier(.16,1,.3,1) forwards}