@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:400px;display:flex;align-items:flex-start;padding:16px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);background-color:var(--white);z-index:1000;transition:all .3s ease-in-out;animation:slide-in .3s forwards;display:none}.toast.hidden{animation:slide-out .3s forwards}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--primary)}.toast.warning{border-left:4px solid var(--warning)}.toast-icon{margin-right:12px;padding-top:2px;flex-shrink:0}.toast.success .toast-icon{color:var(--success)}.toast.error .toast-icon{color:var(--danger)}.toast.info .toast-icon{color:var(--primary)}.toast.warning .toast-icon{color:var(--warning)}.toast-content{flex:1}.toast-title{margin:0 0 4px;font-size:16px;font-weight:600}.toast-message{margin:0;font-size:14px;color:var(--text-secondary)}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;margin-left:8px;transition:color .2s ease}.toast-close:hover{color:var(--text-primary)}[dir=rtl] .toast{left:20px;right:auto;border-left:none}[dir=rtl] .toast.success{border-right:4px solid var(--success)}[dir=rtl] .toast.error{border-right:4px solid var(--danger)}[dir=rtl] .toast.info{border-right:4px solid var(--primary)}[dir=rtl] .toast.warning{border-right:4px solid var(--warning)}[dir=rtl] .toast-icon{margin-right:0;margin-left:12px}[dir=rtl] .toast-close{margin-left:0;margin-right:8px}@keyframes slide-in-rtl{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-rtl{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}[dir=rtl] .toast{animation:slide-in-rtl .3s forwards}[dir=rtl] .toast.hidden{animation:slide-out-rtl .3s forwards}@media (max-width: 768px){.toast{min-width:250px;max-width:90%;top:10px;right:10px;left:auto}[dir=rtl] .toast{left:10px;right:auto}}@media (max-width: 480px){.toast{min-width:unset;max-width:calc(100% - 20px);top:10px;right:10px;left:10px;width:calc(100% - 20px)}[dir=rtl] .toast{left:10px;right:10px}}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000;pointer-events:none;max-height:calc(100vh - 40px);overflow-y:auto;padding-bottom:20px}.toast-container .toast{pointer-events:auto;position:relative;top:unset;right:unset}[dir=rtl] .toast-container{right:auto;left:20px}[dir=rtl] .toast-container .toast{left:unset}@media (max-width: 768px){.toast-container{top:10px;right:10px;max-width:calc(100% - 20px)}[dir=rtl] .toast-container{right:auto;left:10px}}@media (max-width: 480px){.toast-container{right:0;left:0;max-width:100%;padding:0 10px}[dir=rtl] .toast-container{right:0;left:0}.toast-container .toast{width:100%}}.site-header{position:fixed;top:2%;left:0;width:80%;border-radius:15px;background-color:#4c4c4cbf;color:#fff;z-index:1000;box-shadow:0 2px 10px #0000001a;transform:translate(12.5%);transition:border-radius .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.site-header.menu-open{border-radius:15px 15px 0 0}.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;max-width:1400px;margin:0 auto;height:70px}.header-center{display:flex;flex:1}.logo-container{height:40px;background-color:transparent;border-radius:8px}@media (min-width: 1500px){.logo-container{width:160px}}.logo-container img{width:100%;height:100%;object-fit:contain}.header-left{display:flex;align-items:center;flex:0}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin-right:.45rem;position:relative;height:40px;width:max-content}.nav-link{color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;border-radius:6px}@media (max-width: 1500px){.nav-item{margin-right:.25rem}.nav-link{font-size:.8rem;padding:.4rem .8rem}}.nav-link:hover{color:var(--secondary)}.nav-link.active{color:var(--secondary);font-weight:600}.header-right{display:flex;align-items:center;justify-content:flex-end;flex:1;gap:1rem}@media screen and (max-width: 768px){.header-right{gap:.33rem}}.header-icon-container{position:relative;margin-right:12px}.join-button{background-color:var(--primary);color:var(--light);border:none;border-radius:8px;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;white-space:nowrap;text-decoration:none;display:inline-block}.join-button:hover{background-color:#005a53}.lang-dropdown{position:relative;margin-left:1.5rem}.lang-dropdown-toggle{display:flex;align-items:center;background:none;border:none;color:#fff;padding:.5rem;cursor:pointer;font-size:.875rem}.lang-code{margin:0 .25rem}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:100%;right:0;background-color:#4c4c4c;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;min-width:120px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;margin-top:.5rem;transform:translateY(-10px);pointer-events:none}.lang-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.lang-option{display:block;width:100%;text-align:left;background:none;border:none;color:#fff;padding:.75rem 1rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.lang-option:hover{background-color:#ffffff1a}.lang-option.active{background-color:#ffffff26;font-weight:600}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;margin-right:1rem}.mobile-menu{display:none}@media (max-width: 1280px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.header-container{padding:0 1.5rem}.mobile-menu{display:block;position:fixed;top:calc(2% + 70px);left:8%;width:80%;height:0;background-color:#4c4c4c;overflow:hidden;transition:all .3s ease;z-index:990;border-radius:0 0 15px 15px;box-shadow:0 8px 16px #00000026;opacity:0;visibility:hidden;transform:translateY(-20px)}.mobile-menu.open{height:auto;max-height:calc(98vh - 70px);transform:translateY(0);opacity:1;visibility:visible;overflow-y:auto}.mobile-nav-list{list-style:none;padding:2rem 1.5rem;margin:0}.mobile-nav-item{margin-bottom:1.5rem}.mobile-nav-link{color:#fff;text-decoration:none;font-size:1.125rem;font-weight:500;display:block;padding:.5rem 1rem;transition:color .2s ease,background-color .2s ease;border-radius:6px}.mobile-nav-link:hover{color:var(--secondary)}.mobile-nav-link.active{background-color:var(--light);color:var(--secondary);font-weight:600}}@media (max-width: 768px){.site-header{width:90%;transform:translate(5%)}.mobile-menu{width:90%;left:4.5%}.header-container{padding:0 1rem}.join-button{padding:.6rem 1.2rem;font-size:.9rem}.lang-dropdown{margin-left:1rem}.logo-container{width:120px;height:40px}}html[dir=rtl] .nav-item{margin-right:0;margin-left:1.5rem}html[dir=rtl] .lang-dropdown{margin-left:0;margin-right:1.5rem}html[dir=rtl] .lang-dropdown-menu{right:auto;left:0}html[dir=rtl] .lang-option{text-align:right}html[dir=rtl] .mobile-menu-toggle{margin-right:0;margin-left:1rem}@media (max-width: 768px){html[dir=rtl] .lang-dropdown{margin-right:1rem}}.auth-buttons{display:flex;align-items:center;gap:.75rem}.login-button{color:var(--white);text-decoration:none;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;transition:background-color .3s ease,color .3s ease;white-space:nowrap;background-color:transparent;border:1px solid rgba(255,255,255,.5);display:inline-block;margin:0!important}.login-button:hover{background-color:#ffffff1a}.user-dropdown{position:relative}.user-dropdown-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#fff;padding:.5rem;cursor:pointer;font-size:.875rem}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-loading{width:100%;height:100%;border-radius:50%;background:linear-gradient(90deg,#fff3,#fff6,#fff3);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.user-dropdown-menu{position:absolute;top:100%;right:0;background-color:#4c4c4c;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;width:220px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;margin-top:.5rem;transform:translateY(-10px);pointer-events:none;z-index:1100}.user-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.user-info{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-name{font-weight:600;margin:0 0 .25rem;color:#fff}.user-email{font-size:.8rem;color:#ffffffb3;margin:0}.user-admin-badge{font-size:.75rem;color:gold;margin:.25rem 0 0;font-weight:600;display:flex;align-items:center;gap:.25rem}.user-error{font-size:.85rem;color:#ff6b6b;margin:0;text-align:center}.user-dropdown-links{padding:.5rem 0}.user-dropdown-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#fff;text-decoration:none;transition:background-color .2s ease;font-size:.9rem;cursor:pointer;background:none;border:none;width:100%;text-align:left}.user-dropdown-link:hover{background-color:#ffffff1a}.user-dropdown-link.logout{color:#ff6b6b}.user-dropdown-link.admin-link{color:gold;font-weight:600}.user-dropdown-link.admin-link:hover{background-color:#ffd7001a}.auth-dropdown{position:relative}.auth-dropdown-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#fff;padding:.5rem;cursor:pointer;font-size:.875rem}.auth-dropdown-menu{position:absolute;top:100%;right:0;background-color:#4c4c4c;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;width:160px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;margin-top:.5rem;transform:translateY(-10px);pointer-events:none;z-index:1100}.auth-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.auth-dropdown-link{display:block;padding:.75rem 1rem;color:#fff;text-decoration:none;transition:background-color .2s ease;font-size:.9rem;text-align:left}.auth-dropdown-link:hover{background-color:#ffffff1a}.mobile-nav-button{background:none;border:none;color:#fff;font-size:1.125rem;font-weight:500;padding:.5rem 1rem;text-align:left;width:100%;cursor:pointer;border-radius:6px;transition:color .2s ease,background-color .2s ease}.mobile-nav-button:hover{color:var(--secondary)}.mobile-nav-button.logout{color:#ff6b6b}html[dir=rtl] .auth-buttons{flex-direction:row-reverse}html[dir=rtl] .user-dropdown-menu,html[dir=rtl] .auth-dropdown-menu{right:auto;left:0}html[dir=rtl] .user-dropdown-link,html[dir=rtl] .auth-dropdown-link{text-align:right}@media (max-width: 768px){.auth-buttons{gap:.5rem}.login-button{padding:.6rem 1rem;font-size:.9rem}.user-dropdown-toggle,.auth-dropdown-toggle{padding:.4rem}.user-avatar{width:28px;height:28px}}.notification-icon{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:40px;height:40px;border-radius:50%;transition:background-color .2s}.notification-icon:hover,.notification-icon.active{background-color:#0000000d}.notification-badge{position:absolute;top:0;right:0;background-color:#e53935;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:700}.notification-dropdown{position:absolute;top:100%;right:0;width:350px;max-height:450px;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}.notification-header h3{margin:0;font-size:16px;font-weight:600}.mark-all-read-btn{background:none;border:none;color:#4285f4;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px}.mark-all-read-btn:hover{background-color:#4285f414}.mark-all-read-btn:disabled{color:#aaa;cursor:default;background-color:transparent}.notification-list{overflow-y:auto;flex:1;max-height:400px}.notification-loading,.empty-notifications{display:flex;align-items:center;justify-content:center;height:100px;color:#757575;font-size:14px}.loading-spinner{width:24px;height:24px;border:2px solid #eee;border-top-color:#4285f4;border-radius:50%;animation:spin 1s linear infinite}.notification-item{padding:12px 16px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:flex-start;transition:background-color .2s;position:relative}.notification-item.unread{background-color:#f0f7ff}.notification-item.unread:hover{background-color:#e5f1ff}.notification-item.read{background-color:#fafafa;opacity:.8}.notification-item.read .notification-title{font-weight:400;color:#555}.notification-item.read .notification-body{color:#777}.notification-content{flex:1}.notification-title{font-weight:600;margin-bottom:4px;font-size:14px;line-height:1.4}.notification-body{font-size:13px;color:#555;margin-bottom:8px;line-height:1.4}.notification-time{font-size:12px;color:#888}.unread-indicator{width:8px;height:8px;border-radius:50%;background-color:#4285f4;margin-left:8px;margin-top:5px;flex-shrink:0}[dir=rtl] .notification-dropdown{right:auto;left:0}[dir=rtl] .unread-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notification-badge{right:auto;left:0}@media (max-width: 767px){.notification-dropdown{width:100%;position:fixed;top:60px;left:0;right:0;max-height:calc(100vh - 60px);border-radius:0}}.site-footer{background-color:#f8f9fa;padding:4rem 2rem 2rem;color:#333;font-family:inherit}.footer-main{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem;margin-bottom:4rem;max-width:1440px;margin-left:auto;margin-right:auto}.footer-logo{flex:1;min-width:180px;max-width:250px;display:flex;align-items:flex-start}.footer-logo img{max-width:100%;height:auto}.footer-pages{flex:1;min-width:200px}.footer-title{font-size:1.5rem;color:var(--primary);margin-bottom:1.5rem;font-weight:600;position:relative}.footer-title:after{content:"";display:block;height:3px;width:40px;background-color:var(--secondary);margin-top:.5rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links li a{color:var(--primary);text-decoration:none;transition:color .3s ease;font-size:1rem;display:inline-block;position:relative}.footer-links li a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--primary);transition:width .3s ease}.footer-links li a:hover{color:var(--secondary)}.footer-links li a:hover:after{width:100%}.footer-contact{flex:1;min-width:250px}.contact-info{list-style:none;padding:0;margin:0}.contact-info li{display:flex;align-items:center;margin-bottom:1.2rem;color:var(--primary)}.contact-info li svg{color:var(--secondary);margin-right:.75rem;flex-shrink:0}.contact-info li span{line-height:1.4}.footer-social{display:flex;margin-top:2rem;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f0f0f0;border-radius:50%;color:var(--primary);transition:all .3s ease}.social-icon:hover{color:var(--secondary);transform:translateY(-3px);filter:saturate(1.2)}.footer-bottom{padding-top:2rem;border-top:1px solid #e0e0e0;max-width:1200px;margin-left:auto;margin-right:auto}.sponsors{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;align-items:center}.sponsor{height:60px;display:flex;align-items:center}.sponsor img{max-height:100%;max-width:120px;filter:grayscale(1);opacity:.7;transition:all .3s ease}.sponsor img:hover{filter:grayscale(0);opacity:1}.footer-legal{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:#777}.legal-links{display:flex;gap:1.5rem}.legal-links a{color:#777;text-decoration:none;transition:color .3s ease}.legal-links a:hover{color:#4caf50}[dir=rtl] .footer-title:after{margin-right:0;margin-left:auto}[dir=rtl] .contact-info li svg{margin-right:0;margin-left:.75rem}[dir=rtl] .footer-links li a:after{left:auto;right:0}@media (max-width: 992px){.footer-main{flex-direction:column;align-items:center;text-align:center;gap:2.5rem}.footer-logo{justify-content:center}.footer-title:after{margin-left:auto;margin-right:auto}.contact-info li,.footer-social{justify-content:center}}@media (max-width: 768px){.site-footer{padding:3rem 1rem 1.5rem}.footer-main{margin-bottom:2.5rem}.footer-bottom{padding-top:1.5rem}.sponsors{gap:1.5rem;margin-bottom:1.5rem}.sponsor{height:50px}.sponsor img{max-width:100px}.footer-legal{flex-direction:column;text-align:center}.legal-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.site-footer{padding:2rem 1rem 1rem}.footer-title{font-size:1.25rem}.sponsors{gap:1rem}.sponsor{height:40px}.sponsor img{max-width:80px}.legal-links{gap:1rem;font-size:.8rem}}.animated-arabic-letters{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.letter-container{position:absolute;transform-origin:center;opacity:.04;scale:2;filter:drop-shadow(0 0 10px rgba(0,68,63,.1));display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:1;overflow:hidden;animation:floatLetter 8s ease-in-out infinite}.arabic-letter-svg{transform-origin:center;will-change:transform}.letter-path{fill:transparent;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawStroke 1.5s ease forwards,fillPath .5s ease forwards 1.5s}@keyframes drawStroke{to{stroke-dashoffset:0}}@keyframes fillPath{0%{fill:transparent}to{fill:currentColor}}@keyframes floatLetter{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-15px) translate(5px)}}.home-hero-section{min-height:100vh;display:flex;align-items:center;padding:var(--spacing-md) 0;background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 100%);overflow:hidden;position:relative}.home-hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2300443F' fill-opacity='0.02'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.home-hero-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 100%);filter:blur(1px);z-index:1}.home-hero-container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:3}.home-verse-container{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-3xl);text-align:center;position:relative}.home-verse-container:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--secondary),transparent)}.home-quran-verse{margin-bottom:var(--spacing-md);position:relative}.home-verse-image{max-width:80%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .6s ease;opacity:0;transform:scale(.9);animation:verseImageAppear .8s ease forwards}@keyframes verseImageAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.home-verse-translation{font-size:1.2rem;font-weight:500;color:var(--primary);max-width:80%;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity var(--transition-normal),transform var(--transition-normal);position:relative;padding:var(--spacing-md) var(--spacing-lg);background:#fffc;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.wisdom-highlight{background:linear-gradient(135deg,var(--secondary),#e6c08a);color:var(--primary);padding:2px 6px;border-radius:4px;font-weight:600;box-shadow:0 2px 8px #cca0614d;position:relative;animation:wisdomGlow 3s ease-in-out infinite}@keyframes wisdomGlow{0%,to{box-shadow:0 2px 8px #cca0614d}50%{box-shadow:0 4px 16px #cca06180}}.home-hero-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2xl);position:relative;max-width:1200px}.home-hero-text{flex:1;max-width:1050px}.home-hero-heading{font-size:2.5rem;margin-bottom:var(--spacing-lg);color:var(--primary);line-height:1.3;opacity:0;transform:translateY(20px);transition:opacity var(--transition-normal),transform var(--transition-normal);position:relative}.home-hero-heading:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:2px;opacity:0;animation:slideInLeft .8s ease .5s forwards}@keyframes slideInLeft{to{opacity:1;width:80px}}.home-hero-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.home-btn{padding:14px 28px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.home-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.home-btn:hover:before{left:100%}.home-btn-primary{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);box-shadow:0 8px 24px #cca0614d}.home-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #cca06166}.home-btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.home-btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #00443f4d}.home-hero-cta-button,.home-hero-secondary-button{opacity:0;transform:translateY(20px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.home-hero-subtext{font-size:.9rem;color:var(--black);opacity:0;transform:translateY(20px);transition:opacity var(--transition-normal),transform var(--transition-normal);margin-bottom:var(--spacing-lg)}.home-hero-stats{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.home-stat-item{text-align:center;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;transition-delay:.8s}.home-stat-number{font-size:1.5rem;font-weight:700;color:var(--secondary);margin-bottom:4px}.home-stat-label{font-size:.8rem;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.home-hero-images{flex:1;display:flex;position:relative;height:450px;justify-content:center;width:100%;min-width:450px}.home-hero-image-container{position:absolute;border:3px solid var(--primary);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--light);opacity:0;transition:opacity var(--transition-normal),transform var(--transition-normal);box-shadow:0 12px 32px #00000026;cursor:pointer;will-change:transform}.home-hero-image-container:hover{transform:scale(1.05)!important;box-shadow:0 16px 48px #0003;z-index:10}.home-hero-image-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#00443f1a,#cca0611a);opacity:0;transition:opacity .3s ease;z-index:2}.home-hero-image-container:hover:before{opacity:1}.home-hero-image-container.slide-in{opacity:1}.home-hero-image-container.slide-in.home-image-1{animation:gentleFloat1 8s ease-in-out infinite}.home-hero-image-container.slide-in.home-image-2{animation:gentleFloat2 10s ease-in-out infinite}.home-hero-image-container.slide-in.home-image-3{animation:gentleFloat3 12s ease-in-out infinite}.fade-in-text{opacity:1!important;transform:translateY(0)!important}.home-image-1{width:220px;height:220px;top:0%;left:-3%;z-index:3;transform:translate(-120px)}.home-image-2{width:270px;height:270px;top:15%;left:65%;z-index:2;transform:translate(120px)}.home-image-3{width:240px;height:240px;top:65%;left:8%;z-index:1;transform:translateY(120px)}.home-hero-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.home-hero-image:hover{transform:scale(1.1)}.home-hero-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.home-floating-element{position:absolute;font-size:2rem;color:var(--secondary);opacity:.3;animation:float 6s ease-in-out infinite}.home-element-1{top:20%;left:5%;animation-delay:0s}.home-element-2{top:60%;right:8%;animation-delay:2s}.home-element-3{bottom:20%;left:80%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes gentleFloat1{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gentleFloat2{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gentleFloat3{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}html[dir=rtl] .home-hero-content{flex-direction:row-reverse}html[dir=rtl] .home-hero-heading:after{left:auto;right:0}html[dir=rtl] .home-image-1{right:0%;left:auto;transform:translate(120px)}html[dir=rtl] .home-image-2{right:45%;left:auto;transform:translate(-120px)}html[dir=rtl] .home-image-3{right:8%;left:auto;transform:translateY(120px)}html[dir=rtl] .home-hero-image-container.slide-in.home-image-1{animation:gentleFloat1 8s ease-in-out infinite}html[dir=rtl] .home-hero-image-container.slide-in.home-image-2{animation:gentleFloat2 10s ease-in-out infinite}html[dir=rtl] .home-hero-image-container.slide-in.home-image-3{animation:gentleFloat3 12s ease-in-out infinite}@media (max-width: 992px){.home-hero-content{flex-direction:column;text-align:center}.home-hero-text{max-width:100%;margin-bottom:var(--spacing-2xl)}.home-hero-images{width:100%;justify-content:center;height:400px;min-width:auto}.home-hero-heading{font-size:2rem}.home-hero-stats{justify-content:center}html[dir=rtl] .home-hero-content{flex-direction:column}}@media (max-width: 768px){.home-hero-section{padding-top:calc(var(--header-height) + var(--spacing-xl));min-height:auto}.home-verse-container{margin-bottom:var(--spacing-xl)}.home-verse-translation{font-size:1rem;max-width:95%;padding:var(--spacing-md)}.home-hero-heading{font-size:1.75rem}.home-hero-buttons{flex-direction:column;align-items:center}.home-btn{width:100%;max-width:300px;justify-content:center}.home-hero-images{height:320px}.home-image-1{width:150px;height:150px;left:2%;top:8%}.home-image-2{width:180px;height:180px;left:35%;top:20%}.home-image-3{width:160px;height:160px;left:8%;top:58%}.home-hero-stats{gap:var(--spacing-md)}.home-stat-number{font-size:1.2rem}.home-stat-label{font-size:.7rem}html[dir=rtl] .home-image-1{right:2%;left:auto}html[dir=rtl] .home-image-2{right:35%;left:auto}html[dir=rtl] .home-image-3{right:8%;left:auto}.home-image-1{transform:translate(-50px)}.home-image-2,html[dir=rtl] .home-image-1{transform:translate(50px)}html[dir=rtl] .home-image-2{transform:translate(-50px)}}@media (max-width: 576px){.home-hero-section{min-height:auto;padding:var(--spacing-lg) 0}.home-hero-heading{font-size:1.5rem}.home-verse-image{max-width:95%}.home-hero-images{height:280px}.home-image-1{width:130px;height:130px;left:0%;top:10%}.home-image-2{width:150px;height:150px;left:40%;top:25%}.home-image-3{width:140px;height:140px;left:5%;top:60%}.home-hero-stats{flex-direction:column;gap:var(--spacing-sm)}.home-stat-item{display:flex;align-items:center;gap:var(--spacing-sm)}.home-stat-number{font-size:1rem}.home-stat-label{font-size:.8rem;text-transform:none}}.home-for-whom-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,#f9f5ec,#faf7f0,#f8f4ea);position:relative;overflow:hidden}.home-for-whom-section:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,rgba(255,255,255,.8),transparent);z-index:1}.home-for-whom-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to top,rgba(255,255,255,.8),transparent);z-index:1}.home-for-whom-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:2}.home-for-whom-section-title{text-align:center;margin-bottom:var(--spacing-3xl);font-size:2.5rem;color:var(--primary);position:relative;display:inline-block;left:50%;transform:translate(-50%) translateY(20px);opacity:1;transition:transform .8s ease,opacity .8s ease}[dir=rtl] .home-for-whom-section-title{left:0;right:25%;transform:translate(50%) translateY(20px)}.home-for-whom-section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:0;height:4px;background:linear-gradient(90deg,var(--secondary),var(--primary));transition:width 1s ease .3s;border-radius:2px}.home-for-whom-section-title.animate{opacity:1;transform:translate(-50%) translateY(0)}.home-for-whom-section-title.animate:after{width:100px}.home-for-whom-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.home-for-whom-card{background:linear-gradient(135deg,#fff,#fefefe);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 12px 40px #00000014;transition:transform .4s ease,box-shadow .4s ease;position:relative;opacity:0;transform:translateY(30px);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(0,68,63,.1);cursor:pointer}.home-for-whom-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--secondary),var(--primary));transition:transform .3s ease;transform:scaleX(0);transform-origin:left}.home-for-whom-card:after{content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(204,160,97,.05),transparent);transition:right .6s ease}.home-for-whom-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.home-for-whom-card:hover:before{transform:scaleX(1)}.home-for-whom-card:hover:after{right:100%}.home-for-whom-card.animate{opacity:1;transform:translateY(0);transition:transform .6s ease,opacity .6s ease,box-shadow .4s ease}.home-germanic-card{transition-delay:.1s}.home-arabic-card{transition-delay:.2s}.home-global-card{transition-delay:.3s}.home-personalized-card{transition-delay:.4s}.home-who-card-icon{margin-bottom:var(--spacing-md);color:var(--primary);background:linear-gradient(135deg,#cca06126,#00443f1a);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .4s ease,background .4s ease;position:relative;overflow:hidden}.home-who-card-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.home-for-whom-card:hover .home-who-card-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#cca06140,#00443f26)}.home-for-whom-card:hover .home-who-card-icon:before{left:100%}.home-card-title{font-size:1.4rem;margin-bottom:var(--spacing-md);color:var(--primary);position:relative;font-weight:600}.home-card-description{color:#555;line-height:1.7;margin-bottom:var(--spacing-lg);flex-grow:1}.home-card-cta{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;align-self:stretch;justify-content:center;position:relative;overflow:hidden}.home-card-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.home-card-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00443f4d}.home-card-cta:hover:before{left:100%}.home-for-whom-footer{text-align:center;max-width:800px;margin:var(--spacing-2xl) auto 0;padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg,var(--primary) 0%,#005a53 100%);color:#fff;border-radius:var(--radius-lg);box-shadow:0 16px 48px #00443f33;position:relative;opacity:0;transform:translateY(30px);transition:transform .6s ease,opacity .6s ease;transition-delay:.5s;overflow:hidden}.home-for-whom-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 0h40v40H0V0zm20 20c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20z'/%3E%3C/g%3E%3C/svg%3E");z-index:0}.home-for-whom-footer>*{position:relative;z-index:1}.home-for-whom-footer.animate{opacity:1;transform:translateY(0)}.home-for-whom-footer p{font-size:1.1rem;line-height:1.8;margin:0 0 var(--spacing-lg) 0}.home-footer-cta{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border:none;padding:16px 32px;border-radius:var(--radius-md);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.home-footer-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.home-footer-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #cca06166}.home-footer-cta:hover:before{left:100%}.home-for-whom-container:before{content:"ﻢﻠﻋ";position:absolute;top:50px;left:-30px;font-size:140px;color:#00443f08;z-index:-1;font-family:Noto Sans Arabic,sans-serif;animation:float 8s ease-in-out infinite}.home-for-whom-container:after{content:"ﻥﺁﺮﻗ";position:absolute;bottom:80px;right:-30px;font-size:140px;color:#00443f08;z-index:-1;font-family:Noto Sans Arabic,sans-serif;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.03}50%{transform:translateY(-20px) rotate(5deg);opacity:.05}}html[dir=rtl] .home-for-whom-card{text-align:right;align-items:flex-end}html[dir=rtl] .home-for-whom-card:before{transform-origin:right}html[dir=rtl] .home-for-whom-container:before{left:auto;right:-30px}html[dir=rtl] .home-for-whom-container:after{right:auto;left:-30px}@media (max-width: 992px){.home-for-whom-cards{grid-template-columns:1fr;gap:var(--spacing-lg)}.home-for-whom-section-title{font-size:2rem}.home-for-whom-container:before,.home-for-whom-container:after{font-size:100px}}@media (max-width: 768px){.home-for-whom-section{padding:var(--spacing-2xl) 0}.home-for-whom-section-title{font-size:1.75rem;margin-bottom:var(--spacing-xl)}.home-for-whom-section:before,.home-for-whom-section:after{height:80px}.home-card-title{font-size:1.2rem}.home-for-whom-footer p{font-size:1rem}.home-for-whom-container:before,.home-for-whom-container:after{display:none}.home-card-cta,.home-footer-cta{width:100%}}@media (max-width: 576px){.home-for-whom-section-title{font-size:1.5rem}.home-for-whom-card{padding:var(--spacing-md)}.home-who-card-icon{width:60px;height:60px}.home-who-card-icon svg{width:30px;height:30px}.home-for-whom-footer{padding:var(--spacing-md)}.home-footer-cta{padding:14px 24px;font-size:1rem}}.home-awaits-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 50%,#f5f7fa 100%);position:relative;overflow:hidden}.home-awaits-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h50v50H0V0zm1 1v48h48V1H1z' fill='%23e8f2f0' fill-opacity='0.3' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.6;z-index:0}.home-awaits-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:1}.home-awaits-section-title{text-align:center;margin-bottom:var(--spacing-3xl);font-size:2.5rem;color:var(--primary);position:relative;transition:transform .8s ease,opacity .8s ease;opacity:0;transform:translateY(20px)}.home-awaits-section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:0;height:4px;background:linear-gradient(90deg,var(--secondary),var(--primary));transition:width 1s ease .3s;border-radius:2px}.home-awaits-section.visible .home-awaits-section-title{opacity:1;transform:translateY(0)}.home-awaits-section.visible .home-awaits-section-title:after{width:120px}.home-diagram-container{position:relative;width:100%;min-height:500px;margin:0 auto;transition:opacity .8s ease;opacity:0;display:flex;flex-direction:column;gap:60px}.home-awaits-section.visible .home-diagram-container{opacity:1}.home-arrows-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.home-top-row{transform:translateY(-20px)}.home-middle-row{transform:translateY(-45px)}.home-bottom-row{transform:translateY(-40px)}.home-top-row,.home-middle-row,.home-bottom-row{position:relative;display:flex;justify-content:center;width:100%}[dir=rtl] .home-bottom-row{margin-top:45px}.home-middle-row{justify-content:space-between;align-items:flex-start;margin-left:40px}[dir=rtl] .home-middle-row{margin-right:65px;margin-left:0}.home-bottom-row{display:flex;gap:20px;justify-content:flex-start}.home-courses-container{display:flex;gap:20px;border:2px solid var(--primary);border-radius:var(--radius-lg);padding:15px;background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);box-shadow:0 8px 32px #00443f1a}.top-courses-container{max-width:600px;justify-content:center;margin:0 auto}.middle-title-node{width:500px;margin-right:auto}.home-diagram-node{border-radius:var(--radius-md);padding:16px 20px;transition:all .4s ease;box-shadow:0 6px 20px #00000014;display:flex;align-items:center;justify-content:center;text-align:center;z-index:3;font-weight:500;cursor:pointer;position:relative;overflow:hidden}.home-diagram-node:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.home-diagram-node:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.home-diagram-node:hover:before{left:100%}.home-diagram-node:active{transform:translateY(-2px)}.home-title-node{background:linear-gradient(135deg,var(--primary),#005a53);color:var(--white);font-weight:600;border-radius:var(--radius-lg);position:relative}.home-title-node h3{margin:0;font-size:1.2rem;line-height:1.4}.home-combined-title-node{display:flex;justify-content:space-between;padding:0;width:600px;overflow:hidden;max-width:90%;cursor:pointer}.home-combined-title-node:hover{box-shadow:0 16px 48px #00443f4d}.home-awaits-courses-title,.home-tasks-title{padding:20px 28px;white-space:nowrap;font-weight:600;font-size:1.2rem;display:flex;align-items:center;gap:10px;transition:all .3s ease}.home-awaits-courses-title{width:60%;border-right:1px solid rgba(255,255,255,.3)}.home-awaits-courses-title:hover,.home-tasks-title:hover{transform:scale(1.05)}.home-tasks-title{width:40%}.home-videos-node{width:280px;height:auto;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.home-videos-node:hover{background:linear-gradient(135deg,#005a53,var(--primary))}.home-videos-node h3{line-height:1.5}.home-course-node{background:linear-gradient(135deg,#00443f14,#cca06114);color:var(--primary);border:2px solid var(--primary);padding:16px 24px;min-width:160px;position:relative}.home-course-node:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--secondary),var(--primary));transform:scaleX(0);transition:transform .3s ease}.home-course-node:hover{background:linear-gradient(135deg,#00443f26,#cca06126);border-color:var(--secondary)}.home-course-node:hover:after{transform:scaleX(1)}.home-skill-node{background:linear-gradient(135deg,#fff7ed,#faf8f2);color:var(--primary);border:2px solid var(--secondary);flex-direction:column;gap:8px;width:120px;padding:20px 16px;position:relative}.home-skill-node:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--secondary),var(--primary));transform:scaleX(0);transition:transform .3s ease}.home-skill-node:hover{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border-color:var(--primary)}.home-skill-node:hover:after{transform:scaleX(1)}.home-skill-icon{color:var(--secondary);margin-bottom:8px;transition:all .3s ease}.home-skill-node:hover .home-skill-icon{color:var(--primary);transform:scale(1.1)}.home-arabic-label{color:var(--secondary);font-weight:600;font-size:.9rem;margin-top:5px}.home-rtl-arrows{display:none}.home-arrow{fill:none;stroke:var(--primary);stroke-width:3;stroke-dasharray:8 4;stroke-linecap:round;animation:homeDashOffset 40s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,68,63,.2))}@keyframes homeDashOffset{0%{stroke-dashoffset:0}to{stroke-dashoffset:-500}}.home-awaits-cta{text-align:center;margin-top:var(--spacing-3xl);padding:var(--spacing-2xl);background:linear-gradient(135deg,#00443f0d,#cca0610d);border-radius:var(--radius-lg);border:2px solid rgba(0,68,63,.1)}.home-awaits-cta p{font-size:1.2rem;color:var(--primary);margin-bottom:var(--spacing-lg);font-weight:500}.home-awaits-cta-button{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border:none;padding:16px 32px;border-radius:var(--radius-md);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.home-awaits-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.home-awaits-cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #cca06166}.home-awaits-cta-button:hover:before{left:100%}html[dir=rtl] .home-awaits-courses-title{border-right:none;border-left:1px solid rgba(255,255,255,.3)}html[dir=rtl] .home-arrows-container{display:none}html[dir=rtl] .home-rtl-arrows{display:block}@media (max-width: 992px){.home-combined-title-node{width:500px}.home-middle-row{flex-wrap:wrap;gap:40px;justify-content:center}.middle-title-node{width:100%;max-width:500px;margin:0 auto 30px}.home-courses-container{width:100%;justify-content:center;margin-bottom:20px}.home-videos-node{order:3;margin-top:20px}.home-bottom-row{flex-wrap:wrap;gap:30px;justify-content:center}.home-skill-node{width:110px}.home-diagram-container{gap:40px}}@media (max-width: 768px){.home-awaits-section-title{font-size:2rem}.home-diagram-container{gap:30px}.home-combined-title-node{width:100%;flex-direction:column}.home-awaits-courses-title,.home-tasks-title{width:100%;border:none;padding:16px;justify-content:center}.home-awaits-courses-title{border-bottom:1px solid rgba(255,255,255,.3)}.home-middle-row{flex-direction:column;align-items:center;gap:20px}.home-courses-container{flex-direction:column;align-items:center;gap:15px}.home-videos-node,.home-intensive-node{width:100%;max-width:300px}.home-bottom-row{flex-direction:column;align-items:center;gap:15px}.home-skill-node{width:100%;max-width:300px}.home-awaits-cta{margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.home-awaits-cta p{font-size:1rem}html[dir=rtl] .home-awaits-courses-title{border-left:none;border-bottom:1px solid rgba(255,255,255,.3)}.top-courses-container{flex-wrap:wrap;justify-content:center}.home-course-node{width:100%;max-width:250px;margin-bottom:10px}}@media (max-width: 576px){.home-awaits-section-title{font-size:1.75rem}.home-awaits-courses-title,.home-tasks-title{font-size:1rem;padding:12px}.home-videos-node h3,.home-course-node,.home-skill-node .home-node-content{font-size:.9rem}.home-skill-icon svg{width:20px;height:20px}.home-awaits-cta-button{padding:14px 24px;font-size:1rem}}.newsletter-section{padding:var(--spacing-3xl) 0;background-color:var(--white);position:relative;overflow:hidden}.paper-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0V0zm1 1v38h38V1H1z' fill='%23f0f0f0' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:0;opacity:.3}.newsletter-section .container{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:1}.newsletter-content{background-color:#fff;border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:0 15px 35px #00000014;border:2px solid var(--primary);text-align:center;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.newsletter-content.animate{opacity:1;transform:translateY(0)}.newsletter-section .section-title{margin-bottom:var(--spacing-xl);font-size:2rem;color:var(--primary);position:relative;display:inline-block}.newsletter-section .section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--secondary)}.newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:500px;margin:0 auto;opacity:0;transform:translateY(15px);transition:opacity .8s ease .2s,transform .8s ease .2s}.newsletter-form.animate{opacity:1;transform:translateY(0)}.input-container{position:relative;width:100%;background-color:var(--white);border:2px solid rgba(0,68,63,.2);border-radius:var(--radius-md);transition:border-color .3s ease;display:flex;align-items:center}.input-container:focus-within{border-color:var(--primary)}.input-icon{margin-left:15px;color:var(--primary)}.newsletter-form input{width:100%;padding:15px;border:none;background:transparent;font-size:1rem;color:var(--dark);outline:none;font-family:inherit}.newsletter-form input::placeholder{color:#999}.subscribe-button{background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:15px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.subscribe-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.subscribe-button:hover{background-color:#005a53;transform:translateY(-2px)}.subscribe-button:hover:before{left:100%}.subscribe-button:active{transform:translateY(0)}.button-text{display:inline-block}.button-icon{transition:transform .3s ease}.subscribe-button:hover .button-icon{transform:translate(4px)}.loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.message-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:var(--spacing-md);padding:10px 15px;border-radius:var(--radius-md);font-size:.9rem;animation:fadeIn .3s ease}.message-container.success{background-color:#0080001a;color:green}.message-container.error{background-color:#ff00001a;color:#d00}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.decoration-line{height:3px;background:linear-gradient(90deg,transparent,var(--secondary),transparent);margin-top:var(--spacing-2xl);width:100%;opacity:.7}html[dir=rtl] .input-icon{margin-left:0;margin-right:15px}html[dir=rtl] .subscribe-button:hover .button-icon{transform:translate(-4px)}html[dir=rtl] .subscribe-button:before{left:auto;right:-100%}html[dir=rtl] .subscribe-button:hover:before{left:auto;right:100%}@media (max-width: 992px){.newsletter-section .section-title{font-size:1.8rem}}@media (max-width: 768px){.newsletter-section{padding:var(--spacing-2xl) 0}.newsletter-section .section-title{font-size:1.5rem}.newsletter-content{padding:var(--spacing-xl)}}@media (min-width: 576px){.newsletter-form{flex-direction:row}.subscribe-button{white-space:nowrap}}@media (max-width: 576px){.newsletter-section .section-title{font-size:1.3rem}.newsletter-content{padding:var(--spacing-lg)}.newsletter-form input{padding:12px;font-size:.9rem}.subscribe-button{padding:12px 20px;font-size:.9rem}}.why-academy-video-section{padding:var(--spacing-3xl) 0;background-color:var(--white);position:relative;overflow:hidden}.why-academy-video-section .container{max-width:1000px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.why-academy-video-section .container.animate{opacity:1;transform:translateY(0)}.why-academy-video-section .why-section-title{text-align:center;margin-bottom:var(--spacing-2xl);font-size:2.5rem;color:var(--primary);position:relative;opacity:1}.why-academy-video-section .why-section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--secondary);opacity:0;transition:opacity .5s ease .3s}.why-academy-video-section .container.animate .why-section-title:after{opacity:1}.video-container{position:relative;margin:0 auto;max-width:800px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 15px 40px #00000026;opacity:0;transform:scale(.95);transition:opacity .8s ease,transform .8s ease;z-index:1}.video-container.animate{opacity:1;transform:scale(1)}.video-wrapper{position:relative;padding-top:56.25%;overflow:hidden;background-color:#000}.video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;z-index:10;display:flex;flex-direction:column;align-items:center;transition:opacity .3s ease,transform .3s ease}.play-button:hover .play-icon-container{transform:scale(1.1);background-color:var(--secondary)}.play-button.playing{opacity:0;pointer-events:none}.play-icon-container{width:80px;height:80px;border-radius:50%;background-color:var(--primary);display:flex;justify-content:center;align-items:center;margin-bottom:10px;transition:transform .3s ease,background-color .3s ease}.play-icon{color:#fff;margin-left:5px}.play-text{color:#fff;font-size:1rem;font-weight:500;background-color:#00000080;padding:5px 15px;border-radius:20px;margin-top:10px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;transition:opacity .3s ease;z-index:5}.video-overlay.hidden{opacity:0;pointer-events:none}.grid-pattern{position:absolute;width:200px;height:200px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0V0zm22 22H2V2h20v20z' fill='%2300443F' fill-opacity='0.05'/%3E%3C/svg%3E");z-index:0;opacity:.7}.top-left{top:-100px;left:-100px;transform:rotate(-15deg)}.bottom-right{bottom:-100px;right:-100px;transform:rotate(15deg)}html[dir=rtl] .play-icon{margin-left:0;margin-right:5px}@media (max-width: 992px){.why-academy-video-section .why-section-title{font-size:2rem}.play-icon-container{width:70px;height:70px}.play-icon{width:25px;height:25px}}@media (max-width: 768px){.why-academy-video-section{padding:var(--spacing-2xl) 0}.why-academy-video-section .why-section-title{font-size:1.75rem}.video-container{max-width:100%}.grid-pattern{width:150px;height:150px}}@media (max-width: 576px){.why-academy-video-section .why-section-title{font-size:1.5rem}.play-icon-container{width:60px;height:60px}.play-icon{width:20px;height:20px}.play-text{font-size:.9rem}}.home-reviews-section{padding:4rem 1rem;max-width:1200px;margin:0 auto;position:relative;background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 50%,#f5f7fa 100%);border-radius:var(--radius-lg)}.home-reviews-title{text-align:center;margin-bottom:3rem;font-size:2.2rem;color:var(--primary);position:relative}.home-reviews-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:2px}.home-reviews-loading,.home-reviews-error{text-align:center;padding:2rem;font-size:1.2rem;color:#666}.home-reviews-error{color:#d32f2f}.home-reviews-slider-container{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:2rem;min-height:380px}.home-reviews-slider{display:flex;gap:2rem;justify-content:center;width:100%;overflow:hidden;padding:1rem 0}.home-slider-arrow{background:linear-gradient(135deg,var(--primary),#005a53);border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:10;padding:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:50%;width:50px;height:50px;box-shadow:0 8px 24px #00443f33}.home-slider-arrow:hover{background:linear-gradient(135deg,var(--secondary),#d9b078);transform:scale(1.1);box-shadow:0 12px 32px #cca0614d}.home-slider-arrow-left{margin-right:1rem}.home-slider-arrow-right{margin-left:1rem}.home-review-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(135deg,#fff,#fefefe);border-radius:var(--radius-lg);padding:2rem 1.5rem;box-shadow:0 8px 32px #0000001a;width:100%;max-width:320px;transition:all .4s ease;border:2px solid rgba(0,68,63,.1);position:relative;overflow:hidden}.home-review-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--secondary),var(--primary));transform:scaleX(0);transition:transform .4s ease}.home-review-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000026;border-color:var(--secondary)}.home-review-card:hover:before{transform:scaleX(1)}.home-review-image-container{width:100px;height:100px;border-radius:50%;overflow:hidden;margin-bottom:1rem;border:3px solid var(--secondary);transition:all .3s ease}.home-review-card:hover .home-review-image-container{border-color:var(--primary);transform:scale(1.05)}.home-review-image{width:100%;height:100%;object-fit:cover}.home-review-name{font-size:1.2rem;font-weight:600;margin:.5rem 0;color:var(--primary)}.home-review-stars{display:flex;gap:.2rem;justify-content:center;margin-bottom:.8rem}.home-review-text{font-size:.95rem;line-height:1.6;color:#555;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-top:.5rem}.home-review-date{font-size:.8rem;color:#777;margin-top:.8rem}.home-reviews-controls{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.home-see-all-reviews-button,.home-write-review-button,.home-already-reviewed-button{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden}.home-see-all-reviews-button{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.home-see-all-reviews-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--primary),#005a53);transition:left .4s ease;z-index:-1}.home-see-all-reviews-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00443f33}.home-see-all-reviews-button:hover:before{left:0}.home-write-review-button{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;box-shadow:0 8px 24px #00443f33}.home-write-review-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.home-write-review-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00443f4d}.home-write-review-button:hover:before{left:100%}.home-already-reviewed-button{background-color:#e0e0e0;color:#888;cursor:not-allowed;border:2px solid #e0e0e0}.home-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.home-modal{background-color:#fff;border-radius:var(--radius-lg);max-width:90%;width:900px;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.home-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid rgba(0,68,63,.1);background:linear-gradient(135deg,#00443f0d,#cca0610d)}.home-modal-header h3{margin:0;font-size:1.5rem;color:var(--primary)}.home-modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:8px;border-radius:50%}.home-modal-close:hover{color:#d32f2f;background:#d32f2f1a}.home-modal-content{padding:1.5rem;overflow-y:auto}.home-reviews-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(0,68,63,.1)}.home-filter-group{display:flex;flex-direction:column;min-width:150px}.home-filter-group label{margin-bottom:.5rem;font-size:.9rem;color:var(--primary);font-weight:500}.home-filter-group select,.home-filter-group input{padding:8px 12px;border:2px solid rgba(0,68,63,.2);border-radius:var(--radius-sm);font-size:.9rem;transition:border-color .3s ease}.home-filter-group select:focus,.home-filter-group input:focus{outline:none;border-color:var(--primary)}.home-filter-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-basis:100%}.home-filter-apply-button,.home-filter-reset-button{padding:10px 20px;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:500}.home-filter-apply-button{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;border:none;display:flex;align-items:center;gap:.5rem}.home-filter-apply-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00443f33}.home-filter-reset-button{background-color:transparent;color:#666;border:2px solid #ddd}.home-filter-reset-button:hover{background-color:#f5f5f5;border-color:#ccc}.home-all-reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.home-no-reviews-message{grid-column:1 / -1;text-align:center;padding:2rem;color:#666}.home-review-form{display:flex;flex-direction:column;gap:1.5rem}.home-form-group{display:flex;flex-direction:column}.home-form-group label{margin-bottom:.5rem;font-weight:600;color:var(--primary)}.home-rating-input{display:flex;gap:.5rem}.home-form-group textarea{padding:12px;border:2px solid rgba(0,68,63,.2);border-radius:var(--radius-md);resize:vertical;font-family:inherit;font-size:.95rem;transition:border-color .3s ease}.home-form-group textarea:focus{outline:none;border-color:var(--primary)}.home-form-actions{display:flex;gap:1rem;margin-top:1rem}.home-submit-review-button,.home-cancel-button{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease}.home-submit-review-button{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;border:none}.home-submit-review-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00443f33}.home-cancel-button{background-color:transparent;color:#666;border:2px solid #ddd}.home-cancel-button:hover{background-color:#f5f5f5;border-color:#ccc}[dir=rtl] .home-reviews-slider-container{flex-direction:row-reverse}[dir=rtl] .home-slider-arrow-left{margin-right:0;margin-left:1rem}[dir=rtl] .home-slider-arrow-right{margin-left:0;margin-right:1rem}[dir=rtl] .home-review-stars,[dir=rtl] .home-filter-apply-button{flex-direction:row-reverse}@media (max-width: 768px){.home-reviews-slider{gap:1rem}.home-review-card{padding:1.5rem 1rem;max-width:280px}.home-review-image-container{width:80px;height:80px}.home-reviews-filters{flex-direction:column}.home-filter-group{width:100%}.home-filter-actions{flex-direction:column}.home-all-reviews-grid{grid-template-columns:1fr}.home-modal{width:95%;max-height:85vh}}@media (max-width: 480px){.home-reviews-slider-container{padding:0 .5rem}.home-reviews-slider{justify-content:flex-start}.home-review-card{min-width:100%}.home-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#00443fe6,#005a53e6);width:40px;height:40px}.home-slider-arrow-left{left:0}.home-slider-arrow-right{right:0}.home-reviews-controls{flex-direction:column;align-items:center}.home-see-all-reviews-button,.home-write-review-button,.home-already-reviewed-button{width:100%;max-width:300px}.home-form-actions{flex-direction:column}}.home-course-offerings-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--white) 0%,#f8f9fa 50%,#f5f7fa 100%);position:relative;overflow:hidden;min-height:70vh}.home-hexagon-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='80' height='46' viewBox='0 0 80 46' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2300443F' fill-opacity='0.03' fill-rule='evenodd'%3E%3Cpath d='M38 4.41H18L8 23 18 41.18h20L48 23z'/%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:0}.home-course-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.home-course-section-title{text-align:center;margin-bottom:var(--spacing-2xl);font-size:2.5rem;color:var(--primary);position:relative;opacity:0;transform:translateY(20px);transition:transform .8s ease,opacity .8s ease}.home-course-section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--secondary),var(--primary));opacity:0;transition:opacity .5s ease;border-radius:2px}.home-course-section-title.animate{opacity:1;transform:translateY(0)}.home-course-section-title.animate:after{opacity:1}.home-course-tabs{display:flex;justify-content:center;margin-bottom:var(--spacing-2xl);gap:var(--spacing-md);opacity:0;transform:translateY(15px);transition:opacity .6s ease,transform .6s ease}.home-course-tabs.animate{opacity:1;transform:translateY(0)}.home-tab-button{background-color:transparent;border:2px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);font-weight:600;font-size:1.1rem;padding:14px 28px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.home-tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--primary),#005a53);z-index:-1;transition:left .4s ease}.home-tab-button:hover{color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #00443f33}.home-tab-button:hover:before{left:0}.home-tab-button.active{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;border-color:var(--primary);box-shadow:0 8px 24px #00443f4d}.home-tab-button.active:before{left:0}.home-course-content{position:relative;min-height:400px}.home-course-details{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(30px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.home-course-details.active{opacity:1;transform:translate(0);pointer-events:auto}.home-course-header{margin-bottom:var(--spacing-xl);opacity:0;transform:translateY(15px);transition:opacity .6s ease,transform .6s ease}.home-course-header.animate{opacity:1;transform:translateY(0)}.home-course-title-area{text-align:center;margin-bottom:var(--spacing-md)}.home-course-title{font-size:2rem;color:var(--primary);margin:0 0 5px;position:relative}.home-course-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:2px}.home-course-subtitle{font-family:Noto Sans Arabic,sans-serif;font-size:1.3rem;color:var(--secondary);margin:0;opacity:.8}.home-feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-lg);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl)}.home-feature-card{background:linear-gradient(135deg,#fff,#fefefe);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 8px 32px #00000014;border:1px solid rgba(0,68,63,.1);transition:all .4s ease;opacity:0;transform:translateY(20px);position:relative;z-index:1;overflow:hidden;cursor:pointer}.home-feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--secondary),var(--primary));z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.home-feature-card:after{content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(204,160,97,.05),transparent);transition:right .6s ease}.home-feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0000001f;border-color:var(--secondary)}.home-feature-card:hover:before{transform:scaleX(1)}.home-feature-card:hover:after{right:100%}.home-feature-card:active{transform:translateY(-4px)}.home-feature-card.animate{opacity:1;transform:translateY(0);transition-delay:calc(var(--order, 0) * .1s + .1s)}.home-feature-card:nth-child(1){--order: 1}.home-feature-card:nth-child(2){--order: 2}.home-feature-card:nth-child(3){--order: 3}.home-feature-card:nth-child(4){--order: 4}.home-feature-card:nth-child(5){--order: 5}.home-feature-icon{background:linear-gradient(135deg,#00443f14,#cca06114);padding:8px;border-radius:50%;color:var(--primary);margin-bottom:var(--spacing-md);transition:all .4s ease}.home-feature-card:hover .home-feature-icon{transform:scale(1.1);background:linear-gradient(135deg,#cca06140,#00443f26);color:var(--secondary)}.home-feature-title{font-size:1rem;font-weight:600;color:var(--primary);margin:0 0 var(--spacing-sm) 0;line-height:1.4}.home-card-arrow{color:var(--secondary);margin-top:auto;transition:all .3s ease;opacity:.7}.home-feature-card:hover .home-card-arrow{opacity:1;transform:translate(4px)}.home-course-cta{text-align:center;margin-top:var(--spacing-xl)}.home-course-cta-button{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border:none;border-radius:var(--radius-md);padding:16px 32px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.home-course-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.home-course-cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #cca06166}.home-course-cta-button:hover:before{left:100%}html[dir=rtl] .home-feature-card:before{transform-origin:right}html[dir=rtl] .home-course-details{transform:translate(-30px)}html[dir=rtl] .home-course-details.active{transform:translate(0)}html[dir=rtl] .home-feature-card:hover .home-card-arrow{transform:translate(-4px)}@media (max-width: 992px){.home-course-section-title{font-size:2rem}.home-feature-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.home-course-title{font-size:1.8rem}}@media (max-width: 768px){.home-course-offerings-section{padding:var(--spacing-2xl) 0}.home-course-section-title{font-size:1.75rem;margin-bottom:var(--spacing-xl)}.home-tab-button{font-size:1rem;padding:12px 20px}.home-course-title{font-size:1.6rem}.home-course-subtitle{font-size:1.1rem}.home-feature-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.home-course-content{min-height:500px}}@media (max-width: 576px){.home-course-section-title{font-size:1.5rem}.home-course-tabs{flex-direction:column;align-items:center}.home-tab-button{width:100%;max-width:300px;justify-content:center}.home-feature-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto var(--spacing-xl) auto}.home-course-title{font-size:1.4rem}.home-feature-card{padding:var(--spacing-md)}.home-feature-title{font-size:.95rem}.home-course-content{min-height:600px}.home-course-cta-button{width:100%;max-width:300px}}.login-form-container{max-width:450px;margin:0 auto;padding:2rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 8px 30px #00000014}.login-form-title{color:var(--primary);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-group{flex-direction:row;justify-content:space-between;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.forgot-password-link{font-size:.9rem;color:var(--secondary);text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:var(--primary);text-decoration:underline}.login-button{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:.5rem}.login-button:hover{background-color:#003a36}.login-button:disabled{background-color:#ccc;cursor:not-allowed}.login-error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#ffebee;border-left:3px solid #f44336;color:#d32f2f;font-size:.9rem;margin-bottom:1.5rem;border-radius:var(--radius-sm)}.login-success{text-align:center;padding:1.5rem}.login-success h2{color:#388e3c;margin-bottom:1rem}.admin-options{margin-top:1rem}.admin-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.admin-button{padding:.8rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.admin-button.primary{background-color:var(--primary);color:var(--white)}.admin-button.primary:hover{background-color:#003a36}.admin-button.secondary{background-color:#e0e0e0;color:#333}.admin-button.secondary:hover{background-color:#d0d0d0}@media (min-width: 576px){.admin-buttons{flex-direction:row;justify-content:center}}.login-footer{text-align:center;margin-top:1rem;font-size:.9rem;color:#666}.register-link{color:var(--secondary);text-decoration:none;font-weight:500;transition:color .2s ease}.register-link:hover{color:var(--primary);text-decoration:underline}html[dir=rtl] .login-error-message{border-left:none;border-right:3px solid #f44336}@media (max-width: 576px){.login-form-container{padding:1.5rem;box-shadow:none}.login-form-title{font-size:1.5rem}.checkbox-group{flex-direction:column;align-items:flex-start;gap:.75rem}.forgot-password-link{align-self:flex-start}}.registration-form-container{max-width:500px;margin:0 auto;padding:2rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 8px 30px #00000014}.registration-form-title{color:var(--primary);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.registration-form{display:flex;flex-direction:column;gap:1.25rem}.step-indicators{display:flex;justify-content:center;margin-bottom:2rem;gap:.75rem;position:relative}.step-indicators:before{content:"";position:absolute;top:50%;left:25%;right:25%;height:2px;background-color:#e0e0e0;z-index:1;transform:translateY(-50%)}.step-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#f0f0f0;color:#757575;font-weight:500;z-index:2;transition:all .3s ease;position:relative}.step-indicator.active{background-color:var(--primary);color:var(--white);transform:scale(1.1)}.step-indicator.completed{background-color:var(--secondary);color:var(--white)}.registration-step{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{color:var(--primary);font-size:1.3rem;margin-bottom:1.2rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-weight:500;color:var(--primary);font-size:.9rem}.form-group input[type=text],.form-group input[type=password],.form-group input[type=email]{padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:var(--radius-md);font-size:1rem;transition:all .2s ease}.form-group input[type=text]:focus,.form-group input[type=password]:focus,.form-group input[type=email]:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 2px #cca06133}.form-group input.has-error{border-color:#f44336}.error-message{color:#f44336;font-size:.8rem;margin-top:.25rem}.password-strength{margin-top:.5rem}.password-strength-bar{height:4px;background-color:#f0f0f0;border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.password-strength-fill[data-strength=weak]{background-color:#f44336}.password-strength-fill[data-strength=medium]{background-color:#ff9800}.password-strength-fill[data-strength=strong]{background-color:#4caf50}.password-strength-fill[data-strength="very strong"]{background-color:#2e7d32}.password-strength-label{font-size:.75rem;color:#757575;margin-top:.25rem;text-align:right}.checkbox-group{margin-top:1rem}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}.checkbox-label.has-error .checkbox-text{color:#f44336}.checkbox-text{font-size:.9rem;color:#666}.form-buttons{display:flex;justify-content:space-between;margin-top:1.5rem}.prev-button,.next-button,.submit-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.prev-button{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}.prev-button:hover{background-color:#00443f0d}.next-button,.submit-button{background-color:var(--primary);color:var(--white);border:none}.next-button:hover,.submit-button:hover{background-color:#003a36}.submit-button{padding:.75rem 1.5rem;font-size:1rem}.next-button:disabled,.prev-button:disabled,.submit-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:spin 1s ease-in-out infinite}.registration-error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#ffebee;border-left:3px solid #f44336;color:#d32f2f;font-size:.9rem;margin-bottom:1.5rem;border-radius:var(--radius-sm)}.registration-success{text-align:center;padding:1.5rem}.registration-success h2{color:#388e3c;margin-bottom:1rem}.registration-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#666}.login-link{color:var(--secondary);text-decoration:none;font-weight:500;transition:color .2s ease}.login-link:hover{color:var(--primary);text-decoration:underline}html[dir=rtl] .registration-error-message{border-left:none;border-right:3px solid #f44336}html[dir=rtl] .checkbox-label{flex-direction:row-reverse}html[dir=rtl] .step-indicators:before{left:25%;right:25%}html[dir=rtl] .password-strength-label{text-align:left}@media (max-width: 576px){.registration-form-container{padding:1.5rem;box-shadow:none}.registration-form-title{font-size:1.5rem}.step-title{font-size:1.2rem}.form-buttons{flex-direction:column;gap:1rem}.prev-button,.next-button,.submit-button{width:100%;justify-content:center}.step-indicators{margin-bottom:1.5rem}}.user-dashboard-container{max-width:1200px;margin:0 auto;padding:2rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 8px 30px #00000014}.dashboard-header{margin-bottom:2rem;text-align:center}.welcome-message{color:var(--primary);font-size:1.8rem;margin-bottom:.5rem}.welcome-subtitle{color:#757575;font-size:1rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.dashboard-card{background-color:var(--white);border-radius:var(--radius-md);border:1px solid #f0f0f0;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #f0f0f0;background-color:#f9f9f9}.card-title{margin:0;font-size:1.1rem;color:var(--primary);font-weight:600}.card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#00443f1a;color:var(--primary)}.card-content{padding:1.25rem}.account-info{margin-bottom:1.25rem}.info-item{display:flex;margin-bottom:.75rem}.info-label{flex:0 0 100px;font-weight:500;color:#616161}.info-value{color:#212121}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.activity-item:last-child{border-bottom:none}.activity-icon{margin-right:1rem}.icon-circle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#cca0611a;color:var(--secondary)}.activity-details{flex:1}.activity-content{margin-bottom:.25rem;color:#212121}.activity-time{font-size:.8rem;color:#757575}.subscription-info{margin-bottom:1.25rem}.subscription-plan{display:flex;align-items:center;margin-bottom:.75rem}.plan-name{font-size:1.1rem;font-weight:600;color:#212121;margin-right:.75rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.status-badge.active{background-color:#e8f5e9;color:#2e7d32}.status-badge.inactive{background-color:#ffebee;color:#c62828}.subscription-expiry{margin-bottom:1rem;color:#616161;font-size:.9rem}.subscription-features{margin-top:1rem}.features-title{font-size:.9rem;color:#616161;margin-bottom:.5rem}.features-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#212121;font-size:.9rem}.feature-item svg{color:#4caf50;flex-shrink:0}.notifications-list{list-style:none;padding:0;margin:0}.notification-item{padding:.75rem;border-radius:var(--radius-sm);margin-bottom:.5rem;cursor:pointer;transition:background-color .2s ease}.notification-item:hover{background-color:#f5f5f5}.notification-item.unread{background-color:#cca0610d;border-left:3px solid var(--secondary)}.notification-content{margin-bottom:.25rem;color:#212121}.notification-time{font-size:.8rem;color:#757575}.quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.quick-link{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;border-radius:var(--radius-md);text-decoration:none;transition:background-color .2s ease;color:#212121}.quick-link:hover{background-color:#f5f5f5}.quick-link-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#00443f1a;color:var(--primary);margin-bottom:.5rem}.quick-link.logout .quick-link-icon{background-color:#c628281a;color:#c62828}.quick-link-text{font-size:.9rem;font-weight:500}.card-actions{margin-top:1.25rem;text-align:center}.card-action-button{display:inline-block;padding:.6rem 1.2rem;background-color:var(--primary);color:var(--white);text-decoration:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:background-color .2s ease}.card-action-button:hover{background-color:#003a36}.empty-state{text-align:center;padding:1.5rem 0;color:#757575}.user-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 8px 30px #00000014}.user-dashboard-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(0,68,63,.2);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.user-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 8px 30px #00000014;color:#c62828}.user-dashboard-error svg{margin-bottom:1rem}html[dir=rtl] .activity-icon{margin-right:0;margin-left:1rem}html[dir=rtl] .plan-name{margin-right:0;margin-left:.75rem}html[dir=rtl] .notification-item.unread{border-left:none;border-right:3px solid var(--secondary)}@media (max-width: 992px){.dashboard-cards{grid-template-columns:1fr}}@media (max-width: 768px){.user-dashboard-container{padding:1.5rem;border-radius:var(--radius-md)}.welcome-message{font-size:1.5rem}.info-item{flex-direction:column}.info-label{margin-bottom:.25rem}.quick-links{grid-template-columns:repeat(3,1fr)}}@media (max-width: 576px){.quick-links{grid-template-columns:repeat(2,1fr)}.activity-item{flex-direction:column}.activity-icon{margin-bottom:.5rem}.features-list{display:grid;grid-template-columns:1fr}}.user-profile-container{max-width:800px;margin:0 auto;padding:2rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 8px 30px #00000014}.profile-header{text-align:center;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid #f0f0f0}.profile-avatar{position:relative;width:120px;height:120px;border-radius:50%;margin:0 auto 1rem;overflow:visible;background-color:#f5f5f5;box-shadow:0 4px 12px #0000001a}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9e9e9e}.avatar-upload-label{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background-color:var(--secondary);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;z-index:100}.avatar-upload-label:hover{background-color:var(--primary)}.profile-name{font-size:1.5rem;color:var(--primary);margin-bottom:.5rem}.profile-role{font-size:.9rem;color:#757575;text-transform:capitalize}.profile-section{margin-bottom:2rem}.section-title{font-size:1.2rem;color:var(--primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.profile-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.profile-field{margin-bottom:1rem}.field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.field-label{font-weight:500;color:#616161;font-size:.9rem}.field-value{color:#212121;padding:.5rem 0}.field-value.readonly{color:#757575}.empty-value{color:#9e9e9e;font-style:italic}.change-password-link{color:var(--secondary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.change-password-link:hover{color:var(--primary);text-decoration:underline}.edit-button{background:none;border:none;color:var(--secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:background-color .2s ease}.edit-button:hover{background-color:#cca0611a}.field-edit{display:flex;align-items:center;gap:.5rem}.field-input{flex:1;padding:.6rem .8rem;border:1px solid #e0e0e0;border-radius:var(--radius-md);font-size:.95rem;transition:all .2s ease}.field-input:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 2px #cca06133}.field-actions{display:flex;gap:.5rem}.save-button,.cancel-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color .2s ease}.save-button{background-color:var(--primary);color:var(--white)}.save-button:hover{background-color:#003a36}.save-button:disabled{background-color:#b0b0b0;cursor:not-allowed}.cancel-button{background-color:#f5f5f5;color:#757575}.cancel-button:hover{background-color:#e0e0e0}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:spin 1s ease-in-out infinite}.subscription-info{background-color:#f5f5f5;border-radius:var(--radius-md);padding:1.25rem}.subscription-status{font-size:1.1rem;color:#212121;margin-bottom:.5rem}.subscription-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.status-active{display:inline-flex;align-items:center;background-color:#e8f5e9;color:#2e7d32;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:500}.status-inactive{display:inline-flex;align-items:center;background-color:#ffebee;color:#c62828;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:500}.expiry-date{font-size:.9rem;color:#616161}.subscription-actions{margin-top:1rem}.manage-subscription-button{display:inline-block;padding:.6rem 1.2rem;background-color:var(--secondary);color:var(--white);border-radius:var(--radius-md);text-decoration:none;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.manage-subscription-button:hover{background-color:#b58b4e}.profile-actions{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.dashboard-link,.logout-link{text-decoration:none;padding:.6rem 1.2rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all .2s ease}.dashboard-link{background-color:#f5f5f5;color:#616161}.dashboard-link:hover{background-color:#e0e0e0}.logout-link{background-color:#ffebee;color:#c62828}.logout-link:hover{background-color:#ffcdd2}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;animation:fadeIn .3s ease}.error-message{display:flex;align-items:center;gap:.5rem;background-color:#ffebee;color:#c62828;padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;animation:fadeIn .3s ease}.user-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 8px 30px #00000014}.user-profile-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(0,68,63,.2);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.user-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 8px 30px #00000014;color:#c62828}.user-profile-error svg{margin-bottom:1rem}.retry-button{margin-top:1rem;padding:.6rem 1.2rem;background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:#003a36}html[dir=rtl] .field-actions{flex-direction:row-reverse}html[dir=rtl] .avatar-upload-label{right:auto;left:0}@media (max-width: 768px){.user-profile-container{padding:1.5rem;border-radius:var(--radius-md)}.profile-fields{grid-template-columns:1fr;gap:1rem}.profile-avatar{width:100px;height:100px}.profile-actions{flex-direction:column;gap:1rem}.dashboard-link,.logout-link{text-align:center;width:100%}}@media (max-width: 576px){.field-edit{flex-direction:column;align-items:stretch;gap:.75rem}.field-actions{justify-content:flex-end}.subscription-details{flex-direction:column;gap:.5rem}}.level-navigator{position:relative;width:100%;z-index:10}.level-navigator-current{display:flex;align-items:center;background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .3s ease}.level-navigator-current:hover{box-shadow:var(--shadow-md)}.level-label{font-weight:500;margin-right:var(--spacing-xs);color:var(--black)}.level-name{font-weight:600;color:var(--primary);flex:1}.level-icon{margin-left:var(--spacing-xs)}.level-navigator-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:var(--white);border-radius:var(--radius-md);box-shadow:0 8px 30px #0000001a;overflow:hidden;animation:fadeIn .2s ease forwards}.level-list{list-style:none;padding:0;margin:0}.level-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s ease}.level-item:last-child{border-bottom:none}.level-item.is-unlocked{cursor:pointer}.level-item.is-unlocked:hover{background-color:#00000008}.level-item.is-selected{background-color:rgba(var(--primary-rgb),.1)}.level-item.is-locked{opacity:.6;cursor:not-allowed}.level-item-name{flex:1;font-weight:500}.level-item-icon{margin-left:var(--spacing-xs)}.level-item-icon-check{color:green}.level-item-icon-lock{color:var(--secondary)}.level-item-percentage{font-size:.9em;color:var(--primary);font-weight:600}.level-item.is-admin-unlocked{border-left:3px solid #667eea;background:linear-gradient(90deg,rgba(102,126,234,.05) 0%,transparent 100%)}.level-item.is-admin-unlocked .level-item-name{color:#667eea;font-weight:600}.level-item-admin-badge{font-size:.875rem;margin-left:var(--spacing-xs);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}[dir=rtl] .level-label{margin-right:0;margin-left:var(--spacing-xs)}[dir=rtl] .level-icon,[dir=rtl] .level-item-icon,[dir=rtl] .level-item-admin-badge{margin-left:0;margin-right:var(--spacing-xs)}[dir=rtl] .level-item.is-admin-unlocked{border-left:none;border-right:3px solid #667eea;background:linear-gradient(270deg,rgba(102,126,234,.05) 0%,transparent 100%)}.level-navigator-refresh{position:absolute;top:0;right:-36px;width:32px;height:32px;border-radius:50%;display:none;align-items:center;justify-content:center;background-color:var(--white);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.level-navigator-refresh:hover{background-color:rgba(var(--primary-rgb),.1)}.level-navigator-refresh:disabled{opacity:.6;cursor:not-allowed}.level-refresh-icon{transition:transform .5s ease}.level-refresh-icon.is-spinning{animation:spin 1s linear infinite}[dir=rtl] .level-navigator-refresh{right:auto;left:-36px}@media (max-width: 480px){.level-navigator-current{padding:var(--spacing-xs) var(--spacing-sm)}.level-label{font-size:.9rem}.level-name{font-size:.95rem}.level-navigator-refresh{top:-8px;right:-8px;width:28px;height:28px;background-color:var(--white);box-shadow:var(--shadow-sm)}[dir=rtl] .level-navigator-refresh{right:auto;left:-8px}}.progress-bar-fill.has-progress{background-color:#4caf50;transition:width .6s ease-out}.progress-text.has-progress{color:#2e7d32;font-weight:500;transition:color .3s ease-in-out}.lesson-type-card{background-color:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.lesson-type-card:hover{box-shadow:var(--shadow-md)}.lesson-type-card-image{height:160px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.lesson-type-card-preview-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background-color:#0009;color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;display:flex;align-items:center;gap:4px}.lesson-type-card-content{padding:var(--spacing-md);display:flex;flex-direction:column;flex:1}.lesson-type-card-title{margin-top:0;margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:600;color:var(--primary)}.lesson-type-card-description{margin-top:0;margin-bottom:var(--spacing-md);color:var(--secondary);font-size:.9rem;line-height:1.4;flex:1}.lesson-type-card-footer{margin-top:auto}.lesson-type-card-progress{margin-bottom:var(--spacing-sm)}.progress-bar{height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-bottom:4px}.progress-bar-fill{height:100%;background-color:var(--primary);border-radius:3px}.progress-text{font-size:.8rem;color:var(--secondary)}.lesson-type-card-action{display:flex;justify-content:center}.lesson-type-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;width:100%;transition:background-color .2s ease}.lesson-type-button:hover{background-color:var(--primary-dark);opacity:1}.lesson-type-button.is-locked{background-color:var(--secondary)}.lesson-type-button.is-locked:hover{background-color:var(--secondary-dark)}[dir=rtl] .lesson-type-card-preview-badge{right:auto;left:var(--spacing-xs)}@media (max-width: 480px){.lesson-type-card-image{height:140px}.lesson-type-card-content{padding:var(--spacing-sm)}}.lesson-type-grid{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.lesson-type-grid-title{font-size:1.3rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-md);color:var(--primary);position:relative;display:flex}.lesson-type-grid-title:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--secondary);transition:width 1s ease .3s;animation:fadeInWidth .8s ease forwards}.lesson-type-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.lesson-type-grid-loading,.lesson-type-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.lesson-type-grid-empty p{color:var(--secondary);font-style:italic}@media (max-width: 480px){.lesson-type-cards{grid-template-columns:1fr}.lesson-type-grid{padding:var(--spacing-sm)}}@media (min-width: 481px) and (max-width: 768px){.lesson-type-cards{grid-template-columns:repeat(2,1fr)}}.progress-summary{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.progress-summary-empty{padding:var(--spacing-md);text-align:center;color:var(--text-medium);font-style:italic}.progress-summary-error{padding:var(--spacing-md);text-align:center;color:var(--error);font-style:italic}.progress-summary-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.progress-summary-title{display:flex;align-items:center;font-size:1.2rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-md);color:var(--primary)}.progress-summary-icon{margin-right:var(--spacing-xs)}.progress-summary-card{background-color:rgba(var(--primary-rgb),.05);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.progress-summary-overall{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-md)}.progress-circle{width:100px;height:100px;margin-bottom:var(--spacing-xs);position:relative}.progress-refresh-container{position:absolute;bottom:0;right:0;transform:translate(15%,15%);display:none}.progress-circle-bg{fill:none;stroke:#e6e6e6;stroke-width:2.8}.progress-circle-fill{fill:none;stroke:var(--primary);stroke-width:2.8;stroke-linecap:round}.progress-circle-text{font-size:1.75rem;color:var(--primary);font-weight:600;text-align:center}.progress-summary-label{font-size:.9rem;color:var(--secondary);text-align:center;margin:0}.progress-summary-details{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.progress-summary-item{display:flex;align-items:center;gap:var(--spacing-sm)}.progress-summary-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.progress-summary-item-content{display:flex;flex-direction:column}.progress-summary-item-label{font-size:.8rem;color:var(--secondary)}.progress-summary-item-value{font-weight:600;color:var(--black)}.progress-summary-subtitle{font-size:1rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-sm);color:var(--primary)}.progress-summary-level-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.progress-summary-level-item{display:flex;flex-direction:column;gap:4px}.progress-summary-level-name{font-size:.9rem;font-weight:500;color:var(--black)}.ps-custom{background-color:#efefef}[dir=rtl] .progress-summary-icon{margin-right:0;margin-left:var(--spacing-xs)}[dir=rtl] .progress-circle-svg{transform:rotate(-90deg) scaleX(-1)}.progress-circle-text-container{position:absolute;display:flex;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center}@media (min-width: 768px) and (max-width: 1023px){.progress-summary-card{flex-direction:row;align-items:center;justify-content:space-between}.progress-summary-overall{margin-bottom:0;margin-right:var(--spacing-md)}[dir=rtl] .progress-summary-overall{margin-right:0;margin-left:var(--spacing-md)}}@media (max-width: 767px){.progress-circle{width:80px;height:80px}}.subscription-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .3s ease forwards}.subscription-modal{background-color:var(--white);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease forwards}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.subscription-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.1)}.subscription-modal-title{margin:0;font-size:1.3rem;font-weight:600;color:var(--primary)}.subscription-modal-close{background:none;border:none;color:var(--secondary);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.subscription-modal-close:hover{background-color:#0000000d;color:var(--black)}.subscription-modal-content{padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;text-align:center}.subscription-modal-icon{color:var(--primary);margin-bottom:var(--spacing-md)}.subscription-modal-message{font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--black)}.subscription-modal-comingsoon{font-weight:600;color:var(--primary);margin-bottom:var(--spacing-md)}.subscription-modal-subtitle{font-size:1.1rem;font-weight:600;margin-top:0;margin-bottom:var(--spacing-sm);color:var(--primary);align-self:flex-start}.subscription-benefits-list{list-style:none;padding:0;margin:0;text-align:left;width:100%}.subscription-benefit-item{position:relative;padding-left:24px;margin-bottom:var(--spacing-xs);line-height:1.5}.subscription-benefit-item:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.subscription-modal-footer{padding:var(--spacing-md);border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:center}.subscription-modal-button{background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.subscription-modal-button:hover{background-color:var(--primary-dark)}[dir=rtl] .subscription-benefit-item{padding-left:0;padding-right:24px;text-align:right}[dir=rtl] .subscription-benefit-item:before{left:auto;right:0}@media (max-width: 480px){.subscription-modal{max-width:100%;max-height:80vh}.subscription-modal-header,.subscription-modal-content,.subscription-modal-footer{padding:var(--spacing-sm)}.subscription-modal-title{font-size:1.2rem}.subscription-modal-message{font-size:1rem}}.courses-page{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:1200px;margin:0 auto;padding:var(--spacing-md);min-height:100vh}.courses-main{flex:1;order:2}.courses-sidebar{width:100%;order:1}.courses-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.courses-header-line{width:90%;height:1px;background-color:var(--primary);margin-bottom:var(--spacing-sm)}.courses-title{display:flex;align-items:center;font-size:1.8rem;font-weight:600;color:var(--primary);margin:0}.courses-icon{margin-right:var(--spacing-xs)}.admin-indicator{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;display:none;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000001a;animation:admin-glow 2s ease-in-out infinite alternate;margin-top:.5rem}@keyframes admin-glow{0%{box-shadow:0 2px 4px #0000001a}to{box-shadow:0 4px 12px #667eea4d}}.courses-intro{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.courses-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:var(--spacing-sm)}@media (min-width: 768px){.courses-page{flex-direction:row;padding:var(--spacing-lg)}.courses-main{flex:3;order:1}.courses-sidebar{flex:1;order:2;min-width:280px;max-width:320px}.courses-header{flex-direction:row;justify-content:space-between;align-items:center}.admin-indicator{margin-top:0;margin-left:auto;margin-right:1rem}}[dir=rtl] .courses-icon{margin-right:0;margin-left:var(--spacing-xs)}[dir=rtl] .admin-indicator{margin-left:0;margin-right:auto}@media (min-width: 768px){[dir=rtl] .admin-indicator{margin-right:1rem;margin-left:auto}}.task-navigator-container{position:relative;width:100%;margin-bottom:1.5rem;display:flex;align-items:center}.task-navigator{display:flex;gap:24px;width:100%;overflow-x:auto;padding:4px 2px 12px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;justify-content:center}.task-navigator::-webkit-scrollbar{display:none}.task-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:130px;padding:16px 12px;border-radius:12px;background-color:var(--white, #ffffff);border:1px solid var(--primary-light, #e1e8f5);box-shadow:0 2px 8px #0000000f;transition:all .25s ease-in-out;position:relative;cursor:pointer}.task-number{position:absolute;top:8px;left:8px;width:20px;height:20px;background-color:var(--primary, #3c64b1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;z-index:3;box-shadow:0 1px 3px #0003}.task-type-card.is-selected .task-number{background-color:var(--secondary, #f8b500)}.task-type-card.is-completed .task-number{background-color:#4ade80}.task-type-card.is-selected{background-color:var(--primary-light, #e1e8f5);border-color:var(--primary, #3c64b1);box-shadow:0 6px 12px #3c64b126;transform:translateY(-2px)}.task-type-card:hover:not(.is-selected){background-color:var(--white, #ffffff);box-shadow:0 5px 10px #0000001a;transform:translateY(-3px)}.task-type-card.is-completed{position:relative;overflow:hidden}.task-completed-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#4ade8026;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.task-completed-icon{position:absolute;top:8px;right:8px;background-color:#4ade80e6;color:#fff;padding:4px;border-radius:50%;box-shadow:0 2px 4px #0000001a}.task-type-icon{margin-bottom:10px;color:var(--primary, #3c64b1);position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#3c64b114;border-radius:50%;transition:all .25s ease;z-index:1}.task-type-card.is-selected .task-type-icon{background-color:#3c64b126;transform:scale(1.05)}.premium-lock-icon{position:absolute;top:-5px;right:-5px;background-color:var(--secondary, #f8b500);border-radius:50%;padding:2px;color:#fff;box-shadow:0 2px 4px #0003}.task-type-label{font-size:.95rem;font-weight:600;text-align:center;margin-bottom:8px;color:var(--black, #2c3e50);z-index:1}.task-type-progress{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1}.progress-bar{width:100%;height:5px;background-color:#0000000f;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary, #3c64b1);border-radius:3px;transition:width .3s ease-in-out}.task-type-card.is-completed .progress-fill{background-color:#4ade80}.task-type-card.is-selected .progress-fill{background-color:var(--secondary, #f8b500)}.progress-text{font-size:.75rem;color:var(--gray, #6c757d);font-weight:500;white-space:nowrap;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis}.navigator-scroller{position:absolute;height:40px;width:32px;display:flex;align-items:center;justify-content:center;background-color:var(--white, #ffffff);border:1px solid var(--primary-light, #e1e8f5);border-radius:var(--radius-sm, 4px);cursor:pointer;z-index:2;box-shadow:0 2px 6px #0000001f;transition:all .2s ease}.navigator-scroller span{font-size:1.8rem;line-height:1;color:var(--primary, #3c64b1);-webkit-user-select:none;user-select:none}.scroller-left{left:-4px}.scroller-right{right:-4px}.navigator-scroller:hover{background-color:var(--primary-light, #e1e8f5)}.task-type-card.is-premium{background-color:var(--white, #ffffff);border:1px dashed var(--secondary, #f8b500)}.task-type-card.is-premium .task-type-icon{color:var(--secondary, #f8b500);background-color:#f8b50014}@media (min-width: 769px) and (max-width: 1024px){.task-navigator{gap:20px}.task-type-card{min-width:120px;padding:12px 10px}.task-type-icon{width:42px;height:42px}.task-type-icon svg{transform:scale(.9)}.task-completed-icon{top:6px;right:6px;padding:3px}.task-number{width:18px;height:18px;font-size:.65rem;top:6px;left:6px}}@media (max-width: 768px){.task-navigator-container{margin-bottom:1.25rem}.task-navigator{gap:16px}.task-type-card{min-width:110px;padding:10px 8px}.task-type-icon{width:40px;height:40px;margin-bottom:8px}.task-type-icon svg{transform:scale(.85)}.task-type-label{font-size:.85rem}.navigator-scroller{width:28px;height:35px}.navigator-scroller span{font-size:1.5rem}.task-completed-icon{top:5px;right:5px;padding:3px;transform:scale(.9)}.task-number{width:16px;height:16px;font-size:.6rem;top:5px;left:5px}}@media (max-width: 480px){.task-navigator-container{margin-bottom:1rem}.task-navigator{gap:12px}.task-type-card{min-width:90px;padding:8px 6px}.task-type-icon{width:36px;height:36px;margin-bottom:6px}.task-type-icon svg{transform:scale(.8)}.task-type-label{font-size:.8rem;margin-bottom:6px}.progress-bar{height:4px}.progress-text{font-size:.7rem}.task-completed-icon{top:4px;right:4px;padding:2px;transform:scale(.8)}.task-number{width:14px;height:14px;font-size:.55rem;top:4px;left:4px}}[dir=rtl] .scroller-left{left:auto;right:-4px}[dir=rtl] .scroller-right{right:auto;left:-4px}[dir=rtl] .premium-lock-icon{right:auto;left:-5px}[dir=rtl] .task-completed-icon{right:auto;left:8px}[dir=rtl] .task-number{left:auto;right:8px}@media (min-width: 769px) and (max-width: 1024px){[dir=rtl] .task-number{right:6px}}@media (max-width: 768px){[dir=rtl] .task-completed-icon{left:5px}[dir=rtl] .task-number{right:5px}}@media (max-width: 480px){[dir=rtl] .task-completed-icon{left:4px}[dir=rtl] .task-number{right:4px}}.alhikma-task-completion-container{display:flex;flex-direction:column;align-items:center;margin:1rem 0;width:100%;position:relative}.alhikma-task-completion-button{background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:300px}.alhikma-task-completion-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.alhikma-task-completion-button:active{transform:translateY(0)}.alhikma-task-completion-button:disabled{background-color:var(--primary-light);cursor:not-allowed;transform:none}.alhikma-completion-ribbon{position:relative;width:100%;max-width:300px;margin:1rem 0;overflow:hidden;z-index:5}.alhikma-ribbon-content{display:flex;align-items:center;justify-content:center;background-color:var(--success);color:#fff;text-align:center;padding:.75rem;gap:.5rem;font-weight:600;box-shadow:0 2px 4px #0000001a;position:relative;border-radius:var(--radius-md);animation:alhikma-ribbon-slide .5s ease-out forwards}.alhikma-ribbon-content:before,.alhikma-ribbon-content:after{content:"";position:absolute;z-index:-1;bottom:-5px;border-style:solid;border-width:0 5px 5px 0;border-color:transparent}.alhikma-ribbon-content:before{left:0;border-right-color:var(--success-dark, #056629)}.alhikma-ribbon-content:after{right:0;border-left-color:var(--success-dark, #056629);border-width:0 0 5px 5px}@keyframes alhikma-ribbon-slide{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}.alhikma-task-completion-error{color:var(--error);display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem 1rem;background-color:var(--error-light);border-radius:var(--radius-md);width:100%;max-width:300px}.alhikma-button-loading-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:alhikma-spin .8s linear infinite}@keyframes alhikma-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.alhikma-task-completion-button,.alhikma-completion-ribbon{transition:none;animation:none}}[dir=rtl] .alhikma-task-completion-button,[dir=rtl] .alhikma-task-completion-error,[dir=rtl] .alhikma-ribbon-content{flex-direction:row-reverse}@media (max-width: 768px){.alhikma-task-completion-button{width:100%;max-width:none;padding:.875rem 1rem}.alhikma-completion-ribbon,.alhikma-task-completion-error{width:100%;max-width:none}}.audio-player-component{background-color:var(--white, #ffffff);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 4px 12px #0000000d;width:100%}.audio-player-component.compact{padding:.875rem;gap:.75rem;border-radius:8px}.audio-player-controls{display:flex;flex-direction:column;gap:1.25rem}.audio-main-controls{display:flex;align-items:center;gap:1.25rem;width:100%}.compact .audio-main-controls{gap:.875rem}.audio-play-button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:var(--primary, #3c64b1);color:#fff;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #3c64b133;flex-shrink:0}.compact .audio-play-button{width:40px;height:40px}.audio-play-button:hover{background-color:var(--primary-dark, #2c4d82);transform:scale(1.05);box-shadow:0 6px 16px #3c64b14d}.audio-info{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.compact .audio-info{gap:.25rem}.audio-title{font-weight:600;display:block;font-size:1.1rem;color:var(--primary, #3c64b1);margin-bottom:.25rem}.compact .audio-title{font-size:.95rem;margin-bottom:.125rem}.audio-progress{display:flex;flex-direction:column;gap:.35rem;width:100%}.compact .audio-progress{gap:.25rem}.audio-progress-bar{height:6px;background-color:#e2e8f0;border-radius:3px;overflow:hidden;cursor:pointer;position:relative}.compact .audio-progress-bar{height:4px}.audio-progress-bar-fill{height:100%;background-color:var(--primary, #3c64b1);border-radius:3px;transition:width .1s linear}.audio-time{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary, #64748b);font-weight:500}.compact .audio-time{font-size:.75rem}.audio-controls-extra{display:flex;gap:.75rem;margin-left:auto;align-items:center}.compact .audio-controls-extra{gap:.5rem}.audio-control-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f1f5f9;color:var(--text-secondary, #64748b);border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.compact .audio-control-button{width:30px;height:30px}.audio-control-button:hover{background-color:#e2e8f0;color:var(--primary, #3c64b1)}.volume-control{display:flex;align-items:center;gap:.5rem;position:relative}.volume-control:hover .volume-slider{width:80px;opacity:1}.volume-slider{height:4px;width:0;opacity:0;background-color:#e2e8f0;border-radius:2px;overflow:hidden;cursor:pointer;transition:all .2s ease}.volume-slider-fill{height:100%;background-color:var(--primary, #3c64b1);border-radius:2px}.transcript-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.transcript-toggle:hover,.transcript-toggle.is-active{background-color:var(--primary-light, #edf2f7);border-color:var(--primary, #3c64b1);color:var(--primary, #3c64b1)}.audio-transcript{margin-top:.5rem;padding:1.25rem;border-radius:8px;background-color:#f8fafc;border:1px solid #e2e8f0;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.transcript-title{font-size:1rem;margin:0 0 .75rem;color:var(--text-secondary, #64748b);font-weight:600}.transcript-text{font-size:1rem;line-height:1.6;margin:0;color:var(--text-primary, #334155);white-space:pre-line}[dir=rtl] .transcript-toggle{flex-direction:row-reverse}[dir=rtl] .audio-controls-extra{margin-right:auto;margin-left:0}@media (max-width: 768px){.audio-player-component{padding:1rem}.audio-main-controls{flex-direction:column;align-items:flex-start;gap:1rem}.audio-play-button{width:46px;height:46px}.audio-info{width:100%}.audio-controls-extra{margin:.5rem 0 0;align-self:flex-end}.compact .audio-main-controls{flex-direction:row;align-items:center;gap:.75rem}.compact .audio-controls-extra{margin-left:auto;margin-top:0}}@media (max-width: 480px){.audio-player-component{padding:.875rem}.audio-player-controls{gap:.75rem}.audio-title{font-size:1rem}.audio-control-button{width:32px;height:32px}.audio-control-button svg{transform:scale(.9)}.transcript-toggle{padding:.5rem 1rem;font-size:.85rem}.audio-transcript{padding:.875rem}.transcript-title{font-size:.9rem;margin-bottom:.5rem}.transcript-text{font-size:.9rem;line-height:1.5}.audio-time{font-size:.75rem}.volume-control:hover .volume-slider{width:60px}}.transcript-html-content{line-height:1.5;margin-top:10px}.transcript-html-content p{margin:0 0 10px}.transcript-html-content p:last-child{margin-bottom:0}.transcript-html-content strong,.transcript-html-content em{font-weight:700}.transcript-html-content em{font-style:italic}[dir=rtl] .transcript-html-content{text-align:right}[lang=ar] .transcript-html-content{font-size:1.1em;line-height:1.7}.exercise-container{display:flex;flex-direction:column;background-color:var(--white, #ffffff);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));margin-bottom:1.5rem;overflow:hidden;height:100%}.exercise-empty{padding:2rem;text-align:center;color:var(--grey-500, #6b7280)}.exercise-header{padding:1rem 1.5rem;border-bottom:1px solid var(--grey-200, #e5e7eb);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:sticky;top:0;background-color:var(--white, #ffffff);z-index:10}.exercise-task-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--grey-900, #111827)}.exercise-progress{display:flex;flex-direction:column;align-items:flex-end;min-width:150px;gap:4px}.exercise-progress-bar{width:100%;height:6px;background-color:var(--grey-200, #e5e7eb);border-radius:3px;overflow:hidden}.exercise-progress-fill{height:100%;background-color:var(--primary, #3b82f6);transition:width .3s ease}.exercise-progress-text{font-size:.875rem;color:var(--grey-600, #4b5563);margin-top:.25rem;display:flex;align-items:center;justify-content:space-between}.task-completion-status{display:flex;flex-direction:column;gap:4px;margin-top:8px;width:100%}.task-completion-progress{height:6px;background-color:var(--gray-lighter, #e9ecef);border-radius:3px;position:relative;overflow:hidden}.task-completion-fill{height:100%;background-color:var(--gray, #6c757d);border-radius:3px;transition:width .3s ease}.task-completion-fill.is-complete{background-color:var(--success, #198754)}.task-completion-threshold{position:absolute;left:50%;top:0;bottom:0;width:2px;background-color:var(--secondary, #f8b500);z-index:2}.task-completion-text{font-size:.75rem;color:var(--gray, #6c757d);display:flex;align-items:center;gap:4px}.task-completion-text svg{color:var(--success, #198754)}.task-completed-banner{display:flex;align-items:center;gap:8px;background-color:#1987541a;border:1px solid rgba(25,135,84,.2);color:var(--success, #198754);padding:8px 12px;border-radius:var(--radius-md, 8px);margin-bottom:12px;animation:fadeIn .3s ease}.exercise-content{flex:1;padding:1.5rem;position:relative}.exercise-feedback-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;background-color:var(--white, #ffffff);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:100;overflow:hidden;animation:feedback-appear .3s ease-out}@keyframes feedback-appear{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.exercise-feedback-card.correct{border-top:6px solid var(--success, #10b981)}.exercise-feedback-card.incorrect{border-top:6px solid var(--error, #ef4444)}.feedback-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--grey-200, #e5e7eb)}.feedback-icon-container{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;flex-shrink:0}.feedback-icon-container.correct{background-color:#10b98126;color:var(--success, #10b981)}.feedback-icon-container.incorrect{background-color:#ef444426;color:var(--error, #ef4444)}.feedback-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--grey-900, #111827)}.feedback-content{padding:20px 24px}.feedback-message{margin-top:0;margin-bottom:16px;font-size:1rem;line-height:1.5;color:var(--grey-700, #4b5563)}.feedback-hint{margin-bottom:20px;padding:12px 16px;background-color:var(--grey-50, #f9fafb);border-left:3px solid var(--grey-300, #d1d5db);border-radius:4px}.feedback-hint p{margin:0;font-size:.95rem;color:var(--grey-600, #4b5563)}.feedback-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.feedback-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none}.feedback-button.next{background-color:var(--success, #10b981);color:#fff;margin-right:auto}.feedback-button.next:hover{background-color:#0e9f6e}.feedback-button.retry{background-color:var(--primary, #3b82f6);color:#fff;margin-right:auto}.feedback-button.retry:hover{background-color:#2563eb}.feedback-button.dismiss{background-color:var(--grey-200, #e5e7eb);color:var(--grey-700, #4b5563)}.feedback-button.dismiss:hover{background-color:var(--grey-300, #d1d5db)}.exercise-content:before{content:"";display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:90;animation:fade-in .2s ease-out}.exercise-content:has(.exercise-feedback-card):before{display:block}.exercise-navigation{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--grey-200, #e5e7eb);background-color:var(--grey-50, #f9fafb);position:sticky;bottom:0}.exercise-nav-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background-color:var(--white, #ffffff);color:var(--primary, #3b82f6);font-weight:500;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.exercise-nav-button:hover:not(:disabled){background-color:var(--grey-100, #f3f4f6)}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.exercise-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.exercise-progress{width:100%;align-items:flex-start}.exercise-content{padding:1rem}.exercise-navigation{padding:.75rem 1rem}.exercise-nav-button{padding:.5rem .75rem;font-size:.875rem}.task-completion-status{margin-top:6px}.exercise-feedback-card{width:95%;max-width:420px}.feedback-header,.feedback-content{padding:16px 20px}.feedback-title{font-size:1.125rem}.feedback-actions{flex-direction:column}.feedback-button{width:100%}}@media (max-width: 480px){.exercise-container{max-height:calc(100vh - 5rem)}.exercise-task-title{font-size:1.125rem}.exercise-content{padding:.75rem}.exercise-navigation{padding:.5rem .75rem}.exercise-nav-button{padding:.375rem .5rem;font-size:.75rem}.task-completed-banner{padding:6px 10px;font-size:.85rem}.exercise-feedback-card{width:100%;max-width:none;top:auto;left:0;right:0;bottom:0;transform:none;border-radius:12px 12px 0 0;max-height:80vh;overflow-y:auto}@keyframes feedback-appear{0%{transform:translateY(100%)}to{transform:translateY(0)}}.feedback-icon-container{width:36px;height:36px}.feedback-icon-container svg{width:20px;height:20px}}[dir=rtl] .exercise-progress{align-items:flex-start}[dir=rtl] .exercise-nav-button:first-child{flex-direction:row-reverse}[dir=rtl] .exercise-nav-button:last-child{flex-direction:row-reverse}[dir=rtl] .task-completion-threshold{left:auto;right:50%}[dir=rtl] .task-completion-text{flex-direction:row-reverse}[dir=rtl] .exercise-feedback-card.correct,[dir=rtl] .exercise-feedback-card.incorrect{border-right:6px solid transparent}[dir=rtl] .exercise-feedback-card.correct{border-right-color:var(--success, #10b981)}[dir=rtl] .exercise-feedback-card.incorrect{border-right-color:var(--error, #ef4444)}[dir=rtl] .feedback-hint{border-left:none;border-right:3px solid var(--grey-300, #d1d5db)}[dir=rtl] .feedback-button.next,[dir=rtl] .feedback-button.retry{margin-right:0;margin-left:auto}.confirmation-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease-out}.confirmation-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:24px;max-width:400px;width:90%;animation:slide-down .3s ease-out}.confirmation-title{margin:0 0 16px;font-size:1.25rem;color:var(--primary-dark, #1e3a8a);font-weight:600}.confirmation-message{margin:0 0 24px;font-size:1rem;line-height:1.5;color:var(--text, #4b5563)}.confirmation-actions{display:flex;justify-content:flex-end;gap:12px}.confirmation-button{padding:8px 16px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.confirmation-button.cancel{background-color:var(--light-gray, #e5e7eb);color:var(--text-dark, #374151)}.confirmation-button.cancel:hover:not(:disabled){background-color:var(--gray, #d1d5db)}.confirmation-button.confirm{background-color:var(--danger, #ef4444);color:#fff}.confirmation-button.confirm:hover:not(:disabled){background-color:var(--danger-dark, #dc2626)}.confirmation-button:disabled{opacity:.7;cursor:not-allowed}[dir=rtl] .confirmation-actions{flex-direction:row-reverse}@media (max-width: 480px){.confirmation-dialog{padding:20px;max-width:320px}.confirmation-title{font-size:1.1rem;margin-bottom:12px}.confirmation-message{font-size:.9rem;margin-bottom:20px}.confirmation-button{padding:8px 12px;font-size:.85rem}}.true-false-exercise{display:flex;flex-direction:column;gap:1.5rem}.true-false-statement{font-size:1.125rem;line-height:1.5;color:var(--grey-900, #111827);background-color:var(--grey-50, #f9fafb);padding:1.25rem;border-radius:var(--radius-md, 8px);border-left:4px solid var(--primary, #3b82f6)}.true-false-statement p{margin:0}.true-false-options{display:flex;gap:1rem;margin:.5rem 0}.true-false-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:2px solid var(--grey-300, #d1d5db);border-radius:var(--radius-md, 8px);background-color:var(--white, #ffffff);font-size:1rem;font-weight:500;color:var(--grey-700, #374151);cursor:pointer;transition:all .2s ease}.true-false-option:hover:not(:disabled){border-color:var(--grey-400, #9ca3af);background-color:var(--grey-50, #f9fafb)}.true-false-option:disabled{cursor:default}.true-false-option.selected{border-color:var(--primary, #3b82f6);background-color:#3b82f60d}.true-false-option.correct{border-color:var(--success, #10b981);background-color:#10b9810d;color:var(--success, #10b981)}.true-false-option.incorrect{border-color:var(--error, #ef4444);background-color:#ef44440d;color:var(--error, #ef4444)}.option-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full, 9999px);background-color:transparent;color:currentColor;transition:all .2s ease}.true-false-option:first-child .option-icon{background-color:var(--success, #10b981);color:var(--white, #ffffff)}.true-false-option:last-child .option-icon{background-color:var(--error, #ef4444);color:var(--white, #ffffff)}.true-false-option.selected .option-icon{background-color:var(--primary, #3b82f6);color:var(--white, #ffffff)}.true-false-explanation{background-color:var(--grey-50, #f9fafb);border-radius:var(--radius-md, 8px);padding:1rem;animation:fade-in .3s ease-in-out}.true-false-explanation h4{margin-top:0;margin-bottom:.5rem;color:var(--grey-900, #111827)}.true-false-explanation p{margin:0;color:var(--grey-700, #374151)}.true-false-actions{display:flex;justify-content:center;margin-top:.5rem}@media (max-width: 768px){.true-false-statement{font-size:1rem;padding:1rem}.true-false-options{flex-direction:column}.true-false-option{padding:.75rem 1rem}.submit-button{width:100%;padding:.75rem 1rem}}[dir=rtl] .true-false-statement{border-left:none;border-right:4px solid var(--primary, #3b82f6)}[dir=rtl] .true-false-option{flex-direction:row-reverse}.true-false-statement div[dangerouslySetInnerHTML],.true-false-html-content{line-height:1.5}.true-false-statement div[dangerouslySetInnerHTML] p,.true-false-statement div[dangerouslySetInnerHTML] span,.true-false-html-content p,.true-false-html-content span{margin-bottom:.75rem}.true-false-statement div[dangerouslySetInnerHTML] p:last-child,.true-false-statement div[dangerouslySetInnerHTML] span:last-child,.true-false-html-content p:last-child,.true-false-html-content span:last-child{margin-bottom:0}[lang=ar] .true-false-statement div[dangerouslySetInnerHTML],[dir=rtl] .true-false-statement div[dangerouslySetInnerHTML],.true-false-statement div[dangerouslySetInnerHTML] [lang=ar],[lang=ar] .true-false-html-content,[dir=rtl] .true-false-html-content,.true-false-html-content [lang=ar]{font-size:1.2rem;line-height:1.8;text-align:right}.true-false-explanation .explanation-text{margin-top:.75rem}.explanation-text div[dangerouslySetInnerHTML]{line-height:1.6}.true-false-statement div[dangerouslySetInnerHTML] ul,.true-false-statement div[dangerouslySetInnerHTML] ol,.true-false-html-content ul,.true-false-html-content ol,.explanation-text div[dangerouslySetInnerHTML] ul,.explanation-text div[dangerouslySetInnerHTML] ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .true-false-statement div[dangerouslySetInnerHTML] ul,[dir=rtl] .true-false-statement div[dangerouslySetInnerHTML] ol,[dir=rtl] .true-false-html-content ul,[dir=rtl] .true-false-html-content ol,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ul,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ol{padding-left:0;padding-right:1.5rem}.fill-blanks-exercise{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;background-color:#fff;border-radius:8px;width:100%}.fill-blanks-container{width:100%}.fill-blanks-content{font-size:1.125rem;line-height:1.6;color:var(--grey-900, #111827)}.fill-blanks-paragraph{background-color:var(--grey-50, #f9fafb);padding:1.5rem;border-radius:var(--radius-md, 8px);border-left:4px solid var(--primary, #3b82f6)}.fill-blanks-input-container{display:inline-flex;align-items:center;position:relative;margin:0 .25rem}.fill-blanks-input{min-width:100px;padding:.375rem .5rem;border:2px solid var(--grey-300, #d1d5db);border-radius:var(--radius-sm, 4px);font-size:1rem;font-family:inherit;background-color:var(--white, #ffffff);transition:all .2s ease;vertical-align:middle;display:inline-block;margin:0 .25rem;box-shadow:0 1px 2px #0000000d}.fill-blanks-input:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px #3b82f640}.fill-blanks-input.correct{border-color:var(--success, #10b981);background-color:#10b9810d}.fill-blanks-input.incorrect{border-color:var(--error, #ef4444);background-color:#ef44440d}.answer-indicator{display:flex;align-items:center;position:absolute;right:-24px;top:50%;transform:translateY(-50%)}.answer-indicator.correct{color:var(--success, #10b981)}.answer-indicator.incorrect{color:var(--error, #ef4444)}.correct-answer{position:absolute;top:-20px;right:0;font-size:.75rem;background-color:var(--grey-900, #111827);color:var(--white, #ffffff);padding:.125rem .375rem;border-radius:var(--radius-sm, 4px);white-space:nowrap;z-index:10;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.answer-indicator.incorrect:hover .correct-answer{opacity:1;transform:translateY(0)}.fill-blanks-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:var(--grey-50, #f9fafb);border-radius:var(--radius-md, 8px)}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:500;color:var(--grey-700, #374151)}.input-container{position:relative;display:flex;align-items:center}.input-container .fill-blanks-input{width:100%;padding:.75rem}.input-container .answer-indicator{right:10px}.fill-blanks-table{overflow-x:auto}.fill-blanks-table table{width:100%;border-collapse:collapse;border:1px solid var(--grey-300, #d1d5db);border-radius:var(--radius-md, 8px);overflow:hidden}.fill-blanks-table td{padding:.75rem;border:1px solid var(--grey-300, #d1d5db)}.fill-blanks-table td:first-child{font-weight:500;background-color:var(--grey-100, #f3f4f6);width:40%}.input-cell{position:relative}.input-cell .fill-blanks-input{width:100%}.fill-blanks-feedback{background-color:var(--grey-50, #f9fafb);border-radius:var(--radius-md, 8px);padding:1rem 1.5rem;margin-top:.5rem;animation:fade-in .3s ease-in-out}.fill-blanks-feedback.positive{border-left:4px solid var(--success, #10b981)}.fill-blanks-feedback.negative{border-left:4px solid var(--error, #ef4444)}.fill-blanks-feedback h4{margin-top:0;margin-bottom:.5rem;color:var(--grey-900, #111827)}.fill-blanks-feedback p{margin:0;color:var(--grey-700, #374151)}.fill-blanks-actions{display:flex;justify-content:center;margin-top:1rem}.fill-blanks-submit{display:flex;justify-content:center;margin-top:1.5rem}.submit-button{padding:.75rem 2rem;background-color:var(--primary, #3b82f6);color:var(--white, #ffffff);border:none;border-radius:var(--radius-md, 8px);font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;min-width:120px;box-shadow:0 2px 4px #0000001a;text-align:center;display:inline-block}.submit-button:hover:not(:disabled){background-color:var(--primary-dark, #2563eb);transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.submit-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--grey-400, #9ca3af)}.submit-button.active{background-color:var(--primary, #3b82f6);cursor:pointer}.submit-button.disabled{background-color:var(--grey-300, #d1d5db);color:var(--grey-600, #4b5563);cursor:not-allowed;opacity:.7}@media (max-width: 768px){.fill-blanks-paragraph{padding:1rem}.fill-blanks-input{min-width:80px;font-size:.875rem}.form-field{flex-direction:column}.form-field label{width:100%;margin-bottom:.25rem}.fill-blanks-feedback{padding:.75rem 1rem}.submit-button{width:100%;padding:.75rem 1rem}}@media (max-width: 480px){.fill-blanks-content{font-size:1rem}.fill-blanks-input{min-width:70px;padding:.25rem .375rem}.answer-indicator{right:-20px}.fill-blanks-feedback{padding:.5rem .75rem}}[dir=rtl] .fill-blanks-paragraph{border-left:none;border-right:4px solid var(--primary, #3b82f6)}[dir=rtl] .answer-indicator{right:auto;left:-24px}[dir=rtl] .correct-answer{right:auto;left:0}[dir=rtl] .fill-blanks-feedback.positive,[dir=rtl] .fill-blanks-feedback.negative{border-left:none;border-right:4px solid var(--success, #10b981)}[dir=rtl] .fill-blanks-feedback.negative{border-right-color:var(--error, #ef4444)}[dir=rtl] .input-container .answer-indicator{right:auto;left:10px}.fill-blanks-text div[dangerouslySetInnerHTML]{line-height:1.6}.fill-blanks-text div[dangerouslySetInnerHTML] p,.fill-blanks-text div[dangerouslySetInnerHTML] span{display:inline;margin:0}.fill-blanks-text input{display:inline-block;vertical-align:middle;margin:0 .25rem}[lang=ar] .fill-blanks-text div[dangerouslySetInnerHTML],[dir=rtl] .fill-blanks-text div[dangerouslySetInnerHTML],.fill-blanks-text div[dangerouslySetInnerHTML] [lang=ar]{font-size:1.2rem;line-height:1.8;text-align:right}.fill-blanks-text div[dangerouslySetInnerHTML] ul,.fill-blanks-text div[dangerouslySetInnerHTML] ol,.explanation-text div[dangerouslySetInnerHTML] ul,.explanation-text div[dangerouslySetInnerHTML] ol{margin:.5rem 0;padding-left:1.5rem;display:block}[dir=rtl] .fill-blanks-text div[dangerouslySetInnerHTML] ul,[dir=rtl] .fill-blanks-text div[dangerouslySetInnerHTML] ol,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ul,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ol{padding-left:0;padding-right:1.5rem}.blank-input-wrapper{display:inline-flex;position:relative;margin:0 .25rem;vertical-align:middle}.fill-blanks-input{min-width:100px;padding:.375rem .5rem;border:2px solid var(--grey-300, #d1d5db);border-radius:var(--radius-sm, 4px);font-size:1rem;font-family:inherit;background-color:var(--white, #ffffff);transition:all .2s ease;vertical-align:middle;display:inline-block}.score-feedback{background-color:var(--grey-50, #f9fafb);border-radius:var(--radius-md, 8px);padding:1rem 1.5rem;margin-top:1rem;border-left:4px solid var(--grey-400, #9ca3af)}.score-feedback.correct{border-left-color:var(--success, #10b981)}.score-feedback.incorrect{border-left-color:var(--error, #ef4444)}.score-value{font-weight:500;font-size:1rem;color:var(--grey-800, #1f2937)}.input-focused{position:relative;z-index:10}.input-focused .fill-blanks-input{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px #3b82f640}.mcq-exercise{display:flex;flex-direction:column;gap:1.5rem}.mcq-image-container{text-align:center;margin-bottom:1rem}.mcq-image{max-width:100%;max-height:300px;border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.mcq-question{font-size:1.125rem;line-height:1.5;color:var(--grey-900, #111827);background-color:var(--grey-50, #f9fafb);padding:1.25rem;border-radius:var(--radius-md, 8px);border-left:4px solid var(--primary, #3b82f6)}.mcq-question p{margin:0}.mcq-question div[dangerouslySetInnerHTML] p,.mcq-question div[dangerouslySetInnerHTML] span{margin:.25rem 0;line-height:1.6}.mcq-question img{max-width:100%;height:auto}.mcq-options{display:flex;flex-direction:column;gap:.75rem;margin:.5rem 0}.mcq-option{display:flex;align-items:center;padding:.75rem 1rem;border:2px solid var(--grey-300, #d1d5db);border-radius:var(--radius-md, 8px);background-color:var(--white, #ffffff);text-align:left;cursor:pointer;transition:all .2s ease}.mcq-option:hover:not(:disabled){border-color:var(--grey-400, #9ca3af);background-color:var(--grey-50, #f9fafb)}.mcq-option:disabled{cursor:default}.mcq-option.selected{border-color:var(--primary, #3b82f6);background-color:#3b82f60d}.mcq-option.correct{border-color:var(--success, #10b981);background-color:#10b9810d}.mcq-option.incorrect{border-color:var(--error, #ef4444);background-color:#ef44440d}.mcq-option.revealed-correct{border-color:var(--success, #10b981);background-color:#10b9810d;animation:pulse 1s ease-in-out}.option-marker{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:var(--radius-full, 9999px);background-color:var(--grey-100, #f3f4f6);font-weight:500;margin-right:.75rem;color:var(--grey-700, #374151)}.mcq-option.selected .option-marker{background-color:var(--primary, #3b82f6);color:var(--white, #ffffff)}.mcq-option.correct .option-marker,.mcq-option.revealed-correct .option-marker{background-color:var(--success, #10b981);color:var(--white, #ffffff)}.mcq-option.incorrect .option-marker{background-color:var(--error, #ef4444);color:var(--white, #ffffff)}.option-content{flex:1;font-size:1rem;color:var(--grey-800, #1f2937)}.option-icon{margin-left:.75rem}.option-icon.correct{color:var(--success, #10b981)}.option-content div[dangerouslySetInnerHTML]{display:flex;align-items:center;line-height:1.5}.mcq-explanation{background-color:var(--grey-50, #f9fafb);border-radius:var(--radius-md, 8px);padding:1rem 1.25rem;animation:fade-in .3s ease-in-out;border-left:4px solid var(--info, #3b82f6)}.mcq-explanation.correct{border-left:4px solid var(--success, #10b981)}.mcq-explanation.incorrect{border-left:4px solid var(--error, #ef4444)}.explanation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.explanation-header h4{margin:0;color:var(--grey-900, #111827)}.mcq-explanation.correct .explanation-header{color:var(--success, #10b981)}.mcq-explanation.incorrect .explanation-header{color:var(--error, #ef4444)}.mcq-explanation p{margin:0;color:var(--grey-700, #374151)}.explanation-text div[dangerouslySetInnerHTML] p,.explanation-text div[dangerouslySetInnerHTML] span{margin:.5rem 0;line-height:1.6}.explanation-text img{max-width:100%;height:auto}.mcq-actions{display:flex;justify-content:center;margin-top:.5rem}@keyframes pulse{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@media (max-width: 768px){.mcq-question{font-size:1rem;padding:1rem}.mcq-option{padding:.625rem .875rem}.option-marker{width:28px;height:28px;min-width:28px;font-size:.875rem;margin-right:.5rem}.option-content{font-size:.875rem}.mcq-explanation{padding:.875rem 1rem}.submit-button{width:100%;padding:.75rem 1rem}}@media (max-width: 480px){.mcq-image{max-height:200px}.mcq-question{font-size:.9375rem;padding:.875rem}.mcq-options{gap:.5rem}.mcq-option{padding:.5rem .75rem}.option-marker{width:24px;height:24px;min-width:24px;font-size:.8125rem}}[dir=rtl] .mcq-question{border-left:none;border-right:4px solid var(--primary, #3b82f6)}[dir=rtl] .mcq-question div[dangerouslySetInnerHTML],.mcq-question div[dangerouslySetInnerHTML] [lang=ar]{font-size:1.2rem;line-height:2}[dir=rtl] .mcq-option{text-align:right}[dir=rtl] .option-icon{margin-left:0;margin-right:.75rem}[dir=rtl] .mcq-explanation.correct,[dir=rtl] .mcq-explanation.incorrect{border-left:none;border-right:4px solid var(--success, #10b981)}[dir=rtl] .mcq-explanation.incorrect{border-right-color:var(--error, #ef4444)}[dir=rtl] .explanation-text div[dangerouslySetInnerHTML],.explanation-text div[dangerouslySetInnerHTML] [lang=ar]{text-align:right;font-size:1.1rem;line-height:1.8}[dir=rtl] .option-content div[dangerouslySetInnerHTML]{text-align:right;font-size:1.1rem}.mcq-question div[dangerouslySetInnerHTML],.mcq-html-content{line-height:1.6}.mcq-question div[dangerouslySetInnerHTML] p,.mcq-question div[dangerouslySetInnerHTML] span,.mcq-html-content p,.mcq-html-content span{margin-bottom:.75rem}.mcq-question div[dangerouslySetInnerHTML] p:last-child,.mcq-question div[dangerouslySetInnerHTML] span:last-child,.mcq-html-content p:last-child,.mcq-html-content span:last-child{margin-bottom:0}.explanation-text div[dangerouslySetInnerHTML]{line-height:1.6;margin-top:.5rem}[lang=ar] .mcq-question div[dangerouslySetInnerHTML],[dir=rtl] .mcq-question div[dangerouslySetInnerHTML],.mcq-question div[dangerouslySetInnerHTML] [lang=ar],[lang=ar] .mcq-html-content,[dir=rtl] .mcq-html-content,.mcq-html-content [lang=ar],[lang=ar] .explanation-text div[dangerouslySetInnerHTML],[dir=rtl] .explanation-text div[dangerouslySetInnerHTML],.explanation-text div[dangerouslySetInnerHTML] [lang=ar]{font-size:1.2rem;line-height:1.8;text-align:right}.mcq-question div[dangerouslySetInnerHTML] ul,.mcq-question div[dangerouslySetInnerHTML] ol,.mcq-html-content ul,.mcq-html-content ol,.explanation-text div[dangerouslySetInnerHTML] ul,.explanation-text div[dangerouslySetInnerHTML] ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .mcq-question div[dangerouslySetInnerHTML] ul,[dir=rtl] .mcq-question div[dangerouslySetInnerHTML] ol,[dir=rtl] .mcq-html-content ul,[dir=rtl] .mcq-html-content ol,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ul,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ol{padding-left:0;padding-right:1.5rem}.mcq-options label span{vertical-align:middle}.mcq-error{padding:20px;background-color:#fff1f0;border:1px solid #ffa39e;border-radius:4px;margin-bottom:20px}.mcq-error-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:16px}.mcq-error-message svg{color:#f5222d}.mcq-error-message h3{margin:0;color:#f5222d;font-size:18px}.mcq-error-message p{margin:0;color:#434343}.matching-exercise{display:flex;flex-direction:column;gap:1.5rem}.matching-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem;background-color:var(--grey-50, #f9fafb);border-radius:var(--radius-md, 8px);border-left:4px solid var(--primary, #3b82f6)}.matching-columns{display:flex;gap:2rem}.matching-column{flex:1;display:flex;flex-direction:column;gap:.75rem}.matching-item{padding:.75rem 1rem;background-color:var(--white, #ffffff);border:2px solid var(--grey-300, #d1d5db);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;font-size:1rem;line-height:1.5;color:var(--grey-900, #111827);-webkit-user-select:none;user-select:none}.matching-item:hover:not(.matched){border-color:var(--grey-400, #9ca3af);background-color:var(--grey-50, #f9fafb)}.matching-item.active{border-color:var(--primary, #3b82f6);background-color:#3b82f60d}.matching-item.matched{opacity:.7;border-color:var(--grey-300, #d1d5db);background-color:var(--grey-100, #f3f4f6);cursor:default}.matching-results{margin-top:1rem}.matching-results h4{margin-top:0;margin-bottom:.75rem;color:var(--grey-900, #111827);font-size:1rem;font-weight:600}.no-matches{color:var(--grey-500, #6b7280);font-style:italic;margin-top:.5rem}.matching-pairs{display:flex;flex-direction:column;gap:.5rem}.matching-pair{display:flex;align-items:center;padding:.625rem .875rem;background-color:var(--white, #ffffff);border:1px solid var(--grey-200, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:.9375rem}.matching-pair.correct{border-color:var(--success, #10b981);background-color:#10b9810d}.matching-pair.incorrect{border-color:var(--error, #ef4444);background-color:#ef44440d}.pair-left{flex:1;font-weight:500}.pair-arrow{margin:0 .75rem;color:var(--grey-400, #9ca3af)}.pair-right{flex:1}.pair-status{margin-left:.75rem;display:flex;align-items:center}.matching-pair.correct .pair-status{color:var(--success, #10b981)}.matching-pair.incorrect .pair-status{color:var(--error, #ef4444)}.remove-pair{margin-left:.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--grey-100, #f3f4f6);color:var(--grey-500, #6b7280);border-radius:var(--radius-full, 9999px);cursor:pointer;font-size:1.125rem;line-height:1;transition:all .2s ease}.remove-pair:hover{background-color:var(--grey-200, #e5e7eb);color:var(--grey-700, #374151)}.matching-feedback{background-color:var(--grey-50, #f9fafb);border-radius:var(--radius-md, 8px);padding:1rem 1.5rem;margin-top:.5rem;animation:fade-in .3s ease-in-out}.matching-feedback.positive{border-left:4px solid var(--success, #10b981)}.matching-feedback.negative{border-left:4px solid var(--error, #ef4444)}.matching-feedback h4{margin-top:0;margin-bottom:.5rem;color:var(--grey-900, #111827)}.matching-feedback p{margin:0;color:var(--grey-700, #374151)}.matching-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}.matching-hint{color:var(--grey-600, #4b5563);font-size:.875rem;margin:0}.submit-button{padding:.75rem 2rem;background-color:var(--primary, #3b82f6);color:var(--white, #ffffff);border:none;border-radius:var(--radius-md, 8px);font-weight:500;font-size:1rem;cursor:pointer;transition:background-color .2s ease}@media (max-width: 768px){.matching-content{padding:1rem}.matching-columns{flex-direction:column;gap:1rem}.matching-item{padding:.625rem .875rem;font-size:.9375rem}.matching-pair{padding:.5rem .75rem;font-size:.875rem}.pair-arrow{margin:0 .5rem}.remove-pair{width:20px;height:20px;font-size:1rem}.matching-feedback{padding:.875rem 1rem}.submit-button{width:100%;padding:.75rem 1rem}}@media (max-width: 480px){.matching-content{padding:.875rem}.matching-item{padding:.5rem .75rem;font-size:.875rem}.matching-pair{padding:.375rem .625rem;font-size:.8125rem}}[dir=rtl] .matching-content{border-left:none;border-right:4px solid var(--primary, #3b82f6)}[dir=rtl] .pair-arrow{transform:scaleX(-1)}[dir=rtl] .pair-status,[dir=rtl] .remove-pair{margin-left:0;margin-right:.5rem}[dir=rtl] .matching-feedback.positive,[dir=rtl] .matching-feedback.negative{border-left:none;border-right:4px solid var(--success, #10b981)}[dir=rtl] .matching-feedback.negative{border-right-color:var(--error, #ef4444)}.matching-html-content{display:inline-flex;line-height:1.5}.matching-html-content p,.matching-html-content span{margin:0}[lang=ar] .matching-html-content,[dir=rtl] .matching-html-content,.matching-html-content [lang=ar]{font-size:1.1rem;line-height:1.7;text-align:right}.matching-item .matching-html-content{max-width:100%;overflow:hidden}.pair-left .matching-html-content,.pair-right .matching-html-content{display:inline-flex;vertical-align:middle}.explanation-text .matching-html-content{margin:.5rem 0}.short-answer-exercise{display:flex;flex-direction:column;gap:1.5rem}.short-answer-question{font-size:1.125rem;line-height:1.5;color:var(--grey-900, #111827);background-color:var(--grey-50, #f9fafb);padding:1.25rem;border-radius:var(--radius-md, 8px);border-left:4px solid var(--primary, #3b82f6)}.short-answer-question p{margin:0}.short-answer-input-container{display:flex;flex-direction:column;gap:.5rem}.short-answer-input{width:100%;padding:.875rem 1rem;border:2px solid var(--grey-300, #d1d5db);border-radius:var(--radius-md, 8px);font-size:1rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:120px;background-color:var(--white, #ffffff);transition:all .2s ease}.short-answer-input:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px #3b82f640}.short-answer-input:disabled{background-color:var(--grey-50, #f9fafb);cursor:not-allowed}.short-answer-input.invalid-length{border-color:var(--warning, #f59e0b)}.character-count{display:flex;justify-content:space-between;align-items:center;color:var(--grey-500, #6b7280);font-size:.875rem;padding:0 .25rem}.character-count .almost-full,.min-length-warning{color:var(--warning, #f59e0b)}.short-answer-feedback{background-color:var(--grey-50, #f9fafb);border-radius:var(--radius-md, 8px);padding:1.25rem;animation:fade-in .3s ease-in-out;border-left:4px solid var(--primary, #3b82f6)}.feedback-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--primary, #3b82f6)}.feedback-header h4{margin:0;color:var(--grey-900, #111827);font-size:1.125rem}.keyword-match-info{margin-bottom:1rem}.keyword-match-info p{margin:0;color:var(--grey-700, #374151)}.model-answer,.explanation{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--grey-200, #e5e7eb)}.model-answer h5,.explanation h5{margin:0 0 .5rem;color:var(--grey-900, #111827);font-size:1rem}.model-answer p,.explanation p{margin:0;color:var(--grey-700, #374151);line-height:1.5}.short-answer-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem}.submit-button{padding:.75rem 2rem;background-color:var(--primary, #3b82f6);color:var(--white, #ffffff);border:none;border-radius:var(--radius-md, 8px);font-weight:500;font-size:1rem;cursor:pointer;transition:background-color .2s ease;min-width:10rem}.submit-button:hover:not(:disabled){background-color:var(--primary-dark, #2563eb)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.keywords-hint{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background-color:var(--grey-50, #f9fafb);border:1px solid var(--grey-200, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:.875rem;max-width:30rem}.hint-icon{color:var(--grey-400, #9ca3af);margin-top:.125rem}.keywords-hint p{margin:0;color:var(--grey-600, #4b5563);line-height:1.4}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.short-answer-question{font-size:1rem;padding:1rem}.short-answer-input{padding:.75rem;font-size:.9375rem;min-height:100px}.short-answer-feedback{padding:1rem}.feedback-header h4{font-size:1rem}.submit-button{width:100%;padding:.75rem 1rem}.keywords-hint{padding:.625rem .875rem;font-size:.8125rem}}@media (max-width: 480px){.short-answer-question{font-size:.9375rem;padding:.875rem}.short-answer-input{padding:.625rem;font-size:.875rem;min-height:80px}.character-count{font-size:.75rem}.short-answer-feedback{padding:.875rem}.feedback-header h4,.model-answer h5,.explanation h5{font-size:.9375rem}}[dir=rtl] .short-answer-question,[dir=rtl] .short-answer-feedback{border-left:none;border-right:4px solid var(--primary, #3b82f6)}.short-answer-question div[dangerouslySetInnerHTML]{line-height:1.6}.short-answer-question div[dangerouslySetInnerHTML] p,.short-answer-question div[dangerouslySetInnerHTML] span{margin-bottom:.75rem}.short-answer-question div[dangerouslySetInnerHTML] p:last-child,.short-answer-question div[dangerouslySetInnerHTML] span:last-child{margin-bottom:0}.model-answer div[dangerouslySetInnerHTML],.explanation div[dangerouslySetInnerHTML]{line-height:1.6;margin-top:.5rem}[lang=ar] .short-answer-question div[dangerouslySetInnerHTML],[dir=rtl] .short-answer-question div[dangerouslySetInnerHTML],.short-answer-question div[dangerouslySetInnerHTML] [lang=ar],[lang=ar] .model-answer div[dangerouslySetInnerHTML],[dir=rtl] .model-answer div[dangerouslySetInnerHTML],.model-answer div[dangerouslySetInnerHTML] [lang=ar],[lang=ar] .explanation div[dangerouslySetInnerHTML],[dir=rtl] .explanation div[dangerouslySetInnerHTML],.explanation div[dangerouslySetInnerHTML] [lang=ar]{font-size:1.2rem;line-height:1.8;text-align:right}.short-answer-question div[dangerouslySetInnerHTML] ul,.short-answer-question div[dangerouslySetInnerHTML] ol,.model-answer div[dangerouslySetInnerHTML] ul,.model-answer div[dangerouslySetInnerHTML] ol,.explanation div[dangerouslySetInnerHTML] ul,.explanation div[dangerouslySetInnerHTML] ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .short-answer-question div[dangerouslySetInnerHTML] ul,[dir=rtl] .short-answer-question div[dangerouslySetInnerHTML] ol,[dir=rtl] .model-answer div[dangerouslySetInnerHTML] ul,[dir=rtl] .model-answer div[dangerouslySetInnerHTML] ol,[dir=rtl] .explanation div[dangerouslySetInnerHTML] ul,[dir=rtl] .explanation div[dangerouslySetInnerHTML] ol{padding-left:0;padding-right:1.5rem}.extract-exercise{display:flex;flex-direction:column;gap:16px;width:100%}.extract-instruction{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background-color:var(--primary-light, #e1e8f5);border-radius:var(--radius-md, 8px);margin-bottom:8px}.extract-instruction svg{color:var(--primary, #3c64b1);flex-shrink:0;margin-top:3px}.extract-instruction p{margin:0;font-size:1rem;line-height:1.5}.extract-text-container{position:relative;border:1px solid var(--primary-light, #e1e8f5);border-radius:var(--radius-md, 8px);padding:16px;background-color:var(--white, #ffffff);max-height:300px;overflow-y:auto;-webkit-user-select:text;user-select:text;cursor:text;transition:border-color .2s ease}.extract-text-container:hover:not(.is-submitted){border-color:var(--primary, #3c64b1)}.extract-text-container.is-submitted{-webkit-user-select:none;user-select:none;cursor:default}.extract-text{font-size:1rem;line-height:1.7;white-space:pre-wrap}.highlighted-correct{background-color:#19875433;padding:2px 0;border-radius:3px}.extract-selections{border:1px solid var(--primary-light, #e1e8f5);border-radius:var(--radius-md, 8px);padding:16px;background-color:var(--white, #ffffff)}.selections-title{font-size:1rem;margin:0 0 12px;color:var(--black, #2c3e50)}.selections-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.selection-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background-color:var(--primary-light, #e1e8f5);border-radius:var(--radius-sm, 4px)}.selection-text{flex:1;font-size:.95rem;line-height:1.5;word-break:break-word}.remove-selection-button{background:none;border:none;cursor:pointer;color:var(--gray, #6c757d);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.remove-selection-button:hover{background-color:#0000001a;color:var(--black, #2c3e50)}.no-selections{color:var(--gray, #6c757d);font-style:italic;margin:0}.extract-explanation{border-radius:var(--radius-md, 8px);padding:16px;margin-top:8px}.extract-explanation.correct{background-color:#1987541a;border:1px solid rgba(25,135,84,.2)}.extract-explanation.incorrect{background-color:#dc35451a;border:1px solid rgba(220,53,69,.2)}.explanation-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.explanation-header h4{margin:0;font-size:1rem}.correct-extracts{margin-top:12px}.correct-extracts h5{font-size:.9rem;margin:0 0 8px}.correct-extracts ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.correct-extract-item{display:flex;align-items:flex-start;gap:8px}.check-icon{color:var(--success, #198754);margin-top:3px}.explanation-text{margin-top:12px;font-size:.95rem;line-height:1.5}.extract-actions{display:flex;gap:12px;margin-top:8px}.submit-button{padding:10px 16px;background-color:var(--primary, #3c64b1);color:var(--white, #ffffff);border:none;border-radius:var(--radius-sm, 4px);font-weight:600;cursor:pointer;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background-color:var(--primary-dark, #2a4a8c)}.submit-button:disabled{background-color:var(--gray, #6c757d);cursor:not-allowed;opacity:.7}.clear-selections-button{padding:10px 16px;background-color:transparent;color:var(--primary, #3c64b1);border:1px solid var(--primary, #3c64b1);border-radius:var(--radius-sm, 4px);font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.clear-selections-button:hover:not(:disabled){background-color:var(--primary-light, #e1e8f5)}.clear-selections-button:disabled{color:var(--gray, #6c757d);border-color:var(--gray, #6c757d);cursor:not-allowed;opacity:.7}@media (max-width: 768px){.extract-instruction{padding:10px 12px}.extract-text-container{padding:12px}.extract-actions{flex-direction:column}.submit-button,.clear-selections-button{width:100%}}[dir=rtl] .extract-instruction,[dir=rtl] .selection-item,[dir=rtl] .explanation-header,[dir=rtl] .correct-extract-item{flex-direction:row-reverse}.extract-html-content{line-height:1.7;margin:.5rem 0}.extract-html-content p,.extract-html-content span{margin-bottom:.75rem}.extract-html-content p:last-child,.extract-html-content span:last-child{margin-bottom:0}[lang=ar] .extract-html-content,[dir=rtl] .extract-html-content,.extract-html-content [lang=ar]{font-size:1.2rem;line-height:1.8;text-align:right}.extract-instruction .extract-html-content{display:inline-block;margin-left:.75rem;vertical-align:middle}[dir=rtl] .extract-instruction .extract-html-content{margin-left:0;margin-right:.75rem}.extract-text div[dangerouslySetInnerHTML]{-webkit-user-select:text;user-select:text}.extract-html-content ul,.extract-html-content ol{margin:.75rem 0;padding-left:1.5rem}[dir=rtl] .extract-html-content ul,[dir=rtl] .extract-html-content ol{padding-left:0;padding-right:1.5rem}.exercise-task-viewer{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background-color:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.task-completion-hint{background-color:rgba(var(--primary-rgb),.1);padding:12px 16px;margin-bottom:16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--primary)}.exercise-task-loading,.exercise-task-error,.exercise-task-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:2rem;min-height:240px;text-align:center}.exercise-task-error{background-color:#f8d7da;color:#842029;padding:2rem}.exercise-task-error p{max-width:80%;line-height:1.6}.exercise-task-error svg{color:#dc3545}.exercise-task-empty{background-color:#f8f9fa;color:#6c757d}.exercise-task-empty svg{color:#adb5bd}.loading-spinner{width:48px;height:48px;border:4px solid rgba(var(--primary-rgb),.2);border-left-color:var(--primary);border-radius:50%;animation:spinner 1s linear infinite}.exercise-container{display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem}.exercise-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.exercise-indicator{font-size:.95rem;color:var(--text-secondary);font-weight:500}.exercise-nav-buttons{display:flex;gap:.5rem}.exercise-nav-button:hover:not(:disabled){background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.exercise-nav-button:disabled{opacity:.5;cursor:not-allowed}.exercise-content{flex:1}.exercise-submit{margin-top:1.5rem}.exercise-submit-button{padding:.75rem 1.5rem;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.exercise-submit-button:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px)}.exercise-submit-button:disabled{background-color:rgba(var(--primary-rgb),.5);cursor:not-allowed;transform:none}.exercise-task-error .task-completion-button-container,.exercise-task-empty .task-completion-button-container{margin-top:1rem}.exercise-task-error .task-completion-button,.exercise-task-empty .task-completion-button{background-color:#fff;border:1px solid #dee2e6;color:#212529}.exercise-task-error .task-completion-button:hover,.exercise-task-empty .task-completion-button:hover{background-color:#e9ecef}@media (max-width: 992px){.exercise-task-viewer{border-radius:8px}.task-completion-hint{padding:10px 14px}.exercise-container{padding:1.25rem}.exercise-nav{margin-bottom:.75rem}}@media (max-width: 768px){.exercise-task-viewer{border-radius:6px}.task-completion-hint{padding:8px 12px;font-size:.9rem;margin-bottom:12px}.exercise-container{padding:1rem;gap:1rem}.exercise-nav{flex-direction:column;align-items:flex-start;gap:.75rem}.exercise-nav-buttons{width:100%;justify-content:space-between}.exercise-nav-button{width:36px;height:36px}.exercise-task-loading,.exercise-task-error,.exercise-task-empty{padding:1.5rem;min-height:200px}.loading-spinner{width:40px;height:40px}.exercise-submit-button{padding:.7rem 1.25rem}}@media (max-width: 480px){.exercise-task-viewer{border-radius:4px}.task-completion-hint{font-size:.85rem}.exercise-container{padding:.75rem}.exercise-nav{margin-bottom:.5rem}.exercise-nav-button{width:32px;height:32px}.exercise-task-loading,.exercise-task-error,.exercise-task-empty{padding:1rem;min-height:180px}.loading-spinner{width:36px;height:36px}.exercise-submit-button{padding:.6rem 1rem}}[dir=rtl] .task-completion-hint{flex-direction:row-reverse}.listening-task{display:flex;flex-direction:column;gap:2rem}.listening-task.new-format{gap:2.5rem}.listening-task-player{margin-bottom:.5rem}.missing-audio{background-color:#f8fafc;border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;color:var(--text-secondary, #64748b);border:1px dashed #cbd5e1}.transcript-content{padding:1rem;background-color:var(--background-light);border-radius:var(--radius-md);margin-top:1rem}.transcript-html-content{line-height:1.7}.transcript-html-content p,.transcript-html-content span{margin:.5rem 0;font-size:1rem}[lang=ar] .transcript-html-content,[dir=rtl] .transcript-html-content,.transcript-html-content [lang=ar]{font-size:1.2rem;line-height:2;text-align:right}.transcript-html-content ul,.transcript-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .transcript-html-content ul,[dir=rtl] .transcript-html-content ol{padding-left:0;padding-right:1.5rem}@media (max-width: 992px){.listening-task{gap:1.75rem}.listening-task.new-format{gap:2rem}.task-description{padding:1rem}}@media (max-width: 768px){.listening-task{gap:1.5rem}.task-description{padding:.875rem;font-size:.95rem}}@media (max-width: 480px){.listening-task{gap:1.25rem}.task-description{padding:.75rem;font-size:.9rem}}.reading-task.new-format{display:flex;flex-direction:column;gap:1.5rem}.reading-task{display:flex;flex-direction:column;gap:2rem}.description-html-content table{border-collapse:collapse;margin:1rem 0;overflow:hidden;width:100%;table-layout:fixed;border:1px solid var(--border-color, #ddd)}.description-html-content table td,.description-html-content table th{border:1px solid var(--border-color, #ddd);padding:.75rem;position:relative;vertical-align:top;text-align:left}.description-html-content table th{background-color:var(--background-light, #f8f9fa);font-weight:600;color:var(--text-dark, #333)}.description-html-content table tr:nth-child(2n){background-color:var(--background-light, #f8f9fa)}.description-html-content table tr:hover{background-color:var(--primary-light, #e5effd)}[dir=rtl] .description-html-content table td,[dir=rtl] .description-html-content table th{text-align:right}[lang=ar] .description-html-content table,[dir=rtl] .description-html-content table,.description-html-content table [lang=ar]{font-size:1.1rem;line-height:1.8}[lang=ar] .description-html-content table td,[lang=ar] .description-html-content table th,[dir=rtl] .description-html-content table td,[dir=rtl] .description-html-content table th{text-align:right;font-size:1.1rem;line-height:1.8}.complete-reading-task-button{background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s ease}.complete-reading-task-button:disabled{opacity:.6;cursor:not-allowed}.complete-reading-task-button:hover:not(:disabled){background-color:var(--primary-dark)}.reading-content{background-color:var(--background-light);border-radius:var(--radius-md);overflow:hidden}.reading-text-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:var(--primary-light);border-bottom:1px solid var(--border-color)}.reading-icon{color:var(--primary)}.reading-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--primary)}.reading-text{padding:1.25rem;max-height:400px;overflow-y:auto}.reading-paragraph{margin-bottom:1rem;line-height:1.7;font-size:1rem}.reading-paragraph:last-child{margin-bottom:0}.reading-html-content{line-height:1.7}.reading-html-content p,.reading-html-content span{margin:.5rem 0;font-size:1rem;line-height:1.7}.reading-html-content table{border-collapse:collapse;margin:1rem 0;overflow:hidden;width:100%;table-layout:fixed;border:1px solid var(--border-color, #ddd)}.reading-html-content table td,.reading-html-content table th{border:1px solid var(--border-color, #ddd);padding:.75rem;position:relative;vertical-align:top;text-align:left}.reading-html-content table th{background-color:var(--background-light, #f8f9fa);font-weight:600;color:var(--text-dark, #333)}.reading-html-content table tr:nth-child(2n){background-color:var(--background-light, #f8f9fa)}.reading-html-content table tr:hover{background-color:var(--primary-light, #e5effd)}[dir=rtl] .reading-html-content table td,[dir=rtl] .reading-html-content table th{text-align:right}[lang=ar] .reading-html-content table,[dir=rtl] .reading-html-content table,.reading-html-content table [lang=ar]{font-size:1.1rem;line-height:1.8}[lang=ar] .reading-html-content table td,[lang=ar] .reading-html-content table th,[dir=rtl] .reading-html-content table td,[dir=rtl] .reading-html-content table th{text-align:right;font-size:1.1rem;line-height:1.8}[lang=ar] .reading-html-content,[dir=rtl] .reading-html-content,.reading-html-content [lang=ar]{font-size:1.2rem;line-height:2;text-align:right}.reading-html-content img{max-width:100%;height:auto;margin:1rem 0;border-radius:var(--radius-sm)}.reading-html-content ul,.reading-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .reading-html-content ul,[dir=rtl] .reading-html-content ol{padding-left:0;padding-right:1.5rem}.missing-reading-text{background-color:var(--background-light);border-radius:var(--radius-md);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;color:var(--text-secondary)}.reading-questions{display:flex;flex-direction:column;gap:1.25rem}.questions-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.question-item{display:flex;flex-direction:column;gap:.75rem}.question-text{font-weight:500}.question-actions{display:flex;justify-content:center;margin-top:1rem}@media (max-width: 768px){.reading-text-header{padding:.75rem 1rem}.reading-title{font-size:1rem}.reading-text{padding:1rem}.reading-paragraph{font-size:.95rem}.task-description{padding:.875rem;font-size:.95rem}}@media (max-width: 480px){.reading-task{gap:1.5rem}.reading-text{max-height:350px;padding:.75rem}.questions-list{gap:1.25rem}.answer-option{padding:.625rem .875rem}.option-marker{width:24px;height:24px;font-size:.8rem}.task-description{padding:.75rem;font-size:.9rem}}.speaking-task{display:flex;flex-direction:column;gap:1.5rem}.speaking-instructions{background-color:var(--background-light);border-radius:var(--radius-md);padding:1.25rem}.instructions-title{font-size:1.1rem;color:var(--text-primary);margin-top:0;margin-bottom:.75rem}.add-prompt-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:500;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s ease}.add-prompt-button:hover:not(:disabled){background-color:var(--primary-dark)}.add-prompt-button svg{color:var(--white);width:20px;height:20px}.instructions-text{font-size:.95rem;line-height:1.6;margin:0}.speaking-prompts{display:flex;flex-direction:column;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.prompts-navigation{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--primary-light);border-bottom:1px solid var(--border-color)}.prompt-counter{font-size:.875rem;font-weight:500;color:var(--primary)}.prompt-arrows{display:flex;gap:.25rem}.prompt-nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--white);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.prompt-nav-button:hover:not(:disabled){background-color:var(--primary);border-color:var(--primary);color:var(--white)}.prompt-container{display:flex;flex-direction:column;padding:1.5rem;gap:1.25rem}.prompt-image{text-align:center;margin-bottom:1rem}.prompt-image img{max-width:100%;max-height:250px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.prompt-content{display:flex;flex-direction:column;gap:1.25rem}.prompt-text{font-size:1.1rem;line-height:1.5;font-weight:500;margin:0}.recording-actions{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.record-button,.stop-recording-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.record-button{background-color:#538d4e;color:#fff;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.record-button:hover{background-color:#447a40}.stop-recording-button{background-color:var(--error);color:var(--white);animation:pulse 1.5s infinite}.stop-recording-button:hover{background-color:var(--error-dark)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.recording-playback{display:flex;flex-wrap:wrap;gap:.75rem}.play-recording-button,.complete-prompt-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;flex:1}.play-recording-button{background-color:var(--background-light);color:var(--text-primary);border:1px solid var(--border-color)}.play-recording-button:hover{background-color:var(--background)}.complete-prompt-button{background-color:var(--success);color:var(--white)}.complete-prompt-button:hover:not(:disabled){background-color:var(--success-dark)}.complete-prompt-button.is-completed{background-color:var(--success-light);cursor:default}.complete-prompt-button:disabled{opacity:.7;cursor:not-allowed}.complete-prompt-button.is-uploading{background-color:var(--gray);cursor:wait;opacity:.8}.prompts-progress{display:flex;justify-content:center;gap:.5rem;padding:1rem;border-top:1px solid var(--border-color)}.prompt-indicator{width:12px;height:12px;border-radius:50%;background-color:var(--background-light);cursor:pointer;transition:all .2s ease}.prompt-indicator.is-current{background-color:var(--primary);transform:scale(1.2)}.prompt-indicator.is-completed{background-color:var(--success)}.all-prompts-completed{padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--success);background-color:rgba(var(--success-rgb),.1);border-top:1px solid var(--border-color)}.completed-icon{margin-bottom:.5rem}.completed-message{margin:0;font-weight:500}.missing-prompts{background-color:var(--background-light);border-radius:var(--radius-md);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;color:var(--text-secondary)}.speaking-task.premium-locked{position:relative}.speaking-preview{opacity:.7;pointer-events:none;filter:blur(1px)}.speaking-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.speaking-preview-header svg{color:var(--primary, #3c64b1)}.speaking-preview-header h4{margin:0;font-size:1rem}.speaking-instructions.locked{background-color:var(--primary-light, #e1e8f5);padding:12px;border-radius:var(--radius-md, 8px);margin-bottom:16px}.speaking-instructions.locked p{margin:0}.speaking-recording-preview{border:1px solid var(--primary-light, #e1e8f5);border-radius:var(--radius-md, 8px);padding:20px;background-color:var(--white, #ffffff)}.recording-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:2px dashed var(--gray-lighter, #e9ecef);border-radius:var(--radius-md, 8px);background-color:var(--gray-light, #f8f9fa)}.recording-placeholder svg{color:var(--gray, #6c757d);margin-bottom:12px}.recording-placeholder p{margin:0;text-align:center;color:var(--gray, #6c757d);font-size:.9rem}[dir=rtl] .prompt-nav-button svg{transform:rotate(180deg)}[dir=rtl] .premium-lock-indicator,[dir=rtl] .speaking-preview-header{flex-direction:row-reverse}@media (max-width: 768px){.speaking-instructions{padding:1rem}.prompt-container{padding:1.25rem}.prompt-text{font-size:1rem}.record-button,.stop-recording-button{padding:.6rem 1.25rem}.premium-lock-indicator{padding:10px 12px}.premium-lock-indicator h3{font-size:1rem}.speaking-recording-preview{padding:16px}.recording-placeholder{padding:20px}}@media (max-width: 480px){.speaking-task{gap:1.25rem}.instructions-title{font-size:1rem}.prompt-container{padding:1rem}.prompt-text{font-size:.95rem}.recording-playback{flex-direction:column;width:100%}.play-recording-button,.complete-prompt-button{width:100%;justify-content:center}.premium-upgrade-button{padding:10px 14px;font-size:.95rem}}.speaking-html-content{line-height:1.7}.speaking-html-content p,.speaking-html-content span{margin:.5rem 0;font-size:1rem}[lang=ar] .speaking-html-content,[dir=rtl] .speaking-html-content,.speaking-html-content [lang=ar]{font-size:1.2rem;line-height:2;text-align:right}.speaking-html-content img{max-width:100%;height:auto;margin:.5rem 0;border-radius:var(--radius-sm)}.speaking-html-content ul,.speaking-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .speaking-html-content ul,[dir=rtl] .speaking-html-content ol{padding-left:0;padding-right:1.5rem}.speaking-instructions.locked .speaking-html-content{opacity:.7;filter:blur(1px)}.speaking-general-description{margin-bottom:1.5rem;background-color:#f9f9f9;border-radius:8px;padding:1rem}.speaking-general-description p{margin:0;color:#333;line-height:1.6}.recording-timer{display:flex;align-items:center;justify-content:center;margin-top:.5rem;font-size:.9rem;color:var(--text-secondary)}.recording-timer.almost-complete{color:var(--warning);font-weight:500}.recording-timer.time-critical{color:var(--error);font-weight:700;animation:pulse 1s infinite}.recording-info{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;text-align:center;width:100%}.existing-recording{margin:20px 0;padding:16px;background-color:#f5f8ff;border-radius:8px;border-left:4px solid #3e7bfa}.existing-recording-title{font-size:16px;margin:0 0 12px;color:#334155;display:flex;align-items:center}.existing-recording-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.play-existing-button,.re-record-button,.delete-recording-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:4px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.play-existing-button{background-color:#e0eaff;color:#3e7bfa}.play-existing-button:hover{background-color:#d0e0ff}.re-record-button{background-color:#e5f7f0;color:#0d9488}.re-record-button:hover{background-color:#d5f2e9}.delete-recording-button{background-color:#fee2e2;color:#ef4444}.delete-recording-button:hover:not(:disabled){background-color:#fecaca}.delete-recording-button:disabled{opacity:.6;cursor:not-allowed}.existing-recording-info{display:flex;justify-content:space-between;font-size:13px;color:#64748b;margin-top:8px}.recording-duration{display:flex;align-items:center;gap:4px}.recording-date{font-style:italic}[dir=rtl] .existing-recording{border-left:none;border-right:4px solid #3e7bfa}[dir=rtl] .existing-recording-controls button svg{margin-right:0;margin-left:4px}@media (max-width: 768px){.existing-recording{padding:12px}.existing-recording-controls{flex-direction:column;gap:8px}.play-existing-button,.re-record-button,.delete-recording-button{width:100%;justify-content:center}}@media (max-width: 480px){.existing-recording-info{flex-direction:column;gap:4px}}.recordings-history{margin:1.5rem 0;background-color:#f5f5f5;border-radius:.5rem;padding:1rem;border:1px solid #e0e0e0}.recordings-history-title{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#333}.current-recording{background-color:#f9f9f9;border-radius:.5rem;padding:1rem;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;border:1px solid #e2e2e2}.recording-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.recording-label{font-weight:700;color:#3a3a3a}.recording-date{font-size:.85rem;color:#6c757d}.recording-controls{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.re-record-button.primary{background-color:#538d4e;color:#fff}.re-record-button.primary:hover{background-color:#447a40}.recording-info{font-size:.9rem;color:#6c757d}.previous-recordings{margin-top:1rem}.previous-recordings-title{font-size:.95rem;margin-bottom:.75rem;color:#495057}.recordings-list{display:flex;flex-direction:column;gap:.5rem}.recording-item{display:flex;flex-direction:column;background-color:#fff;border-radius:.5rem;padding:.75rem;border:1px solid #dee2e6}.recording-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.recording-number{font-weight:700;color:#495057;font-size:.9rem}.recording-item-controls{display:flex;gap:.5rem}.play-recording-button.small,.delete-recording-button.small{padding:.25rem .5rem;font-size:.85rem}.record-button.re-record{background-color:#555;border-color:#494949}.record-button.re-record:hover{background-color:#444}[dir=rtl] .recording-header,[dir=rtl] .recording-item-header,[dir=rtl] .recording-controls,[dir=rtl] .recording-item-controls{flex-direction:row-reverse}@media (max-width: 768px){.recordings-history{padding:.75rem}.recording-controls{flex-direction:column;gap:.5rem}.recording-controls button{width:100%}.recording-item-controls{flex-direction:row}.recording-item-controls button{flex:1}}.new-recording-preview{background-color:#f0f5f0;border-radius:.5rem;padding:1rem;border:1px solid #cbdbc9;margin-bottom:1rem}.new-recording-title{margin-top:0;margin-bottom:.75rem;font-size:1rem;color:#3a3a3a}.recording-preview-controls{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.play-recording-button,.save-recording-button{background-color:#538d4e;color:#fff;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.play-recording-button:hover{background-color:#447a40}.delete-recording-button,.discard-recording-button{background-color:#a83232;color:#fff;border:none;border-radius:.25rem;padding:.375rem .75rem;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.delete-recording-button:hover:not(:disabled){background-color:#8a2828}.discard-recording-button:hover:not(:disabled){background-color:#8a2828}@media (max-width: 768px){.recording-preview-controls{flex-direction:column}.recording-preview-controls button{width:100%}}.current-recording.fallback,.recording-item.fallback{background-color:#f7f7f7;border-left:3px solid #606060}.save-recording-button:hover:not(:disabled){background-color:#447a40}.save-recording-button:disabled{opacity:.65;cursor:not-allowed}.save-recording-button.is-uploading{background-color:#555}.premium-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.premium-modal{width:100%;max-width:480px;background-color:var(--white, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .2));position:relative;overflow:hidden;animation:slideUp .3s ease}.premium-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--gray, #6c757d);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:background-color .2s ease,color .2s ease;z-index:2}.premium-modal-close:hover{background-color:#0000001a;color:var(--black, #2c3e50)}.premium-modal-header{padding:24px 24px 0;display:flex;flex-direction:column;align-items:center;text-align:center}.premium-icon-container{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-light, #fff2cc);color:var(--secondary, #f8b500);border-radius:50%;margin-bottom:16px}.premium-modal-title{font-size:1.5rem;font-weight:700;margin:0 0 16px;color:var(--black, #2c3e50)}.premium-modal-content{padding:0 24px}.premium-modal-description{margin:0 0 24px;font-size:1rem;line-height:1.6;color:var(--gray-dark, #495057)}.premium-benefits{border:1px solid var(--secondary-light, #fff2cc);border-radius:var(--radius-md, 8px);padding:16px;margin-bottom:24px;background-color:var(--white, #ffffff)}.benefits-title{font-size:1.1rem;margin:0 0 12px;color:var(--black, #2c3e50)}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.benefit-item{display:flex;align-items:flex-start;gap:10px}.benefit-icon{color:var(--secondary, #f8b500);flex-shrink:0;margin-top:3px}.premium-modal-footer{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px}.upgrade-button{padding:12px 24px;background-color:var(--secondary, #f8b500);color:var(--white, #ffffff);border:none;border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:background-color .2s ease}.upgrade-button:hover{background-color:var(--secondary-dark, #e5a901)}.maybe-later-button{padding:12px 24px;background-color:transparent;color:var(--gray-dark, #495057);border:1px solid var(--gray, #6c757d);border-radius:var(--radius-md, 8px);font-size:1rem;font-weight:600;cursor:pointer;text-align:center;transition:background-color .2s ease,color .2s ease}.maybe-later-button:hover{background-color:var(--gray-light, #f8f9fa)}.premium-modal-note{padding:16px 24px;background-color:var(--gray-light, #f8f9fa);color:var(--gray, #6c757d);font-size:.85rem;text-align:center;border-top:1px solid var(--gray-lighter, #e9ecef)}@media (max-width: 768px){.premium-modal{max-width:100%}.premium-modal-header{padding:20px 20px 0}.premium-modal-content,.premium-modal-footer{padding:0 20px 20px}.premium-modal-note{padding:12px 20px}}[dir=rtl] .premium-modal-close{right:auto;left:16px}[dir=rtl] .benefit-item{flex-direction:row-reverse}.writing-task{display:flex;flex-direction:column;gap:16px;width:100%}.writing-general-description{background-color:var(--primary-lightest, #f0f4ff);padding:16px;border-radius:var(--radius-md, 8px);margin-bottom:8px}.writing-instructions{background-color:var(--gray-light, #f8f9fa);border:1px solid var(--gray-lighter, #e9ecef);border-radius:var(--radius-md, 8px);padding:16px}.instructions-title{margin:0 0 12px;font-size:1.2rem;color:var(--black, #2c3e50)}.instructions-text{line-height:1.6}.writing-task-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--primary-light, #e1e8f5)}.writing-task-header svg{color:var(--primary, #3c64b1)}.writing-task-header h3{margin:0;font-size:1.2rem;color:var(--black, #2c3e50)}.task-description{background-color:var(--light-yellow, #fff9e6);padding:16px;border-radius:var(--radius-md, 8px);border-left:4px solid var(--primary);margin-bottom:8px}.task-description p{margin:0;font-size:1rem;line-height:1.6;color:var(--black, #2c3e50)}.task-description.locked{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.writing-prompts{display:flex;flex-direction:column;gap:16px;border:1px solid var(--gray-lighter, #e9ecef);border-radius:var(--radius-md, 8px);padding:20px;background-color:var(--white, #ffffff)}.prompts-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.prompt-counter{font-size:1rem;font-weight:600;color:var(--black, #2c3e50)}.prompt-arrows{display:flex;gap:8px}.prompt-nav-button{display:flex;justify-content:center;align-items:center;width:36px;height:36px;background-color:var(--primary-lighter, #f0f5ff);color:var(--primary, #3c64b1);border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background-color .2s ease}.prompt-nav-button:hover:not(:disabled){background-color:var(--primary-light, #e1e8f5)}.prompt-nav-button:disabled{opacity:.5;cursor:not-allowed}.prompt-container{display:flex;flex-direction:column;gap:16px}.prompt-image{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:16px}.prompt-image img{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-md, 8px)}.prompt-content{display:flex;flex-direction:column;gap:20px}.prompt-text{background-color:var(--primary-lighter, #f0f5ff);padding:16px;border-radius:var(--radius-md, 8px);border-left:4px solid var(--primary-light, #e1e8f5)}.prompts-progress{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px}.prompt-indicator{width:12px;height:12px;background-color:var(--gray-light, #f8f9fa);border:1px solid var(--gray, #6c757d);border-radius:50%;cursor:pointer;transition:all .2s ease}.prompt-indicator.is-current{background-color:var(--primary, #3c64b1);border-color:var(--primary-dark, #2a4a8c);transform:scale(1.2)}.prompt-indicator.is-completed{background-color:var(--success, #28a745);border-color:var(--success-dark, #1e7e34)}.all-prompts-completed{display:flex;align-items:center;justify-content:center;gap:12px;background-color:var(--success-light, #d4edda);padding:12px 16px;border-radius:var(--radius-md, 8px);margin-top:8px}.completed-icon{color:var(--success, #28a745)}.completed-message{margin:0;font-weight:600;color:var(--success-dark, #1e7e34)}.missing-prompts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background-color:var(--gray-light, #f8f9fa);border-radius:var(--radius-md, 8px);border:1px dashed var(--gray, #6c757d);color:var(--gray-dark, #343a40);text-align:center}.missing-prompts svg{margin-bottom:12px;color:var(--gray, #6c757d)}.writing-actions{display:flex;flex-direction:column;gap:16px}.writing-upload-section{border:1px solid var(--primary-light, #e1e8f5);border-radius:var(--radius-md, 8px);padding:20px;background-color:var(--white, #ffffff)}.upload-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed var(--primary-light, #e1e8f5);border-radius:var(--radius-md, 8px);background-color:var(--gray-light, #f8f9fa);cursor:pointer;transition:all .2s ease;width:100%}.upload-label:hover{background-color:var(--primary-lighter, #f0f5ff);border-color:var(--primary, #3c64b1)}.upload-icon-container{color:var(--primary, #3c64b1);margin-bottom:12px}.upload-text{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--black, #2c3e50)}.upload-hint{font-size:.9rem;color:var(--gray, #6c757d);text-align:center}.upload-input{display:none}.writing-image-preview{display:flex;flex-direction:column;gap:16px}.preview-header{display:flex;align-items:center;justify-content:space-between}.preview-header h4{margin:0;font-size:1rem}.remove-image-button{background:none;border:none;color:var(--danger, #dc3545);font-size:.9rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm, 4px);transition:background-color .2s ease}.remove-image-button:hover{background-color:#dc35451a}.image-container{width:100%;background-color:var(--gray-light, #f8f9fa);border-radius:var(--radius-md, 8px);overflow:hidden;display:flex;justify-content:center;align-items:center;padding:12px}.image-container img{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-sm, 4px)}.submit-writing-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background-color:var(--primary, #3c64b1);color:var(--white, #ffffff);border:none;border-radius:var(--radius-md, 8px);font-weight:600;cursor:pointer;transition:background-color .2s ease;align-self:flex-end}.submit-writing-button:hover:not(:disabled){background-color:var(--primary-dark, #2a4a8c)}.submit-writing-button:disabled{opacity:.7;cursor:not-allowed}.submit-writing-button.is-uploading{position:relative;display:inline-flex;justify-content:center;align-items:center}.instruction-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.instruction-header svg{color:var(--primary, #3c64b1)}.instruction-header h4{margin:0;font-size:1rem}.instruction-steps{margin:0;padding-left:20px}.instruction-steps li{margin-bottom:8px;line-height:1.5}.instruction-steps li:last-child{margin-bottom:0}.submissions-history{display:flex;flex-direction:column;gap:20px;margin-top:20px;border-top:1px solid var(--gray-lighter, #e9ecef);padding-top:20px}.submissions-history-title{margin:0;font-size:1.1rem;color:var(--black, #2c3e50)}.current-submission{display:flex;flex-direction:column;gap:12px;background-color:var(--white, #ffffff);border:1px solid var(--primary-lighter, #f0f5ff);border-radius:var(--radius-md, 8px);padding:16px}.submission-header{display:flex;justify-content:space-between;align-items:center}.submission-label{font-weight:600;color:var(--black, #2c3e50)}.submission-date{font-size:.9rem;color:var(--gray, #6c757d)}.submission-image{display:flex;justify-content:center;align-items:center;background-color:var(--gray-light, #f8f9fa);border-radius:var(--radius-md, 8px);padding:12px;margin:12px 0}.submission-image img{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-sm, 4px)}.submission-controls{display:flex;gap:12px}.re-upload-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background-color:var(--primary, #3c64b1);color:var(--white, #ffffff);border:none;border-radius:var(--radius-md, 8px);font-weight:600;cursor:pointer;transition:background-color .2s ease}.re-upload-button:hover:not(:disabled){background-color:var(--primary-dark, #2a4a8c)}.delete-submission-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background-color:var(--danger-light, #f8d7da);color:var(--danger, #dc3545);border:none;border-radius:var(--radius-md, 8px);font-weight:600;cursor:pointer;transition:background-color .2s ease}.delete-submission-button:hover:not(:disabled){background-color:var(--danger-lighter, #f5c0c5)}.delete-submission-button:disabled{opacity:.7;cursor:not-allowed}.submission-feedback{background-color:var(--success-light, #d4edda);border-radius:var(--radius-md, 8px);padding:12px 16px;margin-top:12px}.submission-feedback h5{margin:0 0 8px;color:var(--success-dark, #1e7e34);font-size:1rem}.submission-feedback p{margin:0;color:var(--black, #2c3e50)}.previous-submissions{display:flex;flex-direction:column;gap:16px;margin-top:8px}.previous-submissions-title{margin:0;font-size:1rem;color:var(--black, #2c3e50)}.submissions-list{display:flex;flex-direction:column;gap:12px}.submission-item{display:flex;flex-direction:column;gap:8px;background-color:var(--gray-lightest, #f5f6f8);border:1px solid var(--gray-lighter, #e9ecef);border-radius:var(--radius-md, 8px);padding:12px}.submission-item-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.submission-number{font-weight:600;color:var(--black, #2c3e50)}.submission-item-image{display:flex;justify-content:center;align-items:center;background-color:var(--white, #ffffff);border-radius:var(--radius-sm, 4px);padding:8px;margin:8px 0}.submission-item-image img{max-width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-sm, 4px)}.submission-item-controls{display:flex;justify-content:flex-end}.delete-submission-button.small{padding:6px 10px;font-size:.8rem}.submission-item-feedback{background-color:var(--success-lighter, #e6f7e9);border-radius:var(--radius-sm, 4px);padding:8px 12px;margin-top:8px}.submission-item-feedback h6{margin:0 0 4px;color:var(--success-dark, #1e7e34);font-size:.9rem}.submission-item-feedback p{margin:0;font-size:.9rem;color:var(--black, #2c3e50)}.writing-task.premium-locked{position:relative}.premium-lock-indicator{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--secondary-light, #fff2cc);border-radius:var(--radius-md, 8px);margin-bottom:16px}.premium-lock-indicator svg{color:var(--secondary, #f8b500)}.premium-lock-indicator h3{margin:0;font-size:1.1rem;color:var(--secondary-dark, #e5a901)}.writing-preview{opacity:.7;pointer-events:none;filter:blur(1px)}.writing-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.writing-preview-header svg{color:var(--primary, #3c64b1)}.writing-preview-header h4{margin:0;font-size:1rem}.writing-upload-preview{border:1px solid var(--primary-light, #e1e8f5);border-radius:var(--radius-md, 8px);padding:20px;background-color:var(--white, #ffffff)}.writing-upload-preview.locked{filter:blur(1px);pointer-events:none;-webkit-user-select:none;user-select:none}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:2px dashed var(--gray-lighter, #e9ecef);border-radius:var(--radius-md, 8px);background-color:var(--gray-light, #f8f9fa)}.upload-placeholder svg{color:var(--gray, #6c757d);margin-bottom:12px}.upload-placeholder p{margin:0;text-align:center;color:var(--gray, #6c757d);font-size:.9rem}.premium-upgrade-button{padding:12px 16px;background-color:var(--secondary, #f8b500);color:var(--white, #ffffff);border:none;border-radius:var(--radius-md, 8px);font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-top:16px;width:100%}.premium-upgrade-button:hover{background-color:var(--secondary-dark, #e5a901)}@media (max-width: 768px){.writing-prompts,.writing-upload-section,.writing-upload-preview{padding:16px}.prompt-container{gap:12px}.prompt-text{padding:12px}.upload-label{padding:30px 16px}.upload-text{font-size:1rem}.writing-instructions{padding:12px}.submissions-history{gap:16px}.current-submission,.submission-item{padding:12px}.submission-controls{flex-wrap:wrap}}@media (max-width: 480px){.writing-prompts{padding:12px}.prompts-navigation{flex-direction:column;gap:12px}.prompt-nav-button{width:32px;height:32px}.prompt-text{padding:10px}.submission-controls{flex-direction:column;gap:8px}.submission-header{flex-direction:column;align-items:flex-start;gap:4px}}[dir=rtl] .writing-task-header,[dir=rtl] .instruction-header,[dir=rtl] .writing-preview-header,[dir=rtl] .prompt-text,[dir=rtl] .submission-header{flex-direction:row-reverse}[dir=rtl] .prompt-text{border-left:none;border-right:4px solid var(--primary-light, #e1e8f5);text-align:right}[dir=rtl] .task-description{border-left:none;border-right:4px solid var(--primary);text-align:right}[dir=rtl] .instruction-steps{padding-right:20px;padding-left:0}[dir=rtl] .submission-controls,[dir=rtl] .submission-item-controls{flex-direction:row-reverse}.writing-html-content{line-height:1.7}.writing-html-content p,.writing-html-content span{margin:.5rem 0;font-size:1rem}[lang=ar] .writing-html-content,[dir=rtl] .writing-html-content,.writing-html-content [lang=ar]{font-size:1.2rem;line-height:2;text-align:right}.writing-html-content img{max-width:100%;height:auto;margin:1rem 0;border-radius:var(--radius-sm)}.writing-html-content ul,.writing-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .writing-html-content ul,[dir=rtl] .writing-html-content ol{padding-left:0;padding-right:1.5rem}.writing-prompt.locked .writing-html-content,.writing-instructions.locked .writing-html-content{opacity:.7;filter:blur(1px)}.grammar-task.new-format{display:flex;flex-direction:column;gap:1.5rem}:root{--success: #28a745;--success-rgb: 40, 167, 69}.grammar-task{display:flex;flex-direction:column;gap:2rem}.grammar-explanation{background-color:var(--background-light);border-radius:var(--radius-md);overflow:hidden;padding:1.25rem}.grammar-explanation div[dangerouslySetInnerHTML]{line-height:1.7}.grammar-explanation div[dangerouslySetInnerHTML] p,.grammar-explanation div[dangerouslySetInnerHTML] span,.grammar-examples div[dangerouslySetInnerHTML] p,.grammar-examples div[dangerouslySetInnerHTML] span{font-size:1rem;line-height:1.7;margin-bottom:1rem}[lang=ar] .grammar-explanation div[dangerouslySetInnerHTML],[dir=rtl] .grammar-explanation div[dangerouslySetInnerHTML],.grammar-explanation div[dangerouslySetInnerHTML] [lang=ar],.grammar-examples div[dangerouslySetInnerHTML] [lang=ar]{font-size:1.2rem;line-height:2}.grammar-examples ul{list-style-type:disc;padding-left:1.5rem}[dir=rtl] .grammar-examples ul{padding-left:0;padding-right:1.5rem}.explanation-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:var(--primary-light);border-bottom:1px solid var(--border-color)}.grammar-icon{color:var(--primary)}.explanation-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--primary)}.explanation-content{padding:1.25rem}.explanation-paragraph{margin-bottom:1rem;line-height:1.7;font-size:1rem}.explanation-paragraph:last-child{margin-bottom:0}.missing-explanation,.missing-exercises{background-color:var(--background-light);border-radius:var(--radius-md);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;color:var(--text-secondary)}.grammar-examples{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.examples-title{font-size:1.1rem;margin-top:0;margin-bottom:1rem}.examples-list{list-style-type:none;padding:0;margin:0}.example-item{padding:.75rem 1rem;background-color:var(--background-light);border-radius:var(--radius-sm);margin-bottom:.75rem;line-height:1.5;font-size:.95rem}.example-item:last-child{margin-bottom:0}.grammar-exercises{display:flex;flex-direction:column;gap:1.25rem}.exercises-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.exercises-list{display:flex;flex-direction:column;gap:1.5rem}.exercise-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--white)}.exercise-question{font-weight:500;margin:0;line-height:1.5}.answer-options{display:flex;flex-direction:column;gap:.5rem}.answer-option{display:flex;align-items:center;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.answer-option:hover:not(.is-correct):not(.is-incorrect){border-color:var(--primary-light);background-color:var(--background-light)}.answer-option.is-selected{border-color:var(--primary);background-color:var(--primary-light)}.answer-option.is-correct{border-color:var(--success);background-color:rgba(var(--success-rgb),.1)}.answer-option.is-incorrect{border-color:var(--error);background-color:rgba(var(--error-rgb),.1)}.option-marker{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--background-light);font-weight:600;font-size:.85rem;margin-right:.75rem;flex-shrink:0}.is-selected .option-marker{background-color:var(--primary);color:#fff}.is-correct .option-marker{background-color:var(--success);color:#fff}.is-incorrect .option-marker{background-color:var(--error);color:#fff}.option-text{flex:1}.exercise-actions{display:flex;justify-content:center;margin-top:1rem}.check-answers-button{padding:.75rem 1.5rem;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:background-color .2s ease}.check-answers-button:hover:not(:disabled){background-color:var(--primary-dark)}.check-answers-button:disabled{opacity:.6;cursor:not-allowed}.score-display{padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-weight:500;text-align:center}.score-good{background-color:rgba(var(--success-rgb),.1);color:var(--success)}.score-needs-improvement{background-color:rgba(var(--warning-rgb),.1);color:var(--warning)}[dir=rtl] .option-marker{margin-right:0;margin-left:.75rem}@media (max-width: 768px){.grammar-task{gap:1.5rem}.explanation-header{padding:.875rem 1rem}.explanation-title{font-size:1rem}.explanation-content{padding:1rem}.explanation-paragraph{font-size:.95rem;line-height:1.6}.grammar-examples{padding:1rem}.examples-title{font-size:1rem}.exercise-item{padding:.875rem}}@media (max-width: 480px){.grammar-task,.exercises-list{gap:1.25rem}.answer-option{padding:.625rem .875rem}.option-marker{width:24px;height:24px;font-size:.8rem}.check-answers-button{width:100%}}.vocabulary-task{display:flex;flex-direction:column;gap:1.5rem}.task-description{font-size:1rem;line-height:1.6;color:#000;background-color:#f8f9fa;border-radius:8px;padding:1.25rem;margin-bottom:.5rem;border-left:4px solid var(--primary)}.description-html-content{font-size:1rem;line-height:1.7}.description-html-content p,.description-html-content span{margin:.5rem 0}[lang=ar] .description-html-content,[dir=rtl] .description-html-content,.description-html-content [lang=ar]{font-size:1.2rem;line-height:2;text-align:right}.vocabulary-task.with-exercises .vocabulary-section{margin-bottom:2rem}.vocabulary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.vocabulary-title{font-size:1.1rem;font-weight:600;margin:0}.view-mode-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.view-mode-toggle:hover{background-color:var(--background-light);border-color:var(--primary);color:var(--primary)}.vocabulary-card-view{display:flex;flex-direction:column;gap:1rem}.vocabulary-counter{font-size:.875rem;color:var(--text-secondary);text-align:center}.vocabulary-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.vocabulary-image{width:150px;height:150px;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:.5rem}.vocabulary-image img{width:100%;height:100%;object-fit:cover}.vocabulary-term{font-size:1.5rem;font-weight:600;text-align:center}.toggle-definition-button{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.toggle-definition-button:hover{background-color:var(--background-light);border-color:var(--primary);color:var(--primary)}.vocabulary-definition{text-align:center;max-width:500px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.definition-label,.example-label{font-weight:600;margin-bottom:.375rem;color:var(--text-secondary);font-size:.9rem}.definition-text{font-size:1.1rem;line-height:1.5;margin-bottom:1rem}.vocabulary-example{margin-top:.5rem;font-style:italic}.example-text{font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.card-navigation{display:flex;justify-content:space-between;width:100%;margin-top:1rem}.card-nav-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.card-nav-button:hover:not(:disabled){background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.card-nav-button:disabled{opacity:.5;cursor:not-allowed}.vocabulary-progress{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.vocabulary-progress-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--background-light);cursor:pointer;transition:all .2s ease}.vocabulary-progress-indicator.is-current{background-color:var(--primary);transform:scale(1.2)}.vocabulary-progress-indicator.is-reviewed{background-color:var(--success)}.vocabulary-list-view{max-height:450px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--white)}.vocabulary-list{display:flex;flex-direction:column}.vocabulary-list-item{display:flex;padding:1rem;border-bottom:1px solid var(--border-color);gap:1rem}.vocabulary-list-item:last-child{border-bottom:none}.vocabulary-list-image{width:60px;height:60px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.vocabulary-list-image img{width:100%;height:100%;object-fit:cover}.vocabulary-list-content{flex:1}.vocabulary-list-term{font-size:1.1rem;font-weight:600;margin-bottom:.375rem}.vocabulary-list-definition{font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.vocabulary-list-example{font-size:.875rem;color:var(--text-secondary);font-style:italic}.list-example-label{font-weight:600}.vocabulary-task-footer{display:flex;justify-content:center;margin-top:1rem}.vocabulary-complete-button{padding:.75rem 1.5rem;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:background-color .2s ease}.vocabulary-complete-button:hover{background-color:var(--primary-dark)}.vocabulary-completion-hint{color:var(--text-secondary);font-size:.9rem;text-align:center;font-style:italic}.missing-vocabulary{background-color:var(--background-light);border-radius:var(--radius-md);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;color:var(--text-secondary)}[dir=rtl] .card-nav-button svg{transform:rotate(180deg)}@media (max-width: 768px){.vocabulary-card{padding:1.5rem}.vocabulary-term{font-size:1.3rem}.definition-text{font-size:1rem}.card-nav-button{padding:.5rem .75rem;font-size:.875rem}.vocabulary-list-item{padding:1rem}.task-description{padding:.875rem;font-size:.95rem}}@media (max-width: 480px){.vocabulary-header{flex-direction:column;align-items:flex-start;gap:.75rem}.vocabulary-image{width:120px;height:120px}.vocabulary-card{padding:1.25rem}.vocabulary-term{font-size:1.2rem}.definition-text{font-size:.95rem}.card-navigation{flex-direction:column;gap:.75rem}.card-nav-button{width:100%;justify-content:center}.vocabulary-list-image{width:80px;height:80px}.task-description{padding:.75rem;font-size:.9rem}}.vocabulary-html-content{line-height:1.5}.vocabulary-html-content p,.vocabulary-html-content span{margin:.25rem 0}[lang=ar] .vocabulary-html-content,[dir=rtl] .vocabulary-html-content,.vocabulary-html-content [lang=ar]{font-size:1.2rem;line-height:1.8;text-align:right}.vocabulary-html-content img{max-width:100%;height:auto;margin:.5rem 0;border-radius:var(--radius-sm)}.vocabulary-term .vocabulary-html-content{font-weight:700;font-size:1.3rem}.definition-text .vocabulary-html-content,.vocabulary-list-definition .vocabulary-html-content{color:var(--text-primary)}.example-text .vocabulary-html-content,.list-example-text .vocabulary-html-content{font-style:italic;color:var(--text-secondary)}.vocabulary-html-content ul,.vocabulary-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .vocabulary-html-content ul,[dir=rtl] .vocabulary-html-content ol{padding-left:0;padding-right:1.5rem}.letter-recognition{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.letter-recognition-question{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.letter-recognition-question h3{margin:0;font-size:1.1rem;font-weight:600}.letter-recognition-audio{margin-top:var(--spacing-xs);width:100%}.letter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.letter-option{display:flex;align-items:center;justify-content:center;font-size:2rem;padding:var(--spacing-md) var(--spacing-sm);min-height:80px;border:2px solid var(--gray-200);border-radius:var(--radius-md);background-color:var(--white);cursor:pointer;transition:all .2s ease}.letter-option:hover{border-color:var(--primary);transform:translateY(-2px)}.letter-option.selected{border-color:var(--primary);background-color:var(--primary-lightest)}.letter-option.correct{border-color:var(--success);background-color:var(--success-light)}.letter-option.incorrect{border-color:var(--danger);background-color:var(--danger-light)}.letter-recognition-controls{display:flex;justify-content:center;margin-top:var(--spacing-md)}.submit-button{display:flex;align-items:center;justify-content:center;min-width:120px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background-color:var(--primary-dark)}.submit-button:disabled{background-color:var(--gray-300);cursor:not-allowed}.result-message{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.try-again-button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--white);border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.correct-answer p{margin:0;font-weight:500}@media (max-width: 768px){.letter-options{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.letter-option{font-size:1.5rem;min-height:60px}}.letter-clicking-exercise{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.letter-clicking-instruction{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.letter-clicking-instruction h3{margin:0;font-size:1.1rem;font-weight:600}.instruction-audio-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--primary);color:var(--white);border:none;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.instruction-audio-button:hover{background-color:var(--primary-dark);transform:scale(1.05)}.instruction-audio-button.is-playing{animation:pulse 1.5s ease infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.letter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.letter-button{position:relative;display:flex;align-items:center;justify-content:center;font-size:2rem;padding:var(--spacing-md);min-height:70px;border:2px solid var(--gray-200);border-radius:var(--radius-md);background-color:var(--white);cursor:pointer;transition:all .2s ease}.letter-button:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.letter-button.selected{border-color:var(--primary);background-color:var(--primary-lightest)}.letter-button.correct{border-color:var(--success);background-color:var(--success-light)}.letter-button.incorrect{border-color:var(--danger);background-color:var(--danger-light)}.letter-button:disabled{cursor:not-allowed;opacity:.7}.sequence-number{position:absolute;top:5px;right:5px;font-size:.8rem;background-color:var(--primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.selected-sequence{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--gray-50);border-radius:var(--radius-md)}.selected-sequence h4{margin-top:0;margin-bottom:var(--spacing-xs);font-size:1rem}.sequence-display{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:40px;align-items:center}.sequence-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background-color:var(--primary-lightest);border:1px solid var(--primary);font-size:1.2rem}.empty-sequence{color:var(--gray-500);font-style:italic}.letter-clicking-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.control-buttons{display:flex;justify-content:space-between;gap:var(--spacing-sm)}.hint-button,.reset-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--white);border:1px solid var(--gray-300);color:var(--gray-700);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.hint-button:hover:not(:disabled),.reset-button:hover:not(:disabled){background-color:var(--gray-100)}.hint-button:disabled,.reset-button:disabled{cursor:not-allowed;opacity:.5}.hint-container{padding:var(--spacing-sm);background-color:var(--primary-lightest);border-left:3px solid var(--primary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.hint-container p{margin:0;font-size:.9rem}.check-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s ease}.check-button:hover:not(:disabled){background-color:var(--primary-dark)}.check-button:disabled{background-color:var(--gray-300);cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.result-feedback{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.result-message{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);width:100%;justify-content:center}.result-message.correct{color:var(--success);background-color:var(--success-light)}.result-message.incorrect{color:var(--danger);background-color:var(--danger-light)}.try-again-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--white);border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.try-again-button:hover{background-color:var(--primary-lightest)}.correct-answer{margin-top:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--gray-50);border-left:3px solid var(--success)}.correct-answer p{margin:0 0 var(--spacing-xs) 0;font-weight:500}.correct-sequence{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.correct-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background-color:var(--success-light);border:1px solid var(--success);font-size:1.2rem}[dir=rtl] .hint-container{border-left:none;border-right:3px solid var(--primary)}[dir=rtl] .correct-answer{border-left:none;border-right:3px solid var(--success)}[dir=rtl] .sequence-number{right:auto;left:5px}@media (max-width: 768px){.letter-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))!important}}@media (max-width: 480px){.letter-button{font-size:1.5rem;min-height:60px}.control-buttons{flex-direction:column}.sequence-letter,.correct-letter{width:35px;height:35px;font-size:1rem}}.intro-task-container{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.intro-task-header{margin-bottom:var(--spacing-md)}.intro-task-header h2{margin-top:0;margin-bottom:var(--spacing-sm);font-size:1.5rem;color:var(--primary)}.task-description{font-size:1rem;line-height:1.5;color:var(--gray-700);margin-bottom:var(--spacing-md)}.intro-task-exercises{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.intro-task-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) 0;text-align:center}.loading-spinner{border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:var(--spacing-md);animation:spin 1s linear infinite}.intro-task-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--danger-light);border-radius:var(--radius-md);color:var(--danger);text-align:center}.intro-task-error svg{margin-bottom:var(--spacing-sm)}.intro-task-completed{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md);background-color:var(--success-light);color:var(--success);border-radius:var(--radius-md);font-weight:600}.intro-task-progress{margin-top:var(--spacing-md)}.progress-label{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:.9rem;color:var(--gray-700)}.progress-bar{height:8px;background-color:var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}.progress-fill{height:100%;background-color:var(--primary);transition:width .3s ease}.unsupported-exercise{padding:var(--spacing-md);background-color:var(--gray-100);border-radius:var(--radius-md);text-align:center;color:var(--gray-700)}@media (max-width: 768px){.intro-task-container{padding:var(--spacing-md)}}@media (max-width: 480px){.intro-task-header h2{font-size:1.25rem}.task-description{font-size:.9rem}.progress-label{font-size:.8rem}}.task-viewer{display:flex;flex-direction:column;background-color:var(--white);border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;height:100%;position:relative}.task-completion-toast{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background-color:#4caf50;color:#fff;font-weight:500;border-radius:30px;z-index:10;box-shadow:0 4px 12px #4caf504d;animation:toast-appear .3s ease-out,toast-fade .3s ease-out 2.7s forwards}@keyframes toast-appear{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-fade{0%{opacity:1}to{opacity:0}}.task-viewer-header{padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.task-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.task-title{font-size:1.35rem;margin:0;color:var(--primary, #3c64b1);display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px}.task-navigation{display:flex;align-items:center;gap:1rem}.task-progress{font-size:.95rem;color:var(--text-secondary, #6b7280);font-weight:500}.task-nav-buttons{display:flex;gap:.5rem}.task-nav-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background-color:var(--white);color:var(--text-primary, #1f2937);cursor:pointer;transition:all .2s ease}.task-nav-button:hover:not(:disabled){background-color:var(--primary-light, #edf2f7);color:var(--primary, #3c64b1);border-color:var(--primary-light, #edf2f7)}.task-nav-button:disabled{opacity:.5;cursor:not-allowed}.task-content{padding:1.75rem;flex:1;overflow:auto;min-height:350px;background-color:#fafbfc}.task-footer{padding:1.5rem;border-top:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.complete-task-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary, #3c64b1);color:var(--white);border:none;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 8px #3c64b126}.complete-task-button:hover:not(:disabled){background-color:var(--primary-dark, #2c4d82);transform:translateY(-2px);box-shadow:0 6px 12px #3c64b140}.complete-task-button:disabled{opacity:.6;cursor:not-allowed;background-color:#9ca3af;transform:none;box-shadow:none}.task-pagination{display:flex;gap:.75rem}.pagination-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:transparent;color:var(--primary, #3c64b1);border:1px solid var(--primary-light, #edf2f7);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-button:hover{background-color:var(--primary-light, #edf2f7)}.next-button{color:var(--primary, #3c64b1)}.task-viewer-empty,.task-viewer-unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:var(--text-secondary, #6b7280);gap:1rem}[dir=rtl] .prev-button,[dir=rtl] .next-button{flex-direction:row-reverse}[dir=rtl] .task-nav-button:first-child svg,[dir=rtl] .task-nav-button:last-child svg{transform:rotate(180deg)}@media (max-width: 992px){.task-title{font-size:1.25rem}.task-content{padding:1.5rem}.task-completion-toast{padding:.7rem 1.15rem;font-size:.95rem}}@media (max-width: 768px){.task-viewer-header{padding:1.25rem}.task-header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.task-navigation{width:100%;justify-content:space-between}.task-title{font-size:1.15rem}.task-content{padding:1.25rem;min-height:250px}.task-footer{padding:1.25rem;flex-direction:column;gap:1rem}.complete-task-button{width:100%;justify-content:center;padding:.75rem 1rem}.task-pagination{width:100%;justify-content:space-between}.pagination-button{flex:1;justify-content:center;padding:.625rem 1rem;font-size:.9rem}.task-completion-toast{max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;top:15px}}@media (max-width: 480px){.task-viewer-header{padding:1rem}.task-title{font-size:1.1rem}.task-content{padding:1rem;min-height:200px}.task-footer{padding:1rem}.complete-task-button{padding:.625rem 1rem;font-size:.95rem}.pagination-button{padding:.5rem .75rem;font-size:.85rem}.task-nav-button{width:36px;height:36px}.task-completion-toast{font-size:.9rem;padding:.6rem 1rem;top:10px}}.generic-task{display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;height:100%;overflow-y:auto;background-color:#fafbfc;border-radius:8px}.generic-task-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.generic-task-header svg{color:var(--primary, #3c64b1)}.generic-task-header h2{margin:0;font-size:1.35rem;color:var(--text-primary, #1f2937);font-weight:600}.generic-task-content{display:flex;flex-direction:column;gap:1.5rem;flex:1}.generic-task-description{font-size:1.1rem;line-height:1.6;color:#000;background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000d}.generic-task-description table{border-collapse:collapse;margin:1rem 0;overflow:hidden;width:100%;table-layout:fixed;border:1px solid var(--border-color, #ddd)}.generic-task-description table td,.generic-task-description table th{border:1px solid var(--border-color, #ddd);padding:.75rem;position:relative;vertical-align:top;text-align:left}.generic-task-description table th{background-color:var(--background-light, #f8f9fa);font-weight:600;color:var(--text-dark, #333)}.generic-task-description table tr:nth-child(2n){background-color:var(--background-light, #f8f9fa)}.generic-task-description table tr:hover{background-color:var(--primary-light, #e5effd)}[dir=rtl] .generic-task-description table td,[dir=rtl] .generic-task-description table th{text-align:right}[lang=ar] .generic-task-description table,[dir=rtl] .generic-task-description table,.generic-task-description table [lang=ar]{font-size:1.1rem;line-height:1.8}[lang=ar] .generic-task-description table td,[lang=ar] .generic-task-description table th,[dir=rtl] .generic-task-description table td,[dir=rtl] .generic-task-description table th{text-align:right;font-size:1.1rem;line-height:1.8}.generic-paragraph{margin-bottom:1rem}.generic-paragraph:last-child{margin-bottom:0}.generic-html-content h1,.generic-html-content h2,.generic-html-content h3,.generic-html-content h4{margin-top:0;color:var(--primary, #3c64b1)}.generic-html-content p{margin-bottom:1rem}.generic-html-content ul,.generic-html-content ol{margin-bottom:1rem;padding-left:1.5rem}.generic-html-content table{border-collapse:collapse;margin:1rem 0;overflow:hidden;width:100%;table-layout:fixed;border:1px solid var(--border-color, #ddd);background-color:#fff}.generic-html-content table td,.generic-html-content table th{border:1px solid var(--border-color, #ddd);padding:.75rem;position:relative;vertical-align:top;text-align:left}.generic-html-content table th{background-color:var(--background-light, #f8f9fa);font-weight:600;color:var(--text-dark, #333)}.generic-html-content table tr:nth-child(2n){background-color:var(--background-light, #f8f9fa)}.generic-html-content table tr:hover{background-color:var(--primary-light, #e5effd)}[dir=rtl] .generic-html-content table td,[dir=rtl] .generic-html-content table th{text-align:right}[lang=ar] .generic-html-content table,[dir=rtl] .generic-html-content table,.generic-html-content table [lang=ar]{font-size:1.1rem;line-height:1.8}[lang=ar] .generic-html-content table td,[lang=ar] .generic-html-content table th,[dir=rtl] .generic-html-content table td,[dir=rtl] .generic-html-content table th{text-align:right;font-size:1.1rem;line-height:1.8}.generic-task-image{display:flex;justify-content:center;margin:1rem 0;background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000000d}.generic-task-image img{max-width:100%;max-height:400px;object-fit:contain;border-radius:4px}.generic-task-text{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000d;font-size:1.1rem;line-height:1.6}.generic-task-text table{border-collapse:collapse;margin:1rem 0;overflow:hidden;width:100%;table-layout:fixed;border:1px solid var(--border-color, #ddd)}.generic-task-text table td,.generic-task-text table th{border:1px solid var(--border-color, #ddd);padding:.75rem;position:relative;vertical-align:top;text-align:left}.generic-task-text table th{background-color:var(--background-light, #f8f9fa);font-weight:600;color:var(--text-dark, #333)}.generic-task-text table tr:nth-child(2n){background-color:var(--background-light, #f8f9fa)}.generic-task-text table tr:hover{background-color:var(--primary-light, #e5effd)}[dir=rtl] .generic-task-text table td,[dir=rtl] .generic-task-text table th{text-align:right}[lang=ar] .generic-task-text table,[dir=rtl] .generic-task-text table,.generic-task-text table [lang=ar]{font-size:1.1rem;line-height:1.8}[lang=ar] .generic-task-text table td,[lang=ar] .generic-task-text table th,[dir=rtl] .generic-task-text table td,[dir=rtl] .generic-task-text table th{text-align:right;font-size:1.1rem;line-height:1.8}.generic-task-vocabulary{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000d}.generic-task-vocabulary h3{margin-top:0;margin-bottom:1rem;color:var(--primary, #3c64b1);font-size:1.25rem;border-bottom:1px solid var(--border-color, #e5e7eb);padding-bottom:.75rem}.generic-vocabulary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.generic-vocabulary-item{padding:1rem;background-color:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.generic-vocabulary-item strong{font-size:1.1rem;color:var(--primary, #3c64b1);display:block}.generic-vocabulary-item p{margin:0;color:var(--text-primary, #1f2937)}.generic-vocabulary-item p.example{color:var(--text-secondary, #6b7280);font-style:italic;margin-top:.5rem;padding-left:1rem;border-left:2px solid var(--border-color, #e5e7eb)}.vocabulary-audio{margin-top:.5rem;width:100%}.generic-task-audio{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000d}.generic-task-audio h3{margin-top:0;margin-bottom:1rem;color:var(--primary, #3c64b1);font-size:1.25rem}.generic-task-exercises{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000000d}.generic-task-empty,.generic-task-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:250px;text-align:center;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 1px 3px #0000000d}.generic-task-error svg,.generic-task-empty svg{color:#f59e0b;margin-bottom:.5rem}.generic-task-error h3{margin:0;color:#b91c1c}.generic-task-error p,.generic-task-empty p{margin:0;color:var(--text-secondary, #6b7280)}.task-debug-info{font-size:.85rem;color:#6b7280;margin-top:1rem}.task-debug-details{margin-top:1rem;width:100%}.task-debug-details summary{cursor:pointer;color:var(--primary, #3c64b1);font-size:.9rem;padding:.5rem;background-color:#f3f4f6;border-radius:4px}.task-debug-details pre{background-color:#f3f4f6;padding:1rem;border-radius:4px;overflow:auto;font-size:.85rem;margin-top:.5rem;max-height:300px}.generic-task-raw{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000000d}.generic-task-raw h3{margin-top:0;margin-bottom:1rem;color:var(--primary, #3c64b1);font-size:1.25rem;border-bottom:1px solid var(--border-color, #e5e7eb);padding-bottom:.75rem}.generic-task-debug{font-size:.95rem}.generic-task-debug p{margin:.5rem 0}.troubleshooting-tips{margin:1.5rem 0;padding:1rem;background-color:#f3f4f6;border-radius:8px;border-left:4px solid #f59e0b}.troubleshooting-tips h4{margin-top:0;margin-bottom:.75rem;color:#b45309}.troubleshooting-tips ul{margin:0;padding-left:1.5rem}.troubleshooting-tips li{margin-bottom:.5rem}.generic-task-completion{display:flex;justify-content:center;margin-top:1.5rem}.no-exercises-message{display:flex;align-items:center;justify-content:center;gap:.75rem;background-color:#f3f4f6;padding:1rem;border-radius:8px;color:var(--text-secondary, #6b7280)}.reading-task{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.reading-content{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.reading-text-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.reading-icon{color:var(--primary, #3c64b1)}.reading-title{margin:0;font-size:1.25rem;color:var(--primary, #3c64b1)}.reading-text{font-size:1.1rem;line-height:1.6;color:var(--text-primary, #1f2937)}.reading-paragraph{margin-bottom:1rem}.reading-html-content h1,.reading-html-content h2,.reading-html-content h3{color:var(--primary, #3c64b1);margin-top:1.5rem;margin-bottom:1rem}.reading-html-content h1:first-child,.reading-html-content h2:first-child,.reading-html-content h3:first-child{margin-top:0}.reading-html-content p{margin-bottom:1rem}.reading-html-content ul,.reading-html-content ol{margin-bottom:1rem;padding-left:1.5rem}.reading-html-content img{max-width:100%;margin:1rem 0;border-radius:4px}.reading-vocabulary{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.reading-vocabulary h4{margin-top:0;margin-bottom:1rem;color:var(--primary, #3c64b1)}.vocabulary-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.vocabulary-item{padding:1rem;background-color:#f9fafb;border-radius:8px}.vocabulary-item strong{display:block;margin-bottom:.5rem;color:var(--primary, #3c64b1)}.missing-reading-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:200px;text-align:center;background-color:#f9fafb;padding:2rem;border-radius:8px}.missing-reading-text svg{color:#f59e0b}.reading-task-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:300px;text-align:center;background-color:#fee2e2;padding:2rem;border-radius:8px}.reading-task-error svg{color:#b91c1c}.reading-task-error h3{margin:0;color:#b91c1c}.reading-task-error p{margin:0;color:#7f1d1d}.reading-error{color:#b91c1c;font-style:italic}.listening-task-container{display:flex;flex-direction:column;align-items:center;margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px}.audio-player-container{width:100%;margin-bottom:20px;display:flex;justify-content:center}.audio-player{max-width:500px;width:100%;padding:15px;border-radius:12px;background-color:#e9f0f8;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}.audio-player.playing{background-color:#d4e6f9;box-shadow:0 4px 8px #00000026}.task-audio-player{width:100%}.listening-task-text{width:100%;max-width:800px;margin-top:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.debug-toggle-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:5px 10px;font-size:.85rem;cursor:pointer;color:#4b5563;margin-top:10px;transition:all .2s ease}.debug-toggle-button:hover{background-color:#e5e7eb;color:#1f2937}.task-debug-panel{margin-top:15px;padding:15px;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;font-family:Courier New,monospace;font-size:.85rem}.task-debug-panel h4{margin-top:0;margin-bottom:10px;color:#4b5563;font-size:.95rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.debug-content{overflow-x:auto;background-color:#f1f5f9;padding:10px;border-radius:4px;max-height:300px;overflow-y:auto}.debug-content pre{margin:0;white-space:pre-wrap}.task-debug-panel details{margin-top:10px}.task-debug-panel summary{cursor:pointer;padding:5px;background-color:#e5e7eb;border-radius:4px;color:#4b5563;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.task-error-banner{display:flex;align-items:center;gap:10px;padding:12px 15px;background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:4px;margin-bottom:15px;color:#991b1b;font-size:.95rem}.task-error-banner svg{color:#ef4444;flex-shrink:0}.task-error-banner button{margin-left:auto;margin-top:0;background-color:#ffffff80;border-color:#fca5a5;font-size:.8rem;padding:3px 8px}.task-error-banner button:hover{background-color:#fffc}.task-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff0f0;color:#d32f2f;border:1px solid #ffcdd2;border-radius:8px;padding:2rem;margin:1rem;text-align:center;gap:1rem}.task-viewer-error h3{font-size:1.25rem;margin:0}.task-viewer-error p{color:#424242;margin:0 0 1rem;max-width:600px}.task-viewer-error svg{color:#d32f2f}.task-description{margin-bottom:1.5rem;line-height:1.5}.main-description,.general-description,.fallback-description{margin-bottom:1rem}.main-description:last-child,.general-description:last-child,.fallback-description:last-child{margin-bottom:0}.general-description{padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1)}.main-description p,.general-description p,.fallback-description p{margin:0 0 .75rem}.main-description p:last-child,.general-description p:last-child,.fallback-description p:last-child{margin-bottom:0}[dir=rtl] .main-description,[dir=rtl] .general-description,[dir=rtl] .fallback-description{text-align:right}.description-html-content{line-height:1.5}.description-html-content p:last-child{margin-bottom:0}[lang=ar] .description-html-content{direction:rtl;text-align:right;font-size:1.1em;line-height:1.7}.lesson-detail-page{display:flex;flex-direction:column;max-width:1280px;margin:0 auto;padding:1.5rem;min-height:calc(100vh - 80px)}.lesson-detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--primary-light, #e1e8f5);gap:1rem}.lesson-title-container{flex:1;text-align:right}.go-back-button{display:flex;align-items:center;gap:.5rem;background:var(--gray-light, #f8f9fa);border:1px solid var(--gray-lighter, #e9ecef);border-radius:var(--radius-sm, 4px);color:var(--primary);cursor:pointer;font-size:.95rem;padding:.5rem .75rem;height:40px;transition:all .2s ease;align-self:flex-start;flex-shrink:0}.go-back-button:hover{background-color:var(--primary-light);color:var(--primary-dark)}.lesson-detail-title{display:flex;align-items:center;justify-content:flex-end;font-size:1.75rem;margin:0 0 .5rem;line-height:1.3;color:var(--primary)}.lesson-detail-icon{margin-right:.75rem;color:var(--primary);flex-shrink:0}.lesson-detail-description{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin:0;max-width:80%}.lesson-detail-content{flex:1;display:flex;flex-direction:column;background-color:var(--white);border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;min-height:500px}.lesson-detail-loading,.lesson-detail-error,.lesson-detail-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spinner 1s ease-in-out infinite;margin-bottom:1.5rem}@keyframes spinner{to{transform:rotate(360deg)}}[dir=rtl] .lesson-detail-icon{margin-right:0;margin-left:.75rem}[dir=rtl] .go-back-button{flex-direction:row-reverse}[dir=rtl] .lesson-detail-title{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .lesson-title-container{text-align:left}@media (max-width: 992px){.lesson-detail-page{padding:1.25rem}.lesson-detail-title{font-size:1.5rem}.lesson-detail-description{max-width:95%}[dir=rtl] .lesson-title-container{text-align:left}[dir=rtl] .lesson-detail-title{justify-content:flex-start}}@media (max-width: 768px){.lesson-detail-page{padding:1rem;min-height:calc(100vh - 60px)}.lesson-detail-header{flex-direction:column;margin-bottom:1.25rem;padding-bottom:.75rem}.go-back-button{margin-bottom:.75rem;align-self:flex-start}.lesson-title-container{text-align:right}.lesson-detail-title{font-size:1.4rem;justify-content:flex-end}.lesson-detail-description{font-size:.95rem;max-width:100%}.lesson-detail-content{min-height:400px}[dir=rtl] .lesson-title-container{text-align:left}[dir=rtl] .lesson-detail-title{justify-content:flex-start}}@media (max-width: 480px){.lesson-detail-page{padding:.75rem}.lesson-detail-header{margin-bottom:1rem;padding-bottom:.5rem}.lesson-detail-title{font-size:1.25rem}.lesson-detail-icon{margin-right:.5rem;transform:scale(.9)}.lesson-detail-description{font-size:.9rem}.go-back-button{padding:.4rem .6rem;font-size:.9rem;height:36px}[dir=rtl] .lesson-detail-icon{margin-left:.5rem;margin-right:0}[dir=rtl] .lesson-title-container{text-align:left}[dir=rtl] .lesson-detail-title{justify-content:flex-start}.lesson-detail-content{min-height:350px}}.level-form{background-color:#f9f9f9;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.level-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.level-form-header h3{font-size:1.2rem;font-weight:600;color:var(--primary);margin:0}.level-form-actions{display:flex;gap:var(--spacing-sm)}.level-form-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.level-form-button.cancel{background-color:transparent;border:1px solid var(--secondary);color:var(--secondary)}.level-form-button.cancel:hover{background-color:#0000000d}.level-form-button.save{background-color:var(--primary);color:#fff;border:none}.level-form-button.save:hover{background-color:var(--primary-dark)}.level-form-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.level-form-group{display:flex;flex-direction:column}.level-form-group label{font-weight:500;margin-bottom:var(--spacing-xs);color:var(--black)}.level-form-group .required{color:#dc3545;margin-left:4px}.level-form-group input,.level-form-group textarea{padding:10px;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-size:.95rem;transition:border-color .2s ease}.level-form-group input:focus,.level-form-group textarea:focus{outline:none;border-color:var(--primary)}.level-form-group input.has-error,.level-form-group textarea.has-error{border-color:#dc3545}.input-with-suffix{display:flex;align-items:center}.input-with-suffix input{flex:1;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.input-suffix{padding:10px 12px;background-color:#0000000d;border:1px solid rgba(0,0,0,.1);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--secondary);font-weight:500}[dir=rtl] .level-form-button{flex-direction:row-reverse}[dir=rtl] .level-form-group .required{margin-left:0;margin-right:4px}[dir=rtl] .input-with-suffix input{border-radius:0 var(--radius-sm) var(--radius-sm) 0}[dir=rtl] .input-suffix{border-right:none;border-left:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}@media (max-width: 767px){.level-form-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.level-form-actions{width:100%}.level-form-button{flex:1;justify-content:center}}.level-manager{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.level-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.level-manager-header h2{font-size:1.4rem;font-weight:600;color:var(--primary);margin:0}.level-add-button{display:flex;align-items:center;gap:8px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.level-add-button:hover{background-color:var(--primary-dark)}.level-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.level-manager-error{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#dc35451a;color:#dc3545;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.level-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:#00000005;border-radius:var(--radius-md);text-align:center}.level-empty-state p{color:var(--secondary);margin-bottom:var(--spacing-md)}.level-table{width:100%;border-collapse:collapse}.level-table th,.level-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.level-table th{font-weight:600;color:var(--secondary);font-size:.9rem}.level-table tr:last-child td{border-bottom:none}.level-order-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.level-order-buttons{display:flex;flex-direction:column;gap:2px}.level-order-button{background:none;border:none;color:var(--secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.level-order-button:hover:not(.disabled){color:var(--primary)}.level-order-button.disabled{opacity:.3;cursor:not-allowed}.level-actions{display:flex;gap:var(--spacing-xs)}.level-action-button{background:none;border:none;padding:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.level-action-button.edit{color:var(--primary)}.level-action-button.edit:hover{background-color:rgba(var(--primary-rgb),.1)}.level-action-button.delete{color:#dc3545}.level-action-button.delete:hover{background-color:#dc35451a}.level-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.level-delete-modal-content{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.level-delete-modal-content h3{font-size:1.2rem;font-weight:600;color:#dc3545;margin-top:0;margin-bottom:var(--spacing-sm)}.level-delete-modal-content p{color:var(--secondary);margin-bottom:var(--spacing-md)}.level-delete-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.level-delete-modal-button{padding:8px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.level-delete-modal-button.cancel{background-color:transparent;border:1px solid var(--secondary);color:var(--secondary)}.level-delete-modal-button.cancel:hover{background-color:#0000000d}.level-delete-modal-button.confirm{background-color:#dc3545;color:#fff;border:none}.level-delete-modal-button.confirm:hover{background-color:#c82333}[dir=rtl] .level-table th,[dir=rtl] .level-table td{text-align:right}[dir=rtl] .level-add-button,[dir=rtl] .level-action-button{flex-direction:row-reverse}@media (max-width: 767px){.level-manager-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.level-table{display:block;overflow-x:auto}.level-table th:nth-child(3),.level-table td:nth-child(3){display:none}}.lesson-type-form{background-color:#f9f9f9;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.lesson-type-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.lesson-type-form-header h3{font-size:1.2rem;font-weight:600;color:var(--primary);margin:0}.lesson-type-form-actions{display:flex;gap:var(--spacing-sm)}.lesson-type-form-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.lesson-type-form-button.cancel{background-color:transparent;border:1px solid var(--secondary);color:var(--secondary)}.lesson-type-form-button.cancel:hover{background-color:#0000000d}.lesson-type-form-button.save{background-color:var(--primary);color:#fff;border:none}.lesson-type-form-button.save:hover{background-color:var(--primary-dark)}.lesson-type-form-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.lesson-type-form-group{display:flex;flex-direction:column}.lesson-type-form-group label{font-weight:500;margin-bottom:var(--spacing-xs);color:var(--black)}.lesson-type-form-group .required{color:#dc3545;margin-left:4px}.lesson-type-form-group input,.lesson-type-form-group textarea,.lesson-type-level-select select{padding:10px;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-size:.95rem;transition:border-color .2s ease}.lesson-type-form-group input:focus,.lesson-type-form-group textarea:focus,.lesson-type-level-select select:focus{outline:none;border-color:var(--primary)}.lesson-type-form-group input.has-error,.lesson-type-form-group textarea.has-error,.lesson-type-level-select.has-error{border-color:#dc3545}.lesson-type-level-select{display:flex;align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);padding:0 10px;background-color:#fff;transition:border-color .2s ease}.lesson-type-level-select:focus-within{border-color:var(--primary)}.lesson-type-level-select.has-error{border-color:#dc3545}.lesson-type-level-select svg{color:var(--primary);margin-right:10px}.lesson-type-level-select select{flex:1;border:none;background:transparent;padding:10px 20px 10px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.lesson-type-level-select select:focus{outline:none}.form-help-text{font-size:.8rem;color:var(--secondary);margin-top:4px}.form-error{display:flex;align-items:center;gap:6px;color:#dc3545;font-size:.85rem;margin-top:6px}.image-upload-container{margin-bottom:var(--spacing-sm)}.image-upload-loading{display:flex;align-items:center;gap:8px;margin-top:var(--spacing-xs);color:var(--secondary);font-size:.9rem}.loading-spinner-small{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite}.image-preview{margin-top:var(--spacing-sm);border-radius:var(--radius-sm);overflow:hidden;max-width:300px}[dir=rtl] .lesson-type-form-button{flex-direction:row-reverse}[dir=rtl] .lesson-type-form-group .required{margin-left:0;margin-right:4px}[dir=rtl] .lesson-type-level-select svg{margin-right:0;margin-left:10px}[dir=rtl] .lesson-type-level-select select{background-position:left 0 center;padding-right:0;padding-left:20px}@media (max-width: 767px){.lesson-type-form-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.lesson-type-form-actions{width:100%}.lesson-type-form-button{flex:1;justify-content:center}}.lesson-type-manager{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.lesson-type-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.lesson-type-manager-header h2{font-size:1.4rem;font-weight:600;color:var(--primary);margin:0}.lesson-type-manager-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.lesson-type-filter{display:flex;align-items:center;gap:8px;background-color:var(--white);border:1px solid rgba(0,0,0,.1);padding:6px 12px;border-radius:var(--radius-md)}.lesson-type-filter svg{color:var(--secondary)}.lesson-type-filter select{border:none;background:transparent;font-size:.9rem;color:var(--black);cursor:pointer;padding-right:16px}.lesson-type-filter select:focus{outline:none}.lesson-type-add-button{display:flex;align-items:center;gap:8px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.lesson-type-add-button:hover{background-color:var(--primary-dark)}.lesson-type-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.lesson-type-manager-error{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#dc35451a;color:#dc3545;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.lesson-type-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:#00000005;border-radius:var(--radius-md);text-align:center}.lesson-type-empty-state p{color:var(--secondary);margin-bottom:var(--spacing-md)}.lesson-type-table{width:100%;border-collapse:collapse}.lesson-type-table th,.lesson-type-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.lesson-type-table th{font-weight:600;color:var(--secondary);font-size:.9rem}.lesson-type-table tr:last-child td{border-bottom:none}.lesson-type-order-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.lesson-type-order-buttons{display:flex;flex-direction:column;gap:2px}.lesson-type-order-button{background:none;border:none;color:var(--secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.lesson-type-order-button:hover:not(.disabled){color:var(--primary)}.lesson-type-order-button.disabled{opacity:.3;cursor:not-allowed}.lesson-type-title-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.lesson-type-thumbnail{width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.lesson-type-thumbnail img{width:100%;height:100%;object-fit:cover}.lesson-type-level{display:flex;align-items:center;gap:6px;color:var(--secondary);font-size:.9rem}.lesson-type-level svg{color:var(--primary)}.lesson-type-actions{display:flex;gap:var(--spacing-xs)}.lesson-type-action-button{background:none;border:none;padding:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.lesson-type-action-button.edit{color:var(--primary)}.lesson-type-action-button.edit:hover{background-color:rgba(var(--primary-rgb),.1)}.lesson-type-action-button.delete{color:#dc3545}.lesson-type-action-button.delete:hover{background-color:#dc35451a}.lesson-type-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.lesson-type-delete-modal-content{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.lesson-type-delete-modal-content h3{font-size:1.2rem;font-weight:600;color:#dc3545;margin-top:0;margin-bottom:var(--spacing-sm)}.lesson-type-delete-modal-content p{color:var(--secondary);margin-bottom:var(--spacing-md)}.lesson-type-delete-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.lesson-type-delete-modal-button{padding:8px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.lesson-type-delete-modal-button.cancel{background-color:transparent;border:1px solid var(--secondary);color:var(--secondary)}.lesson-type-delete-modal-button.cancel:hover{background-color:#0000000d}.lesson-type-delete-modal-button.confirm{background-color:#dc3545;color:#fff;border:none}.lesson-type-delete-modal-button.confirm:hover{background-color:#c82333}[dir=rtl] .lesson-type-table th,[dir=rtl] .lesson-type-table td{text-align:right}[dir=rtl] .lesson-type-add-button,[dir=rtl] .lesson-type-action-button,[dir=rtl] .lesson-type-level{flex-direction:row-reverse}@media (max-width: 767px){.lesson-type-manager-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.lesson-type-manager-actions{width:100%;flex-direction:column;align-items:stretch}.lesson-type-filter{width:100%;justify-content:space-between}.lesson-type-add-button{width:100%;justify-content:center}.lesson-type-table{display:block;overflow-x:auto}.lesson-type-table th:nth-child(1),.lesson-type-table td:nth-child(1){display:none}}.rich-text-editor{border:1px solid var(--border-color, #ddd);border-radius:var(--radius-md, 4px);overflow:hidden;background-color:var(--white, #fff);display:flex;flex-direction:column}.editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid var(--border-color, #ddd);background-color:var(--bg-light, #f7f7f7)}.toolbar-group{display:flex;gap:2px;border-right:1px solid var(--border-color, #ddd);padding-right:4px;margin-right:4px}.toolbar-group:last-child{border-right:none}.editor-toolbar button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-sm, 2px);color:var(--text-dark, #333);transition:all .2s}.editor-toolbar button:hover{background-color:var(--bg-hover, #e9e9e9)}.editor-toolbar button.active{background-color:var(--primary-light, #e5effd);color:var(--primary, #1976d2)}.editor-toolbar button:disabled{opacity:.5;cursor:not-allowed}.editor-content-wrapper{flex:1;overflow:auto;min-height:var(--min-height, 200px)}.ProseMirror{padding:16px;outline:none;min-height:var(--min-height, 200px);width:100%;height:100%;overflow-y:auto;word-wrap:break-word}.ProseMirror:focus{outline:none}.ProseMirror p{margin:1em 0;line-height:1.5}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{margin:1em 0 .5em;font-weight:600;line-height:1.3}.ProseMirror ul,.ProseMirror ol{padding-left:2em;margin:1em 0}.ProseMirror ul li,.ProseMirror ol li{margin:.5em 0}.ProseMirror a{color:var(--primary, #1976d2);text-decoration:underline}.ProseMirror table{border-collapse:collapse;margin:1em 0;overflow:hidden;width:100%;table-layout:fixed}.ProseMirror table td,.ProseMirror table th{border:1px solid var(--border-color, #ddd);padding:8px;position:relative;vertical-align:top}.ProseMirror table th{background-color:var(--bg-light, #f7f7f7);font-weight:600}.ProseMirror img{max-width:100%;height:auto;display:block;margin:1em auto}.ProseMirror blockquote{border-left:3px solid var(--border-color, #ddd);padding-left:1em;margin:1em 0;color:var(--text-muted, #666)}.ProseMirror code{font-family:monospace;background-color:var(--bg-light, #f7f7f7);padding:.2em .4em;border-radius:var(--radius-sm, 2px)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted, #aaa);pointer-events:none;height:0}.ProseMirror [dir=rtl]{text-align:right}.ProseMirror [dir=ltr]{text-align:left}.url-input-container,.image-upload-container{display:flex;gap:8px;padding:8px;background-color:var(--bg-light, #f7f7f7);border-bottom:1px solid var(--border-color, #ddd)}.url-input-container input,.image-upload-container input{flex:1;padding:6px 8px;border:1px solid var(--border-color, #ddd);border-radius:var(--radius-sm, 2px)}.url-input-container button,.image-upload-container button{background-color:var(--primary, #1976d2);color:#fff;border:none;border-radius:var(--radius-sm, 2px);padding:6px 12px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:4px}.url-input-container button:last-child,.image-upload-container button:last-child{background-color:var(--danger, #d32f2f)}[dir=rtl] .ProseMirror{text-align:right}[dir=rtl] .ProseMirror ul,[dir=rtl] .ProseMirror ol{padding-right:2em;padding-left:0}[dir=rtl] .ProseMirror blockquote{border-right:3px solid var(--border-color, #ddd);border-left:none;padding-right:1em;padding-left:0}.tableWrapper{position:relative;overflow-x:auto}.resize-cursor{cursor:col-resize}.column-resize-handle{position:absolute;top:0;bottom:0;width:4px;background-color:var(--primary, #1976d2);opacity:.3;pointer-events:none}.ProseMirror p.is-empty:before{content:attr(data-placeholder);float:left;color:var(--text-muted, #adb5bd);pointer-events:none}[dir=rtl] .ProseMirror p.is-empty:before{float:right}.exercise-type-selector{position:relative}.exercise-type-selector-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.exercise-type-selector-button:hover,.exercise-type-selector-button.active{background-color:var(--primary-dark)}.exercise-type-selector-button:disabled{background-color:var(--disabled);cursor:not-allowed}.exercise-type-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:320px;max-width:100vw;background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1000;overflow:hidden;animation:fadeIn .2s ease;max-height:80vh;overflow-y:auto}.exercise-type-dropdown-header{padding:.75rem 1rem;background-color:var(--background-light);border-bottom:1px solid var(--border-color);font-size:.875rem;font-weight:600;color:var(--text-primary)}.exercise-type-options{max-height:calc(80vh - 40px);overflow-y:auto}.exercise-type-option{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem 1rem;text-align:left;background-color:transparent;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.exercise-type-option:last-child{border-bottom:none}.exercise-type-option:hover{background-color:rgba(var(--primary-rgb),.05)}.exercise-type-option-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgba(var(--primary-rgb),.1);color:var(--primary);flex-shrink:0}.exercise-type-option-content{display:flex;flex-direction:column;gap:.25rem}.exercise-type-option-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.exercise-type-option-description{font-size:.75rem;color:var(--text-secondary);line-height:1.3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.exercise-type-dropdown{right:auto;left:0;width:100%;max-width:320px}}@media (max-width: 480px){.exercise-type-selector-button{width:100%;justify-content:center}.exercise-type-dropdown{max-width:280px}}.exercise-type-dropdown.position-top{top:auto;bottom:calc(100% + .5rem);animation:fadeInFromBottom .2s ease}@keyframes fadeInFromBottom{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .exercise-type-dropdown{right:auto;left:0}[dir=rtl] .exercise-type-option{text-align:right}[dir=rtl] .exercise-type-option-icon{margin-right:0;margin-left:.75rem}.exercise-type-form{padding:.75rem 0}.exercise-type-form-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px dashed var(--border-color)}.exercise-type-form-header svg{color:var(--primary)}.exercise-type-form-header h5{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.exercise-form-field{margin-bottom:1rem}.exercise-form-field:last-child{margin-bottom:0}.exercise-form-field label{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.exercise-form-field input[type=text],.exercise-form-field textarea,.exercise-form-field select{width:100%;padding:.625rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-primary);background-color:var(--white);transition:border-color .2s ease}.exercise-form-field input[type=text]:focus,.exercise-form-field textarea:focus,.exercise-form-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.exercise-form-field input[type=text].has-error,.exercise-form-field textarea.has-error,.exercise-form-field select.has-error{border-color:var(--danger)}.form-help-text{margin-top:.375rem;font-size:.75rem;color:var(--text-secondary)}.true-false-options{display:flex;gap:1rem;margin-top:.5rem}.true-false-option{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);cursor:pointer;transition:all .2s ease}.true-false-option:hover{border-color:var(--primary)}.true-false-option.selected{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.true-false-radio{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:2px solid var(--border-color);border-radius:50%;transition:border-color .2s ease}.true-false-option.selected .true-false-radio{border-color:var(--primary)}.true-false-radio-inner{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--primary);opacity:0;transform:scale(0);transition:all .2s ease}.true-false-option.selected .true-false-radio-inner{opacity:1;transform:scale(1)}.true-false-label{font-size:.875rem;color:var(--text-primary)}.mcq-options{margin-top:.5rem}.mcq-option{display:flex;align-items:center;margin-bottom:.5rem;gap:.5rem}.mcq-option:last-child{margin-bottom:0}.mcq-option-radio{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;cursor:pointer;transition:border-color .2s ease}.mcq-option-radio.selected{border-color:var(--primary)}.mcq-option-radio-inner{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--primary);opacity:0;transform:scale(0);transition:all .2s ease}.mcq-option-radio.selected .mcq-option-radio-inner{opacity:1;transform:scale(1)}.mcq-option-input{flex-grow:1}.mcq-option-actions{display:flex;gap:.25rem}.mcq-option-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.mcq-option-button:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.mcq-option-button.delete:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.add-option-button{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;border:1px dashed var(--border-color);border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.add-option-button:hover{border-color:var(--primary);color:var(--primary)}.blanks-format-options{display:flex;gap:1rem;margin-bottom:1rem}.blanks-format-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);cursor:pointer;transition:all .2s ease;flex:1}.blanks-format-option:hover{border-color:var(--primary)}.blanks-format-option.selected{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.blanks-format-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.blanks-format-label{font-size:.75rem;font-weight:500;color:var(--text-primary);text-align:center}.blanks-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.blanks-tool-button{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.blanks-tool-button:hover{border-color:var(--primary);color:var(--primary)}.blanks-preview{margin-top:1rem;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light)}.blanks-preview-title{margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.blanks-preview-content{font-size:.875rem;line-height:1.5}.blanks-preview-blank{display:inline-block;padding:.125rem .25rem;margin:0 .125rem;background-color:rgba(var(--primary-rgb),.1);border-radius:var(--radius-sm);color:var(--primary);font-weight:500}.matching-container{display:flex;margin-bottom:1rem}.matching-column{flex:1}.matching-connections{display:flex;justify-content:center;align-items:center;width:3rem;color:var(--text-secondary)}.matching-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.matching-column-header h6{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.matching-add-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.matching-add-button:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.matching-items{display:flex;flex-direction:column;gap:.5rem}.matching-item-row{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.matching-item-editor{flex-grow:1;width:100%}.matching-item-editor .rich-text-editor{width:100%}.matching-item-editor .editor-toolbar{padding:.25rem}.matching-item-editor .toolbar-group{gap:.25rem}.matching-item-editor .rich-text-editor .toolbar-group:nth-child(4),.matching-item-editor .rich-text-editor .toolbar-group:nth-child(5){display:none}.matching-item-row input{flex-grow:1}.matching-remove-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.matching-remove-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.matching-remove-button:disabled{opacity:.5;pointer-events:none}.matching-matrix{margin-top:.75rem;overflow-x:auto}.matching-table{width:100%;border-collapse:collapse}.matching-table th,.matching-table td{padding:.5rem;text-align:center;font-size:.75rem}.matching-table th,.matching-row-label{color:var(--text-secondary);font-weight:600}.matching-cell{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);cursor:pointer;transition:all .2s ease;margin:0 auto}.matching-cell:hover{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.matching-cell.matched{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.matching-preview{margin-top:.5rem;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light)}.matching-preview-list{display:flex;flex-direction:column;gap:.5rem}.matching-preview-item{display:flex;align-items:center;gap:.75rem}.matching-preview-left,.matching-preview-right{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);font-size:.875rem;flex:1}.matching-preview-arrow{color:var(--primary);flex-shrink:0}.extract-correct-header,.model-answer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.extract-add-selected-button,.extract-keywords-button{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.extract-add-selected-button:hover,.extract-keywords-button:hover{border-color:var(--primary);color:var(--primary)}.extract-add-selected-button:disabled,.extract-keywords-button:disabled{opacity:.5;cursor:not-allowed}.extract-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.extract-item{display:flex;align-items:center;gap:.5rem}.extract-item textarea{flex-grow:1;resize:vertical}.extract-remove-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.extract-remove-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.extract-remove-button:disabled{opacity:.5;pointer-events:none}.extract-add-button,.keyword-add-button{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px dashed var(--border-color);border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem}.extract-add-button:hover,.keyword-add-button:hover{border-color:var(--primary);color:var(--primary)}.extract-preview{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light)}.extract-preview-heading{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border-color);font-size:.875rem;font-weight:500}.extract-preview-heading svg{color:var(--primary)}.extract-preview-text{font-size:.875rem;line-height:1.5}.highlight-color-1{background-color:rgba(var(--primary-rgb),.15);padding:0 .25rem;border-radius:.125rem}.highlight-color-2{background-color:rgba(var(--success-rgb),.15);padding:0 .25rem;border-radius:.125rem}.highlight-color-3{background-color:rgba(var(--warning-rgb),.15);padding:0 .25rem;border-radius:.125rem}.highlight-color-4{background-color:rgba(var(--danger-rgb),.15);padding:0 .25rem;border-radius:.125rem}.highlight-color-5{background-color:rgba(var(--info-rgb),.15);padding:0 .25rem;border-radius:.125rem}.keywords-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.keyword-item{display:flex;align-items:center;gap:.5rem}.keyword-remove-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.keyword-remove-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.keyword-remove-button:disabled{opacity:.5;pointer-events:none}.short-answer-preview{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light)}.short-answer-preview-question{margin-bottom:.75rem;font-size:.875rem;font-weight:500}.short-answer-preview-input-container{margin-bottom:.75rem}.short-answer-preview-input{width:100%;padding:.625rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);color:var(--text-secondary);font-size:.875rem;resize:vertical}.short-answer-preview-info{font-size:.75rem;color:var(--text-secondary);padding-top:.5rem;border-top:1px dashed var(--border-color)}.short-answer-preview-model,.short-answer-preview-keywords{margin-bottom:.375rem}@media (max-width: 768px){.true-false-options{flex-direction:column;gap:.5rem}.blanks-format-options{flex-direction:column}.matching-container{flex-direction:column;gap:1rem}.matching-connections{display:none}}.mcq-option-input{flex-grow:1;width:100%;margin-bottom:1.5rem}.mcq-option-input .rich-text-editor{border-radius:var(--radius-sm, 4px);border-color:var(--border-color, #ddd)}.mcq-option-input .editor-toolbar{padding:4px 8px;flex-wrap:wrap}.mcq-option-input .toolbar-group{padding-right:3px;margin-right:3px}.mcq-option-input .rich-text-editor .toolbar-group:nth-child(4),.mcq-option-input .rich-text-editor .toolbar-group:nth-child(6){display:none}.task-preview-text-content table{width:100%;border-collapse:collapse;margin:1em 0}.task-preview-text-content table th,.task-preview-text-content table td{border:1px solid var(--border-color, #ddd);padding:8px}.task-preview-text-content table th{background-color:var(--bg-light, #f5f5f5);font-weight:600}.shared-confirmation-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.shared-confirmation-dialog{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;padding:0;animation:slide-up .3s ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.shared-confirmation-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color)}.shared-confirmation-dialog-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.shared-confirmation-dialog-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-sm);transition:all .2s ease}.shared-confirmation-dialog-close:hover{background-color:var(--background);color:var(--text-primary)}.shared-confirmation-dialog-content{padding:24px;display:flex;align-items:flex-start;gap:16px}.shared-confirmation-dialog-icon{color:var(--warning);flex-shrink:0}.shared-confirmation-dialog.danger .shared-confirmation-dialog-icon{color:var(--danger)}.shared-confirmation-dialog-message{margin:0;font-size:16px;line-height:1.5;color:var(--text-secondary)}.shared-confirmation-dialog-actions{display:flex;justify-content:flex-end;padding:16px 24px;gap:12px;border-top:1px solid var(--border-color)}.shared-confirmation-dialog-cancel{padding:8px 16px;border-radius:var(--radius-md);background-color:var(--background);border:1px solid var(--border-color);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.shared-confirmation-dialog-cancel:hover{background-color:var(--background-dark);color:var(--text-primary)}.shared-confirmation-dialog-confirm{padding:8px 16px;border-radius:var(--radius-md);background-color:var(--primary);border:1px solid var(--primary);color:var(--white);font-weight:500;cursor:pointer;transition:all .2s ease}.shared-confirmation-dialog-confirm:hover{background-color:var(--primary-dark)}.shared-confirmation-dialog-confirm.danger{background-color:var(--danger);border-color:var(--danger)}.shared-confirmation-dialog-confirm.danger:hover{background-color:var(--danger-dark)}[dir=rtl] .shared-confirmation-dialog-content,[dir=rtl] .shared-confirmation-dialog-actions{flex-direction:row-reverse}@media (max-width: 768px){.shared-confirmation-dialog{max-width:450px}}@media (max-width: 480px){.shared-confirmation-dialog{max-width:calc(100% - 32px);margin:0 16px}.shared-confirmation-dialog-header{padding:12px 16px}.shared-confirmation-dialog-content{padding:16px}.shared-confirmation-dialog-actions{padding:12px 16px}.shared-confirmation-dialog-title{font-size:16px}.shared-confirmation-dialog-message{font-size:14px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px;background-color:var(--background-light);border-radius:var(--radius-lg);border:1px dashed var(--border-color)}.empty-state.small{padding:16px;min-height:120px}.empty-state.default{min-height:200px}.empty-state-icon{color:var(--text-disabled);margin-bottom:16px}.empty-state.small .empty-state-icon{margin-bottom:8px}.empty-state-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.empty-state.small .empty-state-title{font-size:16px;margin-bottom:4px}.empty-state-message{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px;max-width:400px}.empty-state.small .empty-state-message{font-size:13px;margin-bottom:12px}.empty-state-action{margin-top:8px}[dir=rtl] .empty-state{direction:rtl}@media (max-width: 480px){.empty-state{padding:24px 12px}.empty-state.small{padding:16px 8px}.empty-state-title{font-size:16px}.empty-state.small .empty-state-title{font-size:14px}.empty-state-message{font-size:13px}.empty-state.small .empty-state-message{font-size:12px}}.exercise-editor{background-color:var(--background-light);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:1.5rem;position:relative}.exercise-editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--background);border-bottom:1px solid var(--border-color)}.exercise-editor-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.exercise-editor-header h4 svg{color:var(--primary)}.exercise-editor-actions{display:flex;gap:.5rem}.exercise-editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;min-height:200px}.exercise-editor-empty p{margin-bottom:1rem;color:var(--text-secondary)}.add-first-exercise .exercise-type-selector-button{font-size:1rem;padding:.75rem 1.5rem;background-color:var(--primary);transition:all .2s ease;box-shadow:var(--shadow-sm)}.add-first-exercise .exercise-type-selector-button:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.exercise-list{padding:1rem}.exercise-item{margin-bottom:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);transition:box-shadow .2s ease,transform .2s ease}.exercise-item:last-child{margin-bottom:0}.exercise-item.expanded,.exercise-item:hover{box-shadow:var(--shadow-sm)}.exercise-item-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.exercise-item-header:hover{background-color:rgba(var(--primary-rgb),.05)}.exercise-item-title{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary)}.exercise-number{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--primary);color:var(--white);font-size:.75rem;font-weight:600}.exercise-type{font-size:.875rem}.exercise-item-actions{display:flex;align-items:center;gap:.25rem}.exercise-action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.exercise-action-button:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.exercise-action-button:disabled{opacity:.5;cursor:not-allowed}.exercise-action-button.delete:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.exercise-expand-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease;margin-left:.25rem}.exercise-expand-toggle:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.exercise-item-content{padding:1rem .75rem .75rem;border-top:1px solid var(--border-color);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.exercise-points{display:flex;align-items:center;gap:.25rem;margin-right:.5rem}.exercise-points label{font-size:.75rem;color:var(--text-secondary)}.exercise-points input{width:3rem;padding:.25rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;text-align:center}.exercise-editor-footer{padding:1rem;border-top:1px solid var(--border-color);background-color:var(--background);display:flex;justify-content:center;position:relative;overflow:visible}.exercise-type-unsupported{padding:1rem;background-color:rgba(var(--warning-rgb),.1);border-radius:var(--radius-sm);color:var(--warning);text-align:center}.exercise-editor-error{margin:1rem;padding:.75rem;border-radius:var(--radius-sm);background-color:rgba(var(--danger-rgb),.05);border:1px solid rgba(var(--danger-rgb),.1)}@media (max-width: 768px){.exercise-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.exercise-item-actions{width:100%;justify-content:space-between;flex-wrap:wrap;padding-top:.5rem}.exercise-points{margin-right:0;margin-bottom:.5rem}.exercise-action-button{margin-bottom:.25rem}}@media (max-width: 480px){.exercise-editor-empty{padding:1.5rem 1rem}.exercise-action-button,.exercise-expand-toggle{width:1.75rem;height:1.75rem}.exercise-editor-header{flex-direction:column;align-items:flex-start;gap:.75rem}.exercise-editor-actions{width:100%}.exercise-type-selector-button{width:100%;justify-content:center}.add-first-exercise .exercise-type-selector-button{width:100%}}[dir=rtl] .exercise-number{margin-right:0;margin-left:.5rem}[dir=rtl] .exercise-expand-toggle{margin-left:0;margin-right:.25rem}.task-type-form{padding:1rem 0}.task-form-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.task-form-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.task-form-section-title svg{color:var(--primary)}.task-form-group input[type=text],.task-form-group input[type=number],.task-form-group textarea,.task-form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease}.task-form-group input[type=text]:focus,.task-form-group input[type=number]:focus,.task-form-group textarea:focus,.task-form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.task-form-group .has-error,.task-form-group input[type=text].has-error,.task-form-group input[type=number].has-error,.task-form-group textarea.has-error,.task-form-group select.has-error{border-color:var(--danger)}.audio-upload-container,.image-upload-container{display:flex;flex-direction:column;gap:.5rem}.audio-upload-container input[type=file],.image-upload-container input[type=file]{padding:.5rem;border:1px dashed var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-light);cursor:pointer;transition:border-color .2s ease}.add-word-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);border:none;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-bottom:1rem}.add-word-button:hover{background-color:var(--primary-dark)}.remove-word-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.remove-word-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.word-image-upload{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);border:none;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-bottom:1rem}.word-image-upload:hover{background-color:var(--primary-dark)}.audio-upload-container input[type=file]:hover,.image-upload-container input[type=file]:hover{border-color:var(--primary)}.audio-upload-loading,.image-upload-loading{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.loading-spinner-small{width:1rem;height:1rem;border:2px solid rgba(var(--primary-rgb),.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.audio-preview audio{width:100%;height:2.5rem}.image-preview{position:relative;width:100%;max-width:200px;border-radius:var(--radius-sm);overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.task-form-questions{margin-top:1.5rem}.task-form-questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.task-form-questions-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.add-question-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);border:none;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-question-button:hover{background-color:var(--primary-dark)}.no-questions-message{padding:1.5rem;text-align:center;background-color:var(--background-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-item{padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-header h5{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.remove-question-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.remove-question-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.question-options{margin-top:.75rem}.options-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.option-row{display:flex;align-items:center;margin-bottom:.5rem;gap:.75rem}.option-row:last-child{margin-bottom:0}.option-row input[type=radio]{flex-shrink:0}.correct-answer-label{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--success)}.correct-answer-label svg{color:var(--success)}@media (max-width: 768px){.task-form-row{flex-direction:column;gap:1rem}}@media (max-width: 480px){.task-form-questions-header{flex-direction:column;align-items:flex-start;gap:.75rem}.add-question-button{width:100%;justify-content:center}}.blanks-answers{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.blanks-answer-row{display:flex;align-items:center;gap:.5rem}.blanks-answer-row label{width:100px;margin-bottom:0;font-size:.75rem}.task-form-prompts{margin-top:1.5rem}.task-form-prompts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.task-form-prompts-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.add-prompt-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);border:none;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-prompt-button:hover{background-color:var(--primary-dark)}.no-prompts-message{padding:1.5rem;text-align:center;background-color:var(--background-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem}.prompts-list{display:flex;flex-direction:column;gap:1rem}.prompt-item{padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white)}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.prompt-header h5{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.remove-prompt-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.remove-prompt-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.premium-tier-notice{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:rgba(var(--warning-rgb),.1);border-radius:var(--radius-sm);margin-top:1rem}.premium-badge{background-color:var(--warning);color:var(--white);font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-xs);text-transform:uppercase}.premium-tier-notice p{margin:0;font-size:.875rem;color:var(--text-secondary)}[dir=rtl] .prompt-header,[dir=rtl] .premium-tier-notice{flex-direction:row-reverse}@media (max-width: 768px){.task-form-prompts-header{flex-direction:column;align-items:flex-start;gap:.75rem}.add-prompt-button{width:100%;justify-content:center}}.grammar-task-form .grammar-example-section{margin-top:1.5rem}.grammar-task-form .grammar-example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.grammar-task-form .grammar-example-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.add-example-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);background-color:var(--primary);color:var(--white);border:none;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-example-button:hover{background-color:var(--primary-dark)}.no-examples-message{padding:1.5rem;text-align:center;background-color:var(--background-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem}.examples-list{display:flex;flex-direction:column;gap:1rem}.example-item{padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white)}.example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.example-header h5{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.remove-example-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease}.remove-example-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.grammar-preview{margin-top:1rem;padding:1rem;background-color:var(--background-light);border-radius:var(--radius-sm)}.grammar-preview h4{margin-top:0;margin-bottom:.75rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.grammar-explanation-preview,.grammar-examples-preview{padding:.75rem;background-color:var(--white);border-radius:var(--radius-sm);margin-bottom:1rem}.grammar-example-item{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border-color)}.grammar-example-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}[dir=rtl] .grammar-task-form .grammar-example-header,[dir=rtl] .example-header{flex-direction:row-reverse}@media (max-width: 768px){.grammar-task-form .grammar-example-header{flex-direction:column;align-items:flex-start;gap:.75rem}.add-example-button{width:100%;justify-content:center}}.intro-task-form{margin-top:1rem}.task-form-subsection{margin-bottom:2rem;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.subsection-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f5f5f5;cursor:pointer;transition:background-color .2s ease}.subsection-header:hover{background-color:#eaeaea}.subsection-header h4{margin:0;font-size:1.1rem;font-weight:500}.subsection-header-actions{display:flex;align-items:center;gap:1rem}.toggle-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.toggle-button:hover{background-color:#0000000d}.info-badge{display:flex;align-items:center;gap:.5rem;background-color:#1976d21a;color:#1976d2;font-size:.8rem;padding:.25rem .5rem;border-radius:4px}.subsection-content{padding:1.5rem;background-color:#fff;border-top:1px solid #e0e0e0}.exercise-type-selector{margin-bottom:1.5rem}.exercise-type-selector label{display:block;margin-bottom:.5rem;font-weight:500}.exercise-type-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}.exercise-type-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease;text-align:left;flex:1}.exercise-type-button:hover{background-color:#f5f5f5}.exercise-type-button.active{border-color:#1976d2;background-color:#1976d20d}.exercise-type-info{display:flex;flex-direction:column}.exercise-type-name{font-weight:500;margin-bottom:.25rem}.exercise-type-description{font-size:.8rem;color:#666}.intro-letter-clicking-form,.intro-letter-recognition-form{padding-top:1rem}.task-form-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.task-form-section-header h3{margin:0;font-size:1.1rem;font-weight:500}.help-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.help-button:hover{background-color:#f5f5f5}.help-section{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:1rem;margin-bottom:1.5rem;position:relative}.help-section h4{margin-top:0;margin-bottom:.75rem;font-size:1rem}.help-section h5{margin-bottom:.5rem;font-size:.9rem}.help-section p{margin-bottom:1rem;font-size:.9rem}.help-section ul{margin-bottom:1rem;padding-left:1.5rem}.help-section li{margin-bottom:.5rem;font-size:.9rem}.close-help-button{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;font-size:.8rem;color:#666}.close-help-button:hover{color:#000}.no-exercises-message{text-align:center;padding:2rem;background-color:#f8f9fa;border-radius:6px;margin-bottom:1rem}.add-exercise-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#004d40;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;margin:1rem auto}.add-exercise-button:hover{background-color:#00695c}.exercise-form{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0}.exercise-header h4{margin:0;font-size:1rem;font-weight:500}.remove-exercise-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#f443361a;color:#f44336;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.remove-exercise-button:hover{background-color:#f4433633}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input[type=text],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1976d2;outline:none}.form-help{display:block;margin-top:.5rem;font-size:.8rem;color:#666}.form-error{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:#f44336;font-size:.9rem}.audio-upload-container{display:flex;gap:.5rem}.audio-upload-container input[type=text]{flex:1}.audio-upload-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.audio-upload-button:hover{background-color:#e0e0e0}.audio-play-button{display:flex;align-items:center;justify-content:center;width:2.5rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.audio-play-button:hover{background-color:#1565c0}.upload-status{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;color:#666}.loading-spinner{width:1rem;height:1rem;border:2px solid rgba(0,0,0,.1);border-top-color:#666;border-radius:50%;animation:spin .8s linear infinite}.exercise-preview{margin-top:2rem;border-top:1px solid #e0e0e0;padding-top:1rem}.exercise-preview h5{margin-top:0;margin-bottom:1rem;font-size:.9rem;color:#666}.letter-recognition-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem}.preview-question{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.preview-audio-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.preview-audio-button:hover{background-color:#e0e0e0}.preview-options{display:flex;gap:1rem;flex-wrap:wrap}.preview-option{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:1.5rem;cursor:pointer;transition:all .2s ease}.preview-option:hover{background-color:#f5f5f5}.preview-correct{border-color:#4caf50;background-color:#4caf501a}.letter-sounds-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.letter-sounds-section h5{margin-top:0;margin-bottom:.5rem;font-size:1rem;font-weight:500}.letter-sounds-help{margin-bottom:1rem;font-size:.9rem;color:#666}.letter-sounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.letter-sound-item{display:flex;align-items:center;gap:.75rem}.letter-display{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;font-size:1.25rem}[dir=rtl] .exercise-type-info,[dir=rtl] .exercise-type-button,[dir=rtl] .help-section ul{text-align:right}[dir=rtl] .help-section li{margin-right:1rem;margin-left:0}[dir=rtl] .close-help-button{right:auto;left:.75rem}@media (max-width: 768px){.exercise-type-buttons{flex-direction:column}.exercise-type-button{width:100%}.letter-sounds-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.preview-options{gap:.5rem}.preview-option{width:3rem;height:3rem;font-size:1.25rem}}@media (max-width: 480px){.audio-upload-container{flex-direction:column}.audio-upload-button,.audio-play-button{width:100%;justify-content:center}.letter-sounds-grid{grid-template-columns:1fr}}.task-form{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.task-form-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--background-light)}.task-form-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.task-form-actions{display:flex;gap:.75rem}.task-form-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none}.task-form-button.cancel{background-color:var(--background-light);color:var(--text-secondary);border:1px solid var(--border-color)}.task-form-button.cancel:hover{background-color:var(--background);color:var(--text-primary)}.task-form-button.save{background-color:var(--primary);color:var(--white)}.task-form-button.save:hover{background-color:var(--primary-dark)}.task-form-fields{padding:1.5rem}.task-form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.task-form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.task-form-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.task-form-group{margin-bottom:1.25rem}.task-form-group:last-child{margin-bottom:0}.task-form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.task-form-group label svg{color:var(--primary)}.task-form-group input[type=text],.task-form-group textarea,.task-form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease}.task-form-group input[type=text]:focus,.task-form-group textarea:focus,.task-form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.task-form-group .has-error,.task-form-group input[type=text].has-error,.task-form-group textarea.has-error,.task-form-group select.has-error{border-color:var(--danger)}.task-form-help{margin-top:.375rem;font-size:.75rem;color:var(--text-secondary)}.form-error{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;color:var(--danger);font-size:.75rem}.form-error svg{color:var(--danger);flex-shrink:0}.task-form-row{display:flex;gap:1rem;margin-bottom:1rem}.task-form-row .task-form-group{flex:1;margin-bottom:0}.task-level-select{position:relative;display:flex;align-items:center}.task-level-select svg{position:absolute;left:.75rem;color:var(--primary);pointer-events:none}.task-level-select select{padding-left:2.5rem}.task-type-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.task-type-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:calc(33.333% - .5rem);padding:1rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.task-type-button svg{color:var(--text-secondary);transition:color .2s ease}.task-type-button:hover{border-color:var(--primary);color:var(--primary)}.task-type-button:hover svg{color:var(--primary)}.task-type-button.active{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05);color:var(--primary)}.task-type-button.active svg{color:var(--primary)}.task-content-header{margin-bottom:1.5rem}.task-content-header h4{display:flex;align-items:center;gap:.5rem;margin:0}.task-content-header h4 svg{color:var(--primary)}.required{color:var(--danger);margin-left:.25rem}.task-form-error{margin-bottom:1rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background-color:rgba(var(--danger-rgb),.05);border:1px solid rgba(var(--danger-rgb),.1)}@media (max-width: 768px){.task-form-row{flex-direction:column;gap:1rem}.task-type-button{width:calc(50% - .375rem)}.task-form-header{flex-direction:column;align-items:flex-start;gap:1rem}.task-form-actions{width:100%}.task-form-button{flex:1;justify-content:center}}@media (max-width: 480px){.task-form-fields{padding:1rem}.task-type-button{width:100%}.task-form-header{padding:1rem}}[dir=rtl] .task-level-select svg{left:auto;right:.75rem}[dir=rtl] .task-level-select select{padding-left:.75rem;padding-right:2.5rem}[dir=rtl] .form-error{flex-direction:row-reverse}[dir=rtl] .required{margin-left:0;margin-right:.25rem}.upload-progress-container{margin:10px 0;padding:10px;background-color:#f8f9fa;border-radius:5px;border:1px solid #e9ecef}.upload-progress-label{margin-bottom:5px;font-size:14px;color:#495057;font-weight:500}.upload-progress-bar{height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;position:relative}.upload-progress-fill{height:100%;background-color:#007bff;border-radius:4px;transition:width .3s ease}.task-form.uploading{opacity:.8;pointer-events:none}button .spinner{display:inline-block;margin-right:5px;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;vertical-align:middle}.file-input-wrapper{position:relative;display:inline-block;cursor:pointer}.file-input-wrapper input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-input-wrapper .file-input-button{display:inline-block;padding:6px 12px;background:#007bff;color:#fff;border-radius:4px;cursor:pointer;transition:background .2s}.file-input-wrapper:hover .file-input-button{background:#0069d9}.file-input-preview{margin-top:10px;max-width:300px;max-height:150px;object-fit:contain}.file-input-filename{margin-left:10px;font-size:14px;color:#6c757d}.task-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:var(--spacing-md)}.task-preview-modal{background-color:var(--white);border-radius:var(--radius-md);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.task-preview-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;background-color:var(--white);z-index:1}.task-preview-info{flex:1}.task-preview-info h3{margin:0 0 var(--spacing-xs) 0;font-size:1.4rem;font-weight:600;color:var(--primary)}.task-preview-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.task-preview-type,.task-preview-lesson{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--secondary)}.task-preview-type svg,.task-preview-lesson svg{color:var(--primary)}.task-preview-close{background:none;border:none;color:var(--secondary);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.task-preview-close:hover{background-color:#0000000d;color:var(--black)}.task-preview-description{padding:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.05);font-style:italic;color:var(--secondary)}.task-preview-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.task-preview-content h4{font-size:1.1rem;font-weight:600;color:var(--primary);margin:0 0 var(--spacing-sm) 0}.task-preview-content h5{font-size:.95rem;font-weight:600;color:var(--secondary);margin:0 0 var(--spacing-xs) 0}.task-preview-text-content{background-color:#f9f9f9;padding:var(--spacing-md);border-radius:var(--radius-md);line-height:1.6;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.task-preview-general{display:flex;flex-direction:column;gap:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:var(--spacing-md)}.task-preview-general-description{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-preview-general-image{max-width:400px;border-radius:var(--radius-md);overflow:hidden;align-self:center}.task-preview-general-image img{width:100%;height:auto;display:block}.task-preview-premium{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:rgba(var(--primary-rgb),.05);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.premium-badge{background-color:var(--primary);color:var(--white);padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.task-preview-premium p{margin:0;font-size:.875rem;color:var(--text-secondary)}.task-preview-audio{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-preview-audio audio{width:100%;border-radius:var(--radius-md)}.task-preview-question-list,.task-preview-prompt-list,.task-preview-example-list,.task-preview-exercise-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin:0;padding-left:var(--spacing-md)}.task-preview-question-item,.task-preview-prompt-item,.task-preview-example-item,.task-preview-exercise-item{background-color:#f9f9f9;padding:var(--spacing-md);border-radius:var(--radius-md)}.question-text,.prompt-text,.exercise-question,.exercise-statement{font-weight:600;margin-bottom:var(--spacing-sm)}.question-options,.exercise-options{display:flex;flex-direction:column;gap:8px}.question-option,.exercise-option{padding:10px;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);background-color:#fff;position:relative}.question-option.correct,.exercise-option.correct{border-color:#28a745;background-color:#28a7451a}.correct-marker{position:absolute;right:10px;color:#28a745;font-weight:700}.prompt-image{margin-top:var(--spacing-sm);max-width:300px;border-radius:var(--radius-md);overflow:hidden}.prompt-image img{width:100%;height:auto;display:block}.task-preview-word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.task-preview-word-card{border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);overflow:hidden;background-color:#fff}.word-image{height:150px;overflow:hidden}.word-image img{width:100%;height:100%;object-fit:cover}.word-content{padding:var(--spacing-sm)}.word-term{font-weight:600;font-size:1.1rem;margin-bottom:4px;color:var(--primary)}.word-definition{color:var(--black);margin-bottom:8px}.word-example{color:var(--secondary);font-style:italic;font-size:.9rem}.word-example span{font-weight:600;font-style:normal}.exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px dashed rgba(0,0,0,.1)}.exercise-type{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--primary)}.exercise-points{font-size:.8rem;color:var(--text-secondary);background-color:#0000000d;padding:2px 8px;border-radius:var(--radius-sm)}.exercise-content{padding:var(--spacing-sm)}.exercise-format{font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.true-false-exercise .exercise-options{display:flex;flex-direction:row;gap:var(--spacing-md)}.true-false-exercise .exercise-option{flex:1;text-align:center}.blank-highlight{background-color:rgba(var(--primary-rgb),.15);padding:0 4px;border-radius:2px;font-weight:500;color:var(--primary)}.exercise-text-with-blanks{background-color:#fff;padding:var(--spacing-sm);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);line-height:1.6}.exercise-blanks-answers,.matching-answers,.exercise-extracts,.short-answer-details{background-color:rgba(var(--primary-rgb),.05);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.blanks-list,.matches-list,.extracts-list{margin:0;padding-left:var(--spacing-md)}.blanks-list li,.matches-list li,.extracts-list li{margin-bottom:4px}.extract-item{font-style:italic}.matching-columns{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.matching-column{flex:1;background-color:#fff;padding:var(--spacing-sm);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm)}.matching-items{margin:0;padding-left:var(--spacing-md)}.matching-items li{margin-bottom:6px}.exercise-instruction{font-weight:600;font-style:italic;margin-bottom:var(--spacing-sm);color:var(--primary)}.exercise-source-text{background-color:#fff;padding:var(--spacing-sm);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);line-height:1.6;max-height:200px;overflow-y:auto;overflow-x:hidden;white-space:normal;word-wrap:break-word}.exercise-source-text p{margin-bottom:.75rem}.exercise-source-text p:last-child{margin-bottom:0}.extracts-list{list-style-type:decimal;padding-left:1.5rem;margin-top:.5rem}.extract-item{margin-bottom:.5rem;padding:.5rem;background-color:#00000005;border-radius:var(--radius-sm);font-style:italic;word-wrap:break-word;overflow-wrap:break-word}.short-answer-preview-question,.model-answer-text{background-color:#fff;padding:10px;border-radius:var(--radius-sm);line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.short-answer-preview-question p,.model-answer-text p{margin-bottom:.75rem}.short-answer-preview-question p:last-child,.model-answer-text p:last-child{margin-bottom:0}.model-answer,.keywords{margin-bottom:var(--spacing-sm)}.model-answer-text{font-style:italic}.keywords-list{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{display:inline-block;background-color:rgba(var(--primary-rgb),.1);color:var(--primary);padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem}[dir=rtl] .task-preview-question-list,[dir=rtl] .task-preview-prompt-list,[dir=rtl] .task-preview-example-list,[dir=rtl] .task-preview-exercise-list,[dir=rtl] .blanks-list,[dir=rtl] .matches-list,[dir=rtl] .extracts-list,[dir=rtl] .matching-items{padding-left:0;padding-right:var(--spacing-md)}[dir=rtl] .task-preview-type,[dir=rtl] .task-preview-lesson,[dir=rtl] .exercise-type{flex-direction:row-reverse}[dir=rtl] .correct-marker{right:auto;left:10px}@media (max-width: 767px){.task-preview-modal{max-height:95vh}.task-preview-header{flex-direction:column;gap:var(--spacing-sm)}.task-preview-close{align-self:flex-end}.task-preview-word-grid{grid-template-columns:1fr}.matching-columns,.true-false-exercise .exercise-options{flex-direction:column}}@media (max-width: 480px){.task-preview-overlay{padding:var(--spacing-xs)}.task-preview-modal{max-width:100%}.task-preview-content,.task-preview-header,.task-preview-description{padding:var(--spacing-sm)}.exercise-item,.question-item,.prompt-item,.example-item{padding:var(--spacing-xs)}}.model-answer-text .task-preview-text-content,.exercise-question .task-preview-text-content,.extract-item .task-preview-text-content,.matching-items li.task-preview-text-content{background-color:transparent;padding:0;margin:0;border-radius:0}[dir=rtl] .task-preview-text-content,.task-preview-text-content [lang=ar],.task-preview-text-content [style*=rtl]{text-align:right;direction:rtl;unicode-bidi:embed}.task-preview-text-content{line-height:1.5;font-family:inherit;white-space:normal!important}.task-preview-text-content p{margin-bottom:1em}.task-preview-text-content table{width:100%;border-collapse:collapse;margin-bottom:1em}.task-preview-text-content th,.task-preview-text-content td{border:1px solid #ddd;padding:8px}.task-preview-text-content th{background-color:#f7f7f7;font-weight:600}.task-preview-text-content img{max-width:100%;height:auto;margin:1em 0}.task-preview-text-content ul,.task-preview-text-content ol{margin-bottom:1em;padding-left:1.5em}.task-preview-text-content h1,.task-preview-text-content h2,.task-preview-text-content h3,.task-preview-text-content h4,.task-preview-text-content h5,.task-preview-text-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600}.task-preview-text-content [dir=rtl]{text-align:right}.task-preview-text-content [lang=ar],.task-preview-text-content span[style*=rtl]{font-size:1.1em;line-height:1.8;font-family:Arabic Typesetting,Traditional Arabic,Simplified Arabic,sans-serif}.extract-exercise .exercise-source-text,.extract-exercise .extract-item span{white-space:normal;overflow-wrap:break-word}.exercise-content .exercise-question{margin-bottom:1em}.exercise-content .exercise-options{display:flex;flex-direction:column;gap:.5em}.exercise-content .exercise-option{padding:.75em;border:1px solid #ddd;border-radius:4px;position:relative;display:flex;justify-content:space-between}.exercise-content .exercise-option.correct{border-color:#4caf50;background-color:#4caf501a}.exercise-content .correct-marker{color:#4caf50;font-weight:700;margin-left:.5em}.short-answer-preview{margin:1em 0}.short-answer-preview-input-container{width:100%}.short-answer-preview-input{width:100%;min-height:100px;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;font-style:italic;color:#999}.model-answer-text .task-preview-text-content{background-color:transparent;padding:0}.exercise-question .task-preview-text-content,.model-answer-text .task-preview-text-content,.exercise-instruction.task-preview-text-content,.exercise-source-text.task-preview-text-content,.extract-item .task-preview-text-content{white-space:normal!important;background-color:transparent;padding:0}.short-answer-preview-question,.model-answer-text{white-space:normal!important;overflow-wrap:break-word!important;word-wrap:break-word!important}.short-answer-preview-question *,.model-answer-text *{white-space:normal!important;max-width:100%}.short-answer-preview-question p,.model-answer-text p{margin-bottom:.75rem;display:block}.short-answer-preview-question span,.model-answer-text span{display:inline}.short-answer-preview-question [lang=ar],.short-answer-preview-question span[style*=rtl],.short-answer-preview-question [dir=rtl],.model-answer-text [lang=ar],.model-answer-text span[style*=rtl],.model-answer-text [dir=rtl]{font-family:Arabic Typesetting,Traditional Arabic,Simplified Arabic,sans-serif;font-size:1.1em;line-height:1.8;text-align:right;direction:rtl;unicode-bidi:embed}.task-manager{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.task-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.task-manager-header h2{font-size:1.4rem;font-weight:600;color:var(--primary);margin:0}.task-manager-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.task-search{display:flex;align-items:center;gap:8px;background-color:var(--white);border:1px solid rgba(0,0,0,.1);padding:6px 12px;border-radius:var(--radius-md);flex:1;min-width:240px;position:relative}.task-search svg{color:var(--secondary);flex-shrink:0}.task-search input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--black);padding-right:28px;outline:none;width:100%}.clear-search{position:absolute;right:12px;background:none;border:none;color:var(--secondary);font-size:18px;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center}.clear-search:hover{color:var(--primary)}.task-filter-group{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:center}.task-filter{display:flex;align-items:center;gap:8px;background-color:var(--white);border:1px solid rgba(0,0,0,.1);padding:6px 12px;border-radius:var(--radius-md)}.task-filter svg{color:var(--secondary)}.task-filter select{border:none;background:transparent;font-size:.9rem;color:var(--black);cursor:pointer;padding-right:16px}.task-filter select:disabled{opacity:.5;cursor:not-allowed}.task-filter select:focus{outline:none}.clear-filters{display:inline-flex;align-items:center;gap:6px;background-color:#0000000d;color:var(--secondary);border:none;border-radius:var(--radius-md);padding:6px 12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease}.clear-filters:hover{background-color:#0000001a;color:var(--black)}.task-add-button{display:flex;align-items:center;gap:8px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.task-add-button:hover{background-color:var(--primary-dark)}.task-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.task-manager-error{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#dc35451a;color:#dc3545;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.task-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:#00000005;border-radius:var(--radius-md);text-align:center}.task-empty-state p{color:var(--secondary);margin-bottom:var(--spacing-md)}.task-count{margin-bottom:12px;font-size:.9rem;color:var(--secondary);padding:6px 0;border-bottom:1px solid rgba(0,0,0,.05)}.task-table{width:100%;border-collapse:collapse}.task-table th,.task-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.task-table th{font-weight:600;color:var(--secondary);font-size:.9rem}.task-table tr:last-child td{border-bottom:none}.task-type-cell{display:flex;align-items:center;gap:8px}.task-type-cell svg{color:var(--primary)}.task-actions{display:flex;gap:var(--spacing-xs)}.task-action-button{background:none;border:none;padding:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.task-action-button.preview{color:var(--secondary)}.task-action-button.preview:hover{background-color:#0000000d;color:var(--black)}.task-action-button.edit{color:var(--primary)}.task-action-button.edit:hover{background-color:rgba(var(--primary-rgb),.1)}.task-action-button.delete{color:#dc3545}.task-action-button.delete:hover{background-color:#dc35451a}.task-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.task-delete-modal-content{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.task-delete-modal-content h3{font-size:1.2rem;font-weight:600;color:#dc3545;margin-top:0;margin-bottom:var(--spacing-sm)}.task-delete-modal-content p{color:var(--secondary);margin-bottom:var(--spacing-md)}.task-delete-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.task-delete-modal-button{padding:8px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.task-delete-modal-button.cancel{background-color:transparent;border:1px solid var(--secondary);color:var(--secondary)}.task-delete-modal-button.cancel:hover{background-color:#0000000d}.task-delete-modal-button.confirm{background-color:#dc3545;color:#fff;border:none}.task-delete-modal-button.confirm:hover{background-color:#c82333}[dir=rtl] .task-filter svg{transform:scaleX(-1)}[dir=rtl] .task-search svg{transform:scaleX(-1)}[dir=rtl] .clear-search{right:auto;left:12px}[dir=rtl] .task-search input{padding-right:0;padding-left:28px}[dir=rtl] .task-table th,[dir=rtl] .task-table td{text-align:right}[dir=rtl] .task-add-button,[dir=rtl] .task-action-button,[dir=rtl] .task-type-cell{flex-direction:row-reverse}[dir=rtl] .task-filter select{padding-right:0;padding-left:16px}@media (max-width: 991px){.task-manager-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.task-manager-actions{width:100%;flex-direction:column;align-items:stretch}.task-filter-group{width:100%;flex-wrap:wrap}.task-filter{flex:1;min-width:120px}.task-add-button{width:100%;justify-content:center}.task-search{width:100%}}@media (max-width: 767px){.task-table{display:block;overflow-x:auto}.task-filter-group{flex-direction:column}.task-filter{width:100%}.clear-filters{width:100%;justify-content:center}}.db-stats-section{margin-top:30px;border-top:1px solid #e0e0e0;padding-top:20px}.db-stats-toggle{display:flex;align-items:center;background-color:#f0f0f1;border:1px solid #c3c4c7;border-radius:4px;padding:8px 12px;color:#2c3338;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:15px}.db-stats-toggle:hover{background-color:#f6f7f7}.db-stats-toggle svg:first-child{margin-right:8px;color:#2271b1}.db-stats-toggle svg:last-child{margin-left:8px}.db-stats-toggle span{flex:1}.share-filters-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#0000000d;color:var(--secondary);border:none;border-radius:var(--radius-md);padding:6px;cursor:pointer;transition:background-color .2s ease,color .2s ease;position:relative}.share-filters-button:hover{background-color:#0000001a;color:var(--primary)}.link-copied-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:var(--primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;animation:fadeInOut 2s ease-in-out;pointer-events:none}.link-copied-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px 4px 0;border-style:solid;border-color:var(--primary) transparent transparent}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.custom-tables-info{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.custom-tables-info.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.custom-tables-info.error{border-left:4px solid #d63638;padding-left:16px;color:#d63638}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#2271b1;animation:spin 1s ease-in-out infinite;margin-bottom:10px}.section-header{display:flex;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.section-header h2{margin:0 0 0 10px;font-size:1.5rem;color:#1d2327}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background-color:#f9f9f9;border-radius:6px;padding:16px;display:flex;align-items:center;box-shadow:0 1px 3px #0000000d}.stat-icon{background-color:#e5f2fd;color:#2271b1;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px}.stat-content h3{margin:0 0 4px;font-size:.875rem;color:#646970}.stat-value{font-size:1.5rem;font-weight:600;color:#1d2327}.custom-tables-status{background-color:#f9f9f9;border-radius:6px;padding:16px;margin-bottom:30px}.status-header{display:flex;align-items:center;margin-bottom:12px}.status-header h3{margin:0 0 0 8px;font-size:1.1rem;color:#1d2327}.status-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.status-item{display:flex;align-items:center;padding:8px 12px;border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #0000000d}.status-item.success{border-left:3px solid #00a32a}.status-item.error{border-left:3px solid #d63638}.status-item svg{margin-right:8px}.status-item.success svg{color:#00a32a}.status-item.error svg{color:#d63638}.table-name{flex:1;font-weight:500}.table-status{font-size:.875rem;color:#646970}.system-info{background-color:#f9f9f9;border-radius:6px;padding:16px}.system-info h3{margin:0 0 12px;font-size:1.1rem;color:#1d2327}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.info-item{background-color:#fff;border-radius:4px;padding:8px 12px;box-shadow:0 1px 2px #0000000d}.info-label{display:block;font-size:.813rem;color:#646970;margin-bottom:2px}.info-value{font-weight:500}.surah-admin-manager{width:100%}.surah-admin-manager-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.surah-admin-search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--secondary);width:18px;height:18px}[dir=rtl] .surah-admin-search-icon{left:auto;right:var(--spacing-sm)}.surah-admin-add-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .3s ease}.surah-admin-add-button:hover{background-color:var(--primary-dark)}.surah-admin-table-container{width:100%;overflow-x:auto;margin-top:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.surah-admin-table{width:100%;border-collapse:collapse;background-color:var(--white);table-layout:fixed;margin:0}.surah-admin-number-column{width:80px}.surah-admin-name-column{width:50%}.surah-admin-verses-column{width:100px}.surah-admin-actions-column{width:120px}[dir=rtl] .surah-admin-table th{text-align:right}.surah-admin-number-column,.surah-admin-verses-column,.surah-admin-number-cell,.surah-admin-verses-cell{text-align:center!important}.surah-admin-actions-column,.surah-admin-actions-cell{text-align:right!important}[dir=rtl] .surah-admin-actions-column,[dir=rtl] .surah-admin-actions-cell{text-align:left!important}.surah-admin-table th:first-child,.surah-admin-table td:first-child{width:80px;text-align:center}.surah-admin-table th:nth-child(2),.surah-admin-table td:nth-child(2){width:50%}.surah-admin-table th:nth-child(3),.surah-admin-table td:nth-child(3){width:100px;text-align:center}.surah-admin-table th,.surah-admin-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}[dir=rtl] .surah-admin-table th,[dir=rtl] .surah-admin-table td{text-align:right}.surah-admin-table th{background-color:var(--background-light);font-weight:500;color:var(--secondary);padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surah-admin-actions-cell{text-align:right}[dir=rtl] .surah-admin-actions-cell{text-align:left}.surah-admin-number-cell{font-weight:500}.surah-admin-verses-cell{text-align:center}.surah-admin-edit-button,.surah-admin-delete-button{border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);transition:background-color .3s ease}.surah-admin-edit-button{color:var(--primary)}.surah-admin-edit-button:hover{background-color:rgba(var(--primary-rgb),.1)}.surah-admin-delete-button{color:var(--danger)}.surah-admin-delete-button:hover{background-color:rgba(var(--danger-rgb),.1)}.surah-admin-name{display:flex;flex-direction:column;padding:var(--spacing-xs) 0}.surah-admin-name-english{font-weight:500}.surah-admin-name-arabic{font-size:.9rem;color:var(--secondary);direction:rtl}.surah-admin-no-surahs-message{text-align:center;padding:var(--spacing-lg);color:var(--secondary)}.surah-admin-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--secondary)}.surah-admin-modal,.surah-admin-confirm-modal{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:500px;animation:modalFadeIn .3s ease}.surah-admin-confirm-modal{max-width:400px}.surah-admin-modal-title{font-size:1.2rem;margin:0;color:var(--primary)}.surah-admin-close-button{background:none;border:none;color:var(--secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.surah-admin-close-button:hover{color:var(--primary)}.surah-admin-form{padding:var(--spacing-md)}.surah-admin-form-row{margin-bottom:var(--spacing-md)}.surah-admin-form-row label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--secondary)}.surah-admin-form-row input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;transition:border-color .3s ease,box-shadow .3s ease}.surah-admin-form-row input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.surah-admin-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.surah-admin-save-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .3s ease}.surah-admin-save-button:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.surah-admin-manager-controls{flex-direction:column;align-items:stretch}.surah-admin-add-button{justify-content:center}.surah-admin-actions-column{width:90px}.surah-admin-modal,.surah-admin-confirm-modal{max-width:90%;margin:0 var(--spacing-sm)}.surah-admin-table th:first-child,.surah-admin-table td:first-child{width:60px}.surah-admin-table th:nth-child(3),.surah-admin-table td:nth-child(3){width:80px}}@media (max-width: 480px){.surah-admin-table{table-layout:auto}.surah-admin-table th,.surah-admin-table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.surah-admin-action-buttons{gap:0}.surah-admin-edit-button,.surah-admin-delete-button{width:28px;height:28px}.surah-admin-modal-title{font-size:1.1rem}.surah-admin-name{gap:var(--spacing-xs)}.surah-admin-name-english,.surah-admin-name-arabic{line-height:1.3}}.surah-admin-progress-manager{width:100%}.surah-admin-user-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.surah-admin-search-container{position:relative;flex-grow:1}.surah-admin-search-icon,.surah-admin-filter-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--secondary);width:18px;height:18px}[dir=rtl] .surah-admin-search-icon,[dir=rtl] .surah-admin-filter-icon{left:auto;right:var(--spacing-sm)}.surah-admin-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem}[dir=rtl] .surah-admin-search-input{padding:var(--spacing-sm) 2.5rem var(--spacing-sm) var(--spacing-sm)}.surah-admin-filter-container{min-width:160px}.surah-admin-filter-label{display:flex;align-items:center;position:relative;width:100%}.surah-admin-filter-select{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--white);font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}[dir=rtl] .surah-admin-filter-select{padding:var(--spacing-sm) 2.5rem var(--spacing-sm) var(--spacing-sm)}.surah-admin-user-count{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);color:var(--secondary);font-size:.9rem}.surah-admin-user-table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.surah-admin-user-table{width:100%;border-collapse:collapse;background-color:var(--white)}.surah-admin-user-table th,.surah-admin-user-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}[dir=rtl] .surah-admin-user-table th,[dir=rtl] .surah-admin-user-table td{text-align:right}.surah-admin-user-table th{background-color:var(--background-light);font-weight:500;color:var(--secondary)}.surah-admin-sortable{cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}.surah-admin-sorted-asc,.surah-admin-sorted-desc{color:var(--primary)}.surah-admin-actions-column{width:80px;text-align:right}[dir=rtl] .surah-admin-actions-column{text-align:left}.surah-admin-action-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-xs)}[dir=rtl] .surah-admin-action-buttons{justify-content:flex-start}.surah-admin-view-button{border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--primary);transition:background-color .3s ease}.surah-admin-view-button:hover{background-color:rgba(var(--primary-rgb),.1)}.surah-admin-progress-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.surah-admin-progress-bar-container{width:100px;height:8px;background-color:var(--background-light);border-radius:4px;overflow:hidden}.surah-admin-progress-percentage{font-size:.85rem;color:var(--secondary);width:50px}.surah-admin-no-users-message{text-align:center;padding:var(--spacing-lg);color:var(--secondary)}.surah-admin-error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(var(--danger-rgb),.1);color:var(--danger);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.surah-admin-progress-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--secondary)}.surah-admin-spinning-loader{animation:spin 1s linear infinite;margin-bottom:var(--spacing-sm);color:var(--primary)}.surah-admin-user-detail-view{width:100%}.surah-admin-back-button{display:flex;align-items:center;gap:var(--spacing-xs);border:none;background:none;color:var(--secondary);font-size:.95rem;cursor:pointer;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:color .3s ease,background-color .3s ease}.surah-admin-back-button:hover{color:var(--primary);background-color:var(--background-light)}.surah-admin-user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.surah-admin-user-info{display:flex;flex-direction:column}.surah-admin-user-name{font-size:1.5rem;margin:0 0 var(--spacing-xs) 0;color:var(--primary)}.surah-admin-user-meta{display:flex;gap:var(--spacing-md);color:var(--secondary);font-size:.9rem}.surah-admin-username{font-weight:500}.surah-admin-email{color:var(--secondary)}.surah-admin-user-actions{display:flex;gap:var(--spacing-sm)}.surah-admin-reset-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(var(--danger-rgb),.1);color:var(--danger);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .3s ease}.surah-admin-reset-button:hover{background-color:rgba(var(--danger-rgb),.2)}.surah-admin-progress-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.surah-admin-progress-stat-card{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-align:center}.surah-admin-progress-stat-value{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-xs)}.surah-admin-progress-stat-label{color:var(--secondary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.surah-admin-progress-stat-subtitle{color:var(--secondary);font-size:.8rem;opacity:.8}.surah-admin-overall-progress{width:100%;height:10px;margin-top:var(--spacing-sm)}.surah-admin-surahs-progress-container{margin-top:var(--spacing-lg)}.surah-admin-surahs-progress-title{font-size:1.2rem;margin-bottom:var(--spacing-md);color:var(--secondary)}.surah-admin-progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.surah-admin-card{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:transform .3s ease,box-shadow .3s ease;border-left:3px solid var(--background-light)}.surah-admin-card.in-progress{border-left-color:var(--warning)}.surah-admin-card.completed{border-left-color:var(--success)}.surah-admin-card-header{display:flex;align-items:flex-start;margin-bottom:var(--spacing-sm);position:relative}.surah-admin-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--background-light);color:var(--secondary);border-radius:var(--radius-sm);font-weight:500;margin-right:var(--spacing-sm)}[dir=rtl] .surah-admin-number{margin-right:0;margin-left:var(--spacing-sm)}.surah-admin-name{flex-grow:1}.surah-admin-name-english{font-weight:500;margin-bottom:2px}.surah-admin-name-arabic{font-size:.85rem;color:var(--secondary);direction:rtl}.surah-admin-reset-surah-button{position:absolute;top:0;right:0;border:none;background:none;cursor:pointer;color:var(--secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .3s ease,color .3s ease}[dir=rtl] .surah-admin-reset-surah-button{right:auto;left:0}.surah-admin-reset-surah-button:hover{background-color:rgba(var(--danger-rgb),.1);color:var(--danger)}.surah-admin-card-content{padding-top:var(--spacing-xs)}.surah-admin-progress-bar-container{width:100%;height:6px;background-color:var(--background-light);border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-sm)}.surah-admin-progress-bar{height:100%;background-color:var(--primary);transition:width .3s ease}.surah-admin-progress-details{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:var(--spacing-xs)}.surah-admin-progress-percentage{font-weight:500}.surah-admin-progress-verses{color:var(--secondary)}.surah-admin-last-updated{font-size:.8rem;color:var(--secondary);opacity:.8}.surah-admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.surah-admin-confirm-modal{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:400px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.surah-admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.surah-admin-modal-title{font-size:1.2rem;margin:0;color:var(--danger)}.surah-admin-confirm-content{padding:var(--spacing-md);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.surah-admin-confirm-icon{color:var(--warning)}.surah-admin-confirm-actions{display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.surah-admin-cancel-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--background-light);color:var(--secondary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .3s ease}.surah-admin-cancel-button:hover{background-color:var(--border-color)}@media (max-width: 768px){.surah-admin-user-controls{flex-direction:column;align-items:stretch}.surah-admin-user-header{flex-direction:column;gap:var(--spacing-md)}.surah-admin-user-actions{width:100%}.surah-admin-reset-button{width:100%;justify-content:center}.surah-admin-progress-overview{grid-template-columns:1fr}.surah-admin-progress-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.surah-admin-confirm-modal{max-width:90%;margin:0 var(--spacing-sm)}}@media (max-width: 480px){.surah-admin-user-table th,.surah-admin-user-table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.surah-admin-progress-bar-container{width:60px}.surah-admin-user-meta{flex-direction:column;gap:var(--spacing-xs)}.surah-admin-user-name{font-size:1.3rem}.surah-admin-surahs-progress-title{font-size:1.1rem}}.surah-admin-tracker-manager{width:100%;padding:var(--spacing-md)}.surah-admin-tracker-header{margin-bottom:var(--spacing-lg)}.surah-admin-tracker-title{font-size:1.8rem;color:var(--primary);margin-bottom:var(--spacing-xs)}.surah-admin-tracker-description{color:var(--secondary);font-size:.95rem;margin-bottom:var(--spacing-md)}.surah-admin-tracker-tabs{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.surah-admin-tracker-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.surah-admin-tracker-tab:hover{color:var(--primary)}.surah-admin-tracker-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.surah-admin-tracker-content{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}@media (max-width: 768px){.surah-tracker-tabs{flex-wrap:wrap}.surah-tracker-tab{flex:1;min-width:120px;justify-content:center}.surah-tracker-title{font-size:1.5rem}}@media (max-width: 480px){.surah-tracker-manager{padding:var(--spacing-sm)}.surah-tracker-tabs{gap:var(--spacing-xs)}.surah-tracker-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.surah-tracker-title{font-size:1.3rem}}.submissions-manager{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.submissions-header h2{margin:0;font-size:1.5rem;color:var(--primary-dark, #1a56db)}.submissions-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.submissions-search{position:relative;width:300px}.submissions-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-mid, #6b7280)}[dir=rtl] .submissions-search-icon{left:auto;right:12px}.submissions-search-input{width:100%;padding:8px 12px 8px 40px;border:1px solid var(--gray-lighter, #e5e7eb);border-radius:6px;font-size:.9rem;transition:border-color .2s}[dir=rtl] .submissions-search-input{padding:8px 40px 8px 12px}.submissions-search-input:focus{border-color:var(--primary, #3b82f6);outline:none}.submissions-filter{position:relative;min-width:140px}.submissions-filter-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-mid, #6b7280)}[dir=rtl] .submissions-filter-icon{left:auto;right:12px}.submissions-filter-select{width:100%;padding:8px 12px 8px 40px;border:1px solid var(--gray-lighter, #e5e7eb);border-radius:6px;font-size:.9rem;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 8px center;background-size:16px}[dir=rtl] .submissions-filter-select{padding:8px 40px 8px 12px;background-position:left 8px center}.submissions-filter-select:focus{border-color:var(--primary, #3b82f6);outline:none}.submissions-refresh-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--gray-lighter, #e5e7eb);border:none;border-radius:6px;font-size:.9rem;color:var(--gray-dark, #374151);cursor:pointer;transition:background-color .2s}.submissions-refresh-button:hover{background-color:var(--gray-light, #d1d5db)}.submissions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background-color:var(--gray-lightest, #f9fafb);border-radius:8px;text-align:center}.submissions-empty p{font-size:1rem;color:var(--gray-mid, #6b7280);margin:0}.submissions-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--gray-lighter, #e5e7eb)}.submissions-table{width:100%;border-collapse:collapse;font-size:.9rem}.submission-row{display:flex;align-items:center;justify-content:center}.submissions-table th,.submissions-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--gray-lighter, #e5e7eb);vertical-align:middle}[dir=rtl] .submissions-table th,[dir=rtl] .submissions-table td{text-align:right}.submissions-table th{background-color:var(--gray-lightest, #f9fafb);font-weight:600;color:var(--gray-dark, #374151)}.submissions-table tr:last-child td{border-bottom:none}.submissions-sortable{cursor:pointer;position:relative}.submissions-sortable:after{content:"";display:inline-block;width:0;height:0;margin-left:8px;vertical-align:middle;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--gray-mid, #6b7280);opacity:.3}[dir=rtl] .submissions-sortable:after{margin-left:0;margin-right:8px}.submissions-sortable.sorted-asc:after{border-bottom:4px solid var(--primary, #3b82f6);opacity:1}.submissions-sortable.sorted-desc:after{border-bottom:none;border-top:4px solid var(--primary, #3b82f6);opacity:1}.submission-type-cell{display:flex;align-items:center;gap:8px;justify-content:flex-start}.submission-type-icon{flex-shrink:0}.submission-type-icon.speaking{color:var(--info, #2563eb)}.submission-type-icon.writing{color:var(--success, #10b981)}.submission-status{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:4px 8px;border-radius:20px;font-size:.8rem;font-weight:500}.submission-status.approved{background-color:var(--success-lightest, #ecfdf5);color:var(--success, #10b981)}.submission-status.rejected{background-color:var(--danger-lightest, #fef2f2);color:var(--danger, #ef4444)}.submission-status.pending{background-color:var(--warning-lightest, #fffbeb);color:var(--warning, #f59e0b)}.submission-grade-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s;background-color:var(--gray-lightest, #f9fafb);color:var(--gray-dark, #374151)}.submission-grade-button:hover{background-color:var(--gray-lighter, #e5e7eb)}.submissions-actions-cell{display:table-cell;text-align:center;vertical-align:middle}.submissions-view-button,.submissions-grade-button{padding:6px 12px;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center}.submissions-view-button{background-color:var(--gray-lightest, #f9fafb);color:var(--gray-dark, #374151)}.submissions-view-button:hover{background-color:var(--gray-lighter, #e5e7eb)}.submissions-grade-button{background-color:var(--primary-lightest, #eff6ff);color:var(--primary, #3b82f6)}.submissions-grade-button:hover{background-color:var(--primary-lighter, #dbeafe)}.submissions-loading,.submissions-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.submissions-spinner{width:40px;height:40px;border:3px solid var(--gray-lighter, #e5e7eb);border-radius:50%;border-top-color:var(--primary, #3b82f6);animation:spin 1s linear infinite;margin-bottom:16px}.submissions-retry-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--primary, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:.9rem;margin-top:16px;cursor:pointer;transition:background-color .2s}.submissions-retry-button:hover{background-color:var(--primary-dark, #1d4ed8)}.submission-detail-view{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.submission-back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:1px solid var(--gray-lighter, #e5e7eb);border-radius:6px;font-size:.9rem;color:var(--gray-dark, #374151);cursor:pointer;transition:background-color .2s;margin-bottom:20px}.submission-back-button:hover{background-color:var(--gray-lightest, #f9fafb)}.submission-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.submission-detail-header h2{margin:0;font-size:1.5rem;color:var(--primary-dark, #1a56db);display:flex;align-items:center;gap:12px}.submission-detail-meta{display:grid;gap:16px;margin-bottom:24px;background-color:var(--gray-lightest, #f9fafb);padding:16px;border-radius:8px}.submission-meta-item{display:flex;flex-direction:column;gap:4px}.submission-meta-label{font-size:.8rem;color:var(--gray-mid, #6b7280);font-weight:500}.submission-meta-value{font-size:.95rem;color:var(--gray-dark, #374151)}.submission-detail-content{display:flex;flex-direction:column;gap:24px}.submission-audio-container,.submission-image-container{background-color:var(--gray-lightest, #f9fafb);padding:20px;border-radius:8px}.submission-audio-container h3,.submission-image-container h3,.submission-feedback h3{margin:0 0 16px;font-size:1.1rem;color:var(--gray-dark, #374151);display:flex;align-items:center;gap:8px}.submission-audio-player{width:100%;max-width:500px}.submission-image{max-width:100%;max-height:600px;border-radius:4px}.submission-feedback{background-color:var(--primary-lightest, #eff6ff);padding:20px;border-radius:8px}.submission-feedback-content{margin:0;font-size:.95rem;line-height:1.6;color:var(--gray-dark, #374151);white-space:pre-line}.submissions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.submissions-modal{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.submissions-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--gray-lighter, #e5e7eb)}.submissions-modal-header h3{margin:0;font-size:1.2rem;color:var(--gray-dark, #374151)}.submissions-modal-close{background:none;border:none;color:var(--gray-mid, #6b7280);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.submissions-modal-close:hover{background-color:var(--gray-lightest, #f9fafb);color:var(--gray-dark, #374151)}.submissions-modal-content{padding:20px}.submissions-modal-info{margin-bottom:20px}.submissions-modal-info p{margin:8px 0;font-size:.95rem;color:var(--gray-dark, #374151)}.submissions-modal-preview{margin-bottom:20px;text-align:center}.submissions-modal-audio{width:100%}.submissions-modal-image{max-width:100%;max-height:300px;border-radius:4px}.submissions-modal-form{display:flex;flex-direction:column;gap:20px}.submissions-feedback-field{display:flex;flex-direction:column;gap:8px}.submissions-feedback-field label{font-size:.9rem;font-weight:500;color:var(--gray-dark, #374151)}.submissions-feedback-field textarea{width:100%;padding:12px;border:1px solid var(--gray-lighter, #e5e7eb);border-radius:6px;font-size:.95rem;line-height:1.5;resize:vertical;transition:border-color .2s}.submissions-feedback-field textarea:focus{border-color:var(--primary, #3b82f6);outline:none}.submissions-grade-options{display:flex;flex-direction:column;gap:12px}.submissions-grade-label{font-size:.9rem;font-weight:500;color:var(--gray-dark, #374151);margin:0}.submissions-grade-buttons{display:flex;flex-wrap:wrap;gap:8px}.submissions-grade-button{flex:1;min-width:120px;padding:10px 16px;background-color:#fff;border:1px solid var(--gray-lighter, #e5e7eb);border-radius:6px;font-size:.9rem;font-weight:500;color:var(--gray-dark, #374151);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.submissions-grade-button:hover{background-color:var(--gray-lightest, #f9fafb)}.submissions-grade-button.active{background-color:var(--primary-lightest, #eff6ff);border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.submissions-completion-note{display:flex;align-items:center;gap:8px;padding:12px;background-color:var(--success-lightest, #ecfdf5);color:var(--success, #10b981);border-radius:6px;font-size:.85rem;margin:0}.submissions-completion-icon{flex-shrink:0}.submissions-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.submissions-modal-button{padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.submissions-modal-button.cancel{background-color:#fff;border:1px solid var(--gray-lighter, #e5e7eb);color:var(--gray-dark, #374151)}.submissions-modal-button.cancel:hover{background-color:var(--gray-lightest, #f9fafb)}.submissions-modal-button.submit{background-color:var(--primary, #3b82f6);border:1px solid var(--primary, #3b82f6);color:#fff;display:flex;align-items:center;gap:8px}.submissions-modal-button.submit:hover{background-color:var(--primary-dark, #1d4ed8)}.submissions-modal-button:disabled{opacity:.7;cursor:not-allowed}.submissions-button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@media (max-width: 768px){.submissions-header{flex-direction:column;align-items:flex-start}.submissions-filters{width:100%;justify-content:space-between}.submissions-search{width:100%}.submissions-filter{flex:1}.submissions-table th:nth-child(4),.submissions-table td:nth-child(4){display:none}.submission-detail-meta{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 576px){.submissions-filters{flex-direction:column;align-items:stretch}.submissions-table th:nth-child(3),.submissions-table td:nth-child(3),.submissions-table th:nth-child(5),.submissions-table td:nth-child(5){display:none}.submissions-grade-buttons{flex-direction:column}.submission-detail-header{flex-direction:column;align-items:flex-start;gap:16px}}.submissions-table th.actions-header{text-align:center}.submissions-table th.type-header{text-align:left}[dir=rtl] .submissions-table th.type-header{text-align:right}.submissions-table td:nth-child(6){text-align:center}.submission-html-content{line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.submission-html-content p,.submission-html-content span{margin:.25rem 0;font-size:.9rem}.submission-html-content p:last-child,.submission-html-content span:last-child{margin-bottom:0}[lang=ar] .submission-html-content,[dir=rtl] .submission-html-content,.submission-html-content [lang=ar]{font-size:1rem;line-height:1.8;text-align:right;direction:rtl}.submission-html-content img{max-width:100%;height:auto;margin:.5rem 0;border-radius:4px}.submission-html-content ul,.submission-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .submission-html-content ul,[dir=rtl] .submission-html-content ol{padding-left:0;padding-right:1.5rem}.submission-html-content strong,.submission-html-content b{font-weight:600}.submission-html-content em,.submission-html-content i{font-style:italic}.submission-html-content h1,.submission-html-content h2,.submission-html-content h3,.submission-html-content h4,.submission-html-content h5,.submission-html-content h6{margin:.5rem 0;font-weight:600;color:var(--gray-dark, #374151)}.submission-html-content h1{font-size:1.125rem}.submission-html-content h2{font-size:1.1rem}.submission-html-content h3{font-size:1.05rem}.submission-html-content h4{font-size:1rem}.submission-html-content h5{font-size:.95rem}.submission-html-content h6{font-size:.9rem}.notification-manager{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.notification-manager-header{display:flex;align-items:center;margin-bottom:1.5rem}.notification-manager-header h2{margin:0 0 0 10px;font-size:1.5rem;font-weight:600}.notification-success{background-color:#e6f7e6;color:#2e7d32;padding:12px 16px;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center}.notification-error{background-color:#fdecea;color:#d32f2f;padding:12px 16px;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center}.notification-error svg{margin-right:8px}.notification-form{display:flex;flex-direction:column;gap:1.25rem}.notif-form-group{display:flex;flex-direction:column}.notif-form-group label{font-weight:500;margin-bottom:8px;color:#333}.notif-form-group input[type=text]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.notif-form-group input[type=text]:focus{border-color:#4285f4;outline:none}.notif-checkbox-group{display:flex;align-items:center;margin-top:8px}.notif-checkbox-group input{margin-right:8px}.search-box{margin-bottom:12px}.search-box input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.user-list{max-height:250px;overflow-y:auto;border:1px solid #ddd;border-radius:6px;padding:8px}.user-item{display:flex;align-items:center;padding:8px;border-bottom:1px solid #eee}.user-item:last-child{border-bottom:none}.user-item label{display:flex;flex-direction:column;margin-left:8px;cursor:pointer;flex:1}.notif-user-name{font-weight:500;font-size:14px}.user-email{font-size:12px;color:#666}.no-users{padding:16px;text-align:center;color:#666}.selected-count{font-size:13px;color:#555;margin-top:8px;text-align:right}.send-notification-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--primary, #006c64);color:#fff;border:none;border-radius:6px;padding:12px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:16px}.send-notification-btn:hover{background-color:#005a53}.send-notification-btn:disabled{background-color:#ccc;cursor:not-allowed}[dir=rtl] .notification-error svg{margin-right:0;margin-left:8px}[dir=rtl] .notif-checkbox-group input{margin-right:0;margin-left:8px}[dir=rtl] .user-item label{margin-left:0;margin-right:8px}[dir=rtl] .selected-count{text-align:left}@media (max-width: 768px){.notification-manager{padding:1rem}.notification-manager-header{margin-bottom:1rem}}.scheduled-notifications-manager{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-top:1.5rem}.scheduled-notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.scheduled-notifications-title{display:flex;align-items:center}.scheduled-notifications-title h2{margin:0 0 0 10px;font-size:1.5rem;font-weight:600}.add-scheduled-button{display:flex;align-items:center;gap:8px;background-color:var(--primary, #006c64);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-scheduled-button:hover{background-color:#005a53}.scheduled-notification-form-container{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.scheduled-notification-form-container h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem;font-weight:600;color:#333}.scheduled-notification-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group label{font-weight:500;margin-bottom:8px;color:#333}.form-group input[type=text],.form-group input[type=date],.form-group input[type=time],.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input[type=text]:focus,.form-group input[type=date]:focus,.form-group input[type=time]:focus,.form-group select:focus{border-color:var(--primary, #006c64);outline:none}.field-hint{font-size:12px;color:#666;margin-top:6px}.schedule-type-options{display:flex;gap:1rem;margin-top:.5rem}.schedule-type-option{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s}.schedule-type-option:hover{background-color:#f0f0f0}.schedule-type-option.active{background-color:#006c641a;border-color:var(--primary, #006c64);color:var(--primary, #006c64)}.schedule-type-option input[type=radio]{margin:0}.recurring-interval-selector{width:100%}.recurring-interval-selector select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s}.recurring-interval-selector select:focus{border-color:var(--primary, #006c64);outline:none}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.cancel-button{padding:10px 16px;background-color:transparent;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background-color:#f0f0f0}.save-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--primary, #006c64);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:160px}.save-button:hover{background-color:#005a53}.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.scheduled-notifications-list h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem;font-weight:600;color:#333}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner{width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--primary, #006c64);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background-color:#f9f9f9;border-radius:8px}.empty-state svg{color:#bbb;margin-bottom:1rem}.empty-state p{color:#666;font-size:16px;margin:0}.scheduled-table-container{overflow-x:auto;margin-bottom:1rem}.scheduled-table{width:100%;border-collapse:collapse;text-align:left}.scheduled-table th,.scheduled-table td{padding:12px 16px;border-bottom:1px solid #eee}.scheduled-table th{font-weight:600;color:#333;background-color:#f5f5f5}.notification-title-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-actions-cell{width:80px;text-align:center}.delete-button{background:transparent;border:none;color:#d32f2f;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.delete-button:hover{background-color:#d32f2f1a}[dir=rtl] .scheduled-notifications-title h2{margin:0 10px 0 0}[dir=rtl] .add-scheduled-button,[dir=rtl] .save-button{flex-direction:row-reverse}[dir=rtl] .scheduled-table{text-align:right}@media (max-width: 768px){.scheduled-notifications-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{flex-direction:column;gap:1rem}.schedule-type-options{flex-direction:column}.form-actions{flex-direction:column-reverse}.save-button,.cancel-button{width:100%;justify-content:center}.scheduled-table th:nth-child(3),.scheduled-table td:nth-child(3){display:none}}.chat-management{display:flex;flex-direction:column;height:100%;background:var(--light);font-family:var(--font-primary)}.chat-management-header{background:var(--white);padding:var(--spacing-xl);border-bottom:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-md)}.chat-management-title{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.chat-management-title h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--primary);letter-spacing:-.025em}.chat-management-title svg{color:var(--secondary)}.refresh-button{background:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;color:var(--primary);transition:all var(--transition-fast);margin-left:auto;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.refresh-button:hover{background:var(--light);color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.chat-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.chat-stat-card{background:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.chat-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--secondary);opacity:0;transition:opacity var(--transition-normal)}.chat-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--secondary)}.chat-stat-card:hover:before{opacity:1}.chat-stat-card svg{color:var(--primary);background:rgba(var(--primary-rgb),.1);padding:var(--spacing-sm);border-radius:var(--radius-md)}.chat-stat-content{display:flex;flex-direction:column}.chat-stat-value{font-size:2rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:var(--spacing-xs)}.chat-stat-label{font-size:.875rem;color:rgba(var(--primary-rgb),.7);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.chat-management-body{display:flex;flex:1;overflow:hidden;gap:var(--border-width)}.chat-conversations-panel{width:380px;background:var(--white);border-right:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.chat-filters{padding:var(--spacing-lg);border-bottom:var(--border-width) solid var(--border-color);background:var(--light)}.chat-search{position:relative;margin-bottom:var(--spacing-md)}.chat-search svg{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:rgba(var(--primary-rgb),.6);z-index:1}.chat-search input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 2.5);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-primary);outline:none;transition:all var(--transition-fast);background:var(--white);color:var(--primary)}.chat-search input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb),.1)}.chat-search input::placeholder{color:rgba(var(--primary-rgb),.5)}.chat-filter-row{display:flex;gap:var(--spacing-sm)}.chat-filter-row select{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-primary);background:var(--white);color:var(--primary);cursor:pointer;transition:all var(--transition-fast)}.chat-filter-row select:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb),.1)}.chat-loading,.chat-empty-state{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;color:rgba(var(--primary-rgb),.6)}.chat-empty-state svg{color:rgba(var(--primary-rgb),.3);margin-bottom:var(--spacing-md)}.chat-empty-state p{color:rgba(var(--primary-rgb),.7);font-weight:500}.chat-conversation-item{padding:var(--spacing-lg);border-bottom:var(--border-width) solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);position:relative}.chat-conversation-item:hover{background:var(--light)}.chat-conversation-item.active{background:rgba(var(--secondary-rgb),.1);border-left:4px solid var(--secondary);padding-left:calc(var(--spacing-lg) - 4px)}.chat-conversation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.chat-conversation-user{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:.875rem;color:var(--primary)}.chat-conversation-user svg{color:var(--secondary)}.chat-conversation-indicators{display:flex;align-items:center;gap:var(--spacing-sm)}.chat-status-active{color:var(--success)}.chat-status-close{color:var(--error)}.chat-status-archived{color:rgba(var(--primary-rgb),.5)}.chat-status-default{color:var(--warning)}.priority-urgent{color:var(--danger)}.priority-high{color:var(--warning)}.priority-normal{color:var(--success)}.priority-low{color:rgba(var(--primary-rgb),.5)}.chat-unread-badge{background:var(--danger);color:var(--white);border-radius:var(--radius-full);padding:2px var(--spacing-sm);font-size:.75rem;font-weight:700;min-width:18px;text-align:center;animation:pulse 2s infinite}.chat-conversation-subject{font-weight:600;margin-bottom:var(--spacing-xs);color:var(--primary);line-height:1.4;font-size:.9rem}.chat-conversation-preview{font-size:.8rem;color:rgba(var(--primary-rgb),.6);margin-bottom:var(--spacing-sm);line-height:1.3}.chat-conversation-meta{display:flex;align-items:center;justify-content:space-between}.chat-conversation-time{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:rgba(var(--primary-rgb),.5);font-weight:500}.chat-conversation-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.chat-conversation-item:hover .chat-conversation-actions{opacity:1}.chat-conversation-actions button{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;color:rgba(var(--primary-rgb),.6);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.chat-conversation-actions button:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.chat-conversation-actions button.delete-button:hover{color:var(--danger);background:var(--danger-light)}.chat-pagination{padding:var(--spacing-lg);border-top:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--light)}.chat-pagination button{background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-fast);font-family:var(--font-primary)}.chat-pagination button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.chat-pagination button:disabled{background:rgba(var(--primary-rgb),.3);cursor:not-allowed;transform:none;box-shadow:none}.chat-pagination span{font-size:.875rem;color:var(--primary);font-weight:600}.chat-conversation-detail-header{padding:var(--spacing-xl);border-bottom:var(--border-width) solid var(--border-color);background:var(--light)}.chat-conversation-info h3{margin:0 0 var(--spacing-sm) 0;font-size:1.25rem;color:var(--primary);font-weight:700}.chat-conversation-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.chat-user-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:rgba(var(--primary-rgb),.7);font-weight:500}.chat-user-info svg{color:var(--secondary)}.chat-status-badge,.chat-priority-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em}.chat-status-badge{background:var(--success-light);color:var(--success-dark);border:var(--border-width) solid rgba(var(--success-rgb),.2)}.chat-priority-badge{background:var(--warning-light);color:var(--warning-dark);border:var(--border-width) solid rgba(var(--warning-rgb),.2)}.chat-no-conversation-selected p{color:rgba(var(--primary-rgb),.6);font-weight:500;max-width:300px}.chat-admin-message{max-width:75%;margin-bottom:var(--spacing-md);display:flex;flex-direction:column}.chat-admin-message.user{align-self:flex-end;margin-left:auto}.chat-admin-message.admin{align-self:flex-start}.chat-admin-message.system{align-self:center;max-width:85%}.chat-admin-message-content{background:var(--light);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);position:relative;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-sm)}.chat-admin-message.user .chat-admin-message-content{background:rgba(var(--secondary-rgb),.1);color:var(--primary);border-color:rgba(var(--secondary-rgb),.3)}.chat-admin-message.admin .chat-admin-message-content{background:rgba(var(--primary-rgb),.1);color:var(--primary);border-color:rgba(var(--primary-rgb),.3)}.chat-admin-message.system .chat-admin-message-content{background:rgba(var(--warning-rgb),.1);color:var(--warning-dark);border:var(--border-width) solid rgba(var(--warning-rgb),.3);font-style:italic;text-align:center}.chat-admin-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.chat-admin-message-sender{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--primary-rgb),.8)}.chat-admin-message-time{font-size:.7rem;color:rgba(var(--primary-rgb),.5);font-weight:500}.chat-admin-message-text{line-height:1.5;white-space:pre-wrap;font-size:.95rem;color:var(--primary)}.chat-message-input-container{padding:var(--spacing-xl);border-top:var(--border-width) solid var(--border-color);background:var(--light)}.chat-input-wrapper{display:flex;gap:var(--spacing-md);align-items:flex-end}.chat-admin-input{flex:1;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:.95rem;resize:none;outline:none;transition:all var(--transition-fast);font-family:var(--font-primary);background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.chat-admin-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb),.1)}.chat-admin-input::placeholder{color:rgba(var(--primary-rgb),.5)}.chat-admin-send-button{background:var(--primary);border:none;border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;color:var(--white);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);min-width:52px;height:52px;box-shadow:var(--shadow-md)}.chat-admin-send-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.chat-admin-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}@media (max-width: 1024px){.chat-conversations-panel{width:320px}.chat-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.chat-management-body{flex-direction:column}.chat-conversations-panel{width:100%;max-height:350px;border-right:none;border-bottom:var(--border-width) solid var(--border-color)}.chat-stats{grid-template-columns:1fr}.chat-stat-card{padding:var(--spacing-md)}.chat-management-header,.chat-conversation-detail-header,.chat-messages-container,.chat-message-input-container{padding:var(--spacing-lg)}.chat-filter-row{flex-direction:column}.chat-admin-message{max-width:90%}.chat-management-title h1{font-size:1.5rem}.chat-stat-value{font-size:1.75rem}}@media (max-width: 480px){.chat-management-header{padding:var(--spacing-md)}.chat-conversations-panel{max-height:280px}.chat-conversation-item,.chat-messages-container,.chat-message-input-container{padding:var(--spacing-md)}.chat-admin-message{max-width:95%}}[dir=rtl] .chat-conversations-panel{border-right:none;border-left:var(--border-width) solid var(--border-color)}[dir=rtl] .chat-conversation-item.active{border-left:none;border-right:4px solid var(--secondary);padding-left:var(--spacing-lg);padding-right:calc(var(--spacing-lg) - 4px)}[dir=rtl] .chat-search svg{left:auto;right:var(--spacing-md)}[dir=rtl] .chat-search input{padding:var(--spacing-md) calc(var(--spacing-md) * 2.5) var(--spacing-md) var(--spacing-md)}[dir=rtl] .chat-conversation-header,[dir=rtl] .chat-conversation-meta,[dir=rtl] .chat-admin-message-header{flex-direction:row-reverse}[dir=rtl] .chat-admin-message.user{align-self:flex-start;margin-left:0;margin-right:auto}[dir=rtl] .chat-admin-message.admin{align-self:flex-end}[dir=rtl] .chat-conversation-user,[dir=rtl] .chat-conversation-indicators,[dir=rtl] .chat-conversation-time,[dir=rtl] .chat-user-info{flex-direction:row-reverse}@media (max-width: 768px){[dir=rtl] .chat-conversations-panel{border-left:none;border-bottom:var(--border-width) solid var(--border-color)}}.chat-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--primary);font-weight:500}.chat-conversation-item:focus,.refresh-button:focus,.chat-pagination button:focus,.chat-admin-send-button:focus,.chat-admin-input:focus{outline:2px solid var(--secondary);outline-offset:2px}@media (prefers-contrast: high){.chat-stat-card,.chat-conversation-item,.chat-admin-message-content{border-width:2px}.chat-admin-message-content{box-shadow:var(--shadow-md)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chat-unread-badge{animation:none}}.call-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-family:var(--font-primary);transition:all var(--transition-normal);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid}.call-status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.call-status-badge:hover:before{left:100%}.call-status-badge.small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem;gap:2px}.call-status-badge.medium{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem;gap:var(--spacing-xs)}.call-status-badge.large{padding:var(--spacing-sm) var(--spacing-lg);font-size:.8rem;gap:var(--spacing-sm)}.call-status-badge.status-pending{background:linear-gradient(135deg,#ffc10726,#ffc10714);color:var(--warning-dark);border-color:#ffc1074d;box-shadow:0 2px 8px #ffc10733}.call-status-badge.status-accepted{background:linear-gradient(135deg,#28a74526,#28a74514);color:var(--success-dark);border-color:#28a7454d;box-shadow:0 2px 8px #28a74533}.call-status-badge.status-denied{background:linear-gradient(135deg,#dc354526,#dc354514);color:var(--error-dark);border-color:#dc35454d;box-shadow:0 2px 8px #dc354533}.call-status-badge.status-rescheduled{background:linear-gradient(135deg,#cca06126,#cca06114);color:var(--primary);border-color:#cca0614d;box-shadow:0 2px 8px #cca06133}.call-status-badge.status-completed{background:linear-gradient(135deg,#00443f26,#00443f14);color:var(--primary);border-color:#00443f4d;box-shadow:0 2px 8px #00443f33}.call-status-badge.status-cancelled{background:linear-gradient(135deg,#6b728026,#6b728014);color:#374151;border-color:#6b72804d;box-shadow:0 2px 8px #6b728033}.call-status-badge.status-scheduled{background:linear-gradient(135deg,#3b82f626,#3b82f614);color:#1e40af;border-color:#3b82f64d;box-shadow:0 2px 8px #3b82f633}.call-status-badge.status-started{background:linear-gradient(135deg,#22c55e26,#22c55e14);color:#166534;border-color:#22c55e4d;box-shadow:0 2px 8px #22c55e33;animation:gentlePulse 2s infinite}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.call-status-badge.status-full{background:linear-gradient(135deg,#dc354526,#dc354514);color:var(--error-dark);border-color:#dc35454d;box-shadow:0 2px 8px #dc354533}.call-status-badge.status-unknown{background:linear-gradient(135deg,#9ca3af26,#9ca3af14);color:#6b7280;border-color:#9ca3af4d;box-shadow:0 2px 8px #9ca3af33}.call-status-badge.status-pending:after{content:"⏳";font-size:.8em}.call-status-badge.status-accepted:after{content:"✅";font-size:.8em}.call-status-badge.status-denied:after{content:"❌";font-size:.8em}.call-status-badge.status-rescheduled:after{content:"📅";font-size:.8em}.call-status-badge.status-completed:after{content:"✅";font-size:.8em}.call-status-badge.status-cancelled:after{content:"🚫";font-size:.8em}.call-status-badge.status-scheduled:after{content:"📅";font-size:.8em}.call-status-badge.status-started:after{content:"🔴";font-size:.8em}.call-status-badge.status-full:after{content:"🚫";font-size:.8em}.call-status-badge.status-unknown:after{content:"❓";font-size:.8em}.status-label{font-size:inherit;font-weight:inherit;position:relative;z-index:1}.call-status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.call-status-badge.status-pending:hover{box-shadow:0 4px 12px #ffc1074d}.call-status-badge.status-accepted:hover{box-shadow:0 4px 12px #28a7454d}.call-status-badge.status-denied:hover{box-shadow:0 4px 12px #dc35454d}.call-status-badge.status-rescheduled:hover{box-shadow:0 4px 12px #cca0614d}.call-status-badge.status-completed:hover{box-shadow:0 4px 12px #00443f4d}.call-status-badge.status-started:hover{box-shadow:0 4px 12px #22c55e4d}html[dir=rtl] .call-status-badge{flex-direction:row-reverse}.call-status-badge:focus{outline:2px solid var(--secondary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.call-status-badge{transition:none}.call-status-badge.status-started{animation:none}.call-status-badge:hover{transform:none}.call-status-badge:before{display:none}}@media (prefers-contrast: high){.call-status-badge{border-width:2px;font-weight:700}.call-status-badge:after{display:none}}@media print{.call-status-badge{background:none!important;border:1px solid #000!important;color:#000!important;box-shadow:none!important}.call-status-badge:after{display:none}}.vcm-request-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.vcm-request-detail-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.vcm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background:var(--background-light)}.vcm-modal-header h3{margin:0;color:var(--text-dark);font-size:1.25rem;font-weight:600}.vcm-close-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.vcm-close-button:hover{background:var(--border-light);color:var(--text-dark)}.vcm-modal-content{padding:var(--spacing-lg);overflow-y:auto;flex:1}.vcm-request-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);background:var(--background-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.vcm-overview-item{display:flex;gap:var(--spacing-sm);align-items:flex-start}.vcm-overview-item>div{display:flex;flex-direction:column}.vcm-overview-item .vcm-label{font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.vcm-overview-item .vcm-value{font-weight:500;color:var(--text-dark)}.vcm-overview-item .vcm-sub-value{font-size:.875rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.vcm-status-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vcm-request-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.vcm-detail-section{margin-bottom:var(--spacing-md)}.vcm-detail-section h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-dark);font-size:1rem;font-weight:600}.vcm-detail-section p{margin:0;line-height:1.5;color:var(--text-dark)}.vcm-admin-response{background:var(--background-light);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid var(--success)}.vcm-video-link-container{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--background-light);padding:var(--spacing-sm);border-radius:var(--radius-md)}.vcm-video-link{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary);text-decoration:none;font-family:monospace;font-size:.875rem;word-break:break-all}.vcm-video-link:hover{text-decoration:underline}.vcm-edit-link-button{padding:var(--spacing-xs);background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.vcm-edit-link-button:hover{background:var(--border-light);color:var(--text-dark)}.vcm-reschedule-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:var(--radius-md);padding:var(--spacing-md)}.vcm-reschedule-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vcm-reschedule-details p{margin:0;color:#0369a1}.vcm-modal-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.vcm-modal-action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease}.vcm-modal-action-btn.primary{background:var(--primary);color:#fff}.vcm-stat-card svg{min-width:40px;min-height:40px}.vcm-modal-action-btn.primary:hover{background:var(--primary-dark)}.vcm-modal-action-btn.danger{background:var(--error);color:#fff}.vcm-modal-action-btn.danger:hover{background:var(--error-dark)}.vcm-modal-action-btn.secondary{background:var(--secondary, #6b7280);color:#fff}.vcm-modal-action-btn.secondary:hover{background:var(--secondary-dark, #4b5563)}.vcm-modal-action-btn.accept{background:var(--success);color:#fff}.vcm-modal-action-btn.accept:hover{background:var(--success-dark)}.vcm-modal-action-btn.deny{background:var(--error);color:#fff}.vcm-modal-action-btn.deny:hover{background:var(--error-dark)}.vcm-modal-action-btn:disabled{opacity:.6;cursor:not-allowed}.vcm-action-form{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.vcm-action-form h4{margin:0 0 var(--spacing-md) 0;color:var(--text-dark);font-size:1.125rem;font-weight:600}.vcm-form-group input,.vcm-form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.875rem;transition:border-color .2s ease}.vcm-form-group input:focus,.vcm-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.vcm-form-group textarea{min-height:80px;resize:vertical}.vcm-form-group small{display:block;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--text-muted)}.vcm-action-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.vcm-submit-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease}.vcm-submit-button.accept{background:var(--success);color:#fff}.vcm-submit-button.accept:hover{background:var(--success-dark)}.vcm-submit-button.deny{background:var(--error);color:#fff}.vcm-submit-button.deny:hover{background:var(--error-dark)}.vcm-submit-button.reschedule{background:var(--warning-color);color:#fff}.vcm-submit-button.reschedule:hover{background:var(--warning-dark)}.vcm-submit-button.link{background:var(--primary);color:#fff}.vcm-submit-button.link:hover{background:var(--primary-dark)}.vcm-submit-button:disabled{opacity:.6;cursor:not-allowed}.vcm-cancel-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-light);color:var(--text-muted);border:1px solid var(--border-light);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease}.vcm-cancel-button:hover{background:var(--border-light);color:var(--text-dark)}.vcm-cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.vcm-request-detail-modal-overlay{padding:var(--spacing-sm)}.vcm-modal-header,.vcm-modal-content{padding:var(--spacing-md)}.vcm-request-overview{grid-template-columns:1fr}.vcm-action-buttons,.vcm-modal-actions{flex-direction:column}.vcm-video-link-container{flex-direction:column;align-items:flex-start}}[dir=rtl] .vcm-admin-response{border-left:none;border-right:4px solid var(--success)}.vcm-close-button:focus,.vcm-modal-action-btn:focus,.vcm-submit-button:focus,.vcm-cancel-button:focus,.vcm-form-group input:focus,.vcm-form-group textarea:focus{outline:2px solid var(--primary);outline-offset:2px}.vcm-solo-call-requests{padding:var(--spacing-lg)}.vcm-solo-call-requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.vcm-solo-call-requests-title{margin:0;color:var(--text-dark);font-size:1.5rem;font-weight:600}.vcm-solo-call-requests-actions{display:flex;gap:var(--spacing-sm);align-items:center}.vcm-solo-call-refresh-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-light);color:var(--text-dark);border:1px solid var(--border-light);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease}.vcm-solo-call-refresh-btn:hover{background:var(--border-light);transform:translateY(-1px)}.vcm-solo-call-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vcm-solo-call-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.vcm-solo-call-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vcm-solo-call-filter-label{font-size:.875rem;font-weight:500;color:var(--text-dark)}.vcm-solo-call-filter-select,.vcm-solo-call-filter-input{padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.875rem;transition:border-color .2s ease}.vcm-solo-call-filter-select:focus,.vcm-solo-call-filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.vcm-solo-call-stats,.vcm-solo-call-requests-controls{display:flex;flex-direction:row;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.vcm-solo-call-stat{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;box-shadow:var(--shadow-sm)}.vcm-solo-call-stat-value{display:block;font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-xs)}.vcm-solo-call-stat-label{font-size:.875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.vcm-solo-call-requests-table{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.vcm-solo-call-table{width:100%;border-collapse:collapse}.vcm-solo-call-table th,.vcm-solo-call-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-light)}.vcm-solo-call-table th{background:var(--background-light);font-weight:600;color:var(--text-dark);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.vcm-solo-call-table tbody tr{transition:background-color .2s ease}.vcm-solo-call-table tbody tr:hover{background-color:var(--background-light)}.vcm-solo-call-table tbody tr:last-child td{border-bottom:none}.vcm-request-row{transition:background-color .2s ease}.vcm-request-row.pending{background-color:#fde68a1a}.vcm-request-row.accepted{background-color:#d1fae51a}.vcm-request-row.denied{background-color:#fee2e21a}.vcm-request-row.rescheduled{background-color:#e0e7ff1a}.vcm-student-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vcm-student-name{font-weight:600;color:var(--text-dark)}.vcm-student-email{font-size:.875rem;color:var(--text-muted)}.vcm-request-title{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vcm-title{font-weight:600;color:var(--text-dark);display:block}.vcm-submitted-time{font-size:.75rem;color:var(--text-muted)}.vcm-requested-time{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vcm-datetime{font-weight:500;color:var(--text-dark)}.vcm-time-indicator{font-size:.75rem;color:var(--primary);display:inline-block;padding:2px 8px;border-radius:var(--radius-xs);background-color:var(--primary-light)}.vcm-time-indicator.overdue{color:var(--error);background-color:var(--error-light)}.vcm-time-indicator.upcoming{color:var(--success);background-color:var(--success-light)}.vcm-request-actions{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:flex-end}.vcm-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.vcm-action-button.view{color:var(--info-color);border-color:var(--info-light)}.vcm-action-button.view:hover{background:var(--info-light);color:var(--info-color)}.vcm-action-button.approve{color:var(--success);border-color:var(--success-light)}.vcm-action-button.approve:hover{background:var(--success-light);color:var(--success)}.vcm-action-button.deny{color:var(--error);border-color:var(--error-light)}.vcm-action-button.deny:hover{background:var(--error-light);color:var(--error)}.vcm-action-button.link{color:var(--primary);border-color:var(--primary-light)}.vcm-action-button.link:hover{background:var(--primary-light);color:var(--primary)}.vcm-solo-call-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.vcm-solo-call-status-badge.pending{background-color:#fef3c7;color:#92400e}.vcm-solo-call-status-badge.accepted{background-color:#d1fae5;color:#065f46}.vcm-solo-call-status-badge.denied{background-color:#fee2e2;color:#991b1b}.vcm-solo-call-status-badge.rescheduled{background-color:#e0e7ff;color:#3730a3}.vcm-solo-call-status-badge.completed{background-color:#f3f4f6;color:#374151}.vcm-solo-call-status-badge.cancelled{background-color:#f9fafb;color:#6b7280}.vcm-solo-call-status-icon{width:8px;height:8px;border-radius:50%;background-color:currentColor}.vcm-solo-call-actions{display:flex;gap:var(--spacing-xs);align-items:center}.vcm-solo-call-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:var(--background-light);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.vcm-solo-call-action-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.vcm-solo-call-action-btn.primary{background:var(--primary);color:#fff}.vcm-solo-call-action-btn.primary:hover{background:var(--primary-dark)}.vcm-solo-call-action-btn.success{background:var(--success);color:#fff}.vcm-solo-call-action-btn.success:hover{background:var(--success-dark)}.vcm-solo-call-action-btn.danger{background:var(--error);color:#fff}.vcm-solo-call-action-btn.danger:hover{background:var(--error-dark)}.vcm-solo-call-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vcm-solo-call-requests-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.vcm-solo-call-requests-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.vcm-solo-call-requests-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.vcm-solo-call-requests-empty h3{margin:0 0 var(--spacing-md) 0;color:var(--text-dark)}.vcm-solo-call-requests-empty p{margin:0;line-height:1.5}.vcm-solo-call-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-top:1px solid var(--border-light);background:var(--background-light)}.vcm-solo-call-pagination-info{font-size:.875rem;color:var(--text-muted)}.vcm-solo-call-pagination-controls{display:flex;gap:var(--spacing-sm)}.vcm-solo-call-pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);background:#fff;color:var(--text-dark);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.vcm-solo-call-pagination-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.vcm-solo-call-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.vcm-solo-call-pagination-btn:disabled:hover{background:#fff;color:var(--text-dark);border-color:var(--border-light)}@media (max-width: 1024px){.vcm-solo-call-table{font-size:.875rem}.vcm-solo-call-table th,.vcm-solo-call-table td{padding:var(--spacing-sm)}.vcm-solo-call-request-description{max-width:200px}}@media (max-width: 768px){.vcm-solo-call-requests{padding:var(--spacing-md)}.vcm-solo-call-requests-header{flex-direction:column;align-items:stretch}.vcm-solo-call-filters{grid-template-columns:1fr}.vcm-solo-call-stats{grid-template-columns:repeat(2,1fr)}.vcm-solo-call-table-wrapper{overflow-x:auto}.vcm-solo-call-table{min-width:800px}.vcm-solo-call-pagination{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media (max-width: 480px){.vcm-solo-call-stats{grid-template-columns:1fr}.vcm-solo-call-actions{flex-direction:column}.vcm-solo-call-action-btn{width:100%;height:40px}}[dir=rtl] .vcm-solo-call-table th,[dir=rtl] .vcm-solo-call-table td{text-align:right}[dir=rtl] .vcm-solo-call-actions{flex-direction:row-reverse}.vcm-solo-call-action-btn:focus,.vcm-solo-call-filter-select:focus,.vcm-solo-call-filter-input:focus,.vcm-solo-call-pagination-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.vcm-pending-review{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;background-color:#fef3c7;color:#92400e}.vcm-create-group-call-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.vcm-create-group-call-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.vcm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background:var(--background-light)}.vcm-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-dark)}.vcm-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.vcm-modal-close:hover{background:var(--border-light);color:var(--text-dark)}.vcm-modal-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:rgba(var(--error-rgb),.1);border-bottom:1px solid var(--error);color:var(--error);font-size:.875rem}.vcm-modal-form{padding:var(--spacing-lg);overflow-y:auto;flex:1}.vcm-form-group{margin-bottom:var(--spacing-md)}.vcm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.vcm-form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;color:var(--text-dark)}.vcm-required{color:var(--error);margin-left:2px}.vcm-form-group input,.vcm-form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;background:#fff;color:var(--text-dark);transition:all .2s ease}.vcm-form-group input:focus,.vcm-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.vcm-form-group input.error,.vcm-form-group textarea.error{border-color:var(--error)}.vcm-form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.vcm-datetime-input-container,.vcm-number-input-container,.vcm-link-input-container{position:relative}.vcm-datetime-icon,.vcm-number-icon,.vcm-link-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.vcm-datetime-input-container input,.vcm-number-input-container input,.vcm-link-input-container input{padding-left:2.5rem}.vcm-form-hint{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--text-muted)}.vcm-form-error{display:block;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--error)}.vcm-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.vcm-form-cancel-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.vcm-form-cancel-button:hover:not(:disabled){background:var(--background-light);border-color:var(--border-medium);color:var(--text-dark)}.vcm-form-submit-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.vcm-form-submit-button:hover:not(:disabled){background:var(--primary-dark)}.vcm-form-cancel-button:disabled,.vcm-form-submit-button:disabled{opacity:.6;cursor:not-allowed}.vcm-button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:vcm-spin 1s linear infinite}@keyframes vcm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.vcm-create-group-call-modal-overlay{padding:var(--spacing-sm)}.vcm-create-group-call-modal{max-height:95vh}.vcm-modal-header,.vcm-modal-form{padding:var(--spacing-md)}.vcm-form-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.vcm-form-actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.vcm-form-cancel-button,.vcm-form-submit-button{justify-content:center;width:100%}}[dir=rtl] .vcm-datetime-icon,[dir=rtl] .vcm-number-icon,[dir=rtl] .vcm-link-icon{left:auto;right:var(--spacing-sm)}[dir=rtl] .vcm-datetime-input-container input,[dir=rtl] .vcm-number-input-container input,[dir=rtl] .vcm-link-input-container input{padding-left:var(--spacing-sm);padding-right:2.5rem}[dir=rtl] .vcm-form-actions{justify-content:flex-start}[dir=rtl] .vcm-required{margin-left:0;margin-right:2px}.vcm-modal-close:focus,.vcm-form-group input:focus,.vcm-form-group textarea:focus,.vcm-form-cancel-button:focus,.vcm-form-submit-button:focus{outline:2px solid var(--primary);outline-offset:2px}.participant-management{display:flex;flex-direction:column;gap:1.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;width:100%;max-width:1200px;margin:0 auto}.participant-management-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.participant-management-header h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-button:hover:not(:disabled){background-color:#e5e7eb;color:#374151}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.participant-management-loading,.participant-management-error,.no-participants{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:#6b7280}.spinner,.action-spinner{width:1.5rem;height:1.5rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.action-spinner{width:1rem;height:1rem;margin:0}.participant-management-error{color:#ef4444}.participant-management-error p{margin:.5rem 0 1rem}.retry-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:#dc2626}.no-participants svg{color:#9ca3af;margin-bottom:1rem}.no-participants p{font-size:1rem;margin:0}.participants-list{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.participant-list-header,.participant-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr 1fr;gap:.5rem;padding:.75rem 1rem;align-items:center}.participant-list-header{background-color:#f9fafb;font-weight:600;font-size:.875rem;color:#374151;border-bottom:1px solid #e5e7eb}.participant-row{border-bottom:1px solid #e5e7eb}.participant-row:last-child{border-bottom:none}.participant-row:hover{background-color:#f9fafb}.participant-name-col{font-weight:500;color:#111827}.participant-email-col{color:#4b5563;font-size:.875rem}.participant-joined-col{font-size:.875rem;color:#6b7280}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-badge.registered{background-color:#dbeafe;color:#1e40af}.status-badge.attended{background-color:#d1fae5;color:#065f46}.status-badge.absent{background-color:#fee2e2;color:#991b1b}.participant-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;border:1px solid #d1d5db;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.action-button:hover:not(:disabled){background-color:#f3f4f6}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.mark-attended{color:#059669;border-color:#a7f3d0}.action-button.mark-attended:hover:not(:disabled){background-color:#ecfdf5}.action-button.mark-absent{color:#dc2626;border-color:#fecaca}.action-button.mark-absent:hover:not(:disabled){background-color:#fef2f2}.action-button.send-reminder{color:#2563eb;border-color:#bfdbfe}.action-button.send-reminder:hover:not(:disabled){background-color:#eff6ff}.participant-management-footer{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.close-button{padding:.5rem 1.5rem;background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.close-button:hover{background-color:#e5e7eb;color:#374151}@media (max-width: 768px){.participant-list-header,.participant-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}.participant-list-header{display:none}.participant-row{display:flex;flex-direction:column;gap:.75rem}.participant-name-col,.participant-email-col,.participant-joined-col,.participant-status-col{width:100%;padding:0}.participant-name-col{font-size:1rem}.participant-actions{justify-content:flex-start;margin-top:.5rem}.participant-actions-col{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.participant-list-header,.participant-row{grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr}}[dir=rtl] .participant-actions{justify-content:flex-start}.action-button:focus-visible,.refresh-button:focus-visible,.close-button:focus-visible,.retry-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.spinner,.action-spinner{animation:none}.action-button,.refresh-button,.close-button,.retry-button{transition:none}}.vcm-group-call-management{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.vcm-group-call-management-header{display:flex;flex-direction:column;gap:var(--spacing-md)}.vcm-group-call-management-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.vcm-stat-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease;min-width:200px}.vcm-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.vcm-stat-icon{padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-light)}.vcm-stat-icon.scheduled{background:var(--primary-light);color:var(--primary)}.vcm-stat-icon.started{background:var(--success-light);color:var(--success)}.vcm-stat-icon.total{background:var(--info-light);color:var(--info-color)}.vcm-stat-content{display:flex;flex-direction:column}.vcm-stat-number{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.vcm-stat-label{font-size:.875rem;color:var(--text-secondary)}.vcm-group-call-management-controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.vcm-search-input{position:relative;flex:1;min-width:250px}.vcm-search-input svg{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.vcm-search-input input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;background:var(--surface-color);color:var(--text-primary);transition:border-color .2s ease}.vcm-search-input input:focus{outline:none;border-color:var(--primary)}.vcm-status-filter{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-primary);font-size:.875rem;min-width:120px}.vcm-status-filter:focus{outline:none;border-color:var(--primary)}.vcm-refresh-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.vcm-refresh-button:hover:not(:disabled){background:var(--background-hover);border-color:var(--primary)}.vcm-refresh-button:disabled{opacity:.6;cursor:not-allowed}.vcm-refresh-button .spinning{animation:spin 1s linear infinite}.vcm-create-call-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.vcm-create-call-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.vcm-group-call-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}.vcm-group-call-management-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.vcm-group-call-management-error{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error)}.vcm-group-call-management-error button{padding:var(--spacing-xs) var(--spacing-sm);background:var(--error);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:background .2s ease}.vcm-group-call-management-error button:hover{background:var(--error-dark)}.vcm-group-call-management-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.vcm-group-call-management-empty svg{color:var(--text-tertiary)}.vcm-group-call-management-empty h3{margin:0;color:var(--text-primary);font-size:1.25rem}.vcm-group-call-management-empty p{margin:0;color:var(--text-secondary);max-width:400px}.vcm-create-first-call-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-sm)}.vcm-create-first-call-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.vcm-group-call-management-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.vcm-group-call-card{display:flex;flex-direction:column;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.vcm-group-call-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.vcm-group-call-card.scheduled{border-left:4px solid var(--primary)}.vcm-group-call-card.started{border-left:4px solid var(--success)}.vcm-group-call-card.completed{border-left:4px solid var(--info-color)}.vcm-group-call-card.cancelled{border-left:4px solid var(--error)}.vcm-group-call-card-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.vcm-group-call-card-title{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.vcm-group-call-card-title h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.vcm-group-call-card-meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vcm-call-datetime,.vcm-call-participants{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary)}.vcm-call-datetime svg,.vcm-call-participants svg{color:var(--text-tertiary)}.vcm-group-call-card-content{padding:var(--spacing-md);flex:1}.vcm-call-description{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);font-size:.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vcm-call-link{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--success)}.vcm-call-link svg{color:var(--success)}.vcm-link-text{font-weight:500}.vcm-group-call-card-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--background-secondary)}.vcm-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.vcm-action-button:hover{transform:translateY(-1px)}.vcm-action-button.view:hover{background:var(--info-light);border-color:var(--info-color);color:var(--info-color)}.vcm-action-button.edit:hover{background:var(--warning-light);border-color:var(--warning-color);color:var(--warning-color)}.vcm-action-button.delete:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}@media (max-width: 768px){.vcm-group-call-management{padding:var(--spacing-sm);gap:var(--spacing-md)}.vcm-group-call-management-controls{flex-direction:column;align-items:stretch}.vcm-search-input{min-width:unset}.vcm-group-call-management-grid{grid-template-columns:1fr}.vcm-group-call-card-title{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.vcm-group-call-card-actions{justify-content:center}}@media (max-width: 1024px){.vcm-group-call-management-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}[dir=rtl] .vcm-search-input svg{left:auto;right:var(--spacing-sm)}[dir=rtl] .vcm-search-input input{padding-left:var(--spacing-sm);padding-right:2.5rem}[dir=rtl] .vcm-group-call-card-actions{justify-content:flex-start}.video-call-stats{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.video-call-stats-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.stats-header-content h2{margin:0 0 var(--spacing-xs) 0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.stats-header-content p{margin:0;color:var(--text-secondary);font-size:.875rem}.refresh-stats-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.refresh-stats-button:hover:not(:disabled){background:var(--background-hover);border-color:var(--primary)}.refresh-stats-button:disabled{opacity:.6;cursor:not-allowed}.refresh-stats-button .spinning{animation:spin 1s linear infinite}.video-call-stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}.video-call-stats-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.video-call-stats-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.video-call-stats-error svg{color:var(--error)}.video-call-stats-error h3{margin:0;color:var(--text-primary);font-size:1.25rem}.video-call-stats-error p{margin:0;color:var(--text-secondary);max-width:400px}.retry-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--primary-dark)}.stats-overview{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);color:#fff}.stat-card.overview .stat-icon{background:var(--primary)}.stat-card.solo .stat-icon{background:var(--info-color)}.stat-card.group .stat-icon{background:var(--success)}.stat-card.participants .stat-icon{background:var(--warning-color)}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-top:var(--spacing-xs)}.stats-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.stats-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.stats-section h3{margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.stats-row{display:flex;flex-direction:column;gap:var(--spacing-md)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-secondary);border-radius:var(--radius-sm)}.stat-item-icon{padding:var(--spacing-xs);border-radius:var(--radius-sm);color:#fff}.stat-item-icon.pending{background:var(--warning-color)}.stat-item-icon.accepted,.stat-item-icon.completed{background:var(--success)}.stat-item-icon.scheduled{background:var(--primary)}.stat-item-icon.average{background:var(--info-color)}.stat-item-content{display:flex;flex-direction:column}.stat-item-number{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1}.stat-item-label{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.upcoming-calls-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.upcoming-calls-section h3{margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.no-upcoming-calls{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}.no-upcoming-calls svg{color:var(--text-tertiary)}.no-upcoming-calls p{margin:0;color:var(--text-secondary)}.upcoming-calls-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.upcoming-call-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.upcoming-call-item:hover{background:var(--background-hover);border-color:var(--primary)}.upcoming-call-item.solo{border-left:4px solid var(--info-color)}.upcoming-call-item.group{border-left:4px solid var(--success)}.call-type-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:#fff}.upcoming-call-item.solo .call-type-indicator{background:var(--info-color)}.upcoming-call-item.group .call-type-indicator{background:var(--success)}.call-info{flex:1}.call-info h4{margin:0 0 var(--spacing-xs) 0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.call-meta{margin:0;font-size:.75rem;color:var(--text-secondary)}.call-timing{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.call-datetime{font-size:.75rem;color:var(--text-secondary);font-weight:500}.time-remaining{font-size:.75rem;font-weight:600;color:var(--primary);padding:2px 6px;background:var(--primary-light);border-radius:var(--radius-xs)}.time-remaining.overdue{color:var(--error);background:var(--error-light)}@media (max-width: 768px){.video-call-stats{padding:var(--spacing-sm);gap:var(--spacing-md)}.video-call-stats-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.stat-card{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.stats-details{grid-template-columns:1fr}.upcoming-call-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.call-timing{align-items:flex-start;width:100%}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}[dir=rtl] .upcoming-call-item.solo{border-left:none;border-right:4px solid var(--info-color)}[dir=rtl] .upcoming-call-item.group{border-left:none;border-right:4px solid var(--success)}[dir=rtl] .call-timing{align-items:flex-start}.vcm-video-call-management{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.vcm-video-call-management-header{margin-bottom:var(--spacing-lg)}.vcm-video-call-management-title{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.vcm-video-call-management-icon{color:var(--primary);flex-shrink:0}.vcm-video-call-management .vcm-video-call-management-title h1{margin:0;color:var(--text-dark);font-size:2rem;font-weight:600}.vcm-video-call-management-title p{margin:var(--spacing-xs) 0 0 0;color:var(--text-muted);font-size:1rem}.vcm-video-call-management-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light)}.vcm-video-call-management-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--text-muted);font-size:1rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;position:relative}.vcm-video-call-management-tab:hover{color:var(--primary);background-color:var(--background-light)}.vcm-video-call-management-tab.active{color:var(--primary);border-bottom-color:var(--primary);background-color:var(--background-light)}.vcm-video-call-management-tab svg{flex-shrink:0}.vcm-video-call-management-content{min-height:600px}.vcm-video-call-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.vcm-video-call-stat-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.vcm-video-call-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.vcm-video-call-stat-card h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-muted);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.vcm-video-call-stat-card .stat-value{display:block;font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-xs)}.vcm-video-call-stat-card .stat-description{color:var(--text-muted);font-size:.875rem}.vcm-video-call-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.vcm-video-call-management-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.vcm-video-call-management-error{text-align:center;padding:var(--spacing-xl);color:var(--error)}.vcm-video-call-management-error h2{margin:0 0 var(--spacing-md) 0;color:var(--error)}.vcm-video-call-management-error button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .2s ease}.vcm-video-call-management-error button:hover{background:var(--primary-dark)}.vcm-video-call-quick-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.vcm-video-call-quick-action{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.vcm-video-call-quick-action:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.vcm-video-call-quick-action.secondary{background:var(--background-light);color:var(--text-dark);border:1px solid var(--border-light)}.vcm-video-call-quick-action.secondary:hover{background:var(--border-light)}@media (max-width: 768px){.vcm-video-call-management{padding:var(--spacing-md)}.vcm-video-call-management-title{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.vcm-video-call-management-title h1{font-size:1.5rem}.vcm-video-call-management-tabs{flex-direction:column;gap:0;border-bottom:none}.vcm-video-call-management-tab{border-bottom:1px solid var(--border-light);border-radius:0}.vcm-video-call-management-tab.active{border-left:3px solid var(--primary);border-bottom:1px solid var(--border-light)}.vcm-video-call-stats-grid{grid-template-columns:1fr}.vcm-video-call-quick-actions{flex-direction:column}.vcm-video-call-quick-action{justify-content:center}}[dir=rtl] .vcm-video-call-management-title{text-align:right}[dir=rtl] .vcm-video-call-management-tab.active{border-right:3px solid var(--primary);border-left:none}@media (prefers-color-scheme: dark){.vcm-video-call-stat-card{background:var(--background-dark);border-color:var(--border-dark);color:var(--text-light)}.vcm-video-call-management-tab:hover,.vcm-video-call-management-tab.active{background-color:var(--background-dark)}}.vcm-video-call-management-tab:focus{outline:2px solid var(--primary);outline-offset:2px}.vcm-video-call-quick-action:focus{outline:2px solid var(--primary);outline-offset:2px}.admin-dashboard{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f7fa}.admin-dashboard-loading,.admin-dashboard-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--spacing-lg);text-align:center}.admin-dashboard-unauthorized h1{color:var(--primary);margin-bottom:var(--spacing-md)}.admin-dashboard-unauthorized p{color:var(--secondary);max-width:600px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:var(--spacing-md)}.admin-sidebar{background-color:var(--white);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border-bottom:1px solid rgba(0,0,0,.1)}.admin-title{font-size:1.5rem;font-weight:600;color:var(--primary);margin:0 0 var(--spacing-md) 0}.admin-nav{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.admin-nav-button{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;padding:var(--spacing-sm);border-radius:var(--radius-md);font-weight:500;color:var(--secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease}.admin-nav-button:hover{background-color:#0000000d;color:var(--primary)}.admin-nav-button.active{background-color:var(--primary);color:#fff}.admin-content{flex:1;padding:var(--spacing-md)}.admin-dashboard-overview{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.admin-dashboard-overview h2{font-size:1.4rem;font-weight:600;color:var(--primary);margin-top:0;margin-bottom:var(--spacing-md)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.admin-stat-card{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:var(--spacing-md)}.admin-stat-icon{background-color:rgba(var(--primary-rgb),.1);color:var(--primary);width:40px;height:40px;padding:8px;border-radius:8px}.admin-stat-content{display:flex;flex-direction:column}.admin-stat-value{font-size:1.8rem;font-weight:700;color:var(--primary);line-height:1}.admin-stat-label{font-size:.9rem;color:var(--secondary);margin-top:4px}.admin-overview-actions,.admin-getting-started{background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.admin-overview-actions h3,.admin-getting-started h3{font-size:1.1rem;font-weight:600;color:var(--primary);margin-top:0;margin-bottom:var(--spacing-sm)}.admin-action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.admin-action-button{display:flex;align-items:center;gap:8px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.admin-action-button:hover{background-color:var(--primary-dark)}.admin-getting-started-list{margin:var(--spacing-sm) 0 0 var(--spacing-md);padding-left:var(--spacing-sm);color:var(--secondary)}.admin-getting-started-list li{margin-bottom:var(--spacing-xs);line-height:1.5}[dir=rtl] .admin-nav-button,[dir=rtl] .admin-action-button{flex-direction:row-reverse}[dir=rtl] .admin-getting-started-list{margin:var(--spacing-sm) var(--spacing-md) 0 0;padding-right:var(--spacing-sm);padding-left:0}@media (min-width: 768px){.admin-dashboard{flex-direction:row}.admin-sidebar{width:240px;height:100vh;border-right:1px solid rgba(0,0,0,.1);border-bottom:none;overflow-y:auto;position:sticky;top:0}.admin-nav{flex-direction:column}.admin-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}}@media (max-width: 767px){.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-stat-card{flex-direction:column;text-align:center;padding:var(--spacing-sm)}.admin-action-buttons{flex-direction:column}.admin-action-button{width:100%}}.notification-tabs-container{display:flex;flex-direction:column}.notification-tabs{display:flex;gap:16px;margin-bottom:24px}.notification-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:var(--radius-md);background-color:#f5f7fa;color:var(--secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.notification-tab:hover{background-color:#0000000d;color:var(--primary)}.notification-tab.active{background-color:var(--primary);color:#fff}@media (max-width: 768px){.notification-tabs{flex-direction:column;gap:8px}.notification-tab{width:100%;justify-content:center}}[dir=rtl] .notification-tab{flex-direction:row-reverse}.statistics-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.statistics-modal{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;font-size:1.5rem;color:var(--primary)}.modal-title-icon{color:var(--primary)}.close-button{background:transparent;border:none;color:var(--secondary);cursor:pointer;transition:color .2s ease}.close-button:hover{color:var(--primary)}.modal-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-overview{display:flex;flex-direction:column;gap:var(--spacing-md)}.stats-row{display:flex;gap:var(--spacing-md)}.stats-card{background-color:#f8f9fa;border-radius:var(--radius-md);padding:var(--spacing-md);flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-sm)}.stats-card.primary{background-color:var(--primary);color:var(--white)}.stats-card.secondary{display:flex;flex-direction:row;align-items:center;text-align:left;gap:var(--spacing-md)}.stats-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.stats-card-info{flex:1}.stats-card-title{margin:0 0 var(--spacing-xs) 0;font-size:.9rem;font-weight:600;color:var(--secondary)}.stats-card.primary .stats-card-title{color:#ffffffe6}.stats-card-value{font-size:1.8rem;font-weight:700;color:var(--black);margin-bottom:var(--spacing-xs)}.stats-card.primary .stats-card-value{font-size:2.5rem;color:var(--white)}.stats-card.secondary .stats-card-value{font-size:1.5rem;margin-bottom:0}.stats-card-subtitle{font-size:.85rem;color:var(--secondary)}.stats-card.primary .stats-card-subtitle{color:#fffc}.stats-section{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0;font-size:1.2rem;color:var(--primary)}.section-icon{color:var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stats-item{background-color:#f8f9fa;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.stats-label{font-size:.9rem;font-weight:600;color:var(--secondary);margin-bottom:var(--spacing-xs)}.stats-value{font-size:1.2rem;font-weight:700;color:var(--black)}.surah-categories{display:flex;flex-direction:column;gap:var(--spacing-md)}.surah-category{background-color:#f8f9fa;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.category-title{margin:0 0 var(--spacing-sm) 0;font-size:1rem;color:var(--black);display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.category-subtitle{font-size:.85rem;font-weight:400;color:var(--secondary);margin-left:var(--spacing-xs)}.category-stats{display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-progress{height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.category-progress-bar{height:100%;background-color:var(--primary);border-radius:4px;transition:width .5s ease-out}.category-numbers{font-size:.9rem;color:var(--secondary)}.category-percentage{margin-left:var(--spacing-xs);font-weight:600;color:var(--primary)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .modal-content,[dir=rtl] .stats-card-info,[dir=rtl] .category-numbers{text-align:right}[dir=rtl] .category-subtitle,[dir=rtl] .category-percentage{margin-left:0;margin-right:var(--spacing-xs)}@media (max-width: 768px){.stats-row{flex-direction:column}.stats-grid{grid-template-columns:1fr}}@media (max-width: 480px){.modal-title{font-size:1.2rem}.stats-card.primary .stats-card-value{font-size:2rem}}.progress-summary-container{margin:var(--spacing-md) 0;padding:var(--spacing-lg);background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.mode-memorizing .progress-circle-fill{stroke:var(--primary)}.mode-reading .progress-circle-fill{stroke:var(--success)}.mode-tafsir .progress-circle-fill{stroke:var(--secondary)}.progress-overview{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.progress-circle-container{flex-shrink:0}.progress-circle{position:relative;width:120px;height:120px}.progress-circle-svg{width:100%;height:100%}.progress-circle-bg{fill:none;stroke:var(--border-color);stroke-width:2.5}.progress-circle-fill{fill:none;stroke-width:2.5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .5s ease}.progress-percentage{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.percentage-value{font-size:1.75rem;font-weight:700;color:var(--primary)}.mode-memorizing .percentage-value{color:var(--primary)}.mode-reading .percentage-value{color:var(--success)}.mode-tafsir .percentage-value{color:var(--secondary)}.progress-stats{flex-grow:1;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.progress-stat{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:180px}.stat-icon{color:var(--primary);width:24px;height:24px}.mode-memorizing .stat-icon{color:var(--primary)}.mode-reading .stat-icon{color:var(--success)}.mode-tafsir .stat-icon{color:var(--secondary)}.stat-content{flex-grow:1}.stat-title{font-size:.9rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary)}.stat-value{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-primary)}.progress-milestones{margin-top:var(--spacing-lg)}.milestones-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.milestone-icon{color:var(--primary);width:20px;height:20px}.milestone-items{display:flex;justify-content:space-between;position:relative;padding-top:25px;margin-bottom:var(--spacing-sm)}.milestone-items:before{content:"";position:absolute;top:12px;left:0;right:0;height:2px;background-color:var(--border-color);z-index:1}.milestone-item{position:relative;text-align:center;z-index:2}.milestone-marker{width:25px;height:25px;border-radius:50%;background-color:var(--white);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:var(--text-secondary);margin:0 auto var(--spacing-xs);transition:all .3s ease}.milestone-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);transition:color .3s ease}.milestone-item.achieved .milestone-marker{background-color:var(--primary);border-color:var(--primary);color:var(--white)}.mode-memorizing .milestone-item.achieved .milestone-marker{background-color:var(--primary);border-color:var(--primary)}.mode-reading .milestone-item.achieved .milestone-marker{background-color:var(--success);border-color:var(--success)}.mode-tafsir .milestone-item.achieved .milestone-marker{background-color:var(--secondary);border-color:var(--secondary)}.milestone-item.achieved .milestone-label,.mode-memorizing .milestone-item.achieved .milestone-label{color:var(--primary)}.mode-reading .milestone-item.achieved .milestone-label{color:var(--success)}.mode-tafsir .milestone-item.achieved .milestone-label{color:var(--secondary)}.progress-actions{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.action-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--white);color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-button:hover{background-color:var(--primary-light)}.action-icon{width:16px;height:16px}.progress-summary-container.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.progress-summary-container.restricted{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.restricted-title{font-size:1.25rem;font-weight:700;margin:0 0 var(--spacing-md) 0;color:var(--primary)}.restricted-message{font-size:1rem;margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);max-width:600px;margin-left:auto;margin-right:auto}.upgrade-button{padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.upgrade-button:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.progress-overview{flex-direction:column;gap:var(--spacing-md)}.progress-circle{width:100px;height:100px}.percentage-value{font-size:1.5rem}.milestone-items{padding-top:20px}.milestone-marker{width:20px;height:20px;font-size:.6rem}}@media (max-width: 480px){.progress-summary-container{padding:var(--spacing-md)}.progress-circle{width:80px;height:80px}.percentage-value{font-size:1.25rem}.stat-title{font-size:.8rem}.stat-value{font-size:1rem}.milestone-items{padding-top:16px}.milestone-marker{width:16px;height:16px;font-size:.5rem}.milestone-label{font-size:.7rem}}.verse-tracker{padding:var(--spacing-md);background-color:var(--white);border-top:1px solid var(--border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-top:var(--spacing-xs);box-shadow:inset 0 2px 5px #0000000d;position:relative;overflow:hidden}.verse-tracker:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0%,rgba(var(--primary-rgb),.3) 100%)}.mode-reading.verse-tracker:before{background:linear-gradient(90deg,var(--success) 0%,rgba(var(--success-rgb),.3) 100%)}.mode-tafsir.verse-tracker:before{background:linear-gradient(90deg,var(--secondary) 0%,rgba(var(--secondary-rgb),.3) 100%)}.verse-tracker-title{font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--primary);display:flex;align-items:center;gap:var(--spacing-sm)}.mode-reading .verse-tracker-title{color:var(--success)}.mode-tafsir .verse-tracker-title{color:var(--secondary)}.mode-icon{width:18px;height:18px}.verse-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.verse-action-button{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--white);font-size:.85rem;display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:all .2s ease}.verse-action-button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.mode-reading .verse-action-button:hover:not(:disabled){border-color:var(--success);color:var(--success)}.mode-tafsir .verse-action-button:hover:not(:disabled){border-color:var(--secondary);color:var(--secondary)}.verse-action-button:disabled{opacity:.5;cursor:not-allowed}.verse-action-button.active{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05);color:var(--primary)}.mode-reading .verse-action-button.active{border-color:var(--success);background-color:rgba(var(--success-rgb),.05);color:var(--success)}.mode-tafsir .verse-action-button.active{border-color:var(--secondary);background-color:rgba(var(--secondary-rgb),.05);color:var(--secondary)}.verse-range-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.range-inputs{display:flex;gap:var(--spacing-md);flex-grow:1}.range-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.range-input-group label{font-size:.85rem;color:var(--text-secondary)}.range-input-group input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem}.range-input-group input:focus{border-color:var(--primary);outline:none}.mode-reading .range-input-group input:focus{border-color:var(--success)}.mode-tafsir .range-input-group input:focus{border-color:var(--secondary)}.apply-range-button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--primary);background-color:var(--primary);color:var(--white);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s ease;align-self:flex-end}.apply-range-button:hover{background-color:var(--primary-dark)}.mode-reading .apply-range-button{border:1px solid var(--success);background-color:var(--success)}.mode-reading .apply-range-button:hover{background-color:var(--success-dark)}.mode-tafsir .apply-range-button{border:1px solid var(--secondary);background-color:var(--secondary)}.mode-tafsir .apply-range-button:hover{background-color:var(--secondary-dark)}.verses-container{margin-bottom:var(--spacing-md)}.verse-group{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.verse-button{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--white);min-width:70px;cursor:pointer;transition:all .2s ease}.verse-button:hover:not(:disabled){border-color:var(--primary)}.mode-reading .verse-button:hover:not(:disabled){border-color:var(--success)}.mode-tafsir .verse-button:hover:not(:disabled){border-color:var(--secondary)}.verse-button:disabled{cursor:default}.verse-button.tracked{background-color:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.mode-reading .verse-button.tracked{background-color:rgba(var(--success-rgb),.1);border-color:var(--success)}.mode-tafsir .verse-button.tracked{background-color:rgba(var(--secondary-rgb),.1);border-color:var(--secondary)}.verse-button.selected{background-color:rgba(var(--primary-rgb),.05);border-color:var(--primary)}.mode-reading .verse-button.selected{background-color:rgba(var(--success-rgb),.05);border-color:var(--success)}.mode-tafsir .verse-button.selected{background-color:rgba(var(--secondary-rgb),.05);border-color:var(--secondary)}.verse-number{font-size:.85rem;font-weight:600}.verse-check-container{display:flex;align-items:center;justify-content:center}.vt-verse-check{width:14px;height:14px;color:var(--primary)}.mode-reading .vt-verse-check{color:var(--success)}.mode-tafsir .vt-verse-check{color:var(--secondary)}.save-progress{display:flex;flex-direction:column;gap:var(--spacing-md)}.button-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.vt-save-button{padding:var(--spacing-sm) var(--spacing-md);border:none;background-color:var(--primary);color:var(--white);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;min-width:150px;flex:1}.vt-reset-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--danger);background-color:transparent;color:var(--danger);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.vt-reset-button:hover:not(:disabled){background-color:var(--danger);color:var(--white)}.vt-reset-button:disabled{opacity:.7;cursor:not-allowed}.vt-save-button:hover:not(:disabled){background-color:var(--primary-dark)}.mode-reading .vt-save-button{background-color:var(--success)}.mode-reading .vt-save-button:hover:not(:disabled){background-color:var(--success-dark)}.mode-tafsir .vt-save-button{background-color:var(--secondary)}.mode-tafsir .vt-save-button:hover:not(:disabled){background-color:var(--secondary-dark)}.vt-save-button:disabled{opacity:.7;cursor:not-allowed}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.submit-success{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--success);font-size:.9rem}.success-icon{width:16px;height:16px}.submit-error{color:var(--error);font-size:.9rem}.selection-count{font-size:.9rem;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.add-count{color:var(--primary)}.mode-reading .add-count{color:var(--success)}.mode-tafsir .add-count{color:var(--secondary)}.remove-count{color:var(--danger)}.reset-confirm-dialog{margin-top:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--white);border:1px solid var(--danger-light);border-radius:var(--radius-sm);width:100%}.reset-confirm-dialog p{margin:0 0 var(--spacing-md) 0;font-size:.95rem;color:var(--text-primary)}.reset-confirm-buttons{display:flex;gap:var(--spacing-md)}.confirm-yes{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--danger);color:var(--white);border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center}.confirm-yes:hover:not(:disabled){background-color:var(--danger-dark)}.confirm-no{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--white);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-weight:500}.confirm-no:hover:not(:disabled){background-color:var(--light-gray)}@media (max-width: 768px){.verse-actions{flex-direction:column;align-items:stretch}.verse-range-selector,.range-inputs{flex-direction:column}.apply-range-button{align-self:stretch}.save-progress{flex-direction:column;align-items:flex-start}.button-group{width:100%;flex-direction:column}.reset-confirm-buttons{flex-direction:column}}@media (max-width: 480px){.verse-group{justify-content:space-between}.verse-button{flex:1;min-width:auto}}.surah-row{border-bottom:1px solid var(--border-color);position:relative;cursor:pointer;transition:all .3s ease}.surah-row:hover{background-color:var(--background-light)}.surah-row.expanded{background-color:var(--background-light);border-left:4px solid var(--primary);box-shadow:var(--shadow-sm)}.mode-reading .surah-row.expanded{border-left-color:var(--success)}.mode-tafsir .surah-row.expanded{border-left-color:var(--secondary)}.surah-row-content{display:flex;padding:var(--spacing-sm) var(--spacing-md)}.surah-cell{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}.cell-number-name{flex:3;min-width:180px;display:flex;align-items:center;gap:var(--spacing-sm)}.surah-number{font-weight:600;color:var(--primary);min-width:30px}.mode-reading .surah-number{color:var(--success)}.mode-tafsir .surah-number{color:var(--secondary)}.surah-name{display:flex;flex-direction:column}.name-english{font-weight:600;color:var(--text-primary)}.name-arabic{font-size:1rem;color:var(--text-secondary);margin-top:2px}.cell-status{flex:1;min-width:100px;display:flex;align-items:center;justify-content:center}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:50px;font-size:.75rem;font-weight:600;text-align:center;min-width:90px}.status-not-started{background-color:var(--background-light);color:var(--text-secondary)}.status-started{background-color:rgba(var(--info-rgb),.1);color:var(--info)}.status-reviewing{background-color:rgba(var(--info-rgb),.15);color:var(--info)}.status-studying{background-color:rgba(var(--info-rgb),.2);color:var(--info)}.status-memorizing{background-color:rgba(var(--primary-rgb),.2);color:var(--primary)}.status-memorized{background-color:rgba(var(--success-rgb),.2);color:var(--success)}.reading-not-started{background-color:var(--background-light);color:var(--text-secondary)}.reading-started{background-color:rgba(var(--success-rgb),.1);color:var(--success)}.reading-low{background-color:rgba(var(--success-rgb),.15);color:var(--success)}.reading-medium{background-color:rgba(var(--success-rgb),.2);color:var(--success)}.reading-high{background-color:rgba(var(--success-rgb),.25);color:var(--success)}.reading-completed{background-color:rgba(var(--success-rgb),.3);color:var(--success)}.tafsir-not-started{background-color:var(--background-light);color:var(--text-secondary)}.tafsir-started{background-color:rgba(var(--secondary-rgb),.1);color:var(--secondary)}.tafsir-low{background-color:rgba(var(--secondary-rgb),.15);color:var(--secondary)}.tafsir-medium{background-color:rgba(var(--secondary-rgb),.2);color:var(--secondary)}.tafsir-high{background-color:rgba(var(--secondary-rgb),.25);color:var(--secondary)}.tafsir-completed{background-color:rgba(var(--secondary-rgb),.3);color:var(--secondary)}.cell-memorized,.cell-total{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-primary)}.cell-progress{flex:1;min-width:100px;display:flex;align-items:center;justify-content:center}.cell-toggle{flex:0;width:40px;display:flex;align-items:center;justify-content:center}.toggle-icon{width:18px;height:18px;color:var(--text-secondary);transition:transform .3s ease}.surah-row.expanded .toggle-icon{color:var(--primary)}.mode-reading .surah-row.expanded .toggle-icon{color:var(--success)}.mode-tafsir .surah-row.expanded .toggle-icon{color:var(--secondary)}.progress-container{width:100%;display:flex;align-items:center;gap:var(--spacing-xs)}.st-progress-bar{flex-grow:1;height:8px;background-color:var(--background-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.mode-memorizing .progress-fill{background-color:var(--primary)}.mode-reading .progress-fill{background-color:var(--success)}.mode-tafsir .progress-fill{background-color:var(--secondary)}.st-progress-percentage{font-size:.75rem;font-weight:600;min-width:30px;text-align:right;color:var(--text-secondary)}.surah-row.locked{opacity:.7;cursor:not-allowed}.surah-lock{position:absolute;top:0;right:0;padding:var(--spacing-xs) var(--spacing-sm);z-index:1}.lock-icon{width:16px;height:16px;color:var(--primary)}.mode-reading .lock-icon{color:var(--success)}.mode-tafsir .lock-icon{color:var(--secondary)}.mode-icon{margin-right:var(--spacing-xs);width:16px;height:16px}@media (max-width: 768px){.surah-row-content{flex-wrap:wrap}.cell-number-name{flex:100%;order:1}.cell-status{order:3;flex:50%;justify-content:flex-start;padding-top:var(--spacing-xs)}.cell-memorized,.cell-total{display:none}.cell-progress{order:2;flex:40%;justify-content:flex-end}.cell-toggle{order:2;width:30px;flex:10%}.surah-name{flex-direction:row;gap:var(--spacing-sm);align-items:center}.name-arabic{margin-top:0}}@media (max-width: 480px){.surah-row-content{padding:var(--spacing-sm)}.surah-cell{padding:var(--spacing-xs) var(--spacing-xs)}.status-badge{font-size:.7rem;min-width:80px;padding:3px 6px}.progress-container{max-width:80px}}.surah-list-container{margin-top:var(--spacing-lg)}.surah-table{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);background-color:var(--white)}.surah-table-header{display:flex;background-color:var(--primary-light);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;color:var(--primary)}.mode-reading .surah-table-header{background-color:rgba(var(--success-rgb),.1);color:var(--success)}.mode-tafsir .surah-table-header{background-color:rgba(var(--secondary-rgb),.1);color:var(--secondary)}.surah-header-cell{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}.cell-number-name{flex:3;min-width:180px}.cell-status{flex:1;min-width:100px;text-align:center}.cell-memorized,.cell-total{flex:1;min-width:80px;text-align:center}.cell-progress{flex:1;min-width:100px;text-align:center}.surah-table-body{display:flex;flex-direction:column}.surah-list-footer{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-secondary)}.results-count{margin:0}.surah-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--primary-rgb),.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:1rem;color:var(--text-secondary)}.surah-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);text-align:center}.error-icon{width:40px;height:40px;color:var(--error);margin-bottom:var(--spacing-md)}.error-message{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.retry-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.retry-button:hover{background-color:var(--primary-dark)}.surah-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.empty-message{font-size:1rem;color:var(--text-secondary);text-align:center}@media (max-width: 768px){.surah-table-header{display:none}.surah-list-footer{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width: 480px){.surah-list-container{margin-top:var(--spacing-md)}.surah-table{border-radius:var(--radius-sm)}.loading-spinner,.error-icon{width:30px;height:30px}.loading-text,.error-message,.empty-message{font-size:.9rem}}.surah-tracker-page{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-md);font-family:var(--font-family)}.surah-tracker-header{margin-bottom:var(--spacing-md);text-align:center}.surah-tracker-title{font-size:2rem;color:var(--primary);font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.title-icon{color:var(--primary)}.surah-tracker-modes{display:flex;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0;flex-wrap:wrap}.mode-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--white);color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .3s ease}.mode-button:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.mode-button.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.mode-button-icon{width:16px;height:16px}.mode-info-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md);background-color:var(--background-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.mode-icon{color:var(--primary);width:28px;height:28px}.mode-title{font-size:1.5rem;margin:0;color:var(--primary)}.surah-tracker-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.search-container,.filter-container,.sort-container{display:flex;align-items:center;position:relative}.search-container{flex-grow:1;min-width:200px}.search-icon,.filter-icon,.sort-icon{position:absolute;left:var(--spacing-sm);color:var(--secondary);width:18px;height:18px}[dir=rtl] .search-icon,[dir=rtl] .filter-icon,[dir=rtl] .sort-icon{left:auto;right:var(--spacing-sm)}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;transition:border-color .3s ease,box-shadow .3s ease}[dir=rtl] .search-input{padding:var(--spacing-sm) 2.5rem var(--spacing-sm) var(--spacing-md)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.filter-label,.sort-label{display:flex;align-items:center;position:relative}.filter-select,.sort-select{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--white);font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:160px;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}[dir=rtl] .filter-select,[dir=rtl] .sort-select{padding:var(--spacing-sm) 2.5rem var(--spacing-sm) var(--spacing-md)}.filter-select:focus,.sort-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}@media (max-width: 768px){.surah-tracker-controls{flex-direction:column;gap:var(--spacing-sm)}.search-container,.filter-container,.sort-container,.filter-select,.sort-select{width:100%}.surah-tracker-title{font-size:1.5rem}.mode-title{font-size:1.2rem}}@media (max-width: 480px){.surah-tracker-page,.surah-tracker-controls{padding:var(--spacing-sm)}.surah-tracker-title{font-size:1.25rem}.surah-tracker-modes{gap:var(--spacing-xs)}.mode-button{flex:1;flex-direction:column;padding:var(--spacing-sm)}.mode-button-text{font-size:.75rem}.mode-title{font-size:1rem}}.vocab-flashcard-system{width:100%;max-width:800px;margin:0 auto;padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.vocab-flashcard-progress{width:100%;margin-bottom:var(--spacing-md)}.vocab-progress-track{height:6px;background-color:var(--light);border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-xs)}.vocab-progress-bar{height:100%;background-color:var(--primary);border-radius:3px;transition:width .3s ease}.vocab-progress-text{display:block;text-align:center;font-size:.9rem;color:var(--black);opacity:.7}.vocab-flashcard-container{width:100%;touch-action:none}.vocab-flashcard{width:100%;max-width:500px;height:320px;perspective:1000px;cursor:pointer;margin:0 auto var(--spacing-lg)}.vocab-flashcard-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;border-radius:var(--radius-md);box-shadow:0 4px 10px #0000001a}.vocab-flashcard.revealed .vocab-flashcard-inner{box-shadow:0 8px 16px #00000026}.vocab-flashcard.flipped .vocab-flashcard-inner{transform:rotateY(180deg)}.vocab-flashcard-front,.vocab-flashcard-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-lg);border-radius:var(--radius-md);background-color:var(--white);overflow:hidden}.vocab-flashcard-front{background-color:var(--white);border:2px solid var(--primary);color:var(--primary)}.vocab-flashcard-back{background-color:var(--white);border:2px solid var(--secondary);color:var(--black);transform:rotateY(180deg);text-align:center}.vocab-flashcard-language{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);font-size:.8rem;background-color:rgba(var(--primary-rgb),.1);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);opacity:.7}.vocab-flashcard-word{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);text-align:center}.vocab-flashcard-hint{font-size:.9rem;opacity:.7;font-style:italic;position:absolute;bottom:var(--spacing-md);width:100%;text-align:center}.vocab-flashcard-definition{font-size:1.5rem;margin-bottom:var(--spacing-md);line-height:1.4}.vocab-flashcard-example{font-size:1.1rem;font-style:italic;color:var(--black);opacity:.8;text-align:center;padding:var(--spacing-sm) var(--spacing-md);background-color:#0000000d;border-radius:var(--radius-sm);max-width:100%;overflow-wrap:break-word}.vocab-example-label{font-weight:600;margin-right:var(--spacing-xs);color:var(--primary);font-style:normal}.vocab-flashcard-controls{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.vocab-flashcard-nav-button{background-color:var(--white);border:1px solid var(--light);color:var(--primary);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.vocab-flashcard-nav-button:hover:not(:disabled){background-color:var(--light);transform:translateY(-2px)}.vocab-flashcard-nav-button:disabled{opacity:.5;cursor:not-allowed}.vocab-flashcard-show-button{background-color:var(--primary);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease}.vocab-flashcard-show-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.vocab-flashcard-rating{width:100%;display:flex;flex-direction:column;align-items:center}.vocab-rating-prompt{margin-bottom:var(--spacing-md);font-size:1.1rem;color:var(--black);text-align:center}.vocab-rating-buttons{display:flex;justify-content:space-between;width:100%;max-width:400px}.vocab-rating-button{border:none;padding:var(--spacing-sm) 0;border-radius:var(--radius-md);font-weight:600;flex:1;margin:0 var(--spacing-xs);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.vocab-rating-button:hover{transform:translateY(-2px)}.vocab-rating-button.hard{background-color:#e57373;color:#fff}.vocab-rating-button.medium{background-color:#ffb74d;color:#fff}.vocab-rating-button.easy{background-color:#81c784;color:#fff}.vocab-rating-button.hard:hover{background-color:#ef5350}.vocab-rating-button.medium:hover{background-color:#ffa726}.vocab-rating-button.easy:hover{background-color:#66bb6a}.vocab-flashcard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:400px}.vocab-flashcard-empty,.vocab-flashcard-completion{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:400px;text-align:center;color:var(--black);background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 2px 8px #0000000d}.vocab-flashcard-empty svg,.vocab-flashcard-completion svg{color:var(--primary);opacity:.7;margin-bottom:var(--spacing-md)}.vocab-flashcard-empty h2,.vocab-flashcard-completion h2{margin-bottom:var(--spacing-md);font-size:1.5rem;color:var(--primary)}.vocab-flashcard-empty p,.vocab-flashcard-completion p{max-width:500px;line-height:1.6;margin-bottom:var(--spacing-md)}.vocab-reset-button{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--primary);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease}.vocab-reset-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}html[dir=rtl] .vocab-example-label{margin-right:0;margin-left:var(--spacing-xs)}html[dir=rtl] .vocab-rating-buttons,html[dir=rtl] .vocab-rating-button,html[dir=rtl] .vocab-reset-button{flex-direction:row-reverse}@media (max-width: 768px){.vocab-flashcard{height:280px}.vocab-flashcard-word{font-size:2rem}.vocab-flashcard-definition{font-size:1.3rem}}@media (max-width: 480px){.vocab-flashcard{height:240px}.vocab-flashcard-word{font-size:1.7rem}.vocab-flashcard-definition{font-size:1.1rem}.vocab-flashcard-example{font-size:.9rem}.vocab-rating-buttons{flex-direction:column;gap:var(--spacing-xs)}.vocab-rating-button{margin:0}html[dir=rtl] .vocab-rating-buttons{flex-direction:column}}.vocab-vocabulary-word{background-color:var(--white);border-radius:var(--radius-md);border:1px solid var(--light);margin-bottom:var(--spacing-md);overflow:hidden;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.vocab-vocabulary-word:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.vocab-vocabulary-word-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--light)}.vocab-vocabulary-word-text{font-weight:600;font-size:1.2rem}.vocab-word-text{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:rgba(var(--primary-rgb),.1);border-radius:var(--radius-sm);color:var(--primary)}.vocab-word-text.ar{font-family:Arial,sans-serif;direction:rtl}.vocab-vocabulary-word-actions{display:flex;gap:var(--spacing-xs)}.vocab-action-button{background-color:transparent;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.vocab-view-button{color:var(--primary)}.vocab-view-button:hover{background-color:rgba(var(--primary-rgb),.1)}.vocab-delete-button{color:#e53935}.vocab-delete-button:hover{background-color:#e539351a}.vocab-vocabulary-word-content{padding:var(--spacing-md);animation:vocab-fadeIn .3s ease-in-out}@keyframes vocab-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vocab-vocabulary-word-definition,.vocab-vocabulary-word-example{margin-bottom:var(--spacing-md)}.vocab-definition-label,.vocab-example-label{font-weight:600;font-size:.9rem;color:var(--black);opacity:.7;margin-bottom:var(--spacing-xs);text-transform:uppercase}.vocab-definition-text{line-height:1.5}.vocab-example-text{font-style:italic;line-height:1.5;color:var(--black);opacity:.8;background-color:#00000008;padding:var(--spacing-sm);border-radius:var(--radius-sm)}.vocab-vocabulary-word-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--black);opacity:.7;padding-top:var(--spacing-sm);border-top:1px dashed var(--light)}.vocab-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.vocab-meta-label{font-weight:600}html[dir=rtl] .vocab-vocabulary-word-actions,html[dir=rtl] .vocab-vocabulary-word-meta{flex-direction:row-reverse}@media (max-width: 480px){.vocab-vocabulary-word-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.vocab-vocabulary-word-actions{align-self:flex-end}.vocab-vocabulary-word-meta{flex-direction:column;gap:var(--spacing-xs)}html[dir=rtl] .vocab-vocabulary-word-actions{align-self:flex-start}}.vocab-vocabulary-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl);background-color:var(--white);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000d;min-height:350px}.vocab-vocabulary-empty svg{color:var(--secondary);margin-bottom:var(--spacing-sm)}.vocab-vocabulary-empty h2{margin-bottom:var(--spacing-md);font-size:1.5rem;color:var(--primary)}.vocab-refresh-action svg{margin-bottom:0}.vocab-add-action svg{margin-bottom:0}.vocab-vocabulary-empty p{max-width:500px;line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--black);opacity:.7}.vocab-empty-actions{display:flex;gap:var(--spacing-md)}.vocab-empty-actions button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.vocab-add-action{background-color:var(--primary);color:var(--white)}.vocab-add-action:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.vocab-import-action{background-color:var(--secondary);color:var(--primary)}.vocab-import-action:hover:not(:disabled){background-color:#f3d19e;transform:translateY(-2px)}.vocab-refresh-action{background-color:var(--light);color:var(--black)}.vocab-refresh-action:hover{background-color:var(--light-dark);transform:translateY(-2px)}.vocab-empty-actions button:disabled{opacity:.7;cursor:not-allowed;transform:none}html[dir=rtl] .vocab-empty-actions button{flex-direction:row-reverse}@media (max-width: 480px){.vocab-vocabulary-empty{padding:var(--spacing-md)}.vocab-vocabulary-empty h2{font-size:1.3rem}.vocab-empty-actions{flex-direction:column;width:100%}.vocab-empty-actions button{width:100%}}.vocab-dashboard{width:100%}.vocab-dashboard-header{margin-bottom:var(--spacing-md)}.vocab-dashboard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.vocab-search-container{position:relative;flex:1;max-width:400px}.vocab-search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--black);opacity:.5}.vocab-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-sm) * 2 + 18px);border:1px solid var(--light);border-radius:var(--radius-md);font-size:.95rem;transition:all .3s ease}.vocab-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.vocab-clear-search{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--black);opacity:.5;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.vocab-clear-search:hover{opacity:.8;background-color:var(--light)}.vocab-dashboard-buttons{display:flex;gap:var(--spacing-md)}.vocab-add-word-button,.vocab-import-words-button,.vocab-filter-button{display:flex;align-items:center;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease}.vocab-add-word-button{background-color:var(--primary);color:var(--white)}.vocab-import-words-button{background-color:var(--secondary);color:var(--primary)}.vocab-filter-button{background-color:var(--light);color:var(--black)}.vocab-add-word-button svg,.vocab-import-words-button svg,.vocab-filter-button svg{margin-right:var(--spacing-xs)}.vocab-add-word-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.vocab-import-words-button:hover{background-color:#f3d19e;transform:translateY(-2px)}.vocab-filter-button:hover{background-color:var(--light-dark);transform:translateY(-2px)}.vocab-filter-button.active{background-color:var(--primary);color:var(--white)}.vocab-filter-options{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--light);border-radius:var(--radius-md);animation:vocab-slideDown .3s ease forwards;overflow-x:auto}.vocab-filter-option{background-color:var(--white);border:1px solid var(--light-dark);color:var(--black);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.vocab-filter-option:hover{background-color:var(--light-dark)}.vocab-filter-option.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.vocab-import-words-button:disabled,.vocab-filter-button:disabled,.vocab-add-word-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.vocab-add-word-form-container{margin-bottom:var(--spacing-lg);background-color:var(--white);border-radius:var(--radius-md);box-shadow:0 4px 10px #0000001a;overflow:hidden;animation:vocab-slideDown .3s ease forwards}@keyframes vocab-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.vocab-add-word-form{padding:var(--spacing-lg)}.vocab-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.vocab-form-header h3{margin:0;color:var(--primary);font-size:1.3rem}.vocab-close-form-button{background:transparent;border:none;color:var(--black);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.vocab-close-form-button:hover{background-color:var(--light);color:var(--primary)}.vocab-form-group{margin-bottom:var(--spacing-md)}.vocab-form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--black)}.vocab-required{color:#e53935;margin-left:var(--spacing-xs)}.vocab-form-group input,.vocab-form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--light);border-radius:var(--radius-sm);font-size:.95rem;transition:all .3s ease}.vocab-form-group textarea{min-height:100px;resize:vertical}.vocab-form-group input:focus,.vocab-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.vocab-form-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.vocab-cancel-button{background-color:var(--light);color:var(--black);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.vocab-submit-button{background-color:var(--primary);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.vocab-cancel-button:hover{background-color:var(--light-dark)}.vocab-submit-button:hover{background-color:var(--primary-dark)}.vocab-list-container{width:100%}.vocab-words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.vocab-import-more-words{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.vocab-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.vocab-loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:vocab-spin 1s linear infinite;margin-bottom:var(--spacing-md)}html[dir=rtl] .vocab-search-icon{left:auto;right:var(--spacing-sm)}html[dir=rtl] .vocab-clear-search{right:auto;left:var(--spacing-sm)}html[dir=rtl] .vocab-search-input{padding:var(--spacing-sm) calc(var(--spacing-sm) * 2 + 18px) var(--spacing-sm) var(--spacing-sm)}html[dir=rtl] .vocab-add-word-button svg,html[dir=rtl] .vocab-import-words-button svg,html[dir=rtl] .vocab-filter-button svg{margin-right:0;margin-left:var(--spacing-xs)}html[dir=rtl] .vocab-required{margin-left:0;margin-right:var(--spacing-xs)}html[dir=rtl] .vocab-form-buttons,html[dir=rtl] .vocab-submit-button{flex-direction:row-reverse}html[dir=rtl] .vocab-submit-button svg{margin-right:0;margin-left:var(--spacing-xs)}@media (max-width: 768px){.vocab-dashboard-top{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.vocab-search-container{max-width:100%}.vocab-dashboard-buttons{justify-content:center}.vocab-filter-options{padding-bottom:var(--spacing-xs)}.vocab-words-grid{grid-template-columns:1fr}.vocab-button-text{display:none}.vocab-add-word-button,.vocab-import-words-button,.vocab-filter-button{padding:var(--spacing-sm);aspect-ratio:1/1}.vocab-add-word-button svg,.vocab-import-words-button svg,.vocab-filter-button svg{margin-right:0}html[dir=rtl] .vocab-add-word-button svg,html[dir=rtl] .vocab-import-words-button svg,html[dir=rtl] .vocab-filter-button svg{margin-left:0}}@media (max-width: 480px){.vocab-filter-options{justify-content:space-between}.vocab-filter-option{flex:1;text-align:center;font-size:.8rem;padding:var(--spacing-xs)}.vocab-form-buttons{flex-direction:column}.vocab-cancel-button,.vocab-submit-button{width:100%}}.vocab-dictionary-checking{display:flex;align-items:center;margin-top:6px;font-size:.85rem;color:var(--black);opacity:.7}.vocab-loading-dot{display:inline-block;width:8px;height:8px;margin-right:var(--spacing-xs);border-radius:50%;background-color:var(--secondary);animation:vocab-pulse 1.5s infinite ease-in-out}@keyframes vocab-pulse{0%{transform:scale(.75);opacity:.5}50%{transform:scale(1);opacity:1}to{transform:scale(.75);opacity:.5}}.vocab-dictionary-match{display:flex;align-items:center;margin-top:6px;font-size:.85rem;color:#4caf50;animation:vocab-fadeIn .3s ease}.vocab-dictionary-match-icon{margin-right:var(--spacing-xs)}html[dir=rtl] .vocab-loading-dot,html[dir=rtl] .vocab-dictionary-match-icon{margin-right:0;margin-left:var(--spacing-xs)}.vocab-vocabulary-stats{margin-bottom:var(--spacing-lg)}.vocab-stats-card{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 2px 8px #0000000d}.vocab-stat-item{display:flex;align-items:center;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all .3s ease}.vocab-stat-item:hover{background-color:rgba(var(--light-rgb),.5)}.vocab-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;margin-right:var(--spacing-sm);background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.vocab-stat-icon svg{color:var(--secondary)}.vocab-stat-content{display:flex;flex-direction:column}.vocab-stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.vocab-stat-label{font-size:.85rem;color:var(--black);opacity:.7}html[dir=rtl] .vocab-stat-icon{margin-right:0;margin-left:var(--spacing-sm)}@media (max-width: 768px){.vocab-stats-card{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.vocab-stats-card{grid-template-columns:1fr}.vocab-stat-item{padding:var(--spacing-xs)}.vocab-stat-icon{width:40px;height:40px}.vocab-stat-value{font-size:1.3rem}}.vocab-vocabulary-page{min-height:100vh;padding-top:var(--header-height);background-color:var(--white)}.vocab-vocabulary-container{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.vocab-vocabulary-header{text-align:center;margin-bottom:var(--spacing-xl)}.vocab-vocabulary-title{font-size:2.5rem;color:var(--primary);margin-bottom:var(--spacing-sm)}.vocab-vocabulary-subtitle{font-size:1.2rem;color:var(--black);opacity:.8}.vocab-vocabulary-tabs{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--light)}.vocab-vocabulary-tab{padding:var(--spacing-sm) var(--spacing-lg);margin:0 var(--spacing-xs);font-size:1.1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--black);cursor:pointer;position:relative;transition:all .3s ease}.vocab-vocabulary-tab:hover{color:var(--primary)}.vocab-vocabulary-tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.vocab-due-count{position:absolute;top:0;right:0;background-color:var(--secondary);color:var(--primary);font-size:.8rem;font-weight:700;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(50%,-50%)}.vocab-vocabulary-content{min-height:400px}.vocab-vocabulary-error{background-color:#ffebee;color:#c62828;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);text-align:center;display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.vocab-retry-button{background-color:#c62828;color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.vocab-retry-button:hover{background-color:#b71c1c}.vocab-vocabulary-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;width:100%}.vocab-loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}html[dir=rtl] .vocab-vocabulary-tab{margin:0 var(--spacing-xs)}html[dir=rtl] .vocab-due-count{right:auto;left:0;transform:translate(-50%,-50%)}@media (max-width: 768px){.vocab-vocabulary-title{font-size:2rem}.vocab-vocabulary-subtitle{font-size:1rem}.vocab-vocabulary-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}}@media (max-width: 480px){.vocab-vocabulary-container{padding:var(--spacing-lg) var(--spacing-sm)}.vocab-vocabulary-title{font-size:1.8rem}.vocab-vocabulary-tabs{flex-direction:row;align-items:center}.vocab-vocabulary-tab{flex:1;text-align:center;padding:var(--spacing-sm) var(--spacing-xs);margin:0 var(--spacing-xs)}}.services-page{min-height:100vh}.services-hero{background:linear-gradient(135deg,var(--light) 0%,var(--white) 100%);padding:var(--spacing-3xl) 0;position:relative;overflow:hidden;padding-top:calc(var(--header-height) + var(--spacing-3xl));margin-top:calc(-1 * var(--header-height))}.services-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" fill="%2300443f" opacity="0.03"><circle cx="30" cy="30" r="20"/><path d="M30 10v40M10 30h40"/></svg>') repeat;background-size:60px 60px;animation:heroPatternFloat 15s ease-in-out infinite}@keyframes heroPatternFloat{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-10px) translate(10px)}}.services-hero-content{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.services-hero-title{font-size:3.5rem;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translateY(30px);opacity:0;animation:slideUp .8s ease forwards}.services-hero-subtitle{font-size:1.25rem;line-height:1.6;color:var(--black);margin-bottom:var(--spacing-2xl);transform:translateY(30px);opacity:0;animation:slideUp .8s ease .2s forwards}.services-cta{transform:translateY(30px);opacity:0;animation:slideUp .8s ease .4s forwards}.arabic-learning-section{padding:var(--spacing-3xl) 0;background:var(--white)}.section-subtitle{font-size:1.125rem;line-height:1.6;color:var(--black);max-width:600px;margin:0 auto var(--spacing-2xl);opacity:.8}.arabic-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.arabic-service-card{background:var(--light);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border-left:5px solid var(--primary);transform:translateY(30px);opacity:0;transition:all var(--transition-normal);position:relative;overflow:hidden}.arabic-service-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(204,160,97,.1) 50%,transparent 70%);transform:rotate(45deg);transition:all var(--transition-normal);opacity:0}.arabic-service-card:hover:before{opacity:1;animation:shimmer 1.5s ease-in-out}.arabic-service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-left-color:var(--secondary)}.service-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.service-icon{color:var(--white)}.service-title{color:var(--primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.service-description{line-height:1.6;color:var(--black);margin-bottom:var(--spacing-lg)}.service-features{list-style:none;padding:0;margin:0}.service-feature{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--primary);font-weight:500}.feature-bullet{width:8px;height:8px;background:var(--secondary);border-radius:var(--radius-full);flex-shrink:0}.quran-studies-section{padding:var(--spacing-3xl) 0;background:var(--primary);color:var(--white);position:relative;overflow:hidden}.quran-studies-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" fill="%23ffffff" opacity="0.05"><path d="M40 10c20 10 30 20 30 40s-10 30-30 40c-20-10-30-20-30-40s10-30 30-40z"/></svg>') repeat;background-size:80px 80px;animation:quranPatternMove 25s linear infinite}@keyframes quranPatternMove{0%{transform:translate(0) translateY(0)}to{transform:translate(80px) translateY(80px)}}.quran-studies-section .section-title,.quran-studies-section .section-subtitle{color:var(--white);position:relative;z-index:1}.quran-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl);position:relative;z-index:1}.quran-service-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:var(--spacing-xl);border-radius:var(--radius-lg);transform:translateY(30px);opacity:0;transition:all var(--transition-normal)}.quran-service-card:hover{transform:translateY(-10px);background:#ffffff26;border-color:var(--secondary)}.quran-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.quran-service-icon{color:var(--secondary)}.quran-service-title{color:var(--white);font-size:1.25rem;font-weight:600;margin:0}.quran-service-description{line-height:1.6;color:#ffffffe6;margin-bottom:var(--spacing-lg)}.quran-service-highlight{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--secondary);font-weight:500;font-size:.9rem}.learning-formats-section{padding:var(--spacing-3xl) 0;background:var(--light)}.formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.format-card{background:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transform:translateY(30px);opacity:0;transition:all var(--transition-normal);border-top:4px solid var(--secondary)}.format-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.format-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.format-icon-bg{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--secondary) 0%,#d9b078 100%);border-radius:var(--radius-md)}.format-icon{color:var(--primary)}.format-title{color:var(--primary);font-size:1.25rem;font-weight:600;margin:0}.format-description{line-height:1.6;color:var(--black);margin-bottom:var(--spacing-lg)}.format-benefits{display:flex;flex-direction:column;gap:var(--spacing-sm)}.format-benefit{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary);font-weight:500}.benefit-check{width:16px;height:16px;border-radius:var(--radius-full);background:var(--secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.benefit-check:after{content:"✓";color:var(--primary);font-size:10px;font-weight:700}.skills-development-section{padding:var(--spacing-3xl) 0;background:var(--white)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.skill-card{text-align:center;padding:var(--spacing-xl);background:var(--light);border-radius:var(--radius-lg);transform:translateY(30px);opacity:0;transition:all var(--transition-normal);position:relative}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;border-radius:var(--radius-lg);transition:opacity var(--transition-normal)}.skill-card:hover:before{opacity:.05}.skill-card:hover{transform:translateY(-10px)}.skill-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);position:relative;z-index:1}.skill-icon{color:var(--white)}.skill-title{color:var(--primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);position:relative;z-index:1}.skill-description{line-height:1.6;color:var(--black);position:relative;z-index:1}.special-features-section{padding:var(--spacing-3xl) 0;background:var(--secondary);color:var(--primary)}.features-showcase{display:flex;flex-direction:column;gap:var(--spacing-xl);margin:var(--spacing-2xl) 0;max-width:800px;margin-left:auto;margin-right:auto}.feature-showcase-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background:#ffffffe6;border-radius:var(--radius-lg);transform:translate(-30px);opacity:0;transition:all var(--transition-normal)}.feature-showcase-item:hover{background:var(--white);box-shadow:var(--shadow-lg)}.feature-showcase-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);color:var(--white);flex-shrink:0}.feature-showcase-title{color:var(--primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.feature-showcase-description{line-height:1.6;color:var(--black);margin:0}.services-final-cta{text-align:center;padding:var(--spacing-2xl);background:#ffffffe6;border-radius:var(--radius-lg);transform:scale(.95);opacity:0;transition:all var(--transition-normal)}.services-final-cta h3{color:var(--primary);font-size:1.5rem;margin-bottom:var(--spacing-md)}.services-final-cta p{line-height:1.6;color:var(--black);margin-bottom:var(--spacing-lg)}.animate-in .services-hero-title,.animate-in .services-hero-subtitle,.animate-in .services-cta{animation:slideUp .8s ease forwards}.animate-in .arabic-service-card,.animate-in .quran-service-card,.animate-in .format-card,.animate-in .skill-card{transform:translateY(0);opacity:1}.animate-in .feature-showcase-item{transform:translate(0);opacity:1}.animate-in .services-final-cta{transform:scale(1);opacity:1}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@media (max-width: 768px){.services-hero-title{font-size:2.5rem}.arabic-services-grid,.quran-services-grid,.formats-grid,.skills-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.feature-showcase-item{flex-direction:column;text-align:center;gap:var(--spacing-md)}.format-header{flex-direction:column;text-align:center;gap:var(--spacing-sm)}}@media (max-width: 480px){.services-hero{padding:var(--spacing-2xl) 0}.services-hero-title{font-size:2rem}.arabic-service-card,.format-card,.skill-card{padding:var(--spacing-lg)}.service-icon-wrapper,.skill-icon-wrapper{width:60px;height:60px}.format-icon-bg{width:50px;height:50px}}.about-us-page{min-height:100vh}.about-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:var(--spacing-3xl) 0;position:relative;overflow:hidden;padding-top:calc(var(--header-height));margin-top:calc(-1 * var(--header-height))}.about-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="%23ffffff" opacity="0.05"><path d="M30 70c20-30 50-30 70 0"/><path d="M30 30c20 30 50 30 70 0"/></svg>') repeat;background-size:100px 100px;animation:patternMove 20s linear infinite}@keyframes patternMove{0%{transform:translate(0) translateY(0)}to{transform:translate(100px) translateY(100px)}}.about-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;position:relative;z-index:1}.about-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-lg);line-height:1.2;background:linear-gradient(135deg,var(--white) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-2xl);opacity:.9}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);max-width:400px}.stat-item{text-align:center;padding:var(--spacing-md);background:#ffffff1a;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform var(--transition-normal)}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:2rem;font-weight:700;color:var(--secondary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.9rem;opacity:.8}.about-hero-image{display:flex;justify-content:center;align-items:center}.hero-image-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl);transform:rotate(3deg);transition:transform var(--transition-normal)}.hero-image-wrapper:hover{transform:rotate(0) scale(1.05)}.hero-image{width:100%;height:400px;object-fit:cover;display:block}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--primary) 20%,transparent 70%);opacity:.3}.about-mission{padding:var(--spacing-3xl) 0;background:var(--white)}.mission-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.mission-text .section-title{color:var(--primary);margin-bottom:var(--spacing-lg)}.mission-description{font-size:1.125rem;line-height:1.7;color:var(--black);margin-bottom:var(--spacing-xl)}.mission-highlights{display:flex;flex-direction:column;gap:var(--spacing-lg)}.highlight-item{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);background:var(--light);border-radius:var(--radius-md);border-left:4px solid var(--secondary);transform:translate(-20px);opacity:0;transition:all var(--transition-normal)}.highlight-icon{color:var(--primary);flex-shrink:0;margin-top:var(--spacing-xs)}.highlight-item h3{color:var(--primary);font-size:1.125rem;margin-bottom:var(--spacing-xs)}.highlight-item p{color:var(--black);line-height:1.6;margin:0}.mission-image img{width:100%;height:400px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.about-values{padding:var(--spacing-3xl) 0;background:var(--light)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.value-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transform:translateY(30px);opacity:0;transition:all var(--transition-normal);border-top:4px solid var(--secondary)}.value-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.value-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.value-title{color:var(--primary);font-size:1.25rem;margin-bottom:var(--spacing-md)}.value-description{line-height:1.6;color:var(--black)}.about-approach{padding:var(--spacing-3xl) 0;background:var(--white)}.approach-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.approach-image img{width:100%;height:400px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.approach-text .section-title{color:var(--primary);margin-bottom:var(--spacing-lg)}.approach-description{font-size:1.125rem;line-height:1.7;color:var(--black);margin-bottom:var(--spacing-xl)}.approach-features{display:flex;flex-direction:column;gap:var(--spacing-md)}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--light);border-radius:var(--radius-md);transform:translate(-20px);opacity:0;transition:all var(--transition-normal)}.feature-bullet{width:12px;height:12px;background:var(--secondary);border-radius:var(--radius-full);flex-shrink:0}.feature-item span{color:var(--primary);font-weight:500}.about-team{padding:var(--spacing-3xl) 0;background:var(--primary);color:var(--white)}.about-team .section-title{color:var(--white);margin-bottom:var(--spacing-lg)}.team-description{font-size:1.125rem;line-height:1.7;opacity:.9;max-width:800px;margin:0 auto var(--spacing-2xl)}.team-commitment{display:flex;justify-content:center}.commitment-card{background:#ffffff1a;padding:var(--spacing-2xl);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:600px;text-align:center;transform:scale(.9);opacity:0;transition:all var(--transition-normal)}.commitment-card h3{color:var(--secondary);font-size:1.5rem;margin-bottom:var(--spacing-md)}.commitment-card p{line-height:1.6;opacity:.9;margin:0}.about-page-section-title{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-lg);text-align:center}.team-members-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);margin:var(--spacing-2xl) 0;padding:var(--spacing-xl) 0}.team-member-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);overflow:hidden;min-height:280px}.team-member-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #daa5204d}.member-image-wrapper{position:relative;width:160px;height:160px;margin-bottom:var(--spacing-md);border-radius:50%;overflow:hidden;transition:all var(--transition-normal)}.team-member-card:hover .member-image-wrapper{transform:scale(1.05);box-shadow:0 10px 30px #daa52066}.member-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.team-member-card:hover .member-image{transform:scale(1.1)}.member-info{position:relative;z-index:2;transition:all var(--transition-normal)}.team-member-card:hover .member-info{opacity:0;transform:translateY(-20px)}.member-name{font-size:1rem;font-weight:600;color:var(--primary);margin:0 0 var(--spacing-xs) 0;line-height:1.4}.member-role{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.member-quote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;opacity:0;transition:all var(--transition-normal);z-index:3}.team-member-card:hover .member-quote{opacity:1;transform:translate(-50%,-50%) translateY(90px)}.member-quote p{font-size:.8rem;color:var(--secondary);font-style:italic;line-height:1.4;margin:0;text-align:center;font-weight:500}.animate-in .about-hero-title,.animate-in .about-hero-subtitle,.animate-in .stat-item{animation:slideInUp .6s ease forwards}.animate-in .hero-image-wrapper{animation:slideInRight .8s ease forwards}.animate-in .highlight-item,.animate-in .feature-item{transform:translate(0);opacity:1}.animate-in .value-card{transform:translateY(0);opacity:1}.animate-in .commitment-card{transform:scale(1);opacity:1}.about-credits{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid rgba(0,0,0,.1)}.credits-content{display:flex;justify-content:center;align-items:center}.credits-badge{display:flex;align-items:center;gap:var(--spacing-lg);background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-normal);position:relative;overflow:hidden}.credits-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.credits-badge:hover:before{left:100%}.credits-badge:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.badge-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-full);position:relative;z-index:2}.code-symbol{color:var(--white);font-size:1.5rem;font-weight:700;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.badge-text{text-align:center;position:relative;z-index:2}.badge-text h3{font-size:1.125rem;color:var(--primary);margin-bottom:var(--spacing-sm);font-weight:600}.company-link{display:inline-block;font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--transition-normal);position:relative}.company-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);transition:all var(--transition-normal);transform:translate(-50%)}.company-link:hover:after{width:100%}.company-link:hover{transform:scale(1.05)}.badge-text p{font-size:.9rem;color:#6c757d;margin:0;font-style:italic}@keyframes slideInRight{0%{transform:translate(50px) rotate(3deg);opacity:0}to{transform:translate(0) rotate(3deg);opacity:1}}@keyframes fadeInScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.animate-in .credits-badge{animation:fadeInScale .6s ease forwards}@media (max-width: 768px){.about-hero-content,.mission-content,.approach-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-hero-title{font-size:2.5rem}.about-page-section-title{font-size:2rem}.about-stats{grid-template-columns:repeat(2,1fr);max-width:none}.stat-item{padding:var(--spacing-sm)}.stat-number{font-size:1.5rem}.values-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.team-members-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.hero-image,.mission-image img,.approach-image img{height:250px}.highlight-item,.feature-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.highlight-icon{margin-top:0}}@media (max-width: 480px){.about-hero{padding:var(--spacing-2xl) 0}.about-hero-title{font-size:2rem}.about-page-section-title{font-size:1.5rem}.about-stats{grid-template-columns:1fr;gap:var(--spacing-md)}.value-card,.commitment-card{padding:var(--spacing-lg)}.team-members-grid{grid-template-columns:1fr;gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.team-member-card{min-height:250px}.member-image-wrapper{width:120px;height:120px}.credits-badge{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center}.badge-icon{width:60px;height:60px}.code-symbol,.company-link{font-size:1.25rem}}.contact-us-page{min-height:100vh}.contact-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:var(--spacing-3xl) 0;position:relative;overflow:hidden;padding-top:calc(var(--header-height) + var(--spacing-3xl));margin-top:calc(-1 * var(--header-height))}.contact-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="%23ffffff" opacity="0.1"><circle cx="20" cy="20" r="2"/><circle cx="80" cy="20" r="2"/><circle cx="20" cy="80" r="2"/><circle cx="80" cy="80" r="2"/><circle cx="50" cy="50" r="3"/></svg>') repeat;background-size:100px 100px;animation:contactPatternFloat 20s ease-in-out infinite}@keyframes contactPatternFloat{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-15px) translate(10px)}}.contact-hero-content{text-align:center;position:relative;z-index:1;max-width:700px;margin:0 auto}.contact-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--white) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translateY(30px);opacity:0;animation:slideUp .8s ease forwards}.contact-hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-xl);opacity:.9;transform:translateY(30px);opacity:0;animation:slideUp .8s ease .2s forwards}.response-time-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;transform:translateY(30px);opacity:0;animation:slideUp .8s ease .4s forwards}.contact-form-section{padding:var(--spacing-3xl) 0;background:var(--light)}.contact-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:flex-start}.contact-form-wrapper{background:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:translateY(30px);opacity:0;transition:all var(--transition-normal)}.form-title{color:var(--primary);font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-xl);text-align:center}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary);font-weight:500;font-size:.9rem}.form-input,.form-select,.form-textarea{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:1rem;transition:all var(--transition-fast);background:var(--white)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00443f1a}.form-textarea{resize:vertical;min-height:120px;font-family:var(--font-primary)}.form-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.form-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.form-submit-btn:hover:before{left:100%}.form-submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-submit-btn.submitting{background:var(--secondary)}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--white);border-radius:var(--radius-full);animation:spin 1s linear infinite}.form-success-message{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--success-light);color:var(--success-dark);border:1px solid var(--success);border-radius:var(--radius-md);font-weight:500}.form-error-message{padding:var(--spacing-md);background:var(--error-light);color:var(--error-dark);border:1px solid var(--error);border-radius:var(--radius-md);font-weight:500}.contact-info-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xl);transform:translateY(30px);opacity:0;transition:all var(--transition-normal)}.info-title{color:var(--primary);font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-md)}.contact-methods{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-method-card{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-decoration:none;color:inherit;transition:all var(--transition-normal);border-left:4px solid var(--secondary)}.contact-method-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-left-color:var(--primary)}.method-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);color:var(--white);flex-shrink:0}.method-content{flex:1}.method-title{color:var(--primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.method-value{color:var(--secondary);font-weight:600;font-size:1rem;margin-bottom:var(--spacing-xs)}.method-description{color:var(--black);line-height:1.5;font-size:.9rem;margin:0;opacity:.8}.support-hours{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hours-title{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg)}.hours-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.hour-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.hour-item:last-child{border-bottom:none}.hour-day{color:var(--primary);font-weight:500}.hour-time{color:var(--black);font-weight:600}.faq-section{padding:var(--spacing-3xl) 0;background:var(--white)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.faq-item{background:var(--light);padding:var(--spacing-xl);border-radius:var(--radius-lg);border-left:4px solid var(--secondary);transform:translateY(30px);opacity:0;transition:all var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-md);border-left-color:var(--primary)}.faq-question{color:var(--primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.faq-answer{line-height:1.6;color:var(--black);margin:0}.faq-cta{text-align:center;margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--light);border-radius:var(--radius-lg);transform:scale(.95);opacity:0;transition:all var(--transition-normal)}.faq-cta p{color:var(--primary);font-size:1.125rem;font-weight:500;margin-bottom:var(--spacing-md)}.animate-in .contact-hero-title,.animate-in .contact-hero-subtitle,.animate-in .response-time-badge{animation:slideUp .8s ease forwards}.animate-in .contact-form-wrapper,.animate-in .contact-info-wrapper,.animate-in .faq-item{transform:translateY(0);opacity:1}.animate-in .faq-cta{transform:scale(1);opacity:1}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.contact-hero-title{font-size:2.5rem}.contact-content-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.contact-method-card{flex-direction:column;text-align:center;gap:var(--spacing-md)}.method-icon{align-self:center}.faq-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.hour-item{flex-direction:column;gap:var(--spacing-xs);text-align:center}}@media (max-width: 480px){.contact-hero{padding:var(--spacing-2xl) 0}.contact-hero-title{font-size:2rem}.contact-form-wrapper,.support-hours,.faq-item,.contact-method-card{padding:var(--spacing-lg)}.method-icon{width:50px;height:50px}}.vsm-solo-form-wrapper{width:100%;max-width:800px;margin:0 auto;background:#fffffffa;border-radius:var(--radius-xl);box-shadow:0 25px 50px #00443f1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(204,160,97,.25);position:relative;overflow:hidden;animation:vsm-slideIn .4s ease-out}@keyframes vsm-slideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vsm-solo-form-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary),var(--primary),var(--secondary));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.vsm-form-header{padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg,#cca06114,#00443f0a);border-bottom:1px solid rgba(204,160,97,.15);position:relative}.vsm-form-header:after{content:"📞";position:absolute;top:var(--spacing-xl);right:var(--spacing-xl);font-size:2rem;opacity:.2;filter:grayscale(.3)}.vsm-form-title{font-size:1.75rem;font-weight:700;color:var(--primary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-md);line-height:1.3}.vsm-form-title:before{content:"";width:5px;height:32px;background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:var(--radius-sm);flex-shrink:0}.vsm-form-subtitle{color:#00443fcc;margin:0;line-height:1.6;font-size:1.1rem;font-weight:400}.vsm-form-error-alert{display:flex;align-items:center;gap:var(--spacing-md);background:#dc354514;border:1px solid rgba(220,53,69,.25);color:var(--error);padding:var(--spacing-lg);margin:var(--spacing-xl);border-radius:var(--radius-lg);font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:vsm-shake .5s ease-in-out}@keyframes vsm-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.vsm-form-error-alert:before{content:"⚠️";font-size:1.25rem;flex-shrink:0}.vsm-form-container{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.vsm-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.vsm-form-label{font-weight:600;color:var(--primary);font-size:1.05rem;display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);line-height:1.4}.vsm-form-label:before{content:"";width:4px;height:18px;background:linear-gradient(135deg,var(--secondary),rgba(204,160,97,.7));border-radius:var(--radius-sm);flex-shrink:0}.vsm-required-mark{color:var(--error);font-weight:700;font-size:1.1rem;margin-left:var(--spacing-xs)}.vsm-form-input,.vsm-form-textarea{padding:var(--spacing-lg);border:2px solid rgba(204,160,97,.25);border-radius:var(--radius-lg);font-size:1rem;font-family:var(--font-primary);font-weight:400;transition:all var(--transition-normal);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--primary);line-height:1.5;outline:none;resize:none}.vsm-form-input:focus,.vsm-form-textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #cca06126;transform:translateY(-2px);background:var(--white)}.vsm-form-input.vsm-error,.vsm-form-textarea.vsm-error{border-color:var(--error);box-shadow:0 0 0 4px #dc354526;background:#dc354505}.vsm-form-input:disabled,.vsm-form-textarea:disabled{background:#00443f0d;cursor:not-allowed;opacity:.7;border-color:#00443f26;transform:none}.vsm-form-input::placeholder,.vsm-form-textarea::placeholder{color:#00443f80;font-weight:400}.vsm-form-textarea{min-height:140px;resize:vertical;line-height:1.6}.vsm-datetime-wrapper{position:relative;display:flex;align-items:center}.vsm-datetime-icon{position:absolute;left:var(--spacing-lg);color:var(--secondary);pointer-events:none;z-index:2;background:#ffffffe6;padding:var(--spacing-xs);border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a}.vsm-datetime-wrapper .vsm-form-input{padding-left:calc(var(--spacing-lg) + 40px)}.vsm-char-counter{font-size:.9rem;color:#00443f99;text-align:right;margin-top:var(--spacing-xs);font-weight:500}.vsm-char-counter.vsm-warning{color:var(--warning)}.vsm-char-counter.vsm-error{color:var(--error)}.vsm-form-hint{font-size:.95rem;color:#00443fb3;margin-top:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:#cca06114;border-radius:var(--radius-md);border-left:4px solid var(--secondary);line-height:1.5}.vsm-field-error{font-size:.95rem;color:var(--error);margin-top:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#dc354514;border-radius:var(--radius-md);border-left:4px solid var(--error);line-height:1.4;font-weight:500}.vsm-field-error:before{content:"⚠️";font-size:.9rem;flex-shrink:0}.vsm-form-actions{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid rgba(204,160,97,.2)}.vsm-btn-cancel,.vsm-btn-submit{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-2xl);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:1.05rem;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal);min-height:56px;position:relative;overflow:hidden;text-decoration:none}.vsm-btn-cancel:before,.vsm-btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.vsm-btn-cancel:hover:before,.vsm-btn-submit:hover:before{left:100%}.vsm-btn-cancel{background:#00443f14;color:var(--primary);border:2px solid rgba(0,68,63,.2)}.vsm-btn-cancel:hover:not(:disabled){background:#00443f26;transform:translateY(-3px);box-shadow:0 8px 25px #00443f33;border-color:#00443f4d}.vsm-btn-submit{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);box-shadow:0 10px 30px #cca06159;border:2px solid transparent}.vsm-btn-submit:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 40px #cca06173;filter:brightness(1.05)}.vsm-btn-cancel:disabled,.vsm-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.vsm-loading-spinner{width:22px;height:22px;border:3px solid rgba(0,68,63,.3);border-radius:50%;border-top-color:var(--primary);animation:vsm-spin 1.2s linear infinite}@keyframes vsm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.vsm-form-actions{flex-direction:row;justify-content:flex-end;gap:var(--spacing-xl)}.vsm-btn-cancel,.vsm-btn-submit{min-width:160px;flex:0 0 auto}}@media (min-width: 1024px){.vsm-form-header{padding:var(--spacing-3xl) var(--spacing-3xl) var(--spacing-2xl)}.vsm-form-container{padding:var(--spacing-3xl)}.vsm-form-title{font-size:2rem}}@media (max-width: 576px){.vsm-solo-form-wrapper{margin:0 -var(--spacing-sm);border-radius:var(--radius-lg)}.vsm-form-header,.vsm-form-container{padding:var(--spacing-xl)}.vsm-form-title{font-size:1.5rem}.vsm-form-input,.vsm-form-textarea{padding:var(--spacing-md)}.vsm-datetime-wrapper .vsm-form-input{padding-left:calc(var(--spacing-md) + 35px)}.vsm-datetime-icon{left:var(--spacing-md)}.vsm-btn-cancel,.vsm-btn-submit{padding:var(--spacing-md) var(--spacing-xl);min-height:50px}}html[dir=rtl] .vsm-datetime-icon{left:auto;right:var(--spacing-lg)}html[dir=rtl] .vsm-datetime-wrapper .vsm-form-input{padding-left:var(--spacing-lg);padding-right:calc(var(--spacing-lg) + 40px)}html[dir=rtl] .vsm-form-actions{flex-direction:column}html[dir=rtl] .vsm-btn-cancel,html[dir=rtl] .vsm-btn-submit,html[dir=rtl] .vsm-form-error-alert{flex-direction:row-reverse}html[dir=rtl] .vsm-form-label:before{margin-right:0;margin-left:var(--spacing-sm)}html[dir=rtl] .vsm-form-hint,html[dir=rtl] .vsm-field-error{border-left:none;border-right:4px solid var(--secondary)}html[dir=rtl] .vsm-field-error{border-right-color:var(--error)}html[dir=rtl] .vsm-form-header:after{right:auto;left:var(--spacing-xl)}@media (min-width: 768px){html[dir=rtl] .vsm-form-actions{flex-direction:row-reverse;justify-content:flex-end}}@media (max-width: 576px){html[dir=rtl] .vsm-datetime-icon{right:var(--spacing-md)}html[dir=rtl] .vsm-datetime-wrapper .vsm-form-input{padding-right:calc(var(--spacing-md) + 35px)}}.vsm-btn-cancel:focus,.vsm-btn-submit:focus{outline:3px solid rgba(204,160,97,.5);outline-offset:2px}.vsm-form-input:focus,.vsm-form-textarea:focus{outline:3px solid rgba(204,160,97,.5);outline-offset:2px}@media (prefers-reduced-motion: reduce){.vsm-loading-spinner{animation:none}.vsm-form-input,.vsm-form-textarea,.vsm-btn-cancel,.vsm-btn-submit,.vsm-solo-form-wrapper{transition:none;animation:none}.vsm-form-input:focus,.vsm-form-textarea:focus,.vsm-btn-cancel:hover,.vsm-btn-submit:hover{transform:none}}@media (prefers-contrast: high){.vsm-solo-form-wrapper{border:2px solid var(--primary)}.vsm-form-input,.vsm-form-textarea,.vsm-btn-cancel,.vsm-btn-submit{border-width:2px}}.solo-call-status{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.solo-call-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm, 12px)}.solo-call-status-header h3{font-size:var(--font-size-lg, 20px);font-weight:600;color:var(--text-primary, #1f2937);margin:0}.solo-call-refresh-button{display:flex;align-items:center;gap:var(--spacing-xs, 8px);padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px);background:var(--neutral-bg, #f3f4f6);color:var(--neutral-text, #4b5563);border:1px solid var(--neutral-border, #d1d5db);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 14px);font-weight:500;cursor:pointer;transition:all .2s ease}.solo-call-refresh-button:hover:not(:disabled){background:var(--neutral-hover-bg, #e5e7eb);color:var(--neutral-hover-text, #374151)}.solo-call-refresh-button:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.solo-call-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl, 48px) var(--spacing-lg, 24px);text-align:center;background:var(--card-bg, #ffffff);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-color, #e5e7eb)}.solo-call-empty-icon{color:var(--neutral-light, #d1d5db);margin-bottom:var(--spacing-md, 16px)}.solo-call-empty h3{font-size:var(--font-size-lg, 20px);font-weight:600;margin:0 0 var(--spacing-sm, 12px) 0;color:var(--text-primary, #1f2937)}.solo-call-empty p{font-size:var(--font-size-md, 16px);color:var(--text-secondary, #6b7280);margin:0;max-width:400px;line-height:1.5}.solo-call-list{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.solo-call-item{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-lg, 12px);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));transition:all .2s ease;cursor:pointer}.solo-call-item:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.solo-call-item-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md, 16px);gap:var(--spacing-sm, 12px)}.solo-call-item-title{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px);flex:1}.solo-call-item-title h4{font-size:var(--font-size-md, 16px);font-weight:600;color:var(--text-primary, #1f2937);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.solo-call-item-actions{display:flex;gap:var(--spacing-xs, 8px)}.solo-call-action-button{display:flex;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px);font-size:var(--font-size-sm, 14px);font-weight:500;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.solo-call-action-button.view{background:var(--primary-bg, #eff6ff);color:var(--primary-text, #2563eb);border:1px solid var(--primary-border, #dbeafe)}.solo-call-action-button.view:hover{background:var(--primary-hover-bg, #dbeafe)}.solo-call-action-button.cancel{background:var(--error-bg, #fef2f2);color:var(--error-text, #dc2626);border:1px solid var(--error-border, #fecaca)}.solo-call-action-button.cancel:hover:not(:disabled){background:var(--error-hover-bg, #fee2e2)}.solo-call-action-button:disabled{opacity:.6;cursor:not-allowed}.solo-call-item-content{padding:0 var(--spacing-md, 16px);overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s ease}.solo-call-item.expanded .solo-call-item-content{padding:0 var(--spacing-md, 16px) var(--spacing-md, 16px);max-height:1000px}.solo-call-item-datetime{display:flex;align-items:center;gap:var(--spacing-sm, 12px);margin-bottom:var(--spacing-sm, 12px);color:var(--text-secondary, #6b7280);font-size:var(--font-size-sm, 14px)}.time-remaining{display:flex;align-items:center;gap:var(--spacing-xs, 6px);font-weight:500;color:var(--info-text, #1e40af)}.time-remaining.urgent{color:var(--warning-text, #d97706);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.solo-call-item-description{font-size:var(--font-size-md, 16px);color:var(--text-primary, #374151);line-height:1.5;margin:var(--spacing-sm, 12px) 0;overflow-wrap:break-word}.solo-call-reschedule-info{display:flex;gap:var(--spacing-sm, 12px);padding:var(--spacing-sm, 12px);background:var(--warning-bg, #fffbeb);border:1px solid var(--warning-border, #fcd34d);border-radius:var(--radius-md, 8px);margin:var(--spacing-md, 16px) 0}.reschedule-icon{color:var(--warning-text, #d97706);flex-shrink:0;margin-top:2px}.reschedule-content{flex:1}.reschedule-content p{margin:0 0 var(--spacing-xs, 8px) 0;font-size:var(--font-size-sm, 14px);color:var(--warning-text, #92400e)}.reschedule-actions{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px);margin-top:var(--spacing-sm, 12px)}.reschedule-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 8px);padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 14px);font-weight:500;cursor:pointer;transition:all .2s ease}.reschedule-button.accept{background:var(--success, #10b981);color:#fff;border:none}.reschedule-button.accept:hover:not(:disabled){background:var(--success-hover, #059669)}.reschedule-button.deny{background:var(--error, #ef4444);color:#fff;border:none}.reschedule-button.deny:hover:not(:disabled){background:var(--error-hover, #dc2626)}.reschedule-button:disabled{opacity:.6;cursor:not-allowed}.solo-call-admin-response{display:flex;gap:var(--spacing-sm, 12px);padding:var(--spacing-sm, 12px);background:var(--error-light-bg, #fef2f2);border:1px solid var(--error-light-border, #fecaca);border-radius:var(--radius-md, 8px);margin:var(--spacing-md, 16px) 0}.solo-call-admin-response svg{color:var(--error-text, #dc2626);flex-shrink:0}.solo-call-admin-response p{margin:0;font-size:var(--font-size-sm, 14px);color:var(--error-dark-text, #991b1b);line-height:1.5}.solo-call-video-link{display:flex;flex-direction:column;gap:var(--spacing-sm, 12px);margin-top:var(--spacing-md, 16px);align-items:flex-start}.video-link-button{display:inline-flex;align-items:center;gap:var(--spacing-sm, 12px);padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);background:var(--primary, #3b82f6);color:#fff;border-radius:var(--radius-md, 8px);font-size:var(--font-size-md, 16px);font-weight:600;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.video-link-button:hover{background:var(--primary-hover, #2563eb);transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.solo-call-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-md, 16px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.solo-call-modal{background:var(--card-bg, #ffffff);border-radius:var(--radius-lg, 12px);width:100%;max-width:500px;box-shadow:var(--shadow-xl, 0 20px 25px rgba(0, 0, 0, .1));overflow:hidden}.solo-call-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 16px);border-bottom:1px solid var(--border-color, #e5e7eb)}.solo-call-modal-header h3{font-size:var(--font-size-lg, 20px);font-weight:600;color:var(--text-primary, #1f2937);margin:0}.solo-call-modal-close{background:transparent;border:none;color:var(--neutral-text, #6b7280);font-size:24px;line-height:1;cursor:pointer;padding:var(--spacing-xs, 8px);border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center}.solo-call-modal-close:hover{background:var(--neutral-bg, #f3f4f6)}.solo-call-modal-content{padding:var(--spacing-md, 16px);display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.modal-field{display:flex;flex-direction:column;gap:var(--spacing-xs, 6px)}.modal-field strong{font-weight:600;color:var(--text-primary, #1f2937)}.modal-field span,.modal-field p{color:var(--text-secondary, #4b5563);line-height:1.5;margin:0;font-size:var(--font-size-md, 16px)}.modal-video-link{display:inline-flex;align-items:center;gap:var(--spacing-xs, 8px);color:var(--primary, #3b82f6);text-decoration:none;font-weight:500}.modal-video-link:hover{text-decoration:underline}.solo-call-item.accepted{border-left:4px solid var(--success, #10b981)}.solo-call-item.pending{border-left:4px solid var(--warning-color, #f59e0b)}.solo-call-item.denied{border-left:4px solid var(--error, #ef4444)}.solo-call-item.rescheduled{border-left:4px solid var(--warning-color, #f59e0b)}.solo-call-item.completed{border-left:4px solid var(--primary, #3b82f6);opacity:.8}.solo-call-item.cancelled{border-left:4px solid var(--neutral-color, #9ca3af);opacity:.8}@media (min-width: 768px){.solo-call-item-title{flex-direction:row;align-items:center;gap:var(--spacing-md, 16px)}.solo-call-item-title h4{margin-right:auto}.reschedule-actions{flex-direction:row}.solo-call-modal-overlay{padding:var(--spacing-xl, 48px)}}@media (min-width: 1024px){.solo-call-status,.solo-call-list{gap:var(--spacing-lg, 24px)}}[dir=rtl] .solo-call-item-datetime,[dir=rtl] .solo-call-reschedule-info,[dir=rtl] .solo-call-admin-response,[dir=rtl] .video-link-button,[dir=rtl] .reschedule-button{flex-direction:row-reverse}.solo-call-action-button:focus,.reschedule-button:focus,.solo-call-refresh-button:focus,.solo-call-modal-close:focus,.video-link-button:focus{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}@media (prefers-contrast: high){.solo-call-item{border-width:2px}.solo-call-item.accepted,.solo-call-item.pending,.solo-call-item.denied,.solo-call-item.rescheduled,.solo-call-item.completed,.solo-call-item.cancelled{border-left-width:8px}}@media (prefers-reduced-motion: reduce){.spinning{animation:none}.solo-call-item,.solo-call-action-button,.video-link-button,.reschedule-button{transition:none}.video-link-button:hover{transform:none}.time-remaining.urgent{animation:none}.solo-call-item-content{transition:none}}.solo-call-tab{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.solo-call-header{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(135deg,#cca0611a,#00443f0d);border-radius:var(--radius-xl);border:1px solid rgba(204,160,97,.2);position:relative;overflow:hidden}.solo-call-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--secondary),var(--primary))}.solo-call-header-content h2{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.solo-call-header-content h2:before{content:"📞";font-size:1.2rem}.solo-call-header-content p{color:#00443fcc;margin:0;line-height:1.6;font-size:1rem}.solo-call-new-request-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 8px 24px #cca0614d;position:relative;overflow:hidden;align-self:flex-start}.solo-call-new-request-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.solo-call-new-request-button:hover:before{left:100%}.solo-call-new-request-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #cca06166}.solo-call-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.solo-call-summary-card{display:flex;align-items:center;gap:var(--spacing-md);background:#ffffffe6;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid rgba(204,160,97,.1);box-shadow:0 8px 32px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);position:relative;overflow:hidden}.solo-call-summary-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,var(--secondary),var(--primary))}.solo-call-summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.summary-icon{width:28px;height:28px;flex-shrink:0;padding:var(--spacing-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.summary-icon.pending{background:#f59e0b1a;color:#f59e0b}.summary-icon.accepted{background:#10b9811a;color:#10b981}.summary-icon.total{background:#00443f1a;color:var(--primary)}.summary-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.summary-number{font-size:1.5rem;font-weight:700;color:var(--primary);line-height:1}.summary-label{font-size:.85rem;color:#00443fb3;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.solo-call-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;background:#fffc;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.solo-call-spinner{width:40px;height:40px;border:4px solid rgba(204,160,97,.2);border-radius:50%;border-top-color:var(--secondary);animation:elegantSpin 1.2s ease-in-out infinite;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.solo-call-loading p{color:var(--primary);margin:0;font-weight:500;font-size:1.1rem}.solo-call-error{display:flex;align-items:center;gap:var(--spacing-md);background:#dc35450d;border:1px solid rgba(220,53,69,.2);color:var(--error);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.solo-call-error-icon{flex-shrink:0;padding:var(--spacing-sm);background:#dc35451a;border-radius:var(--radius-md)}.solo-call-retry{background:linear-gradient(135deg,var(--error),#c82333);border:none;color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:500;margin-left:auto;transition:all var(--transition-normal);box-shadow:0 4px 12px #dc35454d}.solo-call-retry:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc354566}@media (min-width: 768px){.solo-call-header{flex-direction:row;align-items:flex-start;justify-content:space-between}.solo-call-header-content{flex:1}.solo-call-new-request-button{align-self:flex-start;white-space:nowrap}.solo-call-summary{grid-template-columns:repeat(3,1fr)}.solo-call-summary-card{padding:var(--spacing-xl)}.summary-icon{width:32px;height:32px}.summary-number{font-size:1.75rem}}@media (min-width: 1024px){.solo-call-tab{padding:var(--spacing-2xl)}.solo-call-header-content h2{font-size:1.75rem}.solo-call-summary{max-width:none}.summary-icon{width:36px;height:36px}.summary-number{font-size:2rem}}@media (max-width: 576px){.solo-call-tab{padding:var(--spacing-lg)}.solo-call-header{padding:var(--spacing-lg);gap:var(--spacing-md)}.solo-call-header-content h2{font-size:1.25rem}.solo-call-new-request-button{width:100%;justify-content:center}.solo-call-summary{grid-template-columns:1fr;gap:var(--spacing-md)}.solo-call-summary-card{padding:var(--spacing-md)}.summary-icon{width:24px;height:24px}.summary-number{font-size:1.25rem}}html[dir=rtl] .solo-call-header{flex-direction:column}html[dir=rtl] .solo-call-new-request-button,html[dir=rtl] .solo-call-summary-card{flex-direction:row-reverse}html[dir=rtl] .solo-call-summary-card:before{left:auto;right:0}html[dir=rtl] .solo-call-error{flex-direction:row-reverse}html[dir=rtl] .solo-call-retry{margin-left:0;margin-right:auto}@media (min-width: 768px){html[dir=rtl] .solo-call-header{flex-direction:row-reverse}}.solo-call-new-request-button:focus,.solo-call-retry:focus{outline:2px solid var(--secondary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.solo-call-spinner{animation:none}.solo-call-new-request-button,.solo-call-summary-card,.solo-call-retry{transition:none}.solo-call-new-request-button:hover,.solo-call-summary-card:hover,.solo-call-retry:hover{transform:none}}.time-countdown{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;position:relative;overflow:hidden}.time-countdown:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.time-countdown:hover:before{left:100%}.time-countdown.normal{background:linear-gradient(135deg,#3b82f626,#3b82f614);color:#1e40af;border-color:#3b82f64d;box-shadow:0 2px 8px #3b82f633}.time-countdown.normal:after{content:"⏰";font-size:.8em;margin-left:var(--spacing-xs)}.time-countdown.soon{background:linear-gradient(135deg,#ffc10726,#ffc10714);color:var(--warning-dark);border-color:#ffc1074d;box-shadow:0 2px 8px #ffc10733}.time-countdown.soon:after{content:"⚡";font-size:.8em;margin-left:var(--spacing-xs)}.time-countdown.urgent{background:linear-gradient(135deg,#dc354526,#dc354514);color:var(--error-dark);border-color:#dc35454d;box-shadow:0 2px 8px #dc354533;animation:urgentPulse 1.5s ease-in-out infinite}.time-countdown.urgent:after{content:"🔥";font-size:.8em;margin-left:var(--spacing-xs)}@keyframes urgentPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.time-countdown.expired{background:linear-gradient(135deg,#6b728026,#6b728014);color:#6b7280;border-color:#6b72804d;box-shadow:0 2px 8px #6b728033;opacity:.7}.time-countdown.expired:after{content:"⏳";font-size:.8em;margin-left:var(--spacing-xs)}.countdown-text{font-family:var(--font-primary);letter-spacing:.5px;font-weight:700;position:relative;z-index:1}.countdown-label{font-size:.75rem;opacity:.9;font-weight:500;position:relative;z-index:1}.time-countdown:hover{transform:translateY(-1px)}.time-countdown.normal:hover{box-shadow:0 4px 12px #3b82f64d}.time-countdown.soon:hover{box-shadow:0 4px 12px #ffc1074d}.time-countdown.urgent:hover{box-shadow:0 4px 12px #dc35454d}.time-countdown.expired:hover{box-shadow:0 4px 12px #6b72804d}.time-countdown.small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.time-countdown.small .countdown-label{font-size:.7rem}.time-countdown.small:after{font-size:.7em}.time-countdown.large{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.time-countdown.large .countdown-label{font-size:.85rem}.time-countdown.large:after{font-size:.9em}html[dir=rtl] .time-countdown{flex-direction:row-reverse}html[dir=rtl] .time-countdown:after{margin-left:0;margin-right:var(--spacing-xs)}@media (max-width: 768px){.time-countdown{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.countdown-label{font-size:.7rem}.time-countdown:after{font-size:.7em}}@media (max-width: 576px){.time-countdown{font-size:.7rem;padding:2px var(--spacing-xs)}.countdown-label{font-size:.65rem}.time-countdown:after{font-size:.6em}}.time-countdown:focus{outline:2px solid var(--secondary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.time-countdown{transition:none}.time-countdown.urgent{animation:none}.time-countdown:hover{transform:none}.time-countdown:before{display:none}}@media (prefers-contrast: high){.time-countdown{border-width:2px;font-weight:700}.time-countdown:after{display:none}}@media print{.time-countdown{background:none!important;border:1px solid #000!important;color:#000!important;box-shadow:none!important}.time-countdown:after{display:none}}.group-call-tab{display:flex;flex-direction:column;gap:var(--spacing-2xl);padding:var(--spacing-xl)}.group-call-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(135deg,#cca0611a,#00443f0d);border-radius:var(--radius-xl);border:1px solid rgba(204,160,97,.2);position:relative;overflow:hidden}.group-call-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--secondary),var(--primary))}.group-call-header-content h2{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.group-call-header-content h2:before{content:"👥";font-size:1.2rem}.group-call-header-content p{font-size:1rem;color:#00443fcc;margin:0;line-height:1.6}.group-call-refresh-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#fffc;color:var(--primary);border:1px solid rgba(204,160,97,.3);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.group-call-refresh-button:hover:not(:disabled){background:#ffffffe6;border-color:var(--secondary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.group-call-refresh-button:disabled{opacity:.6;cursor:not-allowed}.group-call-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.group-call-card{background:#fffffff2;border:1px solid rgba(204,160,97,.15);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 12px 40px #00000014;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal);position:relative;overflow:hidden}.group-call-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--secondary),var(--primary))}.group-call-card:hover{box-shadow:0 20px 60px #0000001f;transform:translateY(-6px);border-color:#cca0614d}.group-call-card.registered{border:2px solid var(--success);background:linear-gradient(135deg,#fffffff2,#28a7450d)}.group-call-card.registered:before{height:4px;background:linear-gradient(90deg,var(--success),var(--success-dark))}.group-call-card.registered:after{content:"✓";position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:24px;height:24px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.group-call-card.full{border-color:#dc35454d;background:#dc354505}.group-call-card.full:before{background:linear-gradient(90deg,var(--error),#c82333)}.group-call-card.started{border-color:#28a7454d;background:#28a74505}.group-call-card.started:before{background:linear-gradient(90deg,var(--success),var(--success-dark))}.group-call-card-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.group-call-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.group-call-card-title h3{font-size:1.25rem;font-weight:700;color:var(--primary);margin:0;line-height:1.4;flex:1}.group-call-card-time{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;color:#00443fb3;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);background:#cca0611a;border-radius:var(--radius-md)}.group-call-card-content{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.group-call-description{font-size:1rem;color:#00443fcc;line-height:1.6;margin:0;padding:var(--spacing-md);background:#cca0610d;border-radius:var(--radius-md);border-left:3px solid var(--secondary)}.group-call-participants{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;color:var(--primary);font-weight:600;padding:var(--spacing-md);background:#fffc;border-radius:var(--radius-lg);border:1px solid rgba(204,160,97,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.group-call-availability{display:flex;align-items:center;gap:var(--spacing-sm)}.seats-available{font-size:.85rem;color:var(--success-dark);background:#28a7451a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-weight:600;border:1px solid rgba(40,167,69,.2)}.seats-available.limited{color:var(--warning);background:#ffc1071a;border-color:#ffc1074d;animation:gentlePulse 2s infinite}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.7}}.group-call-countdown{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);font-size:.9rem;color:#1e40af;font-weight:500}.group-call-card-actions,.registered-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.registration-status{display:flex;align-items:center;justify-content:center}.registered-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#28a7451a,#22c55e0d);color:var(--success-dark);border:1px solid rgba(40,167,69,.2);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #28a74526}.registered-badge:before{content:"✓";font-weight:700;background:var(--success);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px}.video-link-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;box-shadow:0 8px 24px #cca0614d;position:relative;overflow:hidden}.video-link-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.video-link-button:hover:before{left:100%}.video-link-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #cca06166}.link-countdown{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffc1071a;color:var(--warning-dark);border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leave-call-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#dc35451a;color:var(--error);border:1px solid rgba(220,53,69,.3);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.leave-call-button:hover:not(:disabled){background:#dc354526;border-color:#dc354566;transform:translateY(-2px);box-shadow:0 4px 12px #dc354533}.leave-call-button:disabled{opacity:.6;cursor:not-allowed;background:#dc35450d}.join-call-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--success),var(--success-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 8px 24px #28a7454d;position:relative;overflow:hidden}.join-call-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.join-call-button:hover:before{left:100%}.join-call-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #28a74566}.join-call-button.disabled,.join-call-button:disabled{background:#00443f33;color:#00443f99;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.group-call-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;background:#ffffffe6;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(204,160,97,.2);box-shadow:0 20px 60px #00000014}.coming-soon-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.7}.group-call-coming-soon h3{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0 0 var(--spacing-md) 0}.group-call-coming-soon p{font-size:1rem;color:#00443fcc;margin:0 0 var(--spacing-lg) 0;line-height:1.6;max-width:500px}.coming-soon-features{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.coming-soon-feature{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;color:#00443fb3;font-weight:500}.coming-soon-feature:before{content:"✨";font-size:1rem}.group-call-loading,.group-call-error,.group-call-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;background:#ffffffe6;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(204,160,97,.2);box-shadow:0 20px 60px #00000014}.group-call-spinner{width:40px;height:40px;border:4px solid rgba(204,160,97,.2);border-top:4px solid var(--secondary);border-radius:50%;animation:elegantSpin 1.2s ease-in-out infinite;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}@keyframes elegantSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.group-call-loading p,.group-call-error p,.group-call-empty p{font-size:1.1rem;color:var(--primary);margin:var(--spacing-sm) 0 0 0;font-weight:500}.group-call-error-icon,.group-call-empty-icon{color:#00443f66;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.group-call-error h3,.group-call-empty h3{font-size:1.25rem;font-weight:700;color:var(--primary);margin:0 0 var(--spacing-sm) 0}.group-call-retry{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 8px 24px #cca0614d}.group-call-retry:hover{transform:translateY(-3px);box-shadow:0 12px 32px #cca06166}@media (max-width: 768px){.group-call-tab{padding:var(--spacing-lg);gap:var(--spacing-xl)}.group-call-header{flex-direction:column;align-items:stretch;padding:var(--spacing-lg)}.group-call-header-content h2{font-size:1.25rem}.group-call-header-content p{font-size:.9rem}.group-call-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.group-call-card{padding:var(--spacing-lg)}.group-call-card-title{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.group-call-card-title h3{font-size:1.1rem}.registered-actions{gap:var(--spacing-sm)}.video-link-button,.join-call-button{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width: 576px){.group-call-tab,.group-call-card{padding:var(--spacing-md)}.group-call-card-content{gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.group-call-coming-soon{padding:var(--spacing-xl)}.coming-soon-icon{font-size:3rem}.group-call-coming-soon h3{font-size:1.25rem}.coming-soon-features{flex-direction:column;gap:var(--spacing-xs)}}html[dir=rtl] .group-call-header,html[dir=rtl] .group-call-card-title,html[dir=rtl] .group-call-card-time,html[dir=rtl] .group-call-participants,html[dir=rtl] .group-call-countdown,html[dir=rtl] .link-countdown,html[dir=rtl] .video-link-button,html[dir=rtl] .join-call-button,html[dir=rtl] .leave-call-button{flex-direction:row-reverse}html[dir=rtl] .group-call-description{border-left:none;border-right:3px solid var(--secondary)}html[dir=rtl] .coming-soon-feature{flex-direction:row-reverse}@media (max-width: 768px){html[dir=rtl] .group-call-header{flex-direction:column}html[dir=rtl] .group-call-card-title{flex-direction:column;align-items:flex-start}}.group-call-refresh-button:focus,.video-link-button:focus,.join-call-button:focus,.leave-call-button:focus,.group-call-retry:focus{outline:2px solid var(--secondary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.group-call-card,.video-link-button,.join-call-button,.leave-call-button,.group-call-retry{transition:none}.group-call-card:hover,.video-link-button:hover,.join-call-button:hover,.leave-call-button:hover,.group-call-retry:hover{transform:none}.group-call-spinner,.seats-available.limited{animation:none}}.unregistered-actions{display:flex;flex-direction:column}.video-call-scheduling{min-height:calc(100vh - var(--header-height));padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--white) 0%,var(--light) 100%);position:relative}.video-call-scheduling:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="%2300443f" opacity="0.03"><circle cx="50" cy="50" r="40"/><rect x="30" y="30" width="40" height="40" rx="8"/></svg>') repeat;background-size:120px 120px;pointer-events:none}.video-call-header{text-align:center;margin-bottom:var(--spacing-3xl)}.video-call-title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.video-call-title-icon{color:var(--secondary);filter:drop-shadow(0 4px 8px rgba(204,160,97,.3))}.video-call-title h1{font-size:3rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.video-call-subtitle{font-size:1.25rem;line-height:1.6;color:var(--primary);opacity:.8;max-width:600px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl);background:#fffc;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.3)}.video-call-tabs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-3xl);background:#ffffffe6;padding:var(--spacing-sm);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);max-width:400px;margin-left:auto;margin-right:auto}.video-call-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:transparent;color:var(--primary);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.video-call-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.video-call-tab:hover:before{left:100%}.video-call-tab:hover{background:#cca0611a;transform:translateY(-2px);box-shadow:var(--shadow-md)}.video-call-tab.active{background:linear-gradient(135deg,var(--secondary) 0%,#d9b078 100%);color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.video-call-tab.active:hover{box-shadow:var(--shadow-xl)}.video-call-content{background:#fffffff2;border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;animation:slideInUp .6s ease forwards}.video-call-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:var(--radius-md) var(--radius-md) 0 0}.video-call-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.video-call-spinner{width:48px;height:48px;border:4px solid rgba(204,160,97,.2);border-top:4px solid var(--secondary);border-radius:var(--radius-full);animation:spin 1.2s linear infinite;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.video-call-loading p{font-size:1.125rem;color:var(--primary);margin:0;font-weight:500}.video-call-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;min-height:400px}.video-call-error-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:500px;padding:var(--spacing-2xl);background:#dc35450d;border-radius:var(--radius-lg);border:1px solid rgba(220,53,69,.1)}.video-call-error-icon{color:var(--error);filter:drop-shadow(0 2px 4px rgba(220,53,69,.2))}.video-call-error h2{font-size:1.5rem;font-weight:600;color:var(--primary);margin:0}.video-call-error p{font-size:1rem;color:var(--primary);opacity:.8;margin:0;line-height:1.6}.video-call-retry-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--secondary) 0%,#d9b078 100%);color:var(--primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.video-call-retry-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.video-call-retry-button:hover:before{left:100%}.video-call-retry-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.video-call-header{animation:fadeIn .8s ease forwards}.video-call-tabs{animation:slideInUp .6s ease .2s both}html[dir=rtl] .video-call-title,html[dir=rtl] .video-call-tab,html[dir=rtl] .video-call-retry-button{flex-direction:row-reverse}@media (max-width: 992px){.video-call-title h1{font-size:2.5rem}.video-call-content{padding:var(--spacing-xl)}}@media (max-width: 768px){.video-call-scheduling{padding:var(--spacing-2xl) 0}.video-call-header{margin-bottom:var(--spacing-2xl)}.video-call-title{flex-direction:column;gap:var(--spacing-sm)}.video-call-title h1{font-size:2rem}.video-call-subtitle{font-size:1.125rem;padding:var(--spacing-md) var(--spacing-lg)}.video-call-tabs{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);max-width:none}.video-call-tab{padding:var(--spacing-md) var(--spacing-lg);width:100%;justify-content:center}.video-call-content{padding:var(--spacing-lg)}html[dir=rtl] .video-call-title{flex-direction:column}}@media (max-width: 576px){.video-call-scheduling{padding:var(--spacing-xl) 0}.video-call-title h1{font-size:1.75rem}.video-call-subtitle{font-size:1rem;padding:var(--spacing-md)}.video-call-tabs{padding:var(--spacing-xs)}.video-call-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.video-call-content{padding:var(--spacing-md)}.video-call-loading,.video-call-error{padding:var(--spacing-xl)}.video-call-error-content{padding:var(--spacing-lg)}}.video-call-tab:focus,.video-call-retry-button:focus{outline:2px solid var(--secondary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.video-call-tab,.video-call-retry-button,.video-call-content{transition:none;animation:none}.video-call-spinner{animation:none}.video-call-scheduling:before{animation:none}}.video-call-premium-restriction{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;min-height:400px;background:#fffffff2;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;animation:slideInUp .6s ease forwards}.video-call-premium-restriction:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:var(--radius-md) var(--radius-md) 0 0}.video-call-premium-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:500px;margin:0 auto}.video-call-premium-icon{color:var(--secondary);filter:drop-shadow(0 4px 8px rgba(204,160,97,.3));opacity:.8}.video-call-premium-content h2{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-call-premium-content p{font-size:1.125rem;line-height:1.6;color:var(--primary);opacity:.8;margin:0;text-align:center}.video-call-upgrade-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--secondary) 0%,#d9b078 100%);color:var(--primary);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-md);text-decoration:none}.video-call-upgrade-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.video-call-upgrade-button:hover:before{left:100%}.video-call-upgrade-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.video-call-upgrade-button:active{transform:translateY(0)}@media (max-width: 768px){.video-call-premium-restriction{padding:var(--spacing-2xl) var(--spacing-lg)}.video-call-premium-content h2{font-size:1.5rem}.video-call-premium-content p{font-size:1rem}.video-call-upgrade-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem}}@media (max-width: 576px){.video-call-premium-restriction{padding:var(--spacing-xl) var(--spacing-md)}.video-call-premium-icon{width:48px;height:48px}.video-call-premium-content h2{font-size:1.25rem}.video-call-premium-content p{font-size:.875rem}}.video-call-page{min-height:100vh;background:linear-gradient(135deg,var(--white) 0%,var(--light) 100%);padding-top:var(--header-height)}.video-call-page .container{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}@media (max-width: 768px){.video-call-page{padding-top:var(--header-height)}.video-call-page .container{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}}.vocab-word-selector-popup{position:absolute;z-index:9999;background-color:var(--white);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;padding:var(--spacing-xs);min-width:120px;animation:vocab-fadeIn .2s ease}@keyframes vocab-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vocab-add-to-vocabulary-button{display:flex;align-items:center;justify-content:center;width:100%;background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.vocab-add-to-vocabulary-button:hover:not(:disabled){background-color:var(--primary-dark)}.vocab-add-to-vocabulary-button:disabled{opacity:.7;cursor:not-allowed}.vocab-add-to-vocabulary-button svg{margin-right:var(--spacing-xs)}.vocab-word-added-message{text-align:center;color:#4caf50;font-weight:600;font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.vocab-button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:vocab-spin .8s linear infinite}@keyframes vocab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html[dir=rtl] .vocab-add-to-vocabulary-button svg{margin-right:0;margin-left:var(--spacing-xs)}@media (max-width: 480px){.vocab-word-selector-popup{min-width:100px}.vocab-add-to-vocabulary-button{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-xs)}}.chat-message{display:flex;margin-bottom:var(--spacing-lg);opacity:1;animation:messageSlideIn .3s ease forwards;font-family:var(--font-primary)}.chat-message.own-message{justify-content:flex-end}.chat-message.other-message{justify-content:flex-start}.chat-message-content{max-width:75%;display:flex;flex-direction:column}.chat-message.own-message .chat-message-content{align-items:flex-end}.chat-message.other-message .chat-message-content{align-items:flex-start}.chat-message-sender{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:0 var(--spacing-md)}.chat-message-sender-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:rgba(var(--secondary-rgb),.2);color:var(--secondary);border:2px solid rgba(var(--secondary-rgb),.3)}.chat-message.admin .chat-message-sender-icon,.chat-message.system .chat-message-sender-icon{background:rgba(var(--secondary-rgb),.2);color:var(--secondary);border-color:rgba(var(--secondary-rgb),.4)}.chat-message-sender-name{font-size:.75rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:.025em}.chat-message.admin .chat-message-sender-name,.chat-message.system .chat-message-sender-name{color:var(--secondary)}.chat-message-bubble{background:var(--light);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);position:relative;word-wrap:break-word;word-break:break-word;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.chat-message.own-message .chat-message-bubble{background:var(--primary);color:var(--white);border-bottom-right-radius:var(--radius-sm);border-color:var(--primary-dark);position:relative}.chat-message.own-message .chat-message-bubble:before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border-left:8px solid var(--primary);border-bottom:8px solid transparent}.chat-message.admin .chat-message-bubble{background:rgba(var(--secondary-rgb),.1);color:var(--secondary);border-bottom-left-radius:var(--radius-sm);border-color:rgba(var(--secondary-rgb),.3);position:relative}.chat-message.admin .chat-message-bubble:before{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border-right:8px solid rgba(var(--secondary-rgb),.1);border-bottom:8px solid transparent}.chat-message.system .chat-message-bubble{background:rgba(var(--secondary-rgb),.1);color:var(--secondary);border-radius:var(--radius-md);border-color:rgba(var(--secondary-rgb),.3);font-style:italic;text-align:center;position:relative}.chat-message.system .chat-message-bubble:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(var(--secondary-rgb),.1),rgba(var(--secondary-rgb),.05));border-radius:var(--radius-md);z-index:-1}.chat-message.other-message:not(.admin):not(.system) .chat-message-bubble{border-bottom-left-radius:var(--radius-sm);background:var(--white);color:var(--secondary);border-color:rgba(var(--secondary-rgb),.2);position:relative}.chat-message.other-message:not(.admin):not(.system) .chat-message-bubble:before{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border-right:8px solid var(--white);border-bottom:8px solid transparent}.chat-message-text{margin:0;line-height:1.5;font-size:.875rem;white-space:pre-wrap;font-weight:400}.chat-message.own-message .chat-message-text{color:var(--white)}.chat-message-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);justify-content:flex-end;padding:0 var(--spacing-xs)}.chat-message.other-message .chat-message-meta{justify-content:flex-start}.chat-message-time{font-size:.7rem;color:rgba(var(--secondary-rgb),.7);white-space:nowrap;font-weight:500}.chat-message.own-message .chat-message-time{color:#fffc}.chat-message-read-status{font-size:.65rem;color:#fffc;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.chat-message.system{justify-content:center;margin:var(--spacing-md) 0}.chat-message.system .chat-message-content{max-width:85%;align-items:center}.chat-message.system .chat-message-bubble{text-align:center;font-size:.8rem;padding:var(--spacing-sm) var(--spacing-lg)}.chat-message.system .chat-message-meta{justify-content:center}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message:hover .chat-message-bubble{transform:translateY(-1px);box-shadow:var(--shadow-md)}.chat-message.own-message:hover .chat-message-bubble{box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.chat-message.admin:hover .chat-message-bubble{box-shadow:0 4px 12px rgba(var(--secondary-rgb),.3)}.chat-message.system:hover .chat-message-bubble{box-shadow:0 4px 12px rgba(var(--secondary-rgb),.2)}.chat-message.sending{opacity:.7}.chat-message.sending .chat-message-bubble{background:rgba(var(--primary-rgb),.8);animation:messagePulse 1.5s ease-in-out infinite}@keyframes messagePulse{0%,to{opacity:.7}50%{opacity:1}}.chat-message.error .chat-message-bubble{background:rgba(var(--secondary-rgb),.1);color:var(--secondary);border-color:rgba(var(--secondary-rgb),.3)}@media (max-width: 768px){.chat-message-content{max-width:85%}.chat-message-bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--spacing-md)}.chat-message-text{font-size:.875rem}.chat-message-time{font-size:.65rem}.chat-message-read-status{font-size:.6rem}.chat-message-sender{padding:0 var(--spacing-sm)}.chat-message-sender-icon{width:20px;height:20px}}@media (max-width: 480px){.chat-message-content{max-width:90%}.chat-message-bubble{padding:var(--spacing-sm)}.chat-message{margin-bottom:var(--spacing-md)}}[dir='"rtl"'] .chat-message.own-message{justify-content:flex-start}[dir='"rtl"'] .chat-message.other-message{justify-content:flex-end}[dir='"rtl"'] .chat-message.own-message .chat-message-content{align-items:flex-start}[dir='"rtl"'] .chat-message.other-message .chat-message-content{align-items:flex-end}[dir='"rtl"'] .chat-message.own-message .chat-message-bubble{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-sm)}[dir='"rtl"'] .chat-message.own-message .chat-message-bubble:before{right:auto;left:-8px;border-left:none;border-right:8px solid var(--primary)}[dir='"rtl"'] .chat-message.admin .chat-message-bubble,[dir='"rtl"'] .chat-message.other-message:not(.admin):not(.system) .chat-message-bubble{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-sm)}[dir='"rtl"'] .chat-message.admin .chat-message-bubble:before{left:auto;right:-8px;border-right:none;border-left:8px solid rgba(var(--secondary-rgb),.1)}[dir='"rtl"'] .chat-message.other-message:not(.admin):not(.system) .chat-message-bubble:before{left:auto;right:-8px;border-right:none;border-left:8px solid var(--white)}[dir='"rtl"'] .chat-message.other-message .chat-message-meta{justify-content:flex-end}[dir='"rtl"'] .chat-message.own-message .chat-message-meta{justify-content:flex-start}[dir='"rtl"'] .chat-message-sender{flex-direction:row-reverse}.chat-message-bubble:focus{outline:2px solid var(--secondary);outline-offset:2px}@media (prefers-contrast: high){.chat-message-bubble{border-width:2px}.chat-message.own-message .chat-message-bubble{border-color:var(--white)}.chat-message.admin .chat-message-bubble,.chat-message.system .chat-message-bubble{border-color:var(--secondary)}}@media (prefers-reduced-motion: reduce){.chat-message{animation:none;opacity:1}.chat-message:hover .chat-message-bubble{transform:none}.chat-message.sending .chat-message-bubble{animation:none}}@media print{.chat-message-bubble{background:var(--white)!important;color:var(--secondary)!important;border:1px solid var(--secondary)!important;box-shadow:none!important}.chat-message-bubble:before{display:none!important}}.chat-message-type-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-right:var(--spacing-xs);font-size:.65rem;opacity:.8}.chat-message.own-message .chat-message-type-indicator{color:#ffffffe6}.chat-typing-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--light);border-radius:var(--radius-xl);border:var(--border-width) solid var(--border-color)}.chat-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);animation:typingDots 1.4s ease-in-out infinite}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDots{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.chat-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--primary-rgb),.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--spacing-xl);animation:overlayFadeIn var(--transition-normal) ease}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.chat-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-3xl);width:100%;max-width:900px;height:700px;display:flex;flex-direction:column;overflow:hidden;border:var(--border-width) solid var(--border-color);animation:modalSlideIn var(--transition-normal) ease;font-family:var(--font-primary)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:var(--border-width) solid var(--border-color);background:var(--light);position:relative}.chat-modal-header:after{content:"";position:absolute;bottom:0;left:var(--spacing-xl);right:var(--spacing-xl);height:2px;background:linear-gradient(90deg,var(--secondary),transparent)}.chat-modal-title{display:flex;align-items:center;gap:var(--spacing-md);margin:0;font-size:1.5rem;font-weight:700;color:var(--primary)}.chat-modal-title svg{color:var(--secondary)}.chat-modal-close{background:var(--white);border:var(--border-width) solid var(--border-color);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.chat-modal-close:hover{background:var(--light);color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.chat-modal-close:focus{outline:2px solid var(--secondary);outline-offset:2px}.chat-error{background:var(--error-light);color:var(--error-dark);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border-width) solid rgba(var(--error-rgb),.3);animation:errorSlideDown var(--transition-normal) ease}@keyframes errorSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-error button{background:none;border:none;color:var(--error-dark);cursor:pointer;font-size:1.125rem;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.chat-error button:hover{background:rgba(var(--error-rgb),.2)}.chat-modal-body{display:flex;flex:1;overflow:hidden}.chat-conversations-panel{width:320px;border-right:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;background:var(--light)}.chat-conversations-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:var(--border-width) solid var(--border-color);background:var(--white)}.chat-conversations-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--primary)}.chat-new-conversation-btn{background:var(--primary);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;color:var(--white);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.chat-new-conversation-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.chat-new-conversation-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-new-conversation-btn:focus{outline:2px solid var(--secondary);outline-offset:2px}.chat-loading{padding:var(--spacing-xl);text-align:center;color:var(--primary);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.chat-loading:after{content:"";width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-conversations-list{flex:1;overflow-y:auto}.chat-empty-state{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;color:rgba(var(--primary-rgb),.6)}.chat-empty-state svg{color:rgba(var(--primary-rgb),.3);margin-bottom:var(--spacing-lg)}.chat-empty-state p{margin:0 0 var(--spacing-lg) 0;font-size:.875rem;color:rgba(var(--primary-rgb),.7);font-weight:500}.chat-start-first-btn{background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-fast);font-family:var(--font-primary);box-shadow:var(--shadow-sm)}.chat-start-first-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.chat-conversation-item{padding:var(--spacing-lg);cursor:pointer;border-bottom:var(--border-width) solid var(--border-color);transition:all var(--transition-fast);position:relative}.chat-conversation-item:hover{background:var(--white);transform:translate(2px)}.chat-conversation-item.active{background:rgba(var(--primary-rgb),.1);border-left:4px solid var(--primary);padding-left:calc(var(--spacing-lg) - 4px);color:var(--primary)}.chat-conversation-item.active:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--secondary)}.chat-conversation-subject{font-weight:600;font-size:.875rem;margin-bottom:var(--spacing-xs);line-height:1.4;color:var(--primary)}.chat-conversation-item.active .chat-conversation-subject{color:var(--primary-dark)}.chat-conversation-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.chat-conversation-time{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:rgba(var(--primary-rgb),.6);font-weight:500}.chat-conversation-unread{background:var(--danger);color:var(--white);border-radius:var(--radius-full);padding:2px var(--spacing-sm);font-size:.7rem;font-weight:700;min-width:20px;text-align:center;animation:pulse 2s infinite}.chat-conversation-item.active .chat-conversation-unread{background:var(--secondary);color:var(--primary)}.chat-conversation-preview{font-size:.8rem;color:rgba(var(--primary-rgb),.6);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-messages-panel{flex:1;display:flex;flex-direction:column;background:var(--white)}.chat-new-conversation-form{padding:var(--spacing-xl);border-bottom:var(--border-width) solid var(--border-color);background:var(--light)}.chat-new-conversation-form h3{margin:0 0 var(--spacing-lg) 0;font-size:1.125rem;color:var(--primary);font-weight:600}.chat-subject-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;outline:none;transition:all var(--transition-fast);font-family:var(--font-primary);background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md)}.chat-subject-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb),.1)}.chat-subject-input::placeholder{color:rgba(var(--primary-rgb),.5)}.chat-priority-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;outline:none;transition:all var(--transition-fast);font-family:var(--font-primary);background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm);cursor:pointer}.chat-priority-select:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb),.1)}.chat-messages-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:var(--border-width) solid var(--border-color);background:var(--light)}.chat-messages-header h3{margin:0;font-size:1.125rem;color:var(--primary);font-weight:600}.chat-conversation-status{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);background:var(--success-light);color:var(--success-dark);font-weight:600;text-transform:uppercase;letter-spacing:.025em;border:var(--border-width) solid rgba(var(--success-rgb),.3)}.chat-messages-container{flex:1;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--white)}.chat-no-messages,.chat-no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:rgba(var(--primary-rgb),.6);text-align:center}.chat-no-conversation-selected svg{color:rgba(var(--primary-rgb),.2);margin-bottom:var(--spacing-lg)}.chat-no-conversation-selected h3{margin:0 0 var(--spacing-sm) 0;color:var(--primary);font-weight:600}.chat-no-conversation-selected p{color:rgba(var(--primary-rgb),.6);font-weight:500;max-width:320px}.chat-modal-footer{border-top:var(--border-width) solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl);background:var(--light)}.chat-conversation-closed-notice{background:rgba(var(--secondary-rgb),.1);color:var(--secondary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);text-align:center;font-weight:600;font-size:.875rem;border:var(--border-width) solid rgba(var(--secondary-rgb),.3);margin-bottom:var(--spacing-md)}.chat-input-container{display:flex;gap:var(--spacing-md);align-items:flex-end}.chat-input{flex:1;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:.875rem;resize:none;outline:none;transition:all var(--transition-fast);max-height:120px;min-height:44px;font-family:var(--font-primary);background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.chat-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(var(--secondary-rgb),.1)}.chat-input::placeholder{color:rgba(var(--primary-rgb),.5)}.chat-send-button{background:var(--primary);border:none;border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;color:var(--white);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);min-width:44px;height:44px;box-shadow:var(--shadow-md)}.chat-send-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.chat-send-button:focus{outline:2px solid var(--secondary);outline-offset:2px}.chat-conversations-list::-webkit-scrollbar,.chat-messages-container::-webkit-scrollbar{width:6px}.chat-conversations-list::-webkit-scrollbar-track,.chat-messages-container::-webkit-scrollbar-track{background:var(--light)}.chat-conversations-list::-webkit-scrollbar-thumb,.chat-messages-container::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.chat-conversations-list::-webkit-scrollbar-thumb:hover,.chat-messages-container::-webkit-scrollbar-thumb:hover{background:rgba(var(--secondary-rgb),.8)}@media (max-width: 768px){.chat-modal-overlay{padding:0}.chat-modal{width:100%;height:100vh;max-width:none;border-radius:0;animation:modalSlideInMobile var(--transition-normal) ease}@keyframes modalSlideInMobile{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.chat-modal-body{flex-direction:column}.chat-conversations-panel{width:100%;max-height:250px;border-right:none;border-bottom:var(--border-width) solid var(--border-color)}.chat-conversations-list{max-height:150px}.chat-conversation-item{padding:var(--spacing-md) var(--spacing-lg)}.chat-messages-container{padding:var(--spacing-lg)}.chat-modal-footer{padding:var(--spacing-md) var(--spacing-lg)}.chat-modal-header{padding:var(--spacing-lg)}.chat-modal-title{font-size:1.25rem}}@media (max-width: 480px){.chat-modal-header{padding:var(--spacing-md)}.chat-conversations-panel{max-height:200px}.chat-messages-container,.chat-modal-footer{padding:var(--spacing-md)}.chat-modal-title{font-size:1.125rem}}[dir='"rtl"'] .chat-conversations-panel{border-right:none;border-left:var(--border-width) solid var(--border-color)}[dir='"rtl"'] .chat-conversation-item.active{border-left:none;border-right:4px solid var(--primary);padding-left:var(--spacing-lg);padding-right:calc(var(--spacing-lg) - 4px)}[dir='"rtl"'] .chat-conversation-item.active:before{right:auto;left:0}[dir='"rtl"'] .chat-conversation-meta,[dir='"rtl"'] .chat-conversation-time{flex-direction:row-reverse}[dir='"rtl"'] .chat-modal-header:after{left:auto;right:var(--spacing-xl)}@media (max-width: 768px){[dir='"rtl"'] .chat-conversations-panel{border-left:none;border-bottom:var(--border-width) solid var(--border-color)}}@media (prefers-reduced-motion: reduce){.chat-modal-overlay,.chat-modal,.chat-error,.chat-conversation-unread{animation:none}.chat-modal,.chat-new-conversation-btn:hover,.chat-send-button:hover,.chat-start-first-btn:hover,.chat-modal-close:hover{transform:none}}@media (prefers-contrast: high){.chat-modal,.chat-conversation-item,.chat-subject-input,.chat-input{border-width:2px}}@media print{.chat-modal-overlay{display:none!important}}.chat-widget{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:64px;height:64px;background:var(--primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);z-index:1000;border:none;outline:none;font-family:var(--font-primary)}.chat-widget:hover{transform:scale(1.1) translateY(-2px);box-shadow:var(--shadow-2xl);background:var(--primary-dark)}.chat-widget:focus{outline:3px solid var(--secondary);outline-offset:3px}.chat-widget:active{transform:scale(1.05) translateY(-1px)}.chat-widget-icon{color:var(--white);transition:all var(--transition-fast);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.chat-widget.has-unread{animation:chatPulse 2s infinite}.chat-widget-badge{position:absolute;top:-8px;right:-8px;background:var(--danger);border-radius:var(--radius-full);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:3px solid var(--white);box-shadow:var(--shadow-md);animation:badgeBounce .5s ease-out}.chat-widget-badge-text{color:var(--white);font-size:.75rem;font-weight:700;line-height:1;font-family:var(--font-primary)}@keyframes chatPulse{0%{box-shadow:var(--shadow-lg),0 0 rgba(var(--primary-rgb),.7)}70%{box-shadow:var(--shadow-lg),0 0 0 12px rgba(var(--primary-rgb),0)}to{box-shadow:var(--shadow-lg),0 0 rgba(var(--primary-rgb),0)}}@keyframes badgeBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chat-widget:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:var(--radius-full);background:linear-gradient(45deg,var(--secondary),var(--primary));z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.chat-widget:hover:before{opacity:.3}@media (max-width: 768px){.chat-widget{width:56px;height:56px;bottom:var(--spacing-lg);right:var(--spacing-lg)}.chat-widget-icon{width:22px;height:22px}.chat-widget-badge{min-width:20px;height:20px;top:-6px;right:-6px;border-width:2px}.chat-widget-badge-text{font-size:.7rem}}@media (max-width: 480px){.chat-widget{width:52px;height:52px;bottom:var(--spacing-md);right:var(--spacing-md)}.chat-widget-icon{width:20px;height:20px}}[dir='"rtl"'] .chat-widget{right:auto;left:var(--spacing-xl)}[dir='"rtl"'] .chat-widget-badge{right:auto;left:-8px}@media (max-width: 768px){[dir='"rtl"'] .chat-widget{left:var(--spacing-lg)}[dir='"rtl"'] .chat-widget-badge{left:-6px}}@media (max-width: 480px){[dir='"rtl"'] .chat-widget{left:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.chat-widget{animation:none;transition:none}.chat-widget:hover{transform:none}.chat-widget.has-unread,.chat-widget-badge{animation:none}}@media (prefers-contrast: high){.chat-widget{border:2px solid var(--white)}.chat-widget-badge{border-width:2px}}@media print{.chat-widget{display:none!important}}:root{--primary: #00443f;--primary-rgb: 0, 68, 63;--primary-dark: #00332e;--secondary: #cca061;--secondary-rgb: 204, 160, 97;--light: #f1e9d6;--white: #ffffff;--black: #000000;--header-height: 100px;--background-light: #e8e8e8;--border-light: #e0e0e0;--font-primary: "Montserrat", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 3px rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .1);--shadow-3xl: 0 35px 60px rgba(0, 0, 0, .1);--success: #28a745;--success-rgb: 40, 167, 69;--success-light: rgba(40, 167, 69, .1);--success-dark: #218838;--error: #dc3545;--error-rgb: 220, 53, 69;--error-light: rgba(220, 53, 69, .1);--error-dark: #c82333;--warning: #ffc107;--warning-rgb: 255, 193, 7;--warning-light: rgba(255, 193, 7, .1);--warning-dark: #e0a800;--danger: #dc3545;--danger-rgb: 220, 53, 69;--danger-light: rgba(220, 53, 69, .1);--border-color: #e0e0e0;--border-radius: 4px;--border-width: 1px}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:transform .3s ease}.vocabulary-word-selector-popup{display:none!important}html,body{min-height:150vh;height:100%;width:100%;font-size:16px;line-height:1.5;color:var(--black);background:var(--white);font-family:var(--font-primary);scroll-behavior:smooth}#root{min-height:100%;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--header-height)}html[dir=rtl] body,html[lang=ar] body{font-family:var(--font-primary),"Noto Sans Arabic",sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}section{padding:var(--spacing-3xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}.gram-toggle-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.gram-toggle-button svg{width:20px;height:20px}.gram-toggle-button:hover{background-color:var(--primary);color:var(--white)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:600;text-align:center;cursor:pointer;transition:all var(--transition-normal);border:none;font-size:1rem}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:#005a53;color:var(--white)}.btn-secondary{background-color:var(--secondary);color:var(--primary)}.btn-secondary:hover{background-color:#d9b078;color:var(--primary)}.btn-outline{background-color:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover,.bg-primary{background-color:var(--primary);color:var(--white)}.bg-secondary{background-color:var(--secondary);color:var(--primary)}.bg-light{background-color:var(--light);color:var(--primary)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-light{color:var(--light)}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.text-center{text-align:center}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{padding:0 15px;flex:1 0 0%}.toggle-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:var(--primary);color:var(--white);cursor:pointer;transition:background-color var(--transition-fast)}.toggle-button:hover{background-color:var(--secondary)}@media (max-width: 768px){html,body{font-size:14px}.row{flex-direction:column}.col{flex:0 0 100%;max-width:100%;margin-bottom:var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}section{padding:var(--spacing-2xl) 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full);transition:all var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--secondary);cursor:pointer}.fade-in{animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}table{border-collapse:collapse;margin:1rem 0;width:100%;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}table td,table th{border:1px solid var(--border-color);padding:.75rem;vertical-align:top;text-align:left;font-size:1rem;line-height:1.5}table th{background-color:var(--background-light);font-weight:600;color:var(--primary);text-align:center}table tr:nth-child(2n){background-color:#f8f9fa}table tr:hover{background-color:#f0f7ff;transition:background-color var(--transition-fast)}html[dir=rtl] table td,html[dir=rtl] table th{text-align:right}html[dir=rtl] table th{text-align:center}html[lang=ar] table,html[dir=rtl] table,table[lang=ar]{font-size:1.1rem;line-height:1.8}html[lang=ar] table td,html[lang=ar] table th,html[dir=rtl] table td,html[dir=rtl] table th{font-size:1.1rem;line-height:1.8;padding:1rem}@media (max-width: 768px){table{font-size:.9rem;display:block;overflow-x:auto;white-space:nowrap}table td,table th{padding:.5rem;min-width:120px}}@media (max-width: 480px){table{font-size:.85rem}table td,table th{padding:.4rem;min-width:100px}}[class*=content],[class*=description],[class*=text],[class*=explanation],[class*=instructions],[class*=details]{line-height:1.6}[class*=content] p,[class*=description] p,[class*=text] p,[class*=explanation] p,[class*=instructions] p,[class*=details] p{margin-bottom:1rem}[class*=content] ul,[class*=content] ol,[class*=description] ul,[class*=description] ol,[class*=text] ul,[class*=text] ol,[class*=explanation] ul,[class*=explanation] ol,[class*=instructions] ul,[class*=instructions] ol,[class*=details] ul,[class*=details] ol{margin:1rem 0;padding-left:1.5rem}html[dir=rtl] [class*=content] ul,html[dir=rtl] [class*=content] ol,html[dir=rtl] [class*=description] ul,html[dir=rtl] [class*=description] ol,html[dir=rtl] [class*=text] ul,html[dir=rtl] [class*=text] ol,html[dir=rtl] [class*=explanation] ul,html[dir=rtl] [class*=explanation] ol,html[dir=rtl] [class*=instructions] ul,html[dir=rtl] [class*=instructions] ol,html[dir=rtl] [class*=details] ul,html[dir=rtl] [class*=details] ol{padding-left:0;padding-right:1.5rem}html[dir=rtl] .btn,html[dir=rtl] input,html[dir=rtl] textarea{font-family:var(--font-primary),"Noto Sans Arabic",sans-serif}::selection{background:var(--secondary);color:var(--primary)}.hero-section{min-height:80vh;display:flex;align-items:center}.about-section,.services-section,.programs-section,.cta-section{padding:var(--spacing-3xl) 0}.cta-section{padding:var(--spacing-2xl) 0}