:root,body.theme-light{--bg-main: #F8FAFC;--bg-card: #FFFFFF;--border-subtle: #E2E8F0;--text-main: #0F172A;--text-muted: #64748B;--accent-primary: #16A34A;--accent-secondary: #10B981;--accent-light: #22C55E;--main-bg: #F8FAFC}.dark,body.theme-dark{--bg-main: #020617;--bg-card: #0F172A;--border-subtle: #1E293B;--text-main: #F8FAFC;--text-muted: #94A3B8;--accent-primary: #22C55E;--accent-secondary: #10B981;--accent-light: #4ADE80;--main-bg: #020617}body.theme-emerald{--bg-main: #022018;--bg-card: #06372B;--border-subtle: #0B5242;--text-main: #ECFDF5;--text-muted: #6EE7B7;--accent-primary: #10B981;--accent-secondary: #059669;--accent-light: #34D399;--main-bg: #022018}body.theme-royal-blue{--bg-main: #091326;--bg-card: #111D38;--border-subtle: #1E2D4F;--text-main: #F0F7FF;--text-muted: #93C5FD;--accent-primary: #2563EB;--accent-secondary: #3B82F6;--accent-light: #60A5FA;--main-bg: #091326}body.theme-gold{--bg-main: #18120A;--bg-card: #281D10;--border-subtle: #3D2B17;--text-main: #FFFBEB;--text-muted: #FDE68A;--accent-primary: #D97706;--accent-secondary: #F59E0B;--accent-light: #FBBF24;--main-bg: #18120A}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;--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:hidden;height:100vh;height:100dvh}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}