html,body{background-color:#0a0a0f;width:100%;max-width:100%;margin:0;padding:0;overflow:hidden auto}body{direction:rtl;font-family:Inter,sans-serif}.backdrop-slider{opacity:1;z-index:0;background-color:#0a0a0f;background-position:top;background-size:cover;width:100vw;height:100vh;transition:opacity 2s ease-in-out;top:0;left:0;position:fixed!important}.backdrop-overlay{z-index:1;background:#000000a6;width:100vw;height:100vh;top:0;left:0;position:fixed!important}.page-wrapper{z-index:2;justify-content:center;align-items:flex-start;min-height:100dvh;padding-top:15vh;padding-left:16px;padding-right:16px;display:flex;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:24px}.login-logo svg{stroke-width:2px;color:#9d7df8;width:48px;height:48px;margin-bottom:12px}.login-logo h1{color:#fff;font-size:2rem;font-weight:700}.login-logo h1 span{color:#9d7df8}.login-subtitle{color:#9ca3af;margin-top:8px;font-size:16px}.login-form{flex-direction:column;gap:12px;display:flex}.login-form label{color:#9ca3af;margin-bottom:6px;font-size:16px;display:block}.login-form input[type=text],.login-form input[type=password]{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #0003}.login-form input:focus{border-color:#7a5af5;box-shadow:0 0 0 3px #7a5af533}.password-wrapper{position:relative}.password-wrapper input{padding-left:44px}.toggle-password{color:#9ca3af;cursor:pointer;opacity:.6;background:0 0;border:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.toggle-password:hover{opacity:1}.toggle-password svg{width:20px;height:20px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7a5af5,#5b8dff);border:none;border-radius:12px;height:48px;margin-top:20px;padding:14px;font-size:16px;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 25px -5px #5a8cff4d}.submit-btn:hover{transform:scale(1.02)}.submit-btn:active{filter:brightness(1.1);transform:scale(.97)}.login-error{color:#ef4444;text-align:center;font-size:16px}input:focus::placeholder{color:#ffffff4d;transition:color .2s}:root{--bg-main:#141518;--bg-card:#1f2128;--text-white:#fff;--text-gray:#9fa0a8;--accent-purple:#7a5af5;--accent-blue:#3b8bff}body{background:var(--bg-main);color:var(--text-white)}.top-header{z-index:10;-webkit-backdrop-filter:blur(12px);background:#141518cc;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.search-wrapper{-webkit-backdrop-filter:blur(12px);background:#1f212880;border:1px solid #ffffff14;border-radius:40px;align-items:center;gap:8px;width:100%;height:44px;padding:0 16px;display:flex}.search-wrapper input{color:#fff;text-align:right;background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-wrapper input::placeholder{color:#9fa0a8}.clear-btn{color:#9fa0a8;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.profile-avatar{background:var(--bg-card);cursor:pointer;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.main-container{padding:16px 16px 100px}.section-header{justify-content:space-between;align-items:center;margin:16px 0 8px;display:flex}.section-header h2{margin:0;font-size:18px;font-weight:600}.view-all-btn{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.view-all-btn:hover{background:#ffffff26;transform:scale(1.05)}.view-all-btn svg{stroke-width:2.5px;fill:none;width:16px;height:16px}.carousel{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-wrap:nowrap;gap:16px;padding:4px 16px 12px;display:flex;overflow:auto hidden}.poster-card{aspect-ratio:2/3;scroll-snap-align:start;-webkit-backdrop-filter:blur(6px);background:#1f212866;border:1px solid #ffffff0d;border-radius:16px;flex:0 0 140px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0009}.poster-card:hover{transform:scale(1.03)}.poster-card img{object-fit:cover;border-radius:12px;width:100%;height:100%}.poster-title{text-align:right;background:linear-gradient(#0000 0%,#000000e6 100%);border-radius:0 0 12px 12px;padding:12px;font-size:14px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.content-tag{color:#fff;z-index:2;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.tag-movie{background:#3b8bff}.tag-series{background:#7b5de8}.tag-tv{background:#ffa726}.request-card{scroll-snap-align:start;background:#1f212866;border:1px solid #ffffff14;border-radius:14px;flex-direction:row-reverse;flex:0 0 280px;align-items:center;gap:16px;min-width:280px;max-width:280px;height:110px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.request-card:before{content:"";z-index:0;background:inherit;filter:blur(4px)brightness(.6);opacity:.7;background-position:50%;background-size:cover;position:absolute;inset:0}.request-content{text-align:right;flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.request-user{color:silver;align-items:center;gap:6px;font-size:13px;display:flex}.user-avatar{background:#a3a3a3;border-radius:50%;width:20px;height:20px;margin:0}.status-badge{border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.status-badge.approved{color:#81c784;background:#4caf5026}.status-badge.processing{color:#81c784;background:#4caf5033}.status-badge.pending{color:#ffd54f;background:#ffc10733}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{-webkit-backdrop-filter:blur(24px);width:100%;padding:12px 0 8px;padding-bottom:max(8px, env(safe-area-inset-bottom));z-index:50;direction:rtl;background:#141518d9;border-top:1px solid #ffffff0d;justify-content:space-around;display:flex;position:fixed;bottom:0}.nav-item{color:var(--text-gray);cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.nav-item.active{color:var(--accent-purple)}.nav-icon{stroke:currentColor;fill:none;stroke-width:1.5px;width:24px;height:24px}.fab{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:100;background:#1f2128e6;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;transition:transform .2s;display:flex;position:fixed;bottom:100px;right:20px;box-shadow:0 10px 30px -5px #000c,0 0 15px #7a5af533}.fab:active{transform:scale(.95)}html,body,.main-container,.carousel{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.main-container::-webkit-scrollbar{width:0;height:0;display:none}.carousel::-webkit-scrollbar{width:0;height:0;display:none}.skeleton-card{aspect-ratio:2/3;background:linear-gradient(90deg,#2a2e38 25%,#3a3e48 50%,#2a2e38 75%) 0 0/200% 100%;border-radius:12px;flex:0 0 140px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.search-results-container{flex-direction:column;gap:16px;padding:0 16px 100px;display:flex}.search-results-title{color:#9d7df8;margin:0 0 4px;font-size:20px}.movie-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.movie-card{aspect-ratio:2/3;cursor:pointer;background:#1f2128;border-radius:12px;animation:.4s both fadeUp;position:relative;overflow:hidden}.movie-card img{object-fit:cover;width:100%;height:100%}.movie-badge{color:#fff;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.movie-title-bottom{text-align:right;color:#fff;background:linear-gradient(#0000,#000c);padding:8px;font-size:13px;position:absolute;bottom:0;left:0;right:0}.movie-year{color:#9fa0a8;margin-right:4px;font-size:11px}.state-container{color:#9fa0a8;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 16px;display:flex}.state-container svg{stroke:#555;width:60px;height:60px;margin-bottom:16px}.state-container h2{color:#fff;margin-bottom:8px;font-size:18px}.load-more-wrapper{justify-content:center;align-items:center;width:100%;padding:32px 0 40px;display:flex}.load-more-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#1f212866;border:1px solid #ffffff14;border-radius:40px;width:100%;max-width:400px;padding:14px 0;font-size:16px;font-weight:600;transition:all .2s}.load-more-btn:hover{background:#1f2128b3}.load-more-btn:disabled{opacity:.5;cursor:default}.end-of-results-wrapper{justify-content:center;align-items:center;width:100%;padding:40px 0 60px;display:flex}.end-of-results-text{color:#9fa0a8;letter-spacing:.5px;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.end-of-results-text:before,.end-of-results-text:after{content:"";background:#ffffff1a;width:40px;height:1px}.spinner-btn{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:0 auto;animation:1s linear infinite spin}.user-menu{position:relative}.dropdown-menu{-webkit-backdrop-filter:blur(16px);z-index:200;background:#141518d9;border:1px solid #ffffff1a;border-radius:12px;min-width:200px;padding:8px 0;position:absolute;top:48px;left:auto;right:0;box-shadow:0 10px 30px #00000080}.dropdown-item{color:#fff;text-align:right;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:8px 16px;font-size:14px;transition:background .2s;display:flex}.dropdown-divider{background:#ffffff14;height:1px;margin:4px 0}.dropdown-user-info{align-items:center;gap:12px;padding:12px 16px;display:flex}.user-avatar-large{background:#3b8bff;border-radius:50%;flex-shrink:0;width:40px;height:40px}.dropdown-user-info strong{color:#fff;font-size:14px;display:block}.dropdown-user-info small{color:#9fa0a8;font-size:12px}.dropdown-item:hover{color:#fff;background:#ffffff0d}.dropdown-item.logout{color:#ef4444}body{height:auto!important;position:relative!important;overflow-y:auto!important}.login-root{z-index:9999;background:#0a0a0f;width:100%;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(12px)saturate(140%);box-sizing:border-box;background:#14182073;border:1px solid #7a5af540;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:40px 24px 48px;animation:.8s both fadeUp;display:flex;box-shadow:0 0 30px #7a5af533,0 0 60px #7a5af50d}.login-form input[type=text],.login-form input[type=password]{box-sizing:border-box;width:100%;max-width:100%}body{height:auto!important;position:relative!important;overflow:hidden auto!important}.request-card{background:#32374199;border:1px solid #ffffff0f;border-radius:12px;flex-direction:row-reverse;flex:0 0 280px;align-items:center;gap:12px;height:105px;margin:0;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px -8px #000c}.request-backdrop{filter:blur(4px)brightness(.6);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.request-overlay{z-index:0;pointer-events:none;background:#00000073;position:absolute;inset:0}.request-poster{object-fit:cover;z-index:1;border-radius:6px;flex-shrink:0;width:65px;height:97px;position:relative;box-shadow:0 4px 12px #0009}.request-content{z-index:1;text-align:right;flex-direction:column;flex:1;justify-content:center;gap:2px;min-height:0;display:flex;position:relative}.request-header{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.request-title{color:#fff;margin:0;font-size:16px;font-weight:600}.request-year{color:#9fa0a8;font-size:14px}.request-overview-text{color:#9fa0a8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.action-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.action-btn.pause{color:#ffc107;border-color:#ffc1074d}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}.carousel{width:100%;box-sizing:border-box!important;padding:0 16px!important}.action-btn.delete{color:#9fa0a8;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.request-card{height:105px!important;min-height:105px!important}.status-badge.ready{color:#81c784;background:#4caf5026;border-radius:20px;align-items:center;width:fit-content;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.request-controls{flex-direction:row!important;flex-shrink:0!important;align-items:center!important;gap:12px!important;margin-top:4px!important;display:flex!important}.action-btn{box-shadow:0 0 12px #0003!important}.carousel{box-sizing:border-box!important;padding-left:16px!important;padding-right:16px!important}.action-btn.delete{color:#9fa0a8!important;cursor:pointer!important;background:#ffffff0f!important;border:1px solid #ffffff14!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;font-size:14px!important;transition:all .2s!important;display:flex!important}.action-btn.play{color:#4caf50!important;background:#4caf501a!important;border-color:#4caf5033!important}.action-btn.pause{color:#ffc107!important;background:#ffc1071a!important;border-color:#ffc10733!important}.request-controls{flex-shrink:0!important;align-items:center!important;gap:12px!important;margin-top:4px!important;display:flex!important}.action-btn.delete{color:#9fa0a8!important;cursor:pointer!important;background:#ffffff0f!important;border:1px solid #ffffff14!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;font-size:14px!important;transition:all .2s!important;display:flex!important}.action-btn svg,.progress-pill svg{stroke-linecap:round!important;stroke-linejoin:round!important;stroke-width:2px!important;width:20px!important;height:20px!important}.request-actions-row{flex-shrink:0!important;align-items:center!important;gap:12px!important;margin-top:4px!important;display:flex!important}.status-icon{align-items:center;margin-right:4px;display:flex}.action-btn svg{display:block}.carousel::-webkit-scrollbar{display:none!important}.request-carousel::-webkit-scrollbar{display:none!important}.request-card{height:105px!important;min-height:105px!important;max-height:105px!important}.request-info{text-align:right;flex:1;height:100%;flex-direction:column!important;justify-content:space-between!important;display:flex!important}.request-controls{flex-shrink:0;margin-top:4px;align-items:center!important;gap:12px!important;display:flex!important}.status-badge.ready{color:#81c784;background:#4caf5026;border-radius:20px;align-items:center;width:fit-content;margin-top:4px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.request-info{z-index:1!important;position:relative!important}.action-btn.delete{color:#9fa0a8!important;cursor:pointer!important;background:#ffffff0f!important;border:1px solid #ffffff14!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;transition:all .2s!important;display:flex!important}.action-btn.delete:hover{background:#ffffff26!important;transform:scale(1.05)!important}.action-btn.play{color:#4caf50!important;cursor:pointer!important;background:#4caf501a!important;border:1px solid #4caf5033!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;transition:all .2s!important;display:flex!important}.action-btn.play:hover{background:#4caf5033!important;transform:scale(1.05)!important}.action-btn.pause{color:#ffc107!important;cursor:pointer!important;background:#ffc1071a!important;border:1px solid #ffc10733!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;transition:all .2s!important;display:flex!important}.action-btn.pause:hover{background:#ffc10733!important;transform:scale(1.05)!important}.carousel,.request-carousel{box-sizing:border-box!important;padding-left:16px!important;padding-right:16px!important}.actions-wrapper button[data-action=stop],button[data-action=stop]{color:#fca5a5!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#dc26262e!important;border:1px solid #ef444480!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:flex!important;box-shadow:0 0 12px #ef444440!important}.actions-wrapper button[data-action=stop] svg,button[data-action=stop] svg{stroke:#fca5a5!important;stroke-width:2px!important}