@import "https://fonts.googleapis.com/icon?family=Material+Icons";
:root{--primary-color:#093d71;--accent-color:#cc8a27;--text-black:#242424;--text-grey:#979797;--bg-light:#f5f7fa;--white:#fff;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--transition:all .3s ease}@font-face{font-family:Kanz Al Marjaan;src:url(/fonts/Kanz-al-Marjaan.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rethink Sans;src:url(/fonts/RethinkSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rethink Sans;src:url(/fonts/RethinkSans-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Rethink Sans;src:url(/fonts/RethinkSans-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Rethink Sans;src:url(/fonts/RethinkSans-Bold.ttf)format("truetype");font-weight:700;font-style:normal}[dir=rtl]{text-align:right}[dir=rtl] .search-icon{left:15px;right:auto}[dir=rtl] .search-container input{padding-left:45px;padding-right:20px}[dir=rtl] .back-arrow{display:inline-block;transform:scaleX(-1)}*{box-sizing:border-box;margin:0}a{color:inherit;text-decoration:none}img{pointer-events:none;-webkit-user-drag:none}body{background-color:var(--bg-light);color:var(--text-black);font-family:Rethink Sans,sans-serif;line-height:1.6}header{background-color:var(--primary-color);color:var(--white);z-index:100;background-image:url(/images/topo_pattern.png);background-position:50%;background-repeat:repeat;background-size:150px;padding:1rem 0;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:0 20px;display:flex;position:relative}.menu-btn{cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.menu-btn:hover{background-color:#ffffff1a}.logo{cursor:pointer;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.header-logo{object-fit:contain;width:40px;height:40px}.header-title-img{object-fit:contain;filter:brightness(0)invert();width:auto;max-width:260px;height:clamp(22px,3vw,34px)}.header-title-img.title-en{margin-left:-5px}.header-title-img.title-ar{max-width:320px}[dir=rtl] .header-title-img.title-ar{margin-right:-5px}.app-container.sidebar-collapsed .sidebar{width:70px}.app-container.sidebar-collapsed .sidebar-item span:not(:first-child){display:none}.app-container.sidebar-collapsed .sidebar-item{justify-content:center;padding:12px 0}[dir=rtl] .app-container.sidebar-collapsed .sidebar-item span:not(:first-child){display:none}.search-container{width:100%;max-width:400px;margin:0 auto;position:relative;left:auto;transform:none}.search-container input{width:100%;transition:var(--transition);border:none;border-radius:25px;outline:none;padding:12px 45px 12px 20px;font-size:1rem;box-shadow:0 2px 5px #0000001a}.search-container input:focus{box-shadow:0 4px 12px #0003}.search-icon{color:var(--text-grey);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:15px}.search-icon.clickable{cursor:pointer;pointer-events:auto;color:var(--primary-color)}.app-container{width:100%;min-height:calc(100vh - 70px);display:flex}.sidebar{background:var(--white);border-right:1px solid #0000000d;flex-direction:column;flex-shrink:0;width:240px;height:calc(100vh - 70px);padding:20px 10px;display:flex;position:sticky;top:70px}.sidebar-header{display:none}.sidebar-item{cursor:pointer;color:var(--text-black);transition:var(--transition);border-radius:10px;align-items:center;gap:15px;margin-bottom:5px;padding:12px 20px;font-weight:600;display:flex}.sidebar-item:hover{background-color:#093d710d}.sidebar-item.active{color:var(--primary-color);background-color:#e0e6ed;border-radius:10px}.sidebar-item.active .material-icons{color:var(--primary-color)}.sidebar-item .material-icons{font-size:24px}.sidebar-item.logout-item{color:#dc3545}.sidebar-item.logout-item:hover{color:#dc3545;background-color:#dc35451a}main{flex:1;min-width:0;padding:20px 40px;position:relative}.genre-section,.video-grid,.volume-hero,.track-list{max-width:1600px;margin-left:0}[dir=rtl] .genre-section,[dir=rtl] .video-grid,[dir=rtl] .volume-hero,[dir=rtl] .track-list{margin-right:0}[dir=rtl] .sidebar{border-left:1px solid #0000000d;border-right:none}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.video-card{cursor:pointer;transition:var(--transition);background:0 0}.video-card:hover{transform:scale(1.02)}.video-thumbnail{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.video-thumbnail img{object-fit:cover;width:100%;height:100%}.video-info{gap:12px;padding-top:10px;display:flex}.video-meta h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-meta .title-ar{font-size:1.25rem;line-height:1.2}.video-subtitle{color:var(--text-grey);font-size:.85rem}.video-player-container{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;margin-bottom:20px;overflow:hidden;box-shadow:0 10px 30px #0003}.video-player-container iframe{border:none;width:100%;height:100%}.video-player-container.placeholder{background:0 0;margin-bottom:30px}.pip-placeholder{cursor:pointer;background:#000;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.pip-placeholder img{object-fit:cover;opacity:.3;filter:blur(8px);width:100%;height:100%}.pip-placeholder-overlay{color:#fff;text-align:center;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex;position:absolute;inset:0}.pip-placeholder-overlay .material-icons{opacity:.8;font-size:48px}.pip-placeholder-overlay p{margin:0;font-size:1rem;font-weight:500}.pip-expand-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.pip-expand-btn:hover{background:#0d5496;transform:scale(1.05)}.pip-expand-btn .material-icons{opacity:1;font-size:24px}.persistent-player{aspect-ratio:16/9;z-index:50;background:#000;border-radius:12px;justify-content:center;align-items:center;width:calc(100% - 80px);transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:70px;left:40px;overflow:hidden;box-shadow:0 10px 30px #0003}:-webkit-any(.persistent-player:fullscreen,.persistent-player:-webkit-full-screen){background:#000;border-radius:0!important;width:100%!important;height:100%!important;top:0!important;left:0!important}:is(.persistent-player:fullscreen,.persistent-player:fullscreen){background:#000;border-radius:0!important;width:100%!important;height:100%!important;top:0!important;left:0!important}.persistent-player.fullscreen-mode{z-index:10004;border-radius:0;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}body.video-fullscreen{overflow:hidden}.persistent-player iframe{pointer-events:none;border:none;width:100%;height:100%}.persistent-player.pip-mode{aspect-ratio:16/9;border:2px solid #ffffff1a;width:320px;height:180px;transition:bottom .3s cubic-bezier(.25,.8,.25,1);position:fixed;inset:auto 20px 20px auto;box-shadow:0 5px 20px #0006;z-index:10002!important}body.audio-active .persistent-player.pip-mode{bottom:calc(var(--audio-player-height,0px) + 20px)}@media (max-width:900px){.persistent-player{aspect-ratio:16/9;width:calc(100% - 40px);height:auto;top:80px;left:20px}.video-player-container{margin-top:20px}.persistent-player.fullscreen-mode .control-btn{min-width:44px;min-height:44px;padding:0}.persistent-player.fullscreen-mode .control-btn .material-icons{font-size:28px}.persistent-player.fullscreen-mode .custom-video-controls{padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom));padding-left:calc(15px + env(safe-area-inset-left));padding-right:calc(15px + env(safe-area-inset-right))}}[dir=rtl] .persistent-player.pip-mode{left:20px;right:auto}.custom-video-controls{opacity:0;pointer-events:none;background:linear-gradient(#0000,#000c);width:100%;padding:10px 15px;transition:opacity .3s;position:absolute;bottom:0;left:0}.persistent-player:hover .custom-video-controls,.custom-video-controls:hover{opacity:1;pointer-events:auto}.persistent-player.fullscreen-mode .custom-video-controls{padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom));padding-left:calc(15px + env(safe-area-inset-left));padding-right:calc(15px + env(safe-area-inset-right));background:linear-gradient(#0000,#000c);opacity:1!important;pointer-events:auto!important}.persistent-player.fullscreen-mode #closeBtn{display:none!important}.persistent-player.fullscreen-mode .control-btn .material-icons{font-size:28px}.persistent-player.fullscreen-mode .video-progress-container{height:5px;margin-bottom:10px}.persistent-player.fullscreen-mode .time-display{font-size:.85rem}.video-progress-container{cursor:pointer;background:#ffffff4d;border-radius:2px;width:100%;height:5px;margin-bottom:10px;position:relative}.video-progress-bar{background:var(--primary-color);z-index:2;border-radius:2px;width:0%;height:100%;position:relative}.video-progress-container:hover{height:8px}.controls-main{justify-content:space-between;align-items:center;display:flex}.controls-left,.controls-right{align-items:center;gap:10px;display:flex}#closeBtn{display:none}.persistent-player.pip-mode #closeBtn,.persistent-player.fullscreen-mode #closeBtn{display:inline-flex}.control-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:flex}.control-btn:hover{color:var(--accent-color);transform:scale(1.1)}.control-btn .material-icons{font-size:28px}.time-display{color:#fff;min-width:80px;font-size:.85rem;font-weight:500}.persistent-player.pip-mode .custom-video-controls{padding:5px 10px}.persistent-player.pip-mode .video-progress-container,.persistent-player.pip-mode .time-display{display:none}.persistent-player.pip-mode .control-btn .material-icons{font-size:20px}.pip-controls{z-index:10;gap:5px;display:none;position:absolute;top:5px;right:5px}.persistent-player.pip-mode:hover .pip-controls{display:flex}.pip-controls button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pip-controls button:hover{background:#fff3}.video-frame{width:100%;height:100%}.video-details{margin-bottom:50px;padding-top:20px}.video-details h2{color:var(--primary-color);margin-bottom:5px;font-size:1.5rem}.related-videos h3{border-bottom:1px solid #0000001a;margin-bottom:20px;padding-bottom:10px;font-size:1.25rem}.sidebar-backdrop{display:none}@media (max-width:900px){.app-container{display:block}.sidebar{z-index:1000;background:var(--white);border-bottom:none;gap:0;width:250px;height:100vh;padding-top:0;transition:transform .3s;display:block;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0003}body.lang-ar .sidebar{border-left:1px solid #0000000d;border-right:none;left:auto;right:0;transform:translate(100%);box-shadow:-2px 0 10px #0003}.sidebar-header{color:var(--text-black);box-shadow:none;background-color:#0000;border-bottom:1px solid #0000000d;align-items:center;gap:15px;margin-bottom:10px;padding:1rem 20px;display:flex}.sidebar-header .logo{color:var(--primary-color);align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.sidebar-header .menu-btn{color:var(--text-black);padding:8px}.sidebar-header .logo{display:none}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}.app-container:not(.sidebar-collapsed) .sidebar{transform:translate(0)}.sidebar-backdrop{z-index:999;cursor:pointer;background:#00000080;display:block;position:fixed;inset:0}.sidebar-item{margin-bottom:10px}[dir=rtl] .header-left,[dir=rtl] .sidebar-header{flex-direction:row}}main{padding:20px 15px}.genre-section{margin-bottom:40px}.genre-title{color:var(--primary-color);border-bottom:2px solid #0000000d;margin-bottom:20px;padding-bottom:10px;font-size:1.5rem;font-weight:700}.genre-title .title-ar{font-family:Kanz Al Marjaan,Rethink Sans,sans-serif;font-size:1.8rem;line-height:1.2}.volumes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;display:grid}.volume-card{background:var(--white);box-shadow:var(--card-shadow);transition:var(--transition);border:1px solid #0000000d;border-radius:12px;overflow:hidden}.volume-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-image{aspect-ratio:1;object-fit:cover;background-color:var(--text-grey);width:100%}.card-content{padding:15px}.card-title{color:var(--text-black);word-wrap:break-word;overflow-wrap:break-word;margin-bottom:5px;font-weight:600;line-height:1.4}body.lang-en .title-ar,body.lang-ar .title-en{display:none}.title-ar{direction:rtl;font-family:Kanz Al Marjaan,Rethink Sans,sans-serif;font-size:1.35rem;line-height:1.2}.title-en{direction:ltr;font-family:Rethink Sans,sans-serif;font-size:1rem}.view{transition:opacity .3s}.search-results-view{padding:0 1rem 2rem}.back-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-size:1rem;font-weight:600;display:flex}.simple-login-group{flex-direction:column;gap:10px;width:100%;display:flex}.std-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:10px;font-size:1rem;font-weight:600;transition:background .3s}.std-btn:hover{background-color:#0d5496}.divider-text{text-align:center;color:#888;margin:20px 0;font-size:.9rem;font-weight:600;position:relative}.divider-text:before,.divider-text:after{content:"";background:#e0e0e0;width:40%;height:1px;position:absolute;top:50%}.divider-text:before{left:0}.divider-text:after{right:0}.its-btn{color:#fff;cursor:pointer;background-color:#cc8a27;border:none;border-radius:25px;justify-content:center;align-items:center;width:100%;padding:12px;font-size:1rem;font-weight:700;transition:transform .2s,background .3s;display:flex;box-shadow:0 4px 6px #0000001a}.its-btn:hover{background-color:#e09e3a;transform:translateY(-2px)}.its-btn:disabled{cursor:not-allowed;background-color:#ccc;transform:none}.mini-loading{color:var(--primary-color);text-align:center;margin-top:10px;font-size:.9rem;font-weight:500}.env-toggle-container{color:#666;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:.9rem;display:flex}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.back-btn:hover{background-color:#0000;text-decoration:underline;transform:none}[dir=rtl] .back-btn:hover{transform:none}.back-arrow{font-size:1.2rem;line-height:1}.volume-hero{background:var(--white);box-shadow:var(--card-shadow);border-radius:12px;align-items:center;gap:30px;margin-bottom:40px;padding:30px;display:flex}.hero-image{object-fit:cover;border-radius:8px;width:200px;height:200px;box-shadow:0 4px 8px #0000001a}.hero-info h1{color:var(--primary-color);margin-bottom:10px;font-size:2rem}.track-list{background:var(--white);box-shadow:var(--card-shadow);border-radius:12px;padding:10px 0}.track-item{cursor:pointer;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:15px 25px;transition:background .2s;display:flex}.track-item:last-child{border-bottom:none}.track-item:hover{background-color:#093d7108}.track-item.playing{border-left:4px solid var(--primary-color);background-color:#093d7114}.track-name{color:var(--text-black);font-weight:600}.audio-player{background:var(--white);z-index:1000;border-top:1px solid #0000001a;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:15px 30px;transition:transform .3s;display:flex;position:fixed;bottom:0;left:0;transform:translateY(0);box-shadow:0 -4px 10px #0000000d}.audio-player #queueToggleBtnMobile,.audio-player .queue-toggle-mobile{display:none!important}.audio-player .player-volume .queue-toggle-desktop{display:flex}@media (max-width:768px){.audio-player #queueToggleBtnMobile,.audio-player .queue-toggle-mobile{display:flex!important}}.audio-player.hidden{transform:translateY(100%)}.player-info{width:20%;min-width:120px}.player-title{color:var(--primary-color);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.player-subtitle{color:var(--text-grey);font-size:.8rem}.player-center{direction:ltr;flex:2;justify-content:center;align-items:center;gap:15px;max-width:800px;display:flex}.icon-btn.mini{width:32px;height:32px;color:var(--text-grey)}.icon-btn.mini:hover{color:var(--primary-color)}.progress-container{color:var(--text-grey);flex:1;align-items:center;gap:10px;font-size:.75rem;display:flex}.controls-row{align-items:center;gap:20px;margin-bottom:5px;display:flex}.icon-btn{cursor:pointer;color:var(--text-black);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:background .2s;display:flex}.icon-btn:hover{background:#0000000d}.play-btn{background:var(--primary-color);color:#fff;width:40px;height:40px;box-shadow:0 2px 5px #0003}.play-btn:hover{background:#0d4e8c;transform:scale(1.05)}.progress-slider{appearance:none;cursor:pointer;background:#ddd;border-radius:2px;flex:1;height:4px}.progress-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-color);border-radius:50%;width:12px;height:12px;transition:transform .1s}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.player-volume{justify-content:flex-end;align-items:center;gap:10px;width:20%;min-width:100px;display:flex}.volume-icon{color:var(--text-grey);cursor:pointer;font-size:1.2rem}.volume-slider{appearance:none;background:#ddd;border-radius:2px;width:80px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-grey);border-radius:50%;width:10px;height:10px}.pdf-btn{color:var(--primary-color);cursor:pointer;transition:var(--transition);background:#093d711a;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.pdf-btn:hover{background:#093d7133}.video-btn{background:#0000000d}@media (max-width:768px){.volume-hero{text-align:center;flex-direction:column}.audio-player{padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom));z-index:2000;flex-direction:column;gap:15px;height:auto;padding-top:44px;bottom:0!important}.player-info{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;margin-bottom:5px;padding-right:44px;display:flex}.player-title{white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:none;margin-bottom:2px;font-size:1rem;overflow:hidden}.player-subtitle{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.85rem;overflow:hidden}.player-center{flex-direction:column;order:2;gap:10px;width:100%}.controls-row{gap:25px;margin-bottom:0}.player-volume{display:none}.progress-container{width:100%;padding:0 5px}.queue-overlay{width:calc(100% - 40px);max-height:50vh;bottom:160px;left:20px;right:20px}#audioCloseBtn{z-index:1;position:absolute;top:10px;right:10px}[dir=rtl] .player-info{text-align:right;align-items:flex-end}[dir=rtl] #audioCloseBtn{left:10px;right:auto}}.lang-toggle{background:#ffffff1a;border-radius:20px;margin-left:auto;margin-right:0;padding:2px;flex:none!important;width:max-content!important;display:inline-flex!important}[dir=rtl] .lang-toggle{direction:ltr;order:0;margin-left:0;margin-right:auto}.lang-btn{color:#ffffffb3;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:18px;padding:8px 16px;font-weight:600}.lang-btn.active{background-color:var(--white);color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.lang-btn:hover:not(.active){color:#fff}#btn-ar{padding-bottom:0;font-family:Kanz Al Marjaan,Rethink Sans,sans-serif;font-size:1.25rem}body.lang-ar .sidebar{border-left:1px solid #0000000d;border-right:none}body.lang-ar .lang-toggle{margin-right:60px}body.lang-ar .sidebar-item{flex-direction:row-reverse}.card-meta{color:var(--text-grey);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.pdf-container{-webkit-user-select:none;user-select:none;pointer-events:none}body{-webkit-touch-callout:none}.error,.no-results{text-align:center;color:var(--text-grey);padding:2rem;font-size:1.2rem}.error{color:#e74c3c}@media (max-width:1024px){.header-container{flex-direction:row;justify-content:flex-start;align-items:center}.logo{text-align:center}.lang-toggle{margin-top:10px;background:0 0!important;flex:none!important;align-self:center!important;width:max-content!important;margin:10px auto!important;display:inline-flex!important}.header-left{margin-top:0}.lang-btn{flex:none!important;width:auto!important;padding:8px 16px!important}}@media (max-width:768px){main{padding-bottom:220px!important}}.toast{color:#fff;z-index:10000;opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background-color:#323232e6;border-radius:25px;max-width:90%;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);position:fixed;bottom:100px;left:50%;overflow:hidden;transform:translate(-50%)translateY(20px);box-shadow:0 4px 12px #0000004d}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.spinner{border:4px solid #093d711a;border-left-color:var(--primary-color);border-radius:50%;width:40px;height:40px;margin:0 auto 15px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-btn[disabled],.icon-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (min-width:1025px){.header-container{justify-content:space-between}.search-container{position:absolute;left:50%;transform:translate(-50%)}}.overlay{z-index:1000;background:linear-gradient(#06274c 0%,#1e1e1e 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.login-form{width:100%;max-width:350px;box-shadow:var(--card-shadow);text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:30px 20px;display:flex}.login-logo{object-fit:contain;width:80px;height:80px;margin-bottom:15px}.login-subtitle{color:var(--text-grey);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:.9rem;font-weight:600}.login-form h2{color:var(--primary-color);margin-bottom:20px;font-size:1.5rem}.login-form input{box-sizing:border-box;width:100%;margin:5px 0;padding:8px}.login-form button{cursor:pointer;width:100%;margin-top:10px;padding:10px}.hidden{display:none}#pdfView{flex-direction:column;min-height:0;display:flex}.header-container{align-items:center;gap:15px;width:100%;padding:0 20px;display:flex}.header-left{align-items:center;gap:15px;display:flex}@media (min-width:1025px){.search-container{margin:0 auto}}@media (max-width:1024px){.header-container{justify-content:flex-start}.search-container{margin:10px auto}}.pdf-container{background:var(--white);width:100%;height:calc(100vh - 280px);box-shadow:var(--card-shadow,0 2px 10px #0000000d);border-radius:12px;padding:0;position:relative;overflow:hidden}@media (max-width:768px){.pdf-container{height:calc(100vh - 300px)}}.pdf-container .loading{color:var(--text-grey);text-align:center;padding:2rem}.pdf-container .error{color:#e74c3c;text-align:center;background:#0000000d;border-radius:8px;padding:20px}.track-right{align-items:center;gap:15px;display:flex}.pdf-btn{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.pdf-btn:hover{background:var(--primary-color);color:#fff}.pdf-btn .material-icons{font-size:16px}.queue-overlay{background:var(--white);z-index:999;opacity:1;border:1px solid #0000001a;border-radius:12px;flex-direction:column;width:350px;max-height:60vh;transition:transform .3s,opacity .3s;display:flex;position:fixed;bottom:80px;right:20px;transform:translateY(0);box-shadow:0 5px 20px #0003}.queue-overlay.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.queue-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.queue-header h3{color:var(--primary-color);font-size:1rem;font-weight:700}.queue-list{flex:1;padding:10px 0;overflow-y:auto}.queue-item{cursor:pointer;align-items:center;gap:10px;padding:10px 20px;transition:background .2s;display:flex}.queue-item:hover{background:#093d7108}.queue-item.active{border-left:3px solid var(--primary-color);background:#093d7114}.queue-item-info{flex:1;overflow:hidden}.queue-item-title{color:var(--text-black);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.queue-item-subtitle{color:var(--text-grey);font-size:.8rem}@media (max-width:768px){.queue-overlay{width:calc(100% - 40px);max-height:50vh;bottom:160px;left:20px;right:20px}}.its-login-btn{width:100%;color:var(--text-black);cursor:pointer;background-color:#e0e0e0;border:none;border-radius:50px;margin-bottom:20px;padding:12px;font-size:1rem;font-weight:600;transition:background-color .3s,transform .2s}.its-login-btn:hover{background-color:#d0d0d0;transform:translateY(-2px)}.env-toggle-container{color:var(--primary-color);justify-content:center;align-items:center;gap:10px;margin-bottom:15px;font-size:.9rem;font-weight:600;display:flex}.switch{width:40px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(16px)}body.lang-ar .menu-btn{margin-left:auto}body.lang-ar .app-container:not(.sidebar-collapsed) .sidebar{left:auto;right:0;transform:translate(0)}body.lang-ar .app-container{flex-direction:row}body.lang-ar .pdf-btn,body.lang-ar .video-btn,body.lang-ar .track-right,body.lang-ar .track-item{direction:rtl}body.lang-ar .pdf-btn,body.lang-ar .video-btn{flex-direction:row-reverse}.logout-dialog,.modal,.dialog-overlay,.modal-overlay{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;z-index:10050!important}.modal-content{background:var(--white);text-align:center;z-index:10051;border-radius:12px;width:90%;max-width:400px;padding:20px 30px;box-shadow:0 5px 20px #0000004d}.modal-actions{justify-content:center;gap:15px;margin-top:20px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:25px;padding:10px 20px;font-weight:600;transition:transform .2s}.modal-btn.primary{background:var(--primary-color);color:#fff}.modal-btn.secondary{color:#333;background:#e0e0e0}.modal-btn:hover{transform:scale(1.05)}#loginOverlay,.overlay{z-index:10050;background:linear-gradient(#06274c 0%,#1e1e1e 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;direction:ltr!important}.login-form{text-align:center;direction:ltr;position:relative;top:auto;left:auto;transform:none;margin:0!important}.login-credits{color:#fff9;text-align:center;direction:ltr;margin-top:30px;font-size:.85rem;font-weight:400;line-height:1.6}.login-credits strong{color:#fff;margin:5px 0;font-size:1.35rem;font-weight:400;line-height:1.3;display:block}@media (max-width:768px){main{padding-bottom:220px!important}}.loading,.loading-more{text-align:center;width:100%;color:var(--text-grey);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:15px;padding:30px;display:flex}.video-thumbnail-wrapper{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.video-thumbnail-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-card:hover .video-thumbnail-wrapper img{transform:scale(1.05)}.play-icon-overlay{opacity:0;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-icon-overlay .material-icons{color:#fff;font-size:32px}.video-card:hover .play-icon-overlay{opacity:1}.video-card .card-content{padding-top:10px;padding-bottom:5px}