@import"https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Scheherazade+New:wght@400;700&family=Noto+Naskh+Arabic:wght@400;700&display=swap";html{scroll-behavior:smooth}:root,body.theme-dark,.dark{--bg-main: #090D16;--bg-card: #111827;--border-subtle: #374151;--text-main: #FFFFFF;--text-muted: #E2E8F0;--accent-primary: #22C55E;--accent-secondary: #10B981;--accent-light: #4ADE80;--accent-yellow: #F59E0B;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #090D16;--secondary-bg: #111827;--subtle-bg: #1F2937;--text-primary: #FFFFFF;--text-secondary: #CBD5E1;--border-color: #374151}body.theme-light{--bg-main: #090D16;--bg-card: #111827;--border-subtle: #374151;--text-main: #FFFFFF;--text-muted: #CBD5E1;--accent-primary: #22C55E;--accent-secondary: #10B981;--accent-light: #4ADE80;--accent-yellow: #F59E0B;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #090D16;--secondary-bg: #111827;--subtle-bg: #1F2937;--text-primary: #FFFFFF;--text-secondary: #CBD5E1;--border-color: #374151}body.theme-emerald{--bg-main: #022018;--bg-card: #06372B;--border-subtle: #0B5242;--text-main: #FFFFFF;--text-muted: #DCFCE7;--accent-primary: #10B981;--accent-secondary: #059669;--accent-light: #34D399;--accent-yellow: #FBBF24;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #022018}body.theme-royal-blue{--bg-main: #091326;--bg-card: #111D38;--border-subtle: #1E2D4F;--text-main: #FFFFFF;--text-muted: #E0F2FE;--accent-primary: #3B82F6;--accent-secondary: #2563EB;--accent-light: #60A5FA;--accent-yellow: #FACC15;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #091326}body.theme-gold{--bg-main: #18120A;--bg-card: #281D10;--border-subtle: #3D2B17;--text-main: #FFFFFF;--text-muted: #FEF3C7;--accent-primary: #D97706;--accent-secondary: #F59E0B;--accent-light: #FBBF24;--accent-yellow: #FBBF24;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #18120A}body.theme-dark-slate{--bg-main: #090E17;--bg-card: #0F172A;--border-subtle: #334155;--text-main: #FFFFFF;--text-muted: #F1F5F9;--accent-primary: #38BDF8;--accent-secondary: #0EA5E9;--accent-light: #7DD3FC;--accent-yellow: #F59E0B;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #090E17}body.theme-dark-green{--bg-main: #052E16;--bg-card: #064E3B;--border-subtle: #15803D;--text-main: #FFFFFF;--text-muted: #DCFCE7;--accent-primary: #22C55E;--accent-secondary: #16A34A;--accent-light: #4ADE80;--accent-yellow: #FBBF24;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #052E16}body.theme-dark-blue{--bg-main: #0B1528;--bg-card: #172554;--border-subtle: #1D4ED8;--text-main: #FFFFFF;--text-muted: #E0F2FE;--accent-primary: #3B82F6;--accent-secondary: #2563EB;--accent-light: #60A5FA;--accent-yellow: #FACC15;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #0B1528}body.theme-high-contrast{--bg-main: #000000;--bg-card: #121212;--border-subtle: #525252;--text-main: #FFFFFF;--text-muted: #F3F4F6;--accent-primary: #FDE047;--accent-secondary: #EAB308;--accent-light: #FEF08A;--accent-yellow: #FDE047;--bottom-btn-bg: #FDE047;--bottom-btn-text: #000000;--main-bg: #000000}body.theme-dark-indigo{--bg-main: #1E1B4B;--bg-card: #312E81;--border-subtle: #4F46E5;--text-main: #FFFFFF;--text-muted: #E0E7FF;--accent-primary: #818CF8;--accent-secondary: #6366F1;--accent-light: #A5B4FC;--accent-yellow: #FBBF24;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #1E1B4B}body.theme-dark-violet{--bg-main: #2E1065;--bg-card: #4C1D95;--border-subtle: #7C3AED;--text-main: #FFFFFF;--text-muted: #EDE9FE;--accent-primary: #A78BFA;--accent-secondary: #8B5CF6;--accent-light: #C4B5FD;--accent-yellow: #FBBF24;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #2E1065}body.theme-dark-red{--bg-main: #4C0519;--bg-card: #881337;--border-subtle: #E11D48;--text-main: #FFFFFF;--text-muted: #FFE4E6;--accent-primary: #FB7185;--accent-secondary: #F43F5E;--accent-light: #FDA4AF;--accent-yellow: #FBBF24;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #4C0519}body.theme-dark-orange{--bg-main: #431407;--bg-card: #7C2D12;--border-subtle: #EA580C;--text-main: #FFFFFF;--text-muted: #FFEDD5;--accent-primary: #FB923C;--accent-secondary: #F97316;--accent-light: #FDBA74;--accent-yellow: #FDE047;--bottom-btn-bg: #FDE047;--bottom-btn-text: #0F172A;--main-bg: #431407}body.theme-dark-pink{--bg-main: #500724;--bg-card: #831843;--border-subtle: #E11D48;--text-main: #FFFFFF;--text-muted: #FCE7F3;--accent-primary: #F472B6;--accent-secondary: #EC4899;--accent-light: #F9A8D4;--accent-yellow: #FACC15;--bottom-btn-bg: #F59E0B;--bottom-btn-text: #0F172A;--main-bg: #500724}body.theme-dark-cyan{--bg-main: #083344;--bg-card: #155E75;--border-subtle: #0891B2;--text-main: #FFFFFF;--text-muted: #ECFEFF;--accent-primary: #22D3EE;--accent-secondary: #06B6D4;--accent-light: #67E8F9;--accent-yellow: #FDE047;--bottom-btn-bg: #FDE047;--bottom-btn-text: #083344;--main-bg: #083344}body.theme-blue{--bg-main: #EFF6FF;--bg-card: #FFFFFF;--border-subtle: #BFDBFE;--text-main: #1E3A8A;--text-muted: #3B82F6;--accent-primary: #2563EB;--accent-secondary: #1D4ED8;--accent-light: #60A5FA;--accent-yellow: #F59E0B;--bottom-btn-bg: #2563EB;--bottom-btn-text: #FFFFFF;--main-bg: #EFF6FF}body.theme-green{--bg-main: #F0FDF4;--bg-card: #FFFFFF;--border-subtle: #BBF7D0;--text-main: #14532D;--text-muted: #16A34A;--accent-primary: #16A34A;--accent-secondary: #15803D;--accent-light: #4ADE80;--accent-yellow: #D97706;--bottom-btn-bg: #16A34A;--bottom-btn-text: #FFFFFF;--main-bg: #F0FDF4}body.theme-sepia{--bg-main: #FBF7EE;--bg-card: #FFFDF7;--border-subtle: #E8DEC8;--text-main: #2A2118;--text-muted: #786452;--accent-primary: #0D5C3A;--accent-secondary: #167D51;--accent-light: #2BA06C;--accent-yellow: #D97706;--bottom-btn-bg: #0D5C3A;--bottom-btn-text: #FFFFFF;--main-bg: #FBF7EE}.font-cairo,body.font-cairo,html.font-cairo{--font-family-body: "Cairo", sans-serif;font-family:Cairo,sans-serif}.font-amiri,body.font-amiri,html.font-amiri{--font-family-body: "Amiri", serif;font-family:Amiri,serif}.font-tajawal,body.font-tajawal,html.font-tajawal{--font-family-body: "Tajawal", sans-serif;font-family:Tajawal,sans-serif}.font-aref,body.font-aref,html.font-aref{--font-family-body: "Aref Ruqaa", serif;font-family:Aref Ruqaa,serif}.font-reem,body.font-reem,html.font-reem{--font-family-body: "Reem Kufi", sans-serif;font-family:Reem Kufi,sans-serif}.font-inter,body.font-inter,html.font-inter{--font-family-body: "Inter", sans-serif;font-family:Inter,sans-serif}.font-roboto,body.font-roboto,html.font-roboto{--font-family-body: "Roboto", sans-serif;font-family:Roboto,sans-serif}.font-size-xs,body.font-size-xs,html.font-size-xs{--font-size-base: 12px;font-size:12px}.font-size-sm,body.font-size-sm,html.font-size-sm{--font-size-base: 13.5px;font-size:13.5px}.font-size-md,body.font-size-md,html.font-size-md{--font-size-base: 15px;font-size:15px}.font-size-lg,body.font-size-lg,html.font-size-lg{--font-size-base: 16.5px;font-size:16.5px}.font-size-xl,body.font-size-xl,html.font-size-xl{--font-size-base: 18px;font-size:18px}body{font-family:var(--font-family-body, "Cairo", system-ui, -apple-system, sans-serif);font-size:var(--font-size-base, 15px);background-color:var(--bg-main);color:var(--text-main);direction:inherit;overflow-x:hidden;min-height:100vh}h1,h2,h3,.font-heading{font-family:var(--font-family-heading, var(--font-family-body, "Cairo", sans-serif))}button,input,select,textarea,table,td,th{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b873}.dark ::-webkit-scrollbar-thumb{background:#33415559}.dark ::-webkit-scrollbar-thumb:hover{background:#47556999}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.islamic-bg-pattern{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2316a34a' fill-opacity='0.03' fill-rule='evenodd'%3E%3Cpath d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h40v40H40V0zM0 40h40v40H0V40z'/%3E%3Cpath d='M20 0l20 20-20 20L0 20 20 0zm40 40l20 20-20 20-20-20 20-20zm0-40l20 20-20 20-20-20 20-20zM20 40l20 20-20 20-20-20 20-20z'/%3E%3C/g%3E%3C/svg%3E")}.dark .islamic-bg-pattern{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2322c55e' fill-opacity='0.02' fill-rule='evenodd'%3E%3Cpath d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h40v40H40V0zM0 40h40v40H0V40z'/%3E%3Cpath d='M20 0l20 20-20 20L0 20 20 0zm40 40l20 20-20 20-20-20 20-20zm0-40l20 20-20 20-20-20 20-20zM20 40l20 20-20 20-20-20 20-20z'/%3E%3C/g%3E%3C/svg%3E")}.glass-panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8)}.dark .glass-panel{background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(30,41,59,.8)}.saas-card{border-radius:1.25rem;background-color:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:0 4px 20px -2px #0f172a0d;transition:all .25s cubic-bezier(.16,1,.3,1)}.saas-card:hover{box-shadow:0 12px 30px -4px #0f172a14}.quran{font-family:Amiri Quran,Scheherazade New,Noto Naskh Arabic,Traditional Arabic,serif;direction:rtl;text-align:justify;text-justify:inter-word;line-height:2.3;word-spacing:2px}.ayah-number{display:inline-flex;align-items:center;justify-content:center;min-width:1.8em;height:1.8em;padding:0 .25em;border-radius:9999px;font-family:Amiri,Cairo,serif;font-size:.55em;font-weight:800;vertical-align:middle;margin:0 .35em;border:1.5px solid #d97706;color:#b45309;background:#f59e0b14;box-shadow:0 1px 2px #0000000d}.dark .ayah-number{border-color:#f59e0b;color:#fde68a;background:#f59e0b26}.ornament{position:relative;display:inline-block;padding:.5rem 2.5rem;border-top:2px solid #d97706;border-bottom:2px solid #d97706;background:linear-gradient(90deg,transparent,rgba(245,158,11,.08),transparent)}.ornament:before{content:"۞";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#d97706;font-size:1.2rem}.ornament:after{content:"۞";position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:#d97706;font-size:1.2rem}.dark .ornament{border-color:#f59e0b}.dark .ornament:before,.dark .ornament:after{color:#f59e0b}.paper{background-color:#fffdf8}.dark .paper{background-color:#030712}.spinner{width:48px;height:48px;border:4px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dark body,body[class*=theme-dark],body.theme-emerald,body.theme-royal-blue,body.theme-gold,body.theme-high-contrast{color:#fff}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,body[class*=theme-dark] h1,body[class*=theme-dark] h2,body[class*=theme-dark] h3,body[class*=theme-dark] h4,body[class*=theme-dark] h5,body[class*=theme-dark] h6,body.theme-emerald h1,body.theme-emerald h2,body.theme-emerald h3,body.theme-royal-blue h1,body.theme-royal-blue h2,body.theme-royal-blue h3,body.theme-gold h1,body.theme-gold h2,body.theme-gold h3,body.theme-high-contrast h1,body.theme-high-contrast h2,body.theme-high-contrast h3{color:#fff!important}.dark .glass-panel,body[class*=theme-dark] .glass-panel,body.theme-emerald .glass-panel,body.theme-royal-blue .glass-panel,body.theme-gold .glass-panel,body.theme-high-contrast .glass-panel,.dark nav,body[class*=theme-dark] nav,.dark aside,body[class*=theme-dark] aside{background-color:var(--secondary-bg, #111827)!important;color:#fff!important;border-color:var(--border-color, #374151)!important}.dark .saas-card,body[class*=theme-dark] .saas-card,body.theme-emerald .saas-card,body.theme-royal-blue .saas-card,body.theme-gold .saas-card,body.theme-high-contrast .saas-card{background-color:var(--secondary-bg, #111827)!important;border-color:var(--border-color, #374151)!important;color:#fff!important}.dark .text-slate-400,.dark .text-slate-500,.dark .text-gray-400,.dark .text-gray-500,body[class*=theme-dark] .text-slate-400,body[class*=theme-dark] .text-slate-500,body[class*=theme-dark] .text-gray-400,body[class*=theme-dark] .text-gray-500,body.theme-emerald .text-slate-400,body.theme-emerald .text-slate-500,body.theme-royal-blue .text-slate-400,body.theme-royal-blue .text-slate-500,body.theme-gold .text-slate-400,body.theme-gold .text-slate-500,body.theme-high-contrast .text-slate-400,body.theme-high-contrast .text-slate-500{color:#cbd5e1!important}.dark .text-slate-600,.dark .text-slate-700,body[class*=theme-dark] .text-slate-600,body[class*=theme-dark] .text-slate-700,body.theme-emerald .text-slate-600,body.theme-emerald .text-slate-700,body.theme-royal-blue .text-slate-600,body.theme-royal-blue .text-slate-700,body.theme-gold .text-slate-600,body.theme-gold .text-slate-700,body.theme-high-contrast .text-slate-600,body.theme-high-contrast .text-slate-700{color:#f1f5f9!important}.dark input:not([type=checkbox]):not([type=radio]),.dark select,.dark textarea,body[class*=theme-dark] input:not([type=checkbox]):not([type=radio]),body[class*=theme-dark] select,body[class*=theme-dark] textarea,body.theme-emerald input:not([type=checkbox]):not([type=radio]),body.theme-emerald select,body.theme-emerald textarea,body.theme-royal-blue input:not([type=checkbox]):not([type=radio]),body.theme-royal-blue select,body.theme-royal-blue textarea,body.theme-gold input:not([type=checkbox]):not([type=radio]),body.theme-gold select,body.theme-gold textarea,body.theme-high-contrast input:not([type=checkbox]):not([type=radio]),body.theme-high-contrast select,body.theme-high-contrast textarea{background-color:var(--secondary-bg, #0f172a)!important;color:#fff!important;border-color:var(--border-color, #334155)!important}.dark select option,body[class*=theme-dark] select option,body.theme-emerald select option,body.theme-royal-blue select option,body.theme-gold select option,body.theme-high-contrast select option{background-color:#0f172a!important;color:#fff!important}.dark table,body[class*=theme-dark] table,body.theme-emerald table,body.theme-royal-blue table,body.theme-gold table,body.theme-high-contrast table{color:#fff!important}.dark table thead,.dark table th,body[class*=theme-dark] table thead,body[class*=theme-dark] table th,body.theme-emerald table thead,body.theme-emerald table th,body.theme-royal-blue table thead,body.theme-royal-blue table th,body.theme-gold table thead,body.theme.gold table th,body.theme-high-contrast table thead,body.theme-high-contrast table th{background-color:var(--subtle-bg, #1f2937)!important;color:#f8fafc!important;border-color:var(--border-color, #374151)!important}.dark table tbody tr,body[class*=theme-dark] table tbody tr,body.theme-emerald table tbody tr,body.theme-royal-blue table tbody tr,body.theme-gold table tbody tr,body.theme-high-contrast table tbody tr{border-color:var(--border-color, #374151)!important;color:#fff!important}.dark table tbody tr:hover,body[class*=theme-dark] table tbody tr:hover,body.theme-emerald table tbody tr:hover,body.theme-royal-blue table tbody tr:hover,body.theme-gold table tbody tr:hover,body.theme-high-contrast table tbody tr:hover{background-color:#ffffff0d!important}.dark footer,.dark .bottom-action-bar,body[class*=theme-dark] footer,body[class*=theme-dark] .bottom-action-bar,body.theme-emerald footer,body.theme-royal-blue footer,body.theme-gold footer,body.theme-high-contrast footer{border-color:#f59e0b4d!important;background-color:var(--secondary-bg, #111827)!important}.dark .btn-yellow-bottom,body[class*=theme-dark] .btn-yellow-bottom,body.theme-emerald .btn-yellow-bottom,body.theme-gold .btn-yellow-bottom,body.theme-high-contrast .btn-yellow-bottom{background-color:#f59e0b!important;color:#0f172a!important;font-weight:800!important}.dark .btn-yellow-bottom:hover,body[class*=theme-dark] .btn-yellow-bottom:hover{background-color:#fbbf24!important}.dark,.dark body,.dark #root,.dark main,.dark .min-h-screen,body[class*=theme-dark],body[class*=theme-dark] #root,body[class*=theme-dark] main{background-color:var(--bg-main, #090d16)!important;color:var(--text-main, #ffffff)!important}.dark [role=dialog],.dark .modal-content,.dark .floating-window,.dark .score-card,body[class*=theme-dark] [role=dialog],body[class*=theme-dark] .modal-content,body[class*=theme-dark] .floating-window{background-color:var(--bg-card, #111827)!important;border-color:var(--border-subtle, #374151)!important;color:#fff!important;box-shadow:0 25px 50px -12px #000000b3!important}.dark header,.dark nav,.dark .app-header,.dark .card-header,body[class*=theme-dark] header,body[class*=theme-dark] nav,body[class*=theme-dark] .app-header{background-color:var(--bg-card, #111827)!important;border-color:var(--border-subtle, #374151)!important;color:#fff!important}table th,table td{vertical-align:middle}@media(max-width:639px){table th.text-center,table td.text-center{text-align:center!important}table td,table th{vertical-align:middle!important}table td.text-center>div,table th.text-center>div{justify-content:center}}.dark table,body[class*=theme-dark] table{background-color:var(--bg-card, #111827);border-collapse:separate;border-spacing:0}.dark table thead th,body[class*=theme-dark] table thead th{background-color:var(--subtle-bg, #1f2937)!important;color:#fff!important;font-weight:700!important;border-color:var(--border-subtle, #374151)!important}.dark table tbody td,body[class*=theme-dark] table tbody td{border-color:var(--border-subtle, #374151)!important;color:#f8fafc!important}.dark table tbody tr:hover,body[class*=theme-dark] table tbody tr:hover{background-color:#ffffff12!important}.dark button:not(.btn-yellow-bottom):not([class*=from-]):not([class*=bg-emerald]):not([class*=bg-amber]):not([class*=bg-red]):not([class*=bg-blue]):not([class*=bg-indigo]),body[class*=theme-dark] button:not(.btn-yellow-bottom):not([class*=from-]):not([class*=bg-emerald]):not([class*=bg-amber]):not([class*=bg-red]):not([class*=bg-blue]):not([class*=bg-indigo]){border-color:var(--border-subtle, #374151)}.dark button.bg-white,.dark button.bg-slate-50,.dark button.bg-slate-100,body[class*=theme-dark] button.bg-white,body[class*=theme-dark] button.bg-slate-50,body[class*=theme-dark] button.bg-slate-100{background-color:#1f2937!important;color:#fff!important;border-color:#374151!important}.dark button.bg-white:hover,.dark button.bg-slate-50:hover,.dark button.bg-slate-100:hover,body[class*=theme-dark] button.bg-white:hover{background-color:#374151!important;color:#fff!important}.dark svg,.dark .lucide,body[class*=theme-dark] svg,body[class*=theme-dark] .lucide{color:inherit}