@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@400;500;700;900&display=swap";:root{--primary-color: #1e3a5f;--secondary-color: #34495e;--accent-color: #3a6ea5;--gold: #d4af37;--light-color: #f8f9fa;--border-color: #e0e6ed;--text-color: #2c3e50;--background-color: #f5f7fa}body{font-family:Tajawal,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.7;direction:rtl}html,body{width:100%;height:100%;margin:0;padding:0}#root{width:100%;overflow-x:hidden}:root{--primary-color: #1e3a5f;--secondary-color: #020f1d;--accent-color: #3a6ea5;--gold: #d4af37;--light-color: #f8f9fa;--border-color: #e0e6ed;--text-color: #2c3e50;--background-color: #f5f7fa}body{font-family:Tajawal,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.7}.islamic-pattern{position:absolute;opacity:.04;width:100%;height:100%;background-size:400px;z-index:-1}.container{background-color:#fff;box-shadow:0 0 30px #0000001a;position:relative;overflow:hidden}.hero{position:relative;padding:136px 30px;text-align:center;background-image:url(/assets/ramadan-two-DxuEvXDY.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;overflow:hidden}.hero-pattern{position:relative;width:100%;height:100%;background-color:var(--primary-color);transition:background-image .3s ease}.hero-edit-icon{position:absolute;top:20px;right:20px;font-size:1.5rem;color:var(--gold);cursor:pointer;opacity:.7;transition:all .3s ease;background:#fff3;padding:10px;border-radius:50%;z-index:10}.hero-edit-icon:hover{opacity:1;transform:scale(1.1);background:#ffffff4d}.hero-content{max-width:80vw;margin:0 auto;position:relative;top:-20px;z-index:1}.hero h1{font-family:Amiri,serif;font-size:48px;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;display:inline-block}.hero p{font-size:20px;max-width:80vw;margin:0 auto 30px;opacity:.9;line-height:1.6}.hero-btn{display:inline-flex;align-items:center;gap:10px;background-color:#fff;color:var(--primary-color);padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:700;font-size:18px;transition:all .3s;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden;z-index:1}.hero-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 .7s;z-index:-1}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.hero-btn:hover:before{left:100%}.hero-shape{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg);transform:scaleY(-1)}.hero-shape svg{position:relative;display:block;width:100%;height:80px}.hero-shape .shape-fill{fill:#fff}@media (max-width: 768px){.hero{padding:60px 20px}.hero h1{font-size:36px}.hero p{font-size:16px}}.main-content{position:relative;padding:60px 30px}.section-title{text-align:center;margin-bottom:50px;position:relative;margin-top:60px}.section-title h4{font-family:Amiri,serif;font-size:36px;font-size:clamp(1.5375rem,-.1339rem + 2.6116vw,3rem);color:var(--primary-color);position:relative;display:inline-block;padding:0 30px}.section-title h4:before,.section-title h4:after{content:"";position:absolute;top:50%;width:60px;height:2px;background-color:var(--gold)}.section-title h4:before{right:100%}.section-title h4:after{left:100%}.section-title .ornament{display:flex;justify-content:center;gap:10px;margin-top:15px}.section-title .ornament span{display:inline-block}.section-title .ornament span:nth-child(1),.section-title .ornament span:nth-child(3){width:8px;height:8px;border-radius:50%;background-color:var(--gold);margin-top:5px}.section-title .ornament span:nth-child(2){width:20px;height:20px;background-color:var(--gold);transform:rotate(45deg)}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:40px;padding-inline:30px}.video-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:all .3s;position:relative;border:1px solid var(--border-color)}.video-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.video-thumbnail{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#2c3e50,#4a6491);overflow:hidden}.video-thumbnail:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://cdnjs.cloudflare.com/ajax/libs/simple-icons/3.0.1/simple-icons.svg);background-size:100px;opacity:.07}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#fff3;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:1;transition:all .3s;cursor:pointer}.play-icon:before{content:"";border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent white;margin-right:-5px}.video-card:hover .play-icon{background-color:var(--primary-color);transform:translate(-50%,-50%) scale(1.1)}.video-info{padding:20px}.video-title{font-weight:700;font-size:18px;margin-bottom:10px;color:var(--primary-color)}.video-desc{font-size:14px;color:#666;margin-bottom:15px}.video-meta{display:flex;justify-content:space-between;font-size:13px;color:#888}.video-meta span{display:flex;align-items:center;gap:5px}.more-btn-container{text-align:center;margin-top:30px}.more-btn{display:inline-flex;align-items:center;gap:10px;background-color:var(--primary-color);color:#fff;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:500;transition:all .3s}.more-btn:hover{background-color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.rating-section{max-width:800px;margin:80px auto 0;background-color:#fff;border-radius:15px;padding:40px;box-shadow:0 15px 40px #7a08080d;position:relative;overflow:hidden;border:1px solid var(--border-color)}.rating-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}.rating-section-title{text-align:center;margin-bottom:30px;color:var(--primary-color);font-family:Amiri,serif;font-size:28px;position:relative}.rating-section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:var(--gold)}.stars-container{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.star{font-size:30px;color:#ddd;cursor:pointer;transition:color .2s}.star:hover,.star.active{color:var(--gold)}.feedback-form textarea{width:100%;height:150px;padding:15px;border:1px solid var(--border-color);border-radius:10px;font-family:Tajawal,sans-serif;margin-bottom:20px;resize:none;transition:all .3s}.feedback-form textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3a6ea51a}.submit-btn{width:100%;padding:14px;border:none;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));color:#fff;font-family:Tajawal,sans-serif;font-weight:700;font-size:16px;border-radius:10px;cursor:pointer;transition:all .3s}.submit-btn:hover{background:linear-gradient(90deg,var(--accent-color),var(--primary-color));transform:translateY(-2px);box-shadow:0 5px 15px #1e3a5f33}@media (max-width: 768px){.rating-section{padding:30px 20px;margin-top:60px}.stars-container{gap:5px}.star{font-size:24px}}.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;animation:fadeIn .3s ease}.success-modal{background-color:#fff;border-radius:15px;padding:30px;width:90%;max-width:400px;text-align:center;box-shadow:0 10px 30px #0003;animation:slideUp .4s ease}.success-icon{font-size:60px;color:#4caf50;margin-bottom:20px}.modal-title{font-family:Amiri,serif;font-size:24px;color:var(--primary-color);margin-bottom:15px}.modal-message{color:#666;margin-bottom:25px}.modal-close-btn{background-color:var(--primary-color);color:#fff;border:none;padding:10px 25px;border-radius:30px;font-family:Tajawal,sans-serif;font-weight:500;cursor:pointer;transition:all .3s}.modal-close-btn:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.error-modal{background-color:#fff;border-radius:15px;padding:30px;width:90%;max-width:400px;text-align:center;box-shadow:0 10px 30px #0003;animation:slideUp .4s ease}.error-icon{font-size:60px;color:#ff5252;margin-bottom:20px}.error-modal .modal-title{font-family:Amiri,serif;font-size:24px;color:#ff5252;margin-bottom:15px}.error-modal .modal-message{color:#666;margin-bottom:25px}.error-modal .modal-close-btn{background-color:#ff5252;color:#fff;border:none;padding:10px 25px;border-radius:30px;font-family:Tajawal,sans-serif;font-weight:500;cursor:pointer;transition:all .3s}.error-modal .modal-close-btn:hover{background-color:#ff7676;transform:translateY(-2px)}.editable-container{display:flex;align-items:center;gap:10px;width:fit-content;margin:0 auto}.editable-container:not(:has(.edit-icon)){margin:0 auto}.edit-icon{color:var(--gold);cursor:pointer;opacity:.7;transition:opacity .3s;font-size:1.5rem}.section-title .edit-icon.edit-icon-color{margin-right:-35px}.edit-icon.edit-icon-color{color:var(--primary-color);font-size:36px;z-index:2}.edit-field input[type=file]{padding:8px;border:1px dashed var(--border-color);border-radius:4px;width:100%;cursor:pointer}.edit-field input[type=file]:hover{background-color:#f8f9fa}.input-hint{display:block;color:#666;font-size:12px;margin-top:5px;margin-right:5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.home-modal-wrapper{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px}.home-modal-title{margin-bottom:20px;font-size:18px;color:#333}.home-modal-container{margin-top:15px}.home-modal-text{margin-bottom:10px;color:#666}.home-modal-input{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}.home-modal-actions{display:flex;gap:10px;justify-content:flex-end}.home-modal-save,.home-modal-cancel{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.home-modal-save{background:var(--primary-color);color:#fff}.home-modal-cancel{background:#ddd;color:#333}.edit-video-form{padding:20px 0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#444}.form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.help-text{display:block;margin-top:6px;font-size:12px;color:#666}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.save-button,.cancel-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.save-button{background-color:#2196f3;color:#fff;border:none}.save-button:hover:not(:disabled){background-color:#1976d2}.save-button:disabled{background-color:#90caf9;cursor:not-allowed}.cancel-button{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.cancel-button:hover{background-color:#e5e5e5}[dir=rtl] .form-input{text-align:right}.home-video-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}.home-video-modal{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;direction:rtl}.home-video-modal-title{text-align:center;margin-bottom:1.5rem;color:#333}.home-video-field{margin-bottom:1rem}.home-video-field label{display:block;margin-bottom:.5rem;color:#666}.home-video-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.home-video-modal-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.home-video-save-btn,.home-video-cancel-btn{padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.home-video-save-btn{background-color:#4caf50;color:#fff;border:none}.home-video-save-btn:disabled{background-color:#ccc;cursor:not-allowed}.home-video-cancel-btn{background-color:#f44336;color:#fff;border:none}.home-video-save-btn:hover:not(:disabled),.home-video-cancel-btn:hover{opacity:.9;transform:translateY(-1px)}.home-edit-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;direction:rtl}.home-edit-modal{background-color:#fff;border-radius:10px;padding:20px;width:90%;max-width:500px;box-shadow:0 5px 15px #0003}.home-edit-modal-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:#333;text-align:center}.home-edit-field{margin-bottom:15px}.home-edit-label{display:block;margin-bottom:5px;font-weight:600;color:#333}.home-edit-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.home-edit-buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}.home-edit-save-btn,.home-edit-cancel-btn{padding:10px 30px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s}.home-edit-save-btn{background-color:#4caf50;color:#fff}.home-edit-save-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.home-edit-save-btn:hover:not(:disabled){background-color:#388e3c}.home-edit-cancel-btn{background-color:#f44336;color:#fff}.home-edit-cancel-btn:hover{background-color:#d32f2f}.delete-confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-confirm-modal{background-color:#fff;border-radius:10px;padding:20px;width:90%;max-width:400px;text-align:center;box-shadow:0 5px 15px #0000004d}.delete-confirm-modal h3{color:#d9534f;margin-top:0;margin-bottom:15px;font-size:20px}.delete-confirm-modal p{margin-bottom:25px;color:#333;font-size:16px}.delete-confirm-actions{display:flex;justify-content:center;gap:15px}.delete-confirm-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.delete-confirm-btn.confirm{background-color:#d9534f;color:#fff}.delete-confirm-btn.confirm:hover{background-color:#c9302c}.delete-confirm-btn.cancel{background-color:#f0f0f0;color:#333}.delete-confirm-btn.cancel:hover{background-color:#e0e0e0}.admin-download-btn{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.admin-download-btn.downloading{background-color:#5a9bf5;cursor:not-allowed}.admin-download-btn .loader{border:2px solid #f3f3f3;border-top:2px solid #ffffff;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.admin-download-btn-container{margin-top:20px;display:flex;justify-content:center}header{background-color:var(--primary-color);position:relative;overflow:hidden}.header-pattern{width:100vw;opacity:.05}.top-nav{display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.logo-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.scroll-container{position:absolute;width:100vw;height:40px;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.scroll-track{position:relative;width:200vw;height:100%;display:flex}.scroll-item{position:absolute;white-space:nowrap;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.1);padding:8px 16px;animation:scrollText 12s linear infinite;opacity:.9;width:100vw}@keyframes scrollText{0%{transform:translate(100vw)}to{transform:translate(-100vw)}}[dir=ltr] .scroll-item{animation-name:scrollText-ltr}@keyframes scrollText-ltr{0%{transform:translate(-100vw)}to{transform:translate(100vw)}}.logo-link{position:relative;z-index:10;background-color:var(--primary-color);padding:0 20px}.logo{display:block;height:50px;width:auto}.scroll-edit-icon{position:absolute;top:10px;right:10px;z-index:20;cursor:pointer;color:var(--gold);opacity:.7;transition:opacity .3s}.scroll-edit-icon:hover{opacity:1}.brand-name h1{font-family:Amiri,serif;font-size:32px;margin:0;letter-spacing:-1px}.brand-name p{font-size:14px;opacity:.8}.auth-links{display:flex;gap:15px}.auth-btn{padding:8px 20px;border-radius:30px;text-decoration:none;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px;cursor:pointer}.login-btn{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.login-btn:hover{background-color:#ffffff1a}.register-btn{background-color:#fff;color:var(--primary-color)}.register-btn:hover{background-color:var(--light-color);transform:translateY(-2px)}.main-nav{display:flex;justify-content:space-between;padding:15px 30px;background-color:#0000001a;position:relative}.nav-menu{display:flex;list-style:none;gap:10px;cursor:pointer}.nav-link{color:#fff;text-decoration:none;padding:8px 15px;border-radius:5px;transition:all .3s ease;position:relative;z-index:1;font-weight:500}.nav-link:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease;z-index:-1}.nav-link:hover:before,.nav-link.active:before{width:100%}.nav-link.active{font-weight:700}.language-dropdown{position:relative;color:#fff}.language-btn{background:transparent;border:none;color:#fff;display:flex;align-items:center;gap:5px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:16px}.language-content{visibility:hidden;position:fixed;background-color:#fff;border-radius:8px;width:180px;box-shadow:0 10px 25px #00000026;padding:10px 0;margin-top:12px;margin-inline:-70px;z-index:1000}.language-content.show{visibility:visible}.language-content a{display:block;padding:10px 20px;color:var(--text-color);text-decoration:none}.language-content a:hover{background-color:var(--background-color);color:var(--primary-color)}@media (max-width: 768px){.top-nav{flex-direction:column;gap:15px}.main-nav{flex-direction:column}.nav-menu{flex-wrap:wrap;justify-content:center;margin-bottom:15px}}.mobile-menu-btn{display:none;background:none;color:var(--white);border:none;font-size:24px;cursor:pointer;position:absolute;z-index:1101}@media (max-width: 1024px){.language-content{margin-inline:-40px}.mobile-menu-btn{display:block}.main-nav .nav-menu{position:fixed;top:0;height:100vh;width:50vw;background-color:var(--primary-color);padding:60px 20px 20px;z-index:1100;transition:transform .3s ease-in-out;display:flex;flex-direction:column;cursor:unset;animation:visibilityTrans .3s linear}.nav-menu .nav-link{visibility:visible;animation:visibilityTrans .3s linear}.rtl .main-nav .nav-menu{left:0;transform:translate(-100%);visibility:hidden;animation:visibilityTrans .3s linear}.ltr .main-nav .nav-menu{right:0;animation:visibilityTrans .3s linear;visibility:hidden;transform:translate(100%)}.main-nav .nav-menu.mobile-open{transform:translate(0);visibility:visible}@keyframes visibilityTrans{0%{visibility:hidden}99.9%{visibility:hidden}to{visibility:visible}}.main-nav .nav-menu li{margin:10px 0;animation:visibilityTrans .3s linear}.rtl .mobile-menu-btn{left:20px}.ltr .mobile-menu-btn,.rtl .language-dropdown{right:20px}.ltr .language-dropdown{left:20px}}@media (max-width: 640px){.main-nav .nav-menu{width:100vw}}@media (min-width: 1025px){.main-nav .nav-menu{display:flex}.mobile-menu-btn{display:none}}a{cursor:pointer}.nav-item-container{display:flex;align-items:center;gap:10px}.edit-icon{color:#fff;cursor:pointer;opacity:.7;transition:opacity .3s;padding-inline:5px;margin-left:10px}.edit-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:1200}.edit-modal{background-color:#fff;padding:20px;border-radius:8px;min-width:300px}.edit-modal h3{margin:0 0 15px;color:var(--text-color)}.edit-input{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.save-btn,.cancel-btn{padding:8px 16px;border-radius:4px;border:none;cursor:pointer}.cancel-btn{background-color:#ddd}.scrolling-edit-icon{position:absolute;top:10px;right:10px;cursor:pointer;color:var(--gold);opacity:.7;transition:all .3s ease}.scrolling-edit-icon:hover{opacity:1;transform:scale(1.1)}.scrolling-modal{width:500px;max-width:90vw}.scrolling-items-list{margin:20px 0;max-height:300px;overflow-y:auto}.scrolling-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.item-actions{display:flex;gap:10px}.edit-btn,.delete-btn{cursor:pointer;opacity:.7;transition:opacity .3s}.edit-btn:hover,.delete-btn:hover{opacity:1}.delete-btn{color:#ff6b6b}.add-scrolling-item{display:flex;gap:10px;margin:20px 0}.add-scrolling-item input{flex:1}.video-actions{position:absolute;top:10px;right:10px;z-index:10;display:flex;gap:10px}.delete-icon{cursor:pointer;color:#f44;background:#ffffffe6;padding:8px;border-radius:50%;transition:all .3s}.delete-icon:hover{transform:scale(1.1);background:#f44;color:#fff}.add-video-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;margin:20px auto;transition:all .3s}.add-video-btn:hover{opacity:.9}.type-btn{flex:1;padding:10px;border:1px solid var(--primary-color);background:none;color:var(--primary-color);border-radius:4px;cursor:pointer;transition:all .3s}.type-btn.active{background:var(--primary-color);color:#fff}.nav-actions{display:flex;align-items:center;gap:15px}.sign-out-btn{display:flex;align-items:center;gap:5px;background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:14px;transition:background-color .3s}.sign-out-btn:hover{background-color:#d32f2f}@media (max-width: 768px){.nav-actions{position:absolute;top:10px;right:70px}.sign-out-btn{font-size:12px;padding:6px 8px}}@media (max-width: 770px){.top-nav{flex-direction:column;padding:5px}.logo{height:40px}.auth-links{width:100%;justify-content:center;padding:10px 0}.auth-btn{padding:6px 15px;font-size:14px}.main-nav{padding:10px 15px}.nav-menu{justify-content:center;margin:10px 0;gap:5px}.nav-link{padding:6px 10px;font-size:14px}.scroll-container{height:30px}.scroll-item{font-size:14px}.language-dropdown{align-self:center;margin:10px 0}.language-btn{font-size:14px}.nav-actions{display:flex;width:100%;position:relative;top:auto;right:auto}.sign-out-btn{font-size:14px;padding:6px 12px}.mobile-menu-btn{top:10px;padding:8px;border-radius:4px}.main-nav .nav-menu.mobile-open{box-shadow:-5px 0 15px #0003}.main-nav .nav-menu li{width:100%}.edit-icon{padding:8px}}@media (max-width: 480px){.logo{height:35px}.auth-btn{padding:5px 12px;font-size:13px}.nav-actions{gap:8px}}footer{background-color:var(--primary-color);color:#fff;position:relative;overflow:hidden;margin-top:60px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px}.copyright{font-size:14px;opacity:.8}@media (max-width: 768px){.footer-grid{gap:30px}.footer-bottom{flex-direction:column;text-align:center}}.toast-container{position:fixed;top:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;width:auto;max-width:350px}.toast-container.ltr{left:20px;right:auto}.toast-container.rtl{right:20px;left:auto}.toast-item{display:flex;align-items:center;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease;min-width:250px;max-width:100%}.toast-container.ltr .toast-item{animation-name:slideInLTR;transform-origin:left center}.toast-container.rtl .toast-item{animation-name:slideInRTL;transform-origin:right center}@keyframes slideInLTR{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRTL{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-container.ltr .toast-icon{margin-right:12px;margin-left:0}.toast-container.rtl .toast-icon{margin-left:12px;margin-right:0}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{flex-grow:1;font-size:14px;font-weight:500}.toast-item.success{background-color:#4caf50}.toast-item.error{background-color:#f44336}.toast-item.info{background-color:#2196f3}.toast-container.ltr .toast-item.action-add{border-left:4px solid #2e7d32}.toast-container.rtl .toast-item.action-add{border-right:4px solid #2e7d32}.toast-container.ltr .toast-item.action-edit{border-left:4px solid #1565c0}.toast-container.rtl .toast-item.action-edit{border-right:4px solid #1565c0}.toast-container.ltr .toast-item.action-delete{border-left:4px solid #ef6c00}.toast-container.rtl .toast-item.action-delete{border-right:4px solid #ef6c00}.toast-item.action-add{background-color:#4caf50}.toast-item.action-edit{background-color:#2196f3}.toast-item.action-delete{background-color:#ff9800}@media screen and (max-width: 600px){.toast-container{bottom:20px;top:auto;left:10px!important;right:10px!important;max-width:calc(100% - 20px)}.toast-item{min-width:auto;width:100%}}:root{--main-blue: #1e3157;--dark-blue: #142541;--third-color: #233d60;--gold: #D4AC0C;--dark-gold: #9c730c;--white: #ffffff;--light-bg: #f5f7fa;--gray: #aaa}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--light-bg);color:var(--dark-blue)}.videos-header{background-color:var(--third-color);padding:30px 20px;text-align:center;color:var(--white)}.videos-header h1{font-size:32px;margin-bottom:10px}.videos-header p{margin:0 auto;line-height:1.6}.video-categories{background-color:var(--light-bg);padding:15px 0;border-bottom:1px solid #ddd}.video-categories ul{display:flex;list-style:none;justify-content:center;flex-wrap:wrap}.video-categories ul li{margin:5px 10px}.video-categories ul li a{display:block;padding:8px 15px;background-color:#d8d6d6ab;color:var(--dark-blue);text-decoration:none;border-radius:5px;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 2px 5px #0000000d}.video-categories ul li a:hover,.video-categories ul li a.active{background-color:var(--main-blue);color:var(--white)}.videos-section{padding:0 20px}.section-title{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.title-actions{display:flex;gap:10px;margin-right:10px}.title-actions .edit-icon:hover,.title-actions .delete-icon:hover{opacity:.8}.section-title h2{font-size:24px;font-weight:700;color:var(--dark-blue);position:relative;display:inline-block;padding:0 30px}.section-title h2:before,.section-title h2:after{content:"";position:absolute;top:50%;width:25px;height:2px;background-color:var(--gold);transform:translateY(-50%)}.section-title h2:before{right:0}.section-title h2:after{left:0}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto}.video-thumbnail iframe{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s}.video-card:hover .video-thumbnail img{opacity:.7}.video-info{padding:15px}.video-description{font-size:14px;color:#666;margin-bottom:12px;line-height:1.5}.pagination{display:flex;justify-content:center;margin-top:40px}.pagination ul{display:flex;list-style:none}.pagination li{margin:0 5px}.pagination a{display:flex;width:35px;height:35px;align-items:center;justify-content:center;background-color:var(--white);color:var(--dark-blue);border-radius:5px;text-decoration:none;transition:all .3s;font-weight:600}.pagination a:hover,.pagination a.active{background-color:var(--main-blue);color:var(--white)}@media (max-width: 768px){.top-header{flex-direction:column;gap:10px}.main-nav{flex-direction:column}.main-nav ul{flex-wrap:wrap;justify-content:center}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.videos-header h1{font-size:26px}.footer-content{grid-template-columns:1fr}}@media (max-width: 576px){.video-categories ul{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 10px}.video-categories ul li{margin:0}.video-categories ul li a{font-size:12px;padding:6px 12px;white-space:nowrap}.videos-grid{grid-template-columns:1fr}}.edit-field select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.edit-field select:focus{outline:none;border-color:var(--primary-color)}.edit-field select option{padding:8px}.local-video-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.local-video{max-width:100%;max-height:100%;width:auto;height:auto}.manage-categories-btn{margin-bottom:1rem;padding:.5rem 1rem;background-color:#2c3e50;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.categories-list{margin:1rem 0;max-height:300px;overflow-y:auto}.category-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid #eee}.category-actions{display:flex;gap:1rem}.category-actions svg{cursor:pointer;opacity:.6;transition:opacity .3s}.category-actions svg:hover{opacity:1}.category-actions .edit-icon{color:var(--dark-blue);cursor:pointer;transition:opacity .3s}.category-actions .edit-icon:hover{opacity:.8}.category-actions .delete-icon{cursor:pointer;transition:opacity .3s}.category-actions .delete-icon:hover{opacity:.8}.video-category-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}.video-category-modal{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.video-category-field{margin-bottom:15px}.video-category-field label{display:block;margin-bottom:5px;font-weight:700}.video-category-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.video-categories-list{margin:20px 0;max-height:200px;overflow-y:auto}.video-category-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.video-category-actions{display:flex;gap:10px}.video-category-actions svg{cursor:pointer;color:#666}.video-category-actions svg:hover{color:#007bff}.video-add-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}.video-add-modal{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px}.video-add-field{margin-bottom:15px}.video-add-field label{display:block;margin-bottom:5px;font-weight:700}.video-add-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.video-type-selector{display:flex;gap:10px;margin-bottom:20px}.video-type-btn{padding:8px 15px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;flex:1}.video-type-btn.active{background:#007bff;color:#fff;border-color:#007bff}.video-modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.video-save-btn{padding:8px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.video-save-btn:disabled{background:#ccc;cursor:not-allowed}.video-cancel-btn{padding:8px 20px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.video-save-btn:hover:not(:disabled){background:#0056b3}.video-cancel-btn:hover{background:#c82333}.video-edit-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}.video-edit-modal{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.video-edit-field{margin-bottom:15px}.video-edit-field label{display:block;margin-bottom:5px;font-weight:700}.video-edit-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.video-edit-select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff}.video-edit-type-selector{display:flex;gap:10px;margin-bottom:20px}.video-edit-type-btn{padding:8px 15px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;flex:1;transition:all .3s ease}.video-edit-type-btn.active{background:var(--main-blue);color:#fff;border-color:var(--main-blue)}.video-edit-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.video-edit-save-btn{padding:8px 20px;background:var(--main-blue);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.video-edit-save-btn:disabled{background:#ccc;cursor:not-allowed}.video-edit-save-btn:hover:not(:disabled){background:var(--dark-blue)}.video-edit-cancel-btn{padding:8px 20px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.video-edit-cancel-btn:hover{background:#c82333}.video-actions{position:absolute;top:10px;right:10px;display:flex;gap:10px;z-index:2}.video-actions .edit-icon,.video-actions .delete-icon{background-color:#ffffffe6;padding:8px;border-radius:50%;cursor:pointer;transition:all .3s ease}.video-actions .edit-icon{color:var(--main-blue)}.video-actions .delete-icon{color:#dc3545}.video-actions .edit-icon:hover,.video-actions .delete-icon:hover{transform:scale(1.1);background-color:#fff}.delete-confirm-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}.delete-confirm-modal{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:400px;text-align:center}.delete-confirm-modal h3{margin-bottom:20px;color:#dc3545}.delete-confirm-modal p{margin-bottom:20px;font-size:16px}.delete-confirm-actions{display:flex;justify-content:center;gap:10px}.delete-confirm-btn{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s}.delete-confirm-btn.confirm{background-color:#dc3545;color:#fff}.delete-confirm-btn.confirm:hover{background-color:#c82333}.delete-confirm-btn.cancel{background-color:#6c757d;color:#fff}.delete-confirm-btn.cancel:hover{background-color:#5a6268}.video-error{text-align:center;padding:20px;background-color:#f8f8f8;border-radius:8px;color:#666}.video-container iframe,.video-container .local-video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.video-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s}.video-card:hover{transform:translateY(-5px)}.video-info{padding:1rem}.video-title{margin:0;font-size:1.1rem;color:#333}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.video-modal-wrapper{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;box-shadow:0 4px 8px #0003}.video-modal-title{margin-top:0;color:#333;font-size:18px;border-bottom:1px solid #eee;padding-bottom:10px}.video-modal-container{display:flex;flex-direction:column;gap:15px}.video-modal-text{font-weight:700;margin:0}.video-modal-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.video-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.video-modal-save,.video-modal-cancel{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.video-modal-save{background-color:#4caf50;color:#fff}.video-modal-save:disabled{background-color:#a5d6a7;cursor:not-allowed}.video-modal-cancel{background-color:#f44336;color:#fff}.container{width:100%;height:calc(100vh - 60px)}.pdf-embed{border:none;border-radius:8px}@media (max-width: 768px){.pdf-container{height:calc(100vh - 50px)}}@media (min-width: 769px) and (max-width: 1024px){.pdf-container{height:calc(100vh - 55px)}}.quran-container{display:flex;gap:20px;padding:20px;height:calc(100vh - 60px);overflow:hidden}.quran-container{display:flex;overflow:hidden}.left-section{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.viewer-only{display:block}.viewer-only .pdf-viewer{width:100%;max-width:100%}.language-controls{width:200px;overflow-y:auto;background-color:#f5f5f5;border-radius:8px;padding:15px}.language-item{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.language-item h3{margin:0 0 10px;font-size:16px}.button-group{display:flex;gap:10px}.upload-btn,.delete-btn{padding:5px 10px;border-radius:4px;cursor:pointer;font-size:14px}.upload-btn{width:100%;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center;transition:background-color .3s}.upload-btn.uploading{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.delete-btn{background-color:#f44336;color:#fff;border:none}.upload-error{background-color:#fee2e2;color:#dc2626;padding:10px;margin:10px 0;border-radius:4px;text-align:center}.pdf-viewer{flex:1;height:100%}.no-pdf-message{display:flex;align-items:center;justify-content:center;height:100%;background-color:#f5f5f5;border-radius:8px;font-size:18px;color:#666}.loading-message{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:gray;font-size:1.5rem;margin-top:20%}.loading-message{text-align:center;color:gray;font-size:1.5rem}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto}.interactive-files-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.book-card{width:300px;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}.book-card:hover{transform:translateY(-5px)}.book-image{width:100%;height:200px;object-fit:cover}.book-info{padding:15px}.book-title{margin:0 0 10px;font-size:1.2em;color:#333}.book-description{margin:0 0 15px;font-size:.9em;color:#666}.view-book-btn{display:inline-block;padding:8px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.view-book-btn:hover{background-color:#0056b3}.content-wrapper{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px)}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-content:center}.pdf-card{display:flex;flex-direction:column}.pdf-card .video-thumbnail{position:relative;width:100%;padding-top:150%;overflow:hidden}.video-thumbnail iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.book-image{width:100%;aspect-ratio:2 / 3;object-fit:cover}.book-preview{width:100%;height:200px;border:none;overflow:hidden;cursor:pointer}.book-preview iframe{width:100%;height:100%;border:none;overflow:hidden;cursor:pointer}.intre-thumbnail{position:relative;width:100%;padding-top:141.42%;overflow:hidden;border-radius:8px;background-color:#f5f5f5;box-shadow:0 2px 4px #0000001a}.intre-thumbnail iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.intre-thumbnail:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}a{text-decoration:none}.admin-controls{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:10}.admin-controls button{background:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:35px;height:35px;box-shadow:0 2px 4px #0003}.admin-controls button:hover{transform:scale(1.1);background:#f5f5f5}.modal-content input,.modal-content textarea{width:100%;margin-bottom:10px;padding:8px;border:1px solid #ddd;border-radius:4px}.modal-buttons{display:flex;justify-content:flex-end;gap:10px}.modal-buttons button:first-child:disabled{background:#ccc;cursor:not-allowed}.add-btn{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.upload-options{display:flex;gap:10px;margin-bottom:20px}.upload-option{flex:1;padding:10px;border:2px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .3s ease}.upload-option.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.file-input{border:2px dashed #ddd;padding:20px;text-align:center;cursor:pointer;margin-bottom:10px}.file-input:hover{border-color:var(--primary-color)}.video-title{font-size:1.1em;margin:10px 0;text-align:center}.progress-bar-container{margin-top:10px;width:100%;height:20px;background-color:#f0f0f0;border-radius:10px;overflow:hidden;position:relative}.progress-bar{height:100%;background-color:#4caf50;transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:12px}.validation-message{color:#dc3545;font-size:12px;margin-top:5px;display:block}.edit-header-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px}.edit-header-input{padding:8px;font-size:24px;text-align:center;width:100%;max-width:500px;border:1px solid #ddd;border-radius:4px}.edit-icon{cursor:pointer;opacity:.7;transition:opacity .3s}.pdf-preview{position:relative;width:100%;height:200px;overflow:hidden;background-color:#f5f5f5;border-radius:8px}.pdf-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pdf-preview:hover img{transform:scale(1.05)}.pdf-overlay{position:absolute;top:10px;right:10px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;font-weight:700}.subtitle-container,.section-title-container{display:flex;align-items:center;gap:10px;position:relative}.edit-icon:hover{color:#007bff}.edit-subtitle-container,.edit-section-title-container,.edit-header-container{display:flex;gap:10px;align-items:center}.edit-subtitle-input,.edit-section-title-input,.edit-header-input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:inherit;min-width:300px}.edit-subtitle-buttons,.edit-section-title-buttons,.edit-header-buttons{display:flex;gap:5px}.edit-subtitle-buttons button,.edit-section-title-buttons button,.edit-header-buttons button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.edit-subtitle-buttons button:first-child,.edit-section-title-buttons button:first-child,.edit-header-buttons button:first-child{background-color:#28a745;color:#fff}.edit-subtitle-buttons button:last-child,.edit-section-title-buttons button:last-child,.edit-header-buttons button:last-child{background-color:#dc3545;color:#fff}.edit-subtitle-buttons button:hover,.edit-section-title-buttons button:hover,.edit-header-buttons button:hover{opacity:.9}[dir=rtl] .edit-icon{margin-right:8px;margin-left:0}[dir=ltr] .edit-icon{margin-left:8px;margin-right:0}.pdf-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px;object-fit:cover}.video-card{transition:transform .3s ease,box-shadow .3s ease;background:#fff;border-radius:8px;overflow:hidden;position:relative}.video-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.video-info{padding:15px;background:#fff}.video-title{font-size:1.1em;margin:0;color:#333;text-align:center;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-controls-bottom{display:flex;justify-content:center;gap:8px;padding:10px;background:#f5f5f5;border-radius:0 0 8px 8px}.admin-controls-bottom button{background:#fff;border:none;border-radius:4px;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:35px;height:35px;box-shadow:0 2px 4px #0000001a}.admin-controls-bottom button:hover{transform:scale(1.1);background:#fff}.video-card{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}.subtitle-container{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0;padding:0 20px;text-align:center}.subtitle-container p{margin:0}.edit-icon{cursor:pointer;transition:color .3s ease}.edit-icon:hover{color:#1976d2}.pdf-container{width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.pdf-object{width:100%;height:100%;border:none}@media (max-width: 768px){.pdf-container{height:calc(100vh - 56px);top:56px}}@media (min-width: 769px) and (max-width: 1024px){.pdf-container{height:calc(100vh - 64px);top:64px}}.apps-categories{background-color:var(--light-bg);padding:0 0 15px;border-bottom:1px solid #ddd}.apps-categories ul{display:flex;list-style:none;justify-content:center;flex-wrap:wrap}.apps-categories ul li{margin:5px 10px;cursor:pointer}.apps-categories ul li a{display:block;padding:8px 15px;background-color:#d8d6d6ab;color:var(--dark-blue);text-decoration:none;border-radius:5px;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 2px 5px #0000000d}.apps-categories ul li a:hover,.apps-categories ul li a.active{background-color:var(--main-blue);color:var(--white)}.apps-container{max-width:1200px;margin:0 auto;padding:20px}.apps-categories{margin-bottom:20px}.apps-categories ul{list-style-type:none;padding:0;display:flex;justify-content:center}.apps-categories li{margin:0 10px}.apps-categories a{text-decoration:none;color:#333;font-weight:700}.apps-categories a.active{color:#007bff}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-content:center}.app-item{text-align:center;position:relative}.app-item a{text-decoration:none;color:#333}.app-item img{margin-top:70px;width:150px;height:150px;object-fit:contain;border-radius:10px;transition:transform .3s ease;-webkit-user-select:none;user-select:none;background-color:#f8f9fa;padding:10px}.app-item img:hover{transform:scale(1.05)}.app-item p{margin-top:10px;font-weight:700}.app-item:hover .admin-controls{opacity:1}.apps-header{background-color:var(--third-color);padding:30px 20px;text-align:center;color:var(--white)}.apps-header h1{font-size:32px;margin-bottom:10px}.apps-header p{margin:0 auto;line-height:1.6}@media (max-width: 768px){.app-item img{width:120px;height:120px}}.admin-controls{position:absolute;top:10px;right:10px;display:flex;gap:8px;opacity:0;transition:opacity .3s ease;z-index:10}.admin-controls button{background:#ffffffe6;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.admin-controls button:hover{background:#fff;transform:scale(1.1)}.admin-controls .edit-btn{color:#2196f3}.admin-controls .delete-btn{color:#f44336}.add-app{border:2px dashed #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.add-app:hover{border-color:var(--primary-color);background:#0000000d}.add-app-content{text-align:center}.add-app-content svg{font-size:2em;margin-bottom:10px}.modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px}.modal-content input,.modal-content select{width:100%;margin-bottom:10px;padding:8px;border:1px solid #ddd;border-radius:4px}.edit-icon{cursor:pointer;margin-right:10px;opacity:.7}.image-upload-preview{text-align:center;margin-bottom:15px;padding:10px;border:1px dashed #ddd;border-radius:4px}.file-label{display:inline-block;padding:8px 16px;background:var(--primary-color);color:#fff;border-radius:4px;cursor:pointer;margin-top:10px}.edit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:400px;direction:rtl}.edit-form{display:flex;flex-direction:column;gap:15px}.edit-label{font-weight:500;margin-bottom:-10px}.edit-input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:16px}.edit-buttons{display:flex;gap:10px;justify-content:flex-start;margin-top:10px}.edit-buttons button{padding:8px 20px;border:none;border-radius:4px;cursor:pointer}.save-btn{background-color:var(--primary-color);color:#fff}.cancel-btn{background-color:#6c757d;color:#fff}.edit-icon{cursor:pointer;margin-right:10px;opacity:.7;transition:opacity .3s}.edit-icon:hover{opacity:1}.apps-edit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.apps-edit-modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;direction:rtl}.apps-edit-form{margin-top:15px}.apps-edit-label{margin-bottom:5px}.apps-edit-input{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}.apps-edit-buttons{display:flex;gap:10px;justify-content:flex-end}.apps-save-btn,.apps-cancel-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.apps-save-btn{background:var(--primary-color);color:#fff}.apps-cancel-btn{background:#ddd;color:#333}.apps-edit-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.apps-edit-wrapper{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px}.apps-edit-title{margin-bottom:20px;font-size:18px;color:#333}.apps-edit-container{margin-top:15px}.apps-edit-text{margin-bottom:10px;color:#666}.apps-edit-field{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}.apps-edit-actions{display:flex;gap:10px;justify-content:flex-end}.apps-edit-save,.apps-edit-cancel{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.apps-edit-save{background:var(--primary-color);color:#fff}.apps-edit-cancel{background:#ddd;color:#333}.edit-description-container{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:600px;margin:0 auto}.edit-description-input{width:100%;padding:8px;font-size:16px;text-align:center;border:1px solid #ddd;border-radius:4px}.edit-description-buttons{display:flex;gap:10px}.edit-description-buttons button{padding:5px 15px;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.edit-description-buttons button:first-child{background-color:var(--primary-color);color:#fff}.edit-description-buttons button:last-child{background-color:#ddd}.description-container{display:flex;align-items:center;justify-content:center;gap:10px}.edit-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-modal{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;box-shadow:0 0 20px #0000004d}.edit-modal h3{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:20px}.edit-input{width:100%;padding:12px;font-size:16px;border:1px solid #ddd;border-radius:4px;margin-bottom:15px}.edit-modal-actions{display:flex;justify-content:flex-end;gap:10px}.save-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700}.save-btn:hover{background-color:#388e3c}.app-edit-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.app-edit-modal{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;box-shadow:0 0 20px #0000004d}.app-edit-modal h3{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:20px}.app-edit-input{width:100%;padding:12px;font-size:16px;border:1px solid #ddd;border-radius:4px;margin-bottom:15px}.app-edit-modal-actions{display:flex;justify-content:flex-end;gap:10px}.app-save-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700}.app-cancel-btn{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.app-save-btn:hover{background-color:#388e3c}.app-cancel-btn:hover{background-color:#d32f2f}.app-delete-confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.app-delete-confirm-modal{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:400px;box-shadow:0 0 20px #0000004d;text-align:center}.app-delete-confirm-modal h3{color:#d32f2f;margin-top:0}.app-delete-confirm-buttons{display:flex;justify-content:center;margin-top:20px;gap:15px}.app-delete-confirm-btn{background-color:#d32f2f;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700}.app-delete-cancel-btn{background-color:#757575;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.app-delete-confirm-btn:hover{background-color:#b71c1c}.app-delete-cancel-btn:hover{background-color:#616161}.another-categories{background-color:var(--light-bg);padding:15px 0;border-bottom:1px solid #ddd}.another-categories ul{display:flex;list-style:none;justify-content:center;flex-wrap:wrap}.another-categories ul li{margin:5px 10px}.another-categories ul li a{display:block;padding:8px 15px;background-color:#d8d6d6ab;color:var(--dark-blue);text-decoration:none;border-radius:5px;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 2px 5px #0000000d}.another-categories ul li a:hover,.another-categories ul li a.active{background-color:var(--main-blue);color:var(--white)}.another-container{max-width:1200px;margin:0 auto;padding:20px}.another-categories ul{display:flex;justify-content:center;flex-wrap:wrap;list-style-type:none;padding:0;margin-bottom:30px}.another-categories li{margin:5px}.another-categories a{text-decoration:none;color:#333;padding:5px 10px;border-radius:5px;transition:background-color .3s}.another-categories a.active,.another-categories a:hover{background-color:#007bff;color:#fff}.websites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.website-item{position:relative;padding:20px;background:#fff;border-radius:8px;text-align:center;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}.website-item:hover{transform:scale(1.05)}.website-item img{width:64px;height:64px;object-fit:contain;margin:15px auto;border-radius:8px;-webkit-user-select:none;user-select:none}.website-item p{margin:0;font-weight:700}.page-container{display:flex;flex-direction:column;min-height:100vh}.content-wrap{flex:1}.another-header{background-color:var(--third-color);padding:30px 20px;text-align:center;color:var(--white)}.another-header h1{font-size:32px;margin-bottom:10px}.another-header p{margin:0 auto;line-height:1.6}@media (min-width: 1024px){.website-item img{width:65%;margin-left:auto;margin-right:auto;margin-top:15%}}@media (max-width: 768px){.websites-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}}@media (max-width: 480px){.websites-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}}.website-item-wrapper{position:relative;transition:all .3s ease}.admin-controls{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:10;opacity:0;transition:opacity .3s ease}.website-item:hover .admin-controls{opacity:1}.admin-controls button{background:#fff;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.admin-controls button:hover{transform:scale(1.1)}.admin-controls button:first-child{color:#2196f3;background:#2196f31a}.admin-controls button:first-child:hover{background:#2196f333}.admin-controls button:last-child{color:#f44336;background:#f443361a}.admin-controls button:last-child:hover{background:#f4433633}.add-website-btn{margin-top:15px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.add-app{min-height:200px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;direction:rtl}.modal-content input[type=text],.modal-content input[type=url]{width:100%;padding:8px;margin:10px 0;border:1px solid #ddd;border-radius:4px}.modal-content label{display:flex;align-items:center;gap:8px;margin:10px 0}.modal-content h3{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.modal-content h3:after{content:attr(data-lang);font-size:.8em;color:#666;background:#f5f5f5;padding:4px 8px;border-radius:4px}.modal-buttons{display:flex;gap:10px;justify-content:flex-start;margin-top:15px}.modal-buttons button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.modal-buttons button:first-child{background:var(--primary-color);color:#fff}.modal-buttons button:last-child{background:#6c757d;color:#fff}.another-edit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.another-edit-modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;direction:rtl}.another-edit-form{margin-top:15px}.another-edit-label{margin-bottom:5px}.another-edit-input{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}.another-edit-buttons{display:flex;gap:10px;justify-content:flex-end}.another-save-btn,.another-cancel-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.another-save-btn{background:var(--primary-color);color:#fff}.another-cancel-btn{background:#ddd;color:#333}.another-edit-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.another-edit-wrapper{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px}.another-edit-title{margin-bottom:20px;font-size:18px;color:#333}.another-edit-container{margin-top:15px}.another-edit-text{margin-bottom:10px;color:#666}.another-edit-field{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}.another-edit-actions{display:flex;gap:10px;justify-content:flex-end}.another-edit-save,.another-edit-cancel{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.another-edit-save{background:var(--primary-color);color:#fff}.another-edit-cancel{background:#ddd;color:#333}.edit-header-container{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:600px;margin:0 auto}.edit-header-input{width:100%;padding:8px;font-size:16px;text-align:center;border:1px solid #ddd;border-radius:4px}.edit-header-buttons{display:flex;gap:10px}.edit-header-buttons button{padding:5px 15px;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.edit-header-buttons button:first-child{background-color:var(--primary-color);color:#fff}.edit-header-buttons button:last-child{background-color:#ddd}.header-container{display:flex;align-items:center;justify-content:center;gap:10px}.delete-confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-confirm-modal{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:400px;box-shadow:0 0 20px #0000004d;text-align:center}.delete-confirm-modal h3{color:#d32f2f;margin-top:0}.delete-confirm-buttons{display:flex;justify-content:center;margin-top:20px;gap:15px}.delete-confirm-btn{background-color:#d32f2f;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700}.delete-cancel-btn{background-color:#757575;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.delete-confirm-btn:hover{background-color:#b71c1c}.delete-cancel-btn:hover{background-color:#616161}.rehla-container{max-width:1200px;margin:2rem auto;padding:0 1rem;display:flex;flex-direction:column;gap:20px}.video-section{position:relative;width:100%;margin-bottom:20px}.video-section iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.video-edit-btn{position:absolute;top:10px;right:10px;background-color:#ffffffb3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.video-edit-btn:hover{background-color:#ffffffe6;transform:scale(1.1)}.video-edit-btn:disabled{opacity:.6;cursor:not-allowed}.video-delete-btn{position:absolute;top:10px;right:10px;background-color:#dc3545b3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;color:#fff}.video-delete-btn:hover{background-color:#dc3545e6;transform:scale(1.1)}.video-delete-btn:disabled{opacity:.6;cursor:not-allowed}.edit-btn{position:absolute;bottom:1rem;right:1rem;background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.content-section{position:relative;border-radius:4px}.text-content{position:relative;padding-right:60px}[dir=rtl] .text-content{padding-right:0;padding-left:60px}.text-content textarea{width:100%;min-height:100px;padding:.5rem;border:1px solid var(--border-color);border-radius:4px}.text-content p{margin:0;white-space:pre-wrap;line-height:1.6}.image-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.image-content input{width:100%;margin-top:.5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:4px}.section-controls{position:absolute;top:10px;right:10px;display:flex;gap:10px;background-color:#ffffffb3;padding:5px;border-radius:4px;z-index:5}.section-controls svg{cursor:pointer;font-size:16px;padding:5px;border-radius:3px;background-color:#fff;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.section-controls svg:hover{transform:scale(1.1);color:#007bff}.add-section-controls{display:flex;gap:1rem;margin:2rem 0;justify-content:center;margin-top:0}.add-section-controls button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;transition:background .3s ease}.add-section-controls button:hover{background:var(--primary-hover-color)}.modal-content{background:#fff;padding:2rem;border-radius:15px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a}.modal-content h3{margin-bottom:1.5rem;color:var(--primary-color);text-align:center}.modal-input,.modal-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem}.modal-textarea{min-height:150px;line-height:1.6;resize:vertical}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.save-btn,.cancel-btn{padding:.5rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-weight:600}.save-btn{background:var(--primary-color);color:#fff}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#e2e8f0;color:#64748b}.text-editor{display:flex;flex-direction:column;gap:1rem}.formatting-controls{display:flex;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.format-group{display:flex;align-items:center;gap:.5rem}.format-group label{font-size:.9rem;color:#666}.format-group select{padding:.5rem;font-size:16px;min-width:100px;border:1px solid #ddd;border-radius:4px;background:#fff}.format-group input[type=color]{width:40px;height:30px;padding:0;border:none;border-radius:4px;cursor:pointer}.rehla-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-input-type{display:flex;margin-bottom:15px;gap:10px}.video-input-type button{flex:1;padding:8px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease}.video-input-type button.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.file-upload-container{display:flex;flex-direction:column;gap:10px}.file-upload-btn{padding:10px 15px;background-color:#f0f0f0;border:1px dashed #999;border-radius:4px;cursor:pointer;text-align:center;transition:all .2s ease}.file-upload-btn:hover{background-color:#e6e6e6;border-color:#666}.video-placeholder{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px dashed #ccc;color:#666;text-align:center}.admin-video-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px}.admin-video-placeholder svg{opacity:.6}.api-error{color:#d9534f;background-color:#f2dede;border:1px solid #ebccd1;padding:10px;margin:10px 0;border-radius:4px;text-align:center}.video-preview{margin-top:15px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.video-metadata{margin-top:15px;padding:15px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;font-size:14px}.video-metadata h4{margin-top:0;margin-bottom:10px;color:#495057;font-weight:600}.video-metadata ul{margin:0;padding-left:20px}.video-metadata li{margin-bottom:5px}.video-metadata a{color:#0d6efd;word-break:break-all}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#000}.fallback-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.flowing-content{margin:20px 0}.flowing-content:empty{display:none}.flowing-text{margin-bottom:16px}.flowing-image{margin:20px 0;text-align:center}.flowing-image img{max-width:100%;height:auto}.loading-spinner{display:inline-block;width:12px;height:12px;margin-left:5px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.image-upload-container{display:flex;flex-direction:column;gap:15px;width:100%}.file-input{display:none}.file-upload-btn{padding:12px;background-color:#f0f0f0;border:1px dashed #999;border-radius:4px;cursor:pointer;text-align:center;transition:all .2s ease;width:100%}.file-upload-btn:hover{background-color:#e3e3e3}.selected-file{padding:8px;background-color:#e8f4fc;border-radius:4px;font-size:14px;word-break:break-all}.image-preview{margin-top:10px;border:1px solid #ddd;padding:10px;border-radius:4px;text-align:center;background-color:#f9f9f9}.image-preview img{max-width:100%;max-height:200px}.url-input-container{margin-top:15px;border-top:1px solid #eee;padding-top:15px}.separator-text{text-align:center;color:#777;font-size:14px;margin-bottom:10px}.images-section{margin-top:30px;margin-bottom:30px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.image-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease;background-color:#fff;position:relative}.image-card:hover{transform:translateY(-5px)}.image-thumbnail{position:relative;height:160px;overflow:hidden}.image-preview{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-card:hover .image-preview{transform:scale(1.05)}.image-actions{position:absolute;top:10px;right:10px;display:flex;gap:10px;z-index:5;opacity:0;transition:opacity .3s ease}.image-card:hover .image-actions{opacity:1}.delete-icon,.edit-icon{background-color:#ffffffe6;border-radius:50%;padding:8px;cursor:pointer;color:#333;transition:all .2s ease}.delete-icon:hover{color:#e74c3c;transform:scale(1.1)}.edit-icon:hover{color:#3498db;transform:scale(1.1)}.text-rtl{text-align:right;direction:rtl}.text-ltr{text-align:left;direction:ltr}.dir-rtl{direction:rtl}.dir-ltr{direction:ltr}.controls-rtl{left:10px;right:auto}.controls-ltr{right:10px;left:auto}.video-section[dir=rtl] .video-delete-btn,.video-section[dir=rtl] .video-edit-btn{left:10px;right:auto}.modal-textarea[dir=rtl]{text-align:right}.modal-textarea[dir=ltr]{text-align:left}input[dir=rtl],textarea[dir=rtl]{text-align:right}[dir=rtl] .modal-buttons{flex-direction:row-reverse}[dir=rtl] .section-controls{gap:10px}[dir=rtl] .add-section-controls{flex-direction:row-reverse}.video-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:#00000080;color:#fff;font-size:16px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.video-loader .loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mosabaqa-container{max-width:600px;margin:2rem auto;padding:0 1rem}.mosabaqa-form{background:#fff;padding:2.5rem;border-radius:15px;box-shadow:0 4px 6px #0000001a;border:1px solid #0a3d62;position:relative}.mosabaqa-form:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px solid #0a3d62;border-radius:10px;pointer-events:none}.mosabaqa-form:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #0a3d62;border-radius:12px;pointer-events:none}.mosabaqa-form h2{text-align:center;color:var(--primary-color);margin-bottom:2rem}.question-section{position:relative;z-index:1;margin:1.5rem -1.5rem;padding:1.5rem;background:linear-gradient(to right,#f8f9fa,#fff,#f8f9fa);border-top:1px solid #ddd;border-bottom:1px solid #ddd}.question-section h3{color:var(--primary-color);margin-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.phone-input-group{display:flex;gap:8px}input.country-code{width:80px;padding:14px;font-size:.8rem;border:1px solid #ddd;border-radius:8px;cursor:text;text-align:center}.phone-number{flex:1}.phone-number::placeholder{opacity:.7;text-align:inherit}input[dir=rtl]::placeholder{text-align:right}input[dir=ltr]::placeholder{text-align:left}.country-code-container{position:relative}.country-codes-dropdown{width:250px;max-height:300px;overflow-y:auto;position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:1000}.country-option{padding:10px 15px;display:flex;align-items:center;gap:12px;cursor:pointer}.country-option:hover{background-color:#f5f5f5}.country-flag{font-size:1.2em}.country-name{flex:1}.country-code-input{cursor:pointer}.answer-section{display:flex;gap:1rem}.answer-section input{flex:1}.check-answer{padding:0 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer}.submit-btn{width:100%;padding:1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.submit-btn:hover{background:var(--primary-hover-color)}.error-message{margin:1rem 0;padding:.75rem;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.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}.success-modal{background:#fff;padding:2rem;border-radius:15px;text-align:center;max-width:90%;width:400px}.success-icon{font-size:3rem;color:#4caf50;margin-bottom:1rem}.question-content{display:flex;align-items:center;position:relative}.question-view-container,.question-edit-container{display:flex;align-items:center;width:100%}.question-edit-input{flex:1;padding:8px 12px;font-size:1rem;border:1px solid #ddd;border-radius:4px;margin-right:10px;direction:rtl}.question-edit-btn{background:transparent;border:none;color:#666;cursor:pointer;font-size:1rem;padding:5px;margin-right:5px}.question-edit-btn:hover{color:#333}.question-edit-btn.save-btn{color:#28a745}.question-edit-btn.save-btn:hover{color:#218838}.question-edit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid rgba(0,0,0,.1);border-left-color:#09f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-token-section{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:15px;margin-bottom:20px}.token-input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px}.token-toggle-btn{background-color:#6c757d;color:#fff;border:none;padding:5px 10px;border-radius:4px;margin-top:8px;cursor:pointer}.token-toggle-btn:hover{background-color:#5a6268}.mosabaqa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-excel-btn{background-color:#1d6f42;color:#fff;border:none;border-radius:4px;padding:8px 15px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.admin-excel-btn:hover{background-color:#185a36}.admin-excel-btn:disabled{opacity:.7;cursor:not-allowed}.admin-excel-btn .loading-spinner{width:12px;height:12px}.admin-buttons{display:flex;gap:10px}.admin-options-btn{background-color:#4a90e2;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.9rem}.admin-options-btn:hover{background-color:#2a70c2}.answer-select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;margin-top:5px}.options-modal{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.add-option-form{flex-grow:1}.delete-all-btn{background-color:#f44336;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.9rem}.delete-all-btn:hover{background-color:#d32f2f}.delete-all-btn:disabled{background-color:#ffccbc;cursor:not-allowed}.warning-text{color:#f44336;font-weight:700;margin:15px 0}.add-option-form{display:flex;gap:10px;margin-bottom:15px}.add-option-form input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.add-option-form button{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer}.add-option-form button:disabled{background-color:#ccc;cursor:not-allowed}.options-list{max-height:300px;overflow-y:auto;margin-bottom:15px}.option-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.option-text{flex:1}.option-actions{display:flex;gap:5px}.option-actions button{background:none;border:none;cursor:pointer;color:#555;font-size:14px;padding:5px}.option-actions button:hover{color:#000}.edit-option-form{display:flex;width:100%;gap:10px}.edit-option-form input{flex:1;padding:5px;border:1px solid #ddd;border-radius:4px}.edit-option-form button{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:0 8px;cursor:pointer}.close-modal-btn{margin-top:1rem;padding:.7rem 2rem;background-color:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:5px;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:16px;display:inline-block;text-align:center;min-width:120px}.close-modal-btn:hover{background-color:#e0e0e0;border-color:#ccc}.success-modal .close-modal-btn{background-color:#4caf50;color:#fff;border-color:#45a049}.success-modal .close-modal-btn:hover{background-color:#45a049}.error-modal .close-modal-btn{background-color:#f44336;color:#fff;border-color:#d32f2f}.error-modal .close-modal-btn:hover{background-color:#d32f2f}.no-options{text-align:center;color:#777;padding:10px}.question-modal{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px}.question-modal h3{margin-top:0;margin-bottom:20px;text-align:center;color:#333}.modal-form{display:flex;flex-direction:column;gap:15px}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.save-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.save-btn:hover{background-color:#45a049}.save-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.cancel-btn:hover{background-color:#d32f2f}.hint-text{color:#666;font-size:.8rem;margin-top:5px;display:block}.question-modal input[type=text]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.question-modal .form-group{margin-bottom:15px}.confirm-modal{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:400px;text-align:center;box-shadow:0 4px 8px #0003}.confirm-modal h3{margin-top:0;color:#333}.option-to-delete{font-weight:700;margin:15px 0;padding:10px;background-color:#f8f8f8;border-radius:4px}.confirm-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.delete-confirm-btn{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px}.delete-confirm-btn:hover{background-color:#d32f2f}.delete-confirm-btn:disabled{background-color:#ffccbc;cursor:not-allowed}.delete-btn{color:#f44336}.delete-btn:hover{color:#d32f2f}.custom-answer-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-height:300px;overflow-y:auto;padding-right:10px}.answer-option{display:flex;align-items:center;padding:12px 16px;border-radius:8px;background-color:#f9f9f9;cursor:pointer;transition:all .2s ease;border:2px solid #e6e6e6}.answer-option:hover{background-color:#f0f0f0;border-color:#d1d1d1}.answer-option.selected{background-color:#edf7f0;border-color:#4caf50}.custom-radio{width:20px;height:20px;border-radius:50%;border:2px solid #b0b0b0;display:flex;align-items:center;justify-content:center;margin-left:12px;margin-right:12px;flex-shrink:0}.answer-option.selected .custom-radio{border-color:#4caf50}.radio-inner{width:0;height:0;border-radius:50%;background-color:#4caf50;transition:all .2s ease}.answer-option.selected .radio-inner{width:10px;height:10px}.option-label{font-size:16px;flex-grow:1}.no-answers-message{color:#777;font-style:italic;text-align:center;padding:20px}.result-modal{min-width:320px;padding:24px}.close-modal-btn{margin-top:20px;padding:10px 24px;font-size:16px;font-weight:500;border-radius:5px;cursor:pointer;border:none;background-color:#f0f0f0;color:#333;transition:all .3s ease}.success-modal .close-modal-btn{background-color:#4caf50;color:#fff}.error-modal .close-modal-btn{background-color:#f44336;color:#fff}.close-modal-btn:hover{opacity:.9;transform:translateY(-2px)}:root{--primary-rgb: 76, 175, 80;--primary-hover-color: #43a047;--text-color: #374151;--login-primary: #1e3a5f;--login-primary-hover: #3a6ea5;--login-text: #333;--login-text-secondary: #666;--login-border: #ddd;--login-error: #dc2626;--login-error-bg: #fee2e2;--login-error-border: #fca5a5}