@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cairo,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}html[dir=rtl] body{font-family:Cairo,sans-serif!important;font-family:var(--font-arabic)!important}html[dir=ltr] body{font-family:Inter,sans-serif!important;font-family:var(--font-english)!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#f8fafc;background:var(--fresh-aqua);min-height:100vh}.App a{color:inherit}:root{--deep-navy:#0e0a32;--deep-navy-light:#1a1550;--deep-navy-dark:#07051a;--golden-yellow:#f2ba24;--golden-yellow-light:#f5c842;--golden-yellow-dark:#d4a01f;--bright-blue:#31a3dc;--bright-blue-light:#4bb3e6;--bright-blue-dark:#2a8bc2;--soft-beige:#f4d590;--soft-beige-light:#f7e0a8;--soft-beige-dark:#e8c875;--fresh-aqua:#f8fafc;--soft-mint-aqua:#f1f5f9;--cream-beige:var(--soft-beige);--pale-cream:#fefce8;--honey-gold:var(--golden-yellow);--honey-gold-light:var(--golden-yellow-light);--honey-gold-dark:var(--golden-yellow-dark);--deep-teal:var(--deep-navy);--deep-teal-light:var(--deep-navy-light);--deep-teal-dark:var(--deep-navy-dark);--charcoal-ink:var(--deep-navy);--charcoal-ink-light:var(--deep-navy-light);--cloud-white:#fff;--cloud-white-soft:#f8fafc;--teal-700:var(--deep-navy);--teal-600:var(--deep-navy-light);--teal-500:#475569;--teal-400:#64748b;--teal-300:#cbd5e1;--teal-200:#e2e8f0;--teal-100:#f1f5f9;--teal-50:#f8fafc;--gradient-primary:linear-gradient(135deg,var(--golden-yellow) 0%,var(--golden-yellow-light) 100%);--gradient-secondary:linear-gradient(135deg,var(--deep-navy) 0%,var(--deep-navy-light) 100%);--gradient-accent:linear-gradient(135deg,var(--bright-blue) 0%,var(--bright-blue-light) 100%);--gradient-surface:linear-gradient(135deg,#fff 0%,var(--soft-beige) 100%);--gradient-hero:linear-gradient(135deg,var(--soft-beige) 0%,#fff 50%,var(--soft-beige-light) 100%);--gradient-video:linear-gradient(135deg,var(--deep-navy) 0%,var(--deep-navy-light) 100%);--font-arabic:"Cairo",sans-serif;--font-english:"Inter",sans-serif;--line-height-generous:1.6;--text-display:2rem;--text-h1:1.5rem;--text-h2:1.25rem;--text-h3:1.125rem;--text-body:1rem;--text-small:0.875rem;--text-micro:0.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-card:16px;--radius-input:12px;--radius-cta:12px;--radius-pill:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-s1:var(--shadow-sm);--shadow-s2:var(--shadow-md);--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--success-green:#22c55e;--warning-orange:#f59e0b;--error-red:#ef4444;--coral-500:#ef4444;--coral-200:#fecaca;--coral-50:#fef2f2;--mint-aqua:#10b981;--bg-primary:var(--fresh-aqua);--bg-secondary:var(--soft-mint-aqua);--bg-tertiary:var(--cream-beige);--bg-surface:var(--cloud-white);--bg-surface-soft:var(--cloud-white-soft)}[dir=rtl]{direction:rtl;font-family:Cairo,sans-serif;font-family:var(--font-arabic);text-align:right}[dir=rtl] a,[dir=rtl] body,[dir=rtl] button,[dir=rtl] div,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] input,[dir=rtl] label,[dir=rtl] p,[dir=rtl] select,[dir=rtl] span,[dir=rtl] textarea{font-family:Cairo,sans-serif!important;font-family:var(--font-arabic)!important}[dir=rtl] .grid{direction:rtl}[dir=rtl] .card,[dir=rtl] .form-group,[dir=rtl] .form-group input,[dir=rtl] .form-group select,[dir=rtl] .form-group textarea{text-align:right}[dir=ltr]{direction:ltr;font-family:Inter,sans-serif;font-family:var(--font-english);text-align:left}[dir=ltr] a,[dir=ltr] body,[dir=ltr] button,[dir=ltr] div,[dir=ltr] h1,[dir=ltr] h2,[dir=ltr] h3,[dir=ltr] h4,[dir=ltr] h5,[dir=ltr] h6,[dir=ltr] input,[dir=ltr] label,[dir=ltr] p,[dir=ltr] select,[dir=ltr] span,[dir=ltr] textarea{font-family:Inter,sans-serif!important;font-family:var(--font-english)!important}[dir=ltr] .grid{direction:ltr}[dir=ltr] .card,[dir=ltr] .course-card,[dir=ltr] .form-group,[dir=ltr] .form-group input,[dir=ltr] .form-group select,[dir=ltr] .form-group textarea,[dir=ltr] .purchase-card,[dir=ltr] .user-card{text-align:left}[dir=rtl] :not(svg):not(path):not(circle):not(rect):not(line):not(polygon){font-family:Cairo,sans-serif!important;font-family:var(--font-arabic)!important}[dir=ltr] :not(svg):not(path):not(circle):not(rect):not(line):not(polygon){font-family:Inter,sans-serif!important;font-family:var(--font-english)!important}[dir=rtl]{font-family:Cairo,sans-serif!important;font-family:var(--font-arabic)!important}[dir=ltr]{font-family:Inter,sans-serif!important;font-family:var(--font-english)!important}[dir=ltr] *,[dir=rtl] *{font-family:inherit!important}body{background:#f8fafc;background:var(--bg-primary);color:#0e0a32;color:var(--charcoal-ink);font-family:Cairo,sans-serif;font-family:var(--font-arabic);line-height:1.6;line-height:var(--line-height-generous)}.text-display{font-size:2rem;font-size:var(--text-display);font-weight:600;line-height:1.2}.text-h1{font-size:1.5rem;font-size:var(--text-h1);font-weight:600;line-height:1.3}.text-h2{font-size:1.25rem;font-size:var(--text-h2);font-weight:600;line-height:1.4}.text-h3{font-size:1.125rem;font-size:var(--text-h3);font-weight:500;line-height:1.4}.text-body{font-size:1rem;font-size:var(--text-body);font-weight:400;line-height:1.6;line-height:var(--line-height-generous)}.text-small{font-size:.875rem;font-size:var(--text-small);font-weight:400;line-height:1.5}.text-micro{font-size:.75rem;font-size:var(--text-micro);font-weight:400;line-height:1.4}.btn{border:none;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;font-family:Cairo,sans-serif;font-family:var(--font-arabic);font-size:1rem;gap:.5rem;gap:var(--space-2);line-height:1;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn:before{transition:left .3s cubic-bezier(.16,1,.3,1)}.btn-primary{background:#31a3dc;background:var(--bright-blue);border:1px solid #31a3dc;border:1px solid var(--bright-blue);color:#fff}.btn-primary:hover{background:#1e40af;border-color:#1e40af;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(0)}.btn-secondary{background:#fff;border:2px solid #31a3dc;border:2px solid var(--bright-blue);box-shadow:0 1px 3px #0e0a321a;color:#31a3dc;color:var(--bright-blue)}.btn-secondary:hover{background:#31a3dc;background:var(--bright-blue);box-shadow:0 4px 12px #31a3dc4d;color:#fff;transform:translateY(-2px)}.btn-ghost{background:#0000;border:1px solid #bae6fd;color:#31a3dc;color:var(--bright-blue)}.btn-ghost:hover{background:#f0f9ff;border-color:#31a3dc;border-color:var(--bright-blue);box-shadow:0 2px 6px #31a3dc26;color:#1e40af;transform:translateY(-1px)}.btn-small{font-size:.875rem;font-size:var(--text-small);min-height:36px;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-large{font-size:1.125rem;font-size:var(--text-h3);min-height:56px;padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.card{background:#fff;background:var(--cloud-white);border:1px solid #e2e8f0;border:1px solid var(--teal-200);border-radius:16px;border-radius:var(--radius-card);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-out)}.card:before{background:linear-gradient(135deg,#f2ba24,#f5c842);background:var(--gradient-primary);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-normal) var(--ease-out)}.card:hover{border-color:#f2ba24;border-color:var(--honey-gold);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card:hover:before{opacity:1}.nav{border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.honeycomb-bg{background-image:radial-gradient(circle at 25% 25%,#fbbf240d 0,#0000 50%),radial-gradient(circle at 75% 75%,#fbbf2408 0,#0000 50%)}@keyframes honeyDrip{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1}to{opacity:0;transform:translateY(10px)}}.honey-drip{animation:honeyDrip .6s cubic-bezier(.16,1,.3,1);animation:honeyDrip .6s var(--ease-out)}@keyframes beeTrail{0%{opacity:0;transform:translateX(-20px)}50%{opacity:1}to{opacity:0;transform:translateX(20px)}}.bee-trail{animation:beeTrail .8s cubic-bezier(.16,1,.3,1);animation:beeTrail .8s var(--ease-out)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);animation:fadeInUp .6s var(--ease-out)}.slide-in-right{animation:slideInRight .5s cubic-bezier(.16,1,.3,1);animation:slideInRight .5s var(--ease-out)}.scale-in{animation:scaleIn .4s cubic-bezier(.16,1,.3,1);animation:scaleIn .4s var(--ease-out)}.progress-meter{background:#f4d590;background:var(--cream-beige);border:2px solid #f2ba24;border:2px solid var(--honey-gold);height:12px;overflow:hidden}.progress-fill,.progress-meter{border-radius:9999px;border-radius:var(--radius-pill);position:relative}.progress-fill{background:linear-gradient(90deg,#f2ba24,#f59e0b);background:linear-gradient(90deg,var(--honey-gold),#f59e0b);height:100%;transition:width .2s cubic-bezier(.16,1,.3,1);transition:width var(--duration-normal) var(--ease-out)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}[dir=rtl] .nav-left{margin-left:0;margin-right:1rem;margin-right:var(--space-4)}[dir=rtl] .nav-right{margin-left:1rem;margin-left:var(--space-4);margin-right:0}[dir=rtl] .brand{margin-left:0;margin-right:1rem;margin-right:var(--space-4)}[dir=rtl] .form-actions{justify-content:flex-start}[dir=rtl] .course-meta,[dir=rtl] .detail-cta,[dir=rtl] .lesson-meta,[dir=rtl] .progress-label{flex-direction:row-reverse}[dir=rtl] .honey-icon{margin-left:0;margin-right:.25rem;margin-right:var(--space-1)}[dir=rtl] .bee-trail{animation:beeTrailRTL .8s cubic-bezier(.16,1,.3,1);animation:beeTrailRTL .8s var(--ease-out);left:auto;right:-20px}@keyframes beeTrailRTL{0%{opacity:0;transform:translateY(-50%) translateX(20px)}50%{opacity:1}to{opacity:0;transform:translateY(-50%) translateX(-20px)}}[dir=rtl] .text-display,[dir=rtl] .text-h1,[dir=rtl] .text-h2,[dir=rtl] .text-h3{font-family:Cairo,sans-serif;font-family:var(--font-arabic);font-weight:600;letter-spacing:-.02em}[dir=rtl] .text-body,[dir=rtl] .text-micro,[dir=rtl] .text-small{font-family:Cairo,sans-serif;font-family:var(--font-arabic);line-height:1.7}@media (max-width:768px){:root{--text-display:1.75rem;--text-h1:1.375rem;--text-h2:1.25rem;--text-h3:1.125rem}.btn{font-size:.875rem;font-size:var(--text-small);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}[dir=rtl] .nav-left{gap:.75rem;gap:var(--space-3)}[dir=rtl] .brand{margin-right:.5rem;margin-right:var(--space-2)}}.App{text-align:left}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{display:none}.App-link{color:inherit}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nav{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#fffc;border-bottom:1px solid var(--teal-200);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-8);position:-webkit-sticky;position:sticky;top:0;transition:all var(--duration-normal) var(--ease-out);z-index:50}.nav.rtl{direction:rtl}.nav.rtl .nav-left{order:1}.nav.rtl .nav-center{order:2}.nav.rtl .nav-right{order:3}.nav.ltr{direction:ltr}.nav.ltr .nav-left{order:1}.nav.ltr .nav-center{order:2}.nav.ltr .nav-right{order:3}.brand{align-items:center;border-radius:var(--radius-lg);color:var(--deep-teal);display:inline-flex;font-family:var(--font-arabic);font-size:var(--text-h2);font-weight:700;gap:var(--space-3);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.brand:hover{background:#f59e0b1a;transform:translateY(-1px)}.nav.rtl .brand{margin-left:0;margin-right:var(--space-4)}.nav.ltr .brand{margin-left:var(--space-4);margin-right:0}.brand:hover{color:var(--honey-gold)}.brand-logo{align-items:center;display:flex;gap:var(--space-2)}.brand-logo img{display:block;height:32px;max-width:180px;transition:transform var(--duration-normal) var(--ease-out);width:auto}.brand:hover .brand-logo img{transform:scale(1.05)}.brand-text{color:var(--deep-teal);font-size:var(--text-h2);font-weight:600}.nav-left{align-items:center;display:flex;gap:var(--space-6)}.nav-link{border:1px solid #0000;border-radius:var(--radius-lg);color:var(--teal-600);font-size:var(--text-body);font-weight:600;padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.nav.rtl .nav-link{font-family:var(--font-arabic)}.nav.ltr .nav-link{font-family:var(--font-english)}.nav-link:hover{background:#f59e0b1a;border-color:#f59e0b33;transform:translateY(-1px)}.nav-link.active,.nav-link:hover{box-shadow:var(--shadow-sm);color:var(--honey-gold)}.nav-link.active{background:#f59e0b26;border-color:#f59e0b4d}.nav-right{display:flex;gap:var(--space-3)}.btn,.nav-right{align-items:center}.btn{background:var(--gradient-primary);border:1px solid var(--honey-gold-dark);border-radius:var(--radius-cta);box-shadow:var(--shadow-sm);color:var(--cloud-white);cursor:pointer;display:inline-flex;font-size:var(--text-body);font-weight:600;justify-content:center;min-height:48px;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--duration-slow) var(--ease-out);width:100%}.btn:hover:before{left:100%}.nav.rtl .btn{font-family:var(--font-arabic)}.nav.ltr .btn{font-family:var(--font-english)}.btn:hover{background:var(--honey-gold-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-md);transform:translateY(0)}.btn-outline{background:var(--cloud-white);border:2px solid var(--deep-teal);box-shadow:var(--shadow-sm);color:var(--deep-teal)}.btn-outline:hover{background:var(--deep-teal);box-shadow:var(--shadow-lg);color:var(--cloud-white);transform:translateY(-2px)}.user-menu{align-items:center;background:var(--cloud-white);border:1px solid var(--teal-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);transition:all var(--duration-normal) var(--ease-out)}.user-menu:hover{background:var(--teal-50);border-color:var(--honey-gold);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-name{color:var(--teal-700);font-size:var(--text-body);font-weight:500}.nav.rtl .user-name{font-family:var(--font-arabic)}.nav.ltr .user-name{font-family:var(--font-english)}.language-toggle{background:var(--cloud-white);border:1px solid var(--teal-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--teal-600);cursor:pointer;font-size:var(--text-small);font-weight:600;padding:var(--space-2) var(--space-3);transition:all var(--duration-normal) var(--ease-out)}.language-toggle:hover{background:var(--teal-50);border-color:var(--honey-gold);box-shadow:var(--shadow-md);color:var(--honey-gold);transform:translateY(-1px)}.nav.rtl .language-toggle{font-family:var(--font-arabic)}.nav.ltr .language-toggle{font-family:var(--font-english)}.language-toggle:hover{background:var(--teal-300);color:var(--teal-700)}.notification-badge{align-items:center;animation:pulse 2s infinite;background:var(--gradient-primary);border:2px solid var(--cloud-white);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:var(--cloud-white);display:flex;font-size:var(--text-micro);font-weight:700;height:24px;justify-content:center;min-width:24px;padding:var(--space-1) var(--space-2);position:relative}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notification-badge:before{content:"🐝";font-size:12px;margin-left:var(--space-1)}@media (max-width:768px){.nav{padding:var(--space-2) var(--space-4)}.nav-center{display:none}.nav-left{gap:var(--space-3)}.nav-link{display:none}.brand-logo img{height:28px}.brand-text{font-size:var(--text-h3)}.btn{font-size:var(--text-small);min-height:44px;padding:var(--space-2) var(--space-4)}.nav-right{gap:var(--space-2)}}@media (max-width:480px){.brand-text,.user-name{display:none}.btn{min-height:40px;padding:var(--space-1) var(--space-3)}.btn,.language-toggle{font-size:var(--text-micro)}.language-toggle{padding:var(--space-1) var(--space-2)}}.footer{background:var(--deep-navy);color:var(--white);margin-top:auto;padding:2rem 0 1rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 1rem}.footer-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.footer-brand h3{color:var(--bright-blue);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.footer-brand p{color:var(--light-gray);font-size:1rem;line-height:1.5}.footer-social,.social-links{align-items:center;display:flex}.social-links{gap:1.5rem}.social-link{align-items:center;border:1px solid #0000;border-radius:25px;color:var(--light-gray);display:flex;font-size:.95rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#ffffff1a;border-color:#fff3;color:var(--white);transform:translateY(-2px)}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:#0000}.social-link.whatsapp:hover{background:#25d366;border-color:#0000}.social-icon{flex-shrink:0;height:20px;width:20px}.footer-bottom{border-top:1px solid var(--deep-navy-light);padding-top:1rem;text-align:center}.footer-copyright p{color:var(--light-gray);font-size:.9rem;margin:0}.footer.rtl{text-align:right}.footer.rtl .footer-bottom,.footer.rtl .footer-content,.footer.rtl .footer-links{direction:rtl}@media (max-width:768px){.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.social-links{justify-content:center}}@media (max-width:480px){.footer{padding:1.5rem 0 1rem}.footer-container{padding:0 .5rem}.footer-brand h3{font-size:1.3rem}.social-links{flex-direction:column;gap:1rem}.social-link{justify-content:center}}.error-boundary{align-items:center;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center;margin:20px;min-height:400px;padding:40px;text-align:center}.error-boundary h2{color:#b00020;margin-bottom:16px}.error-boundary p{color:var(--brand-muted);margin-bottom:24px;max-width:500px}.notification{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--soft-beige) 0,#fff 100%);border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 25px #0e0a3226,0 0 0 1px #ffffff1a;font-family:var(--font-arabic);max-width:400px;min-width:300px;position:fixed;right:20px;top:20px;z-index:10000}.notification-content{align-items:flex-start;display:flex;gap:.75rem;padding:1rem}.notification-icon{flex-shrink:0;font-size:1.5rem;line-height:1;margin-top:.125rem}.notification-text{flex:1 1;min-width:0}.notification-title{color:var(--deep-navy);font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.25rem}.notification-message{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.notification-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:1.25rem;line-height:1;padding:.25rem;transition:all .2s ease}.notification-close:hover{background:#0e0a321a;color:var(--deep-navy)}.notification-success{border-left:4px solid #10b981}.notification-success .notification-icon{color:#10b981}.notification-success .notification-title{color:#065f46}.notification-error{border-left:4px solid #ef4444}.notification-error .notification-icon{color:#ef4444}.notification-error .notification-title{color:#991b1b}.notification-warning{border-left:4px solid #f59e0b}.notification-warning .notification-icon{color:#f59e0b}.notification-warning .notification-title{color:#92400e}.notification-info{border-left:4px solid var(--primary)}.notification-info .notification-icon{color:var(--primary)}.notification-info .notification-title{color:var(--deep-navy)}@media (max-width:768px){.notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.notification-content{gap:.5rem;padding:.875rem}.notification-icon{font-size:1.25rem}.notification-title{font-size:.9rem}.notification-message{font-size:.8rem}}[dir=rtl] .notification{border-left:none;border-right:4px solid var(--primary);left:20px;right:auto}[dir=rtl] .notification-success{border-left:none;border-right:4px solid #10b981}[dir=rtl] .notification-error{border-left:none;border-right:4px solid #ef4444}[dir=rtl] .notification-warning{border-left:none;border-right:4px solid #f59e0b}[dir=rtl] .notification-info{border-left:none;border-right:4px solid var(--primary)}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}
/*# sourceMappingURL=main.7c07c08c.css.map*/