@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap";:root{--color-primary:#2b2d5e;--color-cta:#16a085;--color-cta-light:#1dd1a1;--color-cta-dark:#138871;--color-background-site:#f4f4f9;--color-background-card:#fff;--color-text-dark:#003;--color-text-light:#6c757d;--color-text-white:#fff;--color-accent-1:#ff6b7a;--color-accent-2:#8a6bff;--color-accent-3:#1dd1a1;--color-accent-4:#f06292;--color-accent-5:#4db6ac;--color-accent-6:#ffa726;--color-success:#1dd1a1;--color-error:#ff6b7a;--color-warning:#ffa726;--color-info:#8a6bff;--color-background:var(--color-background-card);--color-surface:#f7f7fb;--color-surface-hover:#ececf6;--color-border:rgba(43,45,94,.12);--color-text-primary:var(--color-text-dark);--color-text-secondary:#5f667c;--color-text-tertiary:#8a90a2;--color-text-muted:var(--color-text-tertiary);--color-primary-light:rgba(43,45,94,.1);--color-primary-dark:#1f2149;--color-success-light:rgba(29,209,161,.14);--color-info-light:rgba(138,107,255,.14);--color-accent-purple:var(--color-accent-2);--color-accent-yellow:#f2c94c;--font-primary:"Tajawal","Inter","Roboto",-apple-system,sans-serif;--font-arabic:"Tajawal","Inter","Roboto",-apple-system,sans-serif;--font-mono:"Fira Code","Consolas","Monaco","Courier New",monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-h1:3rem;--font-size-h2:2rem;--font-size-h3:1.4rem;--font-size-body:1.1rem;--font-size-small:.9rem;--line-height-heading:1.3;--line-height-body:1.7;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 15px rgba(0,0,0,.1);--shadow-lg:0 15px 30px rgba(0,0,0,.15);--shadow-hover:0 20px 40px rgba(0,0,0,.2);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--transition-base:var(--transition-normal);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--z-index-base:1;--z-index-dropdown:100;--z-index-sticky:200;--z-index-modal:300;--z-index-tooltip:400;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--max-width-container:1200px;--max-width-content:800px;--header-height:70px}@media(max-width:768px){:root{--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.2rem;--font-size-body:1rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background-site);color:var(--color-text-primary);direction:rtl;font-family:var(--font-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);overflow-x:hidden;text-align:right}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}a{color:var(--color-cta);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}b,strong{font-weight:var(--font-weight-bold)}ol,ul{margin-bottom:var(--spacing-md);padding-inline-end:var(--spacing-lg);padding-inline-start:0}li{margin-bottom:var(--spacing-xs)}img{display:block;height:auto;max-width:100%}[dir=rtl] .force-ltr,[dir=rtl] code,[dir=rtl] pre{direction:ltr;text-align:left;unicode-bidi:plaintext}[dir=rtl] .force-rtl{direction:rtl;text-align:right;unicode-bidi:isolate}button{background:none;border:none;font-family:var(--font-primary);outline:none}.btn,button{cursor:pointer}.btn{border-radius:var(--radius-md);display:inline-block;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}.btn-primary{background-color:var(--color-cta);box-shadow:var(--shadow-sm);color:var(--color-text-white)}.btn-primary:hover{background-color:var(--color-cta-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-primary);color:var(--color-text-white)}.btn-secondary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.btn-outline{background-color:transparent;border:2px solid var(--color-cta);color:var(--color-cta)}.btn-outline:hover{background-color:var(--color-cta);color:var(--color-text-white)}.container{margin:0 auto;max-width:var(--max-width-container);padding:0 var(--spacing-md)}.content-wrapper{margin:0 auto;max-width:var(--max-width-content)}.section{padding:var(--spacing-2xl) 0}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.card{background-color:var(--color-background-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.progress-bar{background-color:var(--color-surface-hover);height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,var(--color-cta),var(--color-accent-2));height:100%;transition:width var(--transition-slow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn var(--transition-slow) var(--ease-smooth)}.pulse{animation:pulse 2s infinite var(--ease-smooth)}.slide-in-right{animation:slideInRight var(--transition-normal) var(--ease-smooth)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-cta{color:var(--color-cta)}.text-light{color:var(--color-text-secondary)}.bg-primary{background-color:var(--color-primary)}.bg-cta{background-color:var(--color-cta)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.mobile-only{display:block}.desktop-only{display:none}@media(min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background-site)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-cta)}::-moz-selection{background-color:var(--color-cta);color:var(--color-text-white)}::selection{background-color:var(--color-cta);color:var(--color-text-white)}:focus-visible{outline:3px solid var(--color-cta);outline-offset:2px}.spinner{animation:spin .8s linear infinite;border:3px solid rgba(29,209,161,.2);border-radius:50%;border-top:3px solid var(--color-cta);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media(max-width:768px){.container{padding:0 var(--spacing-sm)}.section{padding:var(--spacing-xl) 0}.grid-2,.grid-3{grid-template-columns:1fr}}.skip-to-content{background:var(--color-cta);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--color-text-white);font-weight:var(--font-weight-bold);inset-block-start:-6rem;inset-inline-end:0;padding:.75rem 1rem;position:absolute;text-decoration:none;transition:inset-block-start var(--transition-fast);z-index:9999}.skip-to-content:focus{inset-block-start:0}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid rgba(43,45,94,.08);box-shadow:0 10px 28px #2b2d5e14;inset-block-start:0;inset-inline:0;position:sticky;z-index:var(--z-index-sticky)}.header,.nav{align-items:center;display:flex;min-block-size:var(--header-height)}.nav{flex-direction:row-reverse;gap:1rem;inline-size:100%;justify-content:space-between}.nav .desktop-only{display:none}.logo,.nav .mobile-only{display:flex}.logo{align-items:center;flex-shrink:0;order:1}.logo-image{block-size:40px;display:block;max-inline-size:180px;-o-object-fit:contain;object-fit:contain}.nav-links{align-items:center;display:flex;flex-direction:row;gap:.35rem;list-style:none;margin:0;order:2;padding:0}.nav-links a{align-items:center;border-radius:var(--radius-full);color:var(--color-text-dark);display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;padding:.65rem .95rem;position:relative;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-links a:hover{background:#16a0851a;color:var(--color-cta)}.nav-links a.active{background:#16a0851f;color:var(--color-cta);font-weight:var(--font-weight-bold)}.auth-section{align-items:center;display:flex;gap:.75rem;order:3}.auth-loading{color:var(--color-text-light)}.header-login-button{white-space:nowrap}.user-profile{position:relative}.profile-button{align-items:center;background:#fffffff0;border:1px solid rgba(43,45,94,.12);border-radius:var(--radius-full);display:flex;flex-direction:row;gap:.6rem;padding:.45rem .75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.profile-button:hover{border-color:#16a08559;box-shadow:0 10px 20px #16a0851f}.profile-avatar{block-size:2rem;border-radius:50%;inline-size:2rem;-o-object-fit:cover;object-fit:cover}.mobile-avatar-fallback,.profile-avatar-fallback{align-items:center;background:var(--color-primary);color:var(--color-text-white);display:inline-flex;font-weight:var(--font-weight-bold);justify-content:center}.profile-name{color:var(--color-text-dark);font-weight:var(--font-weight-semibold);max-inline-size:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:var(--color-text-light);transition:transform var(--transition-fast)}.chevron.open{transform:rotate(180deg)}.profile-dropdown{animation:dropdownIn .18s ease-out;background:#fff;border:1px solid rgba(43,45,94,.08);border-radius:20px;box-shadow:0 22px 48px #2b2d5e29;inset-block-start:calc(100% + .65rem);inset-inline-end:0;min-inline-size:260px;padding:.75rem;position:absolute}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-summary{display:flex;flex-direction:column;gap:.25rem;padding:.35rem .45rem .75rem}.profile-summary strong{color:var(--color-text-dark)}.profile-summary span{color:var(--color-text-light);font-size:.88rem}.dropdown-item{align-items:center;border-radius:14px;color:var(--color-text-dark);display:flex;font-weight:var(--font-weight-medium);gap:.75rem;inline-size:100%;justify-content:space-between;padding:.85rem .75rem;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.dropdown-item:hover{background:#16a08514;color:var(--color-cta)}.dropdown-item.logout{color:#d34b32}.dropdown-item.logout:hover{background:#d34b3214;color:#d34b32}.dropdown-item-icon{color:var(--color-text-light)}.dropdown-divider{background:#2b2d5e1a;block-size:1px;margin:.5rem 0}.hamburger{background:transparent;block-size:22px;border:none;display:flex;flex-direction:column;inline-size:28px;justify-content:space-between;order:3;padding:0}.hamburger span{background:var(--color-primary);block-size:3px;border-radius:var(--radius-full);inline-size:100%;transition:transform var(--transition-fast),opacity var(--transition-fast)}.hamburger span.open:first-child{transform:translateY(9px) rotate(45deg)}.hamburger span.open:nth-child(2){opacity:0}.hamburger span.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu{background:#fff;border-inline-start:1px solid rgba(43,45,94,.08);box-shadow:-16px 0 40px #2b2d5e29;inline-size:min(86vw,340px);inset-inline-end:0;overflow-y:auto;padding:1rem;z-index:var(--z-index-dropdown)}.mobile-menu,.mobile-menu:before{block-size:calc(100vh - var(--header-height));inset-block-start:var(--header-height);position:fixed}.mobile-menu:before{background:#11132573;content:"";inline-size:100vw;inset-inline-end:100%}.mobile-nav-links{display:flex;flex-direction:column;gap:.45rem;list-style:none;margin:0;padding:0;position:relative;z-index:1}.mobile-nav-links a{border-radius:16px;color:var(--color-text-dark);display:block;font-weight:var(--font-weight-medium);padding:.9rem .95rem;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-nav-links a.active,.mobile-nav-links a:hover{background:#16a08514;color:var(--color-cta)}.mobile-menu-divider{background:#2b2d5e14;block-size:1px;margin:.4rem 0}.mobile-user-block{display:flex;flex-direction:column;gap:.6rem}.mobile-user-info{align-items:center;background:#16a08514;border-radius:18px;display:flex;gap:.75rem;padding:.95rem}.mobile-avatar{block-size:2.5rem;border-radius:50%;flex-shrink:0;inline-size:2.5rem;-o-object-fit:cover;object-fit:cover}.mobile-user-info span,.mobile-user-info strong{display:block}.mobile-user-info span{color:var(--color-text-light);font-size:.88rem}.mobile-menu-link{background:#2b2d5e0a;border-radius:16px;display:block;padding:.9rem .95rem}.mobile-login-button,.mobile-menu-button{inline-size:100%;justify-content:center;text-align:center}@media(max-width:768px){.logo-image{block-size:32px;max-inline-size:140px}}@media(min-width:768px){.nav .desktop-only{display:flex}.mobile-menu,.nav .mobile-only{display:none}}.footer{background:radial-gradient(circle at top right,rgba(29,209,161,.12),transparent 24%),linear-gradient(135deg,#20244c,#2b2d5e 68%);color:var(--color-text-white);margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));margin-bottom:var(--spacing-xl)}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo-row{align-items:center;display:flex;gap:.9rem}.footer-logo-image{block-size:2.75rem;flex-shrink:0;inline-size:2.75rem}.footer-brand h3,.footer-section h4{color:var(--color-text-white);margin:0 0 .65rem}.footer-tagline,.footer-vision{color:#ffffffd6;line-height:1.8;margin:0}.footer-vision{color:#ffffffc2}.footer-links,.footer-points{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-links a,.footer-points li{color:#ffffffd1;line-height:1.7}.footer-links a:hover{color:#aaf7df}.footer-metrics{display:grid;gap:.85rem}.footer-metric{background:#ffffff12;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;padding:.95rem 1rem}.footer-metric strong{color:#aaf7df;display:block;font-size:1.6rem}.footer-metric span{color:#ffffffc7;display:block;line-height:1.7;margin-top:.2rem}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.14);padding-top:var(--spacing-lg);text-align:center}.footer-bottom p{color:#ffffffb8;margin:0}@media(max-width:1024px){.footer-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.footer{padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{grid-template-columns:1fr}.footer-logo-row{align-items:flex-start}}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);direction:rtl;display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-container{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:3rem;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-icon{animation:bounce 1s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-title{color:var(--color-text-primary,#1a1a1a);font-size:2rem;font-weight:700;margin-bottom:1rem}.error-message{color:var(--color-text-secondary,#666);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.error-details{background:#fafafa;border:2px solid #f0f0f0;border-radius:8px;margin:2rem 0;padding:1rem;text-align:right}.error-details-toggle{color:#667eea;cursor:pointer;font-weight:600;padding:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.error-details-toggle:hover{color:#764ba2}.error-details-content{margin-top:1rem;text-align:left}.error-details-content h3{color:#333;font-size:1rem;margin-bottom:.5rem;margin-top:1rem}.error-stack{background:#2d2d2d;border-radius:4px;color:#f8f8f2;direction:ltr;font-size:.875rem;overflow-x:auto;padding:1rem;text-align:left;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.btn-icon{font-size:1.25rem}.error-tips{background:#f8f9ff;border-radius:8px;padding:1.5rem;text-align:right}.error-tips h3{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.error-tips ul{list-style:none;margin:0;padding:0}.error-tips li{color:#666;padding:.5rem 1.5rem .5rem 0;position:relative}.error-tips li:before{color:#667eea;content:"•";font-size:1.2rem;font-weight:700;position:absolute;right:0}@media(max-width:768px){.error-container{padding:2rem 1.5rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}.error-actions{align-items:stretch;flex-direction:column}.btn{justify-content:center;width:100%}}.ai-error-fallback{align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;direction:rtl;display:flex;gap:.75rem;margin:1rem 0;padding:1rem 1.25rem}.ai-error-fallback__icon{font-size:1.5rem;line-height:1}.ai-error-fallback__body{flex:1}.ai-error-fallback__title{color:#9a3412;font-weight:600;margin:0 0 .25rem}.ai-error-fallback__hint{color:#78350f;font-size:.9rem;margin:0 0 .5rem}.ai-error-fallback__retry{background:#ea580c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.45rem .9rem}.ai-error-fallback__retry:hover{background:#c2410c}.spinner{align-items:center;direction:rtl;display:flex;flex-direction:column;gap:1rem;justify-content:center}.spinner__ring{animation:spinner-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.spinner__label{color:#667eea;font-size:1rem;font-weight:600;margin:0}.spinner--page{min-height:60vh}.spinner--page .spinner__ring{height:60px;width:60px}.spinner--page .spinner__label{color:#666;font-size:1.125rem;font-weight:500}.spinner--panel{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;margin:2rem 0;padding:3rem}.spinner--inline{flex-direction:row;padding:.5rem}.spinner--inline .spinner__ring{border-width:2px;height:20px;width:20px}.spinner--inline .spinner__label{font-size:.875rem}@keyframes spinner-spin{to{transform:rotate(1turn)}}