@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--border-secondary: #d1d5db;--text-primary: #374151;--text-secondary: #6b7280;--text-headings: #111827;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--modal-overlay: rgba(0, 0, 0, .6);--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .7);--hover-bg: rgba(229, 231, 235, .7);--shadow-light: rgba(0, 0, 0, .07);--shadow-medium: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .25)}.dark{--bg-main: #0f172a;--bg-card: #1e293b;--bg-secondary: #334155;--border-color: #334155;--border-secondary: #475569;--text-primary: #cbd5e1;--text-secondary: #94a3b8;--text-headings: #f1f5f9;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--modal-overlay: rgba(0, 0, 0, .8);--glass-bg: rgba(30, 41, 59, .5);--glass-border: rgba(51, 65, 85, .7);--hover-bg: rgba(51, 65, 85, .7);--shadow-light: rgba(0, 0, 0, .2);--shadow-medium: rgba(0, 0, 0, .3);--shadow-dark: rgba(0, 0, 0, .5)}*{font-family:Cairo,sans-serif}body{background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:1rem;transition:all .3s ease;box-shadow:0 4px 6px -1px var(--shadow-light),0 2px 4px -2px var(--shadow-light)}.glass-card:hover{border-color:#3b82f666;transform:translateY(-5px);box-shadow:0 10px 15px -3px var(--shadow-light),0 4px 6px -4px var(--shadow-light)}.number-display{font-family:SF Mono,Courier New,monospace;direction:ltr;text-align:left}.tab-bar{background:var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color)}.tab-btn{color:var(--text-primary);background-color:transparent;transition:all .3s ease}.tab-btn:hover{background-color:var(--hover-bg)}.tab-btn.active{color:#fff;background:var(--accent-blue);box-shadow:0 4px 14px #3b82f640}input,select,textarea{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-secondary)!important;border-radius:.5rem;transition:all .3s ease}input::placeholder,textarea::placeholder{color:var(--text-secondary)}.animate-fade-in{animation:fadeIn .3s ease-in-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.modal-consistent{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalOverlayIn .3s ease-in-out}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-content-consistent{background:var(--bg-card);border-radius:.5rem;box-shadow:0 25px 50px -12px var(--shadow-dark);width:100%;max-width:32rem;animation:modalContentIn .3s ease-in-out}@keyframes modalContentIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card-consistent{background:var(--bg-card);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px var(--shadow-medium),0 2px 4px -2px var(--shadow-medium);border:1px solid var(--border-color);transition:all .3s ease-in-out}.card-consistent:hover{box-shadow:0 10px 15px -3px var(--shadow-medium),0 4px 6px -4px var(--shadow-medium);transform:translateY(-2px)}.bank-card-positive{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.bank-card-negative{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.bank-card-neutral{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0}@media (max-width: 768px){.modal-consistent{padding:.5rem}.modal-content-consistent{max-width:100%;margin:.5rem}.card-consistent{padding:1rem}.number-display{font-size:.875rem}.grid{gap:1rem}}@media (max-width: 480px){.modal-content-consistent{margin:.25rem;padding:1rem}.card-consistent{padding:.75rem}.grid{gap:.75rem}}.space-consistent{gap:1rem}.container-consistent{max-width:1200px;margin:0 auto;padding:0 1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#11182780;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background:var(--bg-card);padding:1.5rem;border-radius:1rem;width:90%;max-width:500px;border:1px solid var(--border-color);box-shadow:0 20px 25px -5px var(--shadow-medium),0 8px 10px -6px var(--shadow-medium);transform:scale(.95);transition:transform .3s}.modal-overlay.visible .modal-content{transform:scale(1)}.loader{border:6px solid var(--border-color);border-top:6px solid var(--accent-blue);border-radius:50%;width:70px;height:70px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-bubble{max-width:80%;padding:10px 15px;border-radius:20px}.user-bubble{background-color:var(--accent-blue);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.ai-bubble{background-color:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:5px;align-self:flex-start;border:1px solid var(--border-color)}.typing-indicator span{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);animation:pulse 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.prose{color:var(--text-primary)}.prose h4{color:var(--text-headings)}.prose table{width:100%}.prose td,.prose th{border:1px solid var(--border-color);padding:8px}.prose thead{background-color:var(--bg-secondary)}.magical-button{background-color:var(--accent-blue)}.magical-button:hover{background-color:#2563eb}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;text-decoration:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000f}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),#2563eb);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-info{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.btn-info:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.chat-bubble{max-width:80%;padding:12px 16px;border-radius:18px;margin-bottom:8px;word-wrap:break-word;line-height:1.4}.user-bubble{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.ai-bubble,.typing-indicator{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0;margin-right:auto;border-bottom-left-radius:4px;border:1px solid rgba(59,130,246,.2)}.typing-indicator span{background-color:#6b7280}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}