@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap";:root{--bg-color:#09090b;--panel-bg:#18181b73;--text-color:#f8fafc;--text-muted:#a1a1aa;--primary:#ca8a04;--primary-hover:#eab308;--accent:#10b981;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);direction:rtl;background-image:radial-gradient(at 0 0,#ca8a040f 0,#0000 50%),radial-gradient(at 50% 0,#18181bcc 0,#0000 50%),radial-gradient(at 100% 0,#ca8a040a 0,#0000 50%);flex-direction:column;min-height:100vh;font-family:Tajawal,sans-serif;display:flex;overflow-x:hidden}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff0f;border-radius:16px;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 10px 40px -10px #000000b3}.glass-panel.hover-lift:hover{border-color:#ca8a0440;transform:translateY(-4px);box-shadow:0 20px 40px -10px #ca8a041f,inset 0 0 20px #ca8a0408}.btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.input-field{color:#fff;background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:1rem;font-family:Tajawal,sans-serif;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin;display:inline-block}@keyframes watermarkMove{0%{opacity:.4;top:15%;left:15%;transform:translate(0)rotate(-10deg)}25%{opacity:.6;top:15%;left:75%;transform:translate(-100%)rotate(10deg)}50%{opacity:.4;top:75%;left:75%;transform:translate(-100%,-100%)rotate(-10deg)}75%{opacity:.6;top:75%;left:15%;transform:translateY(-100%)rotate(10deg)}to{opacity:.4;top:15%;left:15%;transform:translate(0)rotate(-10deg)}}.watermark{color:#ffffff80;pointer-events:none;z-index:50;-webkit-user-select:none;user-select:none;text-shadow:2px 2px 4px #000000e6;white-space:nowrap;direction:ltr;font-size:clamp(1rem,3vw,2rem);font-weight:800;animation:25s linear infinite watermarkMove;position:absolute}.video-container{background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.video-player{width:100%;display:block}video::-webkit-media-controls-enclosure{overflow:hidden}video::-webkit-media-controls-panel{width:calc(100% + 30px)}.dashboard-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:2fr 1fr}}.header-responsive{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}@media (width>=768px){.header-responsive{flex-direction:row;justify-content:space-between;padding:1rem 2rem}}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.panel-padding{padding:1.5rem 1rem}@media (width>=768px){.panel-padding{padding:2rem}}.responsive-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:1rem .75rem}@media (width>=768px){.responsive-container{padding:2rem}}.login-card{text-align:center;box-sizing:border-box;text-align:center;width:100%;max-width:400px;padding:1.75rem 1.25rem}@media (width>=768px){.login-card{padding:2.5rem}}.premium-video-wrapper{aspect-ratio:16/9;background:#020617;border:1px solid #ffffff14;border-radius:16px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #000c}.video-ambient-glow{filter:blur(40px);z-index:-1;pointer-events:none;opacity:.7;background:radial-gradient(circle,#ca8a0440 0%,#10b98114 50%,#0000 100%);width:110%;height:110%;transition:opacity .5s;position:absolute;top:-5%;left:-5%}.premium-video-wrapper.is-playing .video-ambient-glow{opacity:1;animation:8s ease-in-out infinite alternate glowPulse}@keyframes glowPulse{0%{filter:blur(40px);opacity:.6;transform:scale(1)}50%{filter:blur(50px);opacity:.9;transform:scale(1.05)}to{filter:blur(35px);opacity:.5;transform:scale(.95)}}.custom-video-controls{-webkit-backdrop-filter:blur(12px);z-index:100;opacity:0;pointer-events:auto;background:linear-gradient(#0000 0%,#030712b3 40%,#030712f2 100%);border-top:1px solid #ffffff0d;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem 1rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.premium-video-wrapper.show-controls .custom-video-controls,.premium-video-wrapper:hover .custom-video-controls{opacity:1;transform:translateY(0)}.controls-row{direction:rtl;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.controls-group{align-items:center;gap:1.25rem;display:flex}.control-btn{color:#f1f5f9;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.control-btn:hover{color:var(--primary);background:#ffffff14;transform:scale(1.05)}.seekbar-container{cursor:pointer;align-items:center;width:100%;height:20px;display:flex;position:relative}.seekbar-track{background:#ffffff26;border-radius:4px;width:100%;height:4px;transition:height .15s;position:relative}.seekbar-container:hover .seekbar-track{height:6px}.seekbar-buffer{background:#ffffff40;border-radius:4px;position:absolute;top:0;bottom:0;left:0}.seekbar-progress{background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);border-radius:4px;position:absolute;top:0;bottom:0;left:0}.seekbar-thumb{border:2px solid var(--primary);background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 10px #ca8a04cc}.seekbar-container:hover .seekbar-thumb{transform:translate(-50%,-50%)scale(1.3)}.volume-container{align-items:center;gap:.5rem;display:flex}.volume-slider{-webkit-appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:0;height:4px;transition:width .3s}.volume-container:hover .volume-slider,.volume-slider:active{width:70px}.volume-slider::-webkit-slider-runnable-track{cursor:pointer;width:100%;height:4px}.volume-slider::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#fff;border-radius:50%;width:10px;height:10px;margin-top:-3px}.speed-dropdown{position:relative}.speed-options{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:120;background:#0f172af2;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;min-width:80px;margin-bottom:.5rem;animation:.2s slideUp;display:flex;position:absolute;bottom:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.speed-option{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:none;padding:.5rem 1rem;font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s}.speed-option:hover{color:#fff;background:#ffffff14}.speed-option.active{background:var(--primary);color:#fff}.video-cover-overlay{z-index:110;background:linear-gradient(#03071280 0%,#030712e6 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.video-cover-play-btn{border:2px solid var(--primary);cursor:pointer;background:#ca8a0433;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 0 30px #ca8a044d}.video-cover-play-btn:before{content:"";border:1px solid #ca8a044d;border-radius:50%;animation:2s infinite pulsePlay;position:absolute;inset:-6px}@keyframes pulsePlay{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.video-cover-play-btn:hover{background:var(--primary);transform:scale(1.1);box-shadow:0 0 40px #ca8a0499}.premium-watermark{color:#ffffff40;pointer-events:none;z-index:90;-webkit-user-select:none;user-select:none;text-shadow:1px 1px 3px #000c;white-space:nowrap;direction:ltr;font-size:clamp(.75rem,2vw,1.25rem);font-weight:700;transition:all 5s cubic-bezier(.25,.46,.45,.94);position:absolute}.center-ripple-indicator{pointer-events:none;z-index:105;background:#0f172acc;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;animation:.6s cubic-bezier(.16,1,.3,1) forwards rippleFade;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rippleFade{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.double-tap-jump{pointer-events:none;z-index:102;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;width:40%;height:100%;display:flex;position:absolute;top:0}.double-tap-jump.right{animation:.8s ease-out forwards doubleTapFlashRight;right:0}.double-tap-jump.left{animation:.8s ease-out forwards doubleTapFlashLeft;left:0}@keyframes doubleTapFlashRight{0%{opacity:0;transform:skew(-5deg)translate(10px)}30%{opacity:1}to{opacity:0;transform:skew(-5deg)translate(0)}}@keyframes doubleTapFlashLeft{0%{opacity:0;transform:skew(5deg)translate(-10px)}30%{opacity:1}to{opacity:0;transform:skew(5deg)translate(0)}}.video-buffering-overlay{z-index:101;pointer-events:none;background:#0307124d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}