/* ========================================
   FONT DEFINITIONS - Arabic & Icon Fonts
======================================== */

.fas,.far,.fal,.fab,.fa-solid,.fa-regular,.fa-light,.fa-brands{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 5 Free","Font Awesome 5 Pro","FontAwesome" !important;
  font-weight:900;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1;
}

.far,.fa-regular{font-weight:400;}
.fal,.fa-light{font-weight:300;}

.fab,.fa-brands{
  font-weight:400;
  font-family:"Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
}

.fa{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 5 Free","FontAwesome" !important;
  font-weight:900;
}

[class^="fa-"],[class*=" fa-"]{
  font-family:inherit;
  font-weight:inherit;
}

.fas::before,.far::before,.fal::before,.fab::before,
.fa-solid::before,.fa-regular::before,.fa-light::before,.fa-brands::before{
  font-weight:inherit;
  font-family:inherit;
}

/* ===== Arabic Font ===== */

@font-face{
  font-family:'Bahij TheSansArabic';
  src:url('fonts/Bahij_TheSansArabic-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Bahij TheSansArabic';
  src:url('fonts/Bahij_TheSansArabic-Black.ttf') format('truetype');
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

/* ===== Ionicons ===== */

@font-face{
  font-family:'Ionicons';
  src:url('fonts/ionicons.woff2') format('woff2');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

a,a:hover{text-decoration:none;}
/* ======================================== END OF FONT DEFINITIONS ======================================== *//* ======================================== CSS VARIABLES - Light & Dark Theme ======================================== */:root{--pro-bg-primary:#ffffff;--pro-bg-secondary:#f8f9fa;--pro-bg-tertiary:#e9ecef;--pro-text-primary:#212529;--pro-text-secondary:#6c757d;--pro-text-muted:#adb5bd;--pro-border:#e1e5e9;--pro-border-light:#f1f3f4;--pro-border-hover:#d1d7db;--pro-shadow:rgba(0,0,0,0.08);--pro-shadow-hover:rgba(0,0,0,0.12);--pro-shadow-light:rgba(0,0,0,0.04);--pro-shadow-strong:rgba(0,0,0,0.16);--pro-primary:#3583cc;--pro-primary-hover:#266cae;--pro-text-on-primary:#ffffff;--pro-success:#28a745;--pro-success-hover:#1e7e34;--pro-warning:#ffc107;--pro-danger:#dc3545;--pro-info:#17a2b8;--pro-header-height:64px;--pro-header-bg:var(--pro-bg-primary);--pro-header-border:var(--pro-border);--pro-header-shadow:0 2px 4px var(--pro-shadow);--pro-transition:0.3s cubic-bezier(0.4,0,0.2,1);--pro-transition-fast:0.15s ease-out;--pro-spacing-xs:4px;--pro-spacing-sm:8px;--pro-spacing-md:16px;--pro-spacing-lg:24px;--pro-spacing-xl:32px;--pro-radius-sm:4px;--pro-radius-md:8px;--pro-radius-lg:12px;--pro-radius-full:50px;--pro-z-header:1000;--pro-z-dropdown:1010;--pro-z-overlay:1020;--pro-z-modal:1030;--pro-font-arabic:'Bahij TheSansArabic','Amiri','Noto Sans Arabic',Arial,sans-serif;--pro-font-system:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--pro-font-body:var(--pro-font-arabic);/* ======================================== INDEX PAGE VARIABLES ======================================== */ --bg-dark:var(--pro-bg-primary);--bg-card:var(--pro-bg-primary);--bg-light:var(--pro-bg-secondary);--bg-darker:var(--pro-bg-tertiary);--text-light:var(--pro-text-primary);--text-muted:var(--pro-text-secondary);--primary-color:var(--pro-primary);--primary-light:rgba(53,131,204,0.1);--accent-red:#e74c3c;--shadow-color:var(--pro-shadow);--card-shadow:0 4px 15px var(--pro-shadow);--card-shadow-hover:0 8px 30px var(--pro-shadow-hover);--section--head-bg:var(--pro-bg-secondary);--gradient-primary:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));--gradient-dark:linear-gradient(135deg,rgba(0,0,0,0.8),rgba(0,0,0,0.6));--border-light:var(--pro-border);--border-radius-sm:var(--pro-radius-sm);--border-radius-md:var(--pro-radius-md);--border-radius-lg:var(--pro-radius-lg);--border-radius-circle:var(--pro-radius-full);--spacing-xs:var(--pro-spacing-xs);--spacing-sm:var(--pro-spacing-sm);--spacing-md:var(--pro-spacing-md);--spacing-lg:var(--pro-spacing-lg);--font-size-sm:12px;--transition-normal:var(--pro-transition);--transform-hover:scale(1.05);--action-button-bg:rgba(255,255,255,0.9);--play-button-shadow:0 8px 25px rgba(53,131,204,0.4);--button-shadow:0 4px 15px var(--pro-shadow);--button-shadow-hover:0 8px 25px var(--pro-shadow-hover);--badge-shadow:0 2px 8px rgba(0,0,0,0.3);}/* ======================================== DARK MODE STYLES - Theme Variables ======================================== */[data-theme="dark"]{--pro-bg-primary:#2c2c2c;--pro-bg-secondary:#242424;--pro-bg-tertiary:#444343;--pro-bg-light:#383838;--pro-bg-darker:#252525;--pro-text-primary:#ffffff;--pro-text-secondary:#b3b3b3;--pro-text-on-primary:#ffffff;--pro-text-muted:#808080;--pro-border:#3a3a3a;--pro-border-light:#4a4a4a;--pro-border-hover:#505050;--pro-shadow:rgba(0,0,0,0.25);--pro-shadow-hover:rgba(0,0,0,0.35);--pro-shadow-light:rgba(0,0,0,0.15);--pro-shadow-strong:rgba(0,0,0,0.45);--pro-primary:#3583cc;--pro-primary-hover:#3d8bdb;--pro-accent:#7ab8f6;--pro-accent-hover:#518ac4;--pro-success:#4caf50;--pro-success-hover:#45a049;--pro-warning:#ff9800;--pro-warning-hover:#f57c00;--pro-info:#2196f3;--pro-danger:#f44336;--pro-header-bg:var(--pro-bg-primary);--pro-header-border:var(--pro-border);--pro-header-shadow:0 1px 3px rgba(0,0,0,0.1);/* Dark Mode Index Variables */ --bg-dark:var(--pro-bg-primary);--bg-card:var(--pro-bg-primary);--bg-light:var(--pro-bg-secondary);--bg-darker:var(--pro-bg-darker);--text-light:var(--pro-text-primary);--text-muted:var(--pro-text-secondary);--primary-light:rgba(74,158,255,0.15);--shadow-color:rgba(0,0,0,0.3);--card-shadow:0 2px 8px rgba(0,0,0,0.15);--card-shadow-hover:0 4px 16px rgba(0,0,0,0.25);--section--head-bg:var(--pro-bg-secondary);--gradient-primary:linear-gradient(135deg,#4a9eff,#3d8bdb);--gradient-dark:linear-gradient(135deg,rgba(26,26,26,0.95),rgba(36,36,36,0.9));--action-button-bg:rgba(46,46,46,0.9);--play-button-shadow:0 6px 20px rgba(74,158,255,0.3);--button-shadow:0 3px 12px rgba(0,0,0,0.25);--button-shadow-hover:0 6px 20px rgba(0,0,0,0.35);--badge-shadow:0 2px 8px rgba(0,0,0,0.3);}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--pro-bg-primary:#1a1a1a;--pro-bg-secondary:#242424;--pro-bg-tertiary:#2e2e2e;--pro-bg-light:#383838;--pro-bg-darker:#252525;--pro-text-primary:#ffffff;--pro-text-secondary:#b3b3b3;--pro-text-muted:#808080;--pro-border:#3a3a3a;--pro-border-light:#4a4a4a;--pro-border-hover:#505050;--pro-shadow:rgba(0,0,0,0.25);--pro-shadow-hover:rgba(0,0,0,0.35);--pro-shadow-light:rgba(0,0,0,0.15);--pro-shadow-strong:rgba(0,0,0,0.45);--pro-primary:#4a9eff;--pro-primary-hover:#3d8bdb;--pro-accent:#ff6b6b;--pro-accent-hover:#ff5252;--pro-success:#4caf50;--pro-success-hover:#45a049;--pro-warning:#ff9800;--pro-warning-hover:#f57c00;--pro-info:#2196f3;--pro-danger:#f44336;--pro-header-bg:var(--pro-bg-primary);--pro-header-border:var(--pro-border);--pro-header-shadow:0 1px 3px rgba(0,0,0,0.1);}}/* ======================================== END OF CSS VARIABLES ======================================== *//* ======================================== GLOBAL STYLES - Base Elements ======================================== */*{box-sizing:border-box;}body{background-color:var(--pro-bg-secondary);color:var(--pro-text-primary);font-family:var(--pro-font-body);font-size:14px;line-height:1.6;transition:background-color var(--pro-transition),color var(--pro-transition),padding-top var(--pro-transition);padding-top:var(--pro-header-height);}.page-content{min-height:calc(100vh - var(--pro-header-height));position:relative;z-index:1;}/* ======================================== END OF GLOBAL STYLES ======================================== *//* ======================================== HEADER STYLES - Professional Header Design ======================================== */.pro-header{position:fixed;top:0;right:0;left:0;background-color:var(--pro-header-bg);border-bottom:1px solid var(--pro-header-border);box-shadow:var(--pro-header-shadow);z-index:var(--pro-z-header);height:var(--pro-header-height);transition:all var(--pro-transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-height:70px}.pro-header-container{display:flex;align-items:center;justify-content:space-between;height:100%;margin:0 auto;padding:0 var(--pro-spacing-md);gap:var(--pro-spacing-md);}.pro-header-left,.pro-header-center,.pro-header-right{display:flex;align-items:center;gap:var(--pro-spacing-md);}.pro-header-left{flex:0 0 auto;min-width:200px;}.pro-header-center{flex:1 1 auto;justify-content:center;max-width:600px;}.pro-header-right{flex:0 0 auto;justify-content:flex-end;min-width:200px;}.pro-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--pro-radius-md);color:var(--pro-text-primary);cursor:pointer;transition:all var(--pro-transition-fast);font-size:18px;}.pro-menu-toggle:hover{background-color:var(--pro-bg-secondary);transform:scale(1.05);}.pro-menu-toggle:active{transform:scale(0.95);}.pro-logo{display:flex;align-items:center;margin-right:var(--pro-spacing-sm);}.pro-logo-link,.pro-logo-text{text-decoration:none;color:var(--pro-text-primary);font-weight:700;font-size:24px;transition:all var(--pro-transition-fast);}.pro-logo-img{height:35px;width:auto;object-fit:contain;}.pro-logo-text:hover{color:var(--pro-primary);}.pro-search-container{width:100%;max-width:500px;position:relative;}.pro-search-form{width:100%;}.pro-search-wrapper{display:flex;align-items:center;background-color:var(--pro-bg-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:var(--pro-radius-full);padding:2px;transition:all var(--pro-transition-fast);}.pro-search-wrapper:focus-within,.pro-search-wrapper.focused{border-color:var(--pro-primary);box-shadow:0 0 0 3px rgba(0,123,255,0.1);}.pro-search-input{flex:1;background:transparent;border:none;outline:none;padding:var(--pro-spacing-sm) var(--pro-spacing-md);color:var(--pro-text-primary);font-size:14px;}.pro-search-input.form-control{background:transparent;border:none;box-shadow:none;height:auto;padding:var(--pro-spacing-sm) var(--pro-spacing-md);border-radius:0;}.pro-search-input::placeholder{color:var(--pro-text-muted);}.pro-search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--pro-primary);color:white;border:none;border-radius:var(--pro-radius-full);cursor:pointer;transition:all var(--pro-transition-fast);font-size:14px;}.pro-search-btn:hover{background-color:var(--pro-primary-hover);transform:scale(1.05);}.pro-search-suggestions,.pm-search-suggestions{position:absolute;top:100%;left:0;right:0;background-color:var(--pro-bg-primary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-top:none;border-radius:0 0 var(--pro-radius-lg) var(--pro-radius-lg);box-shadow:var(--pro-header-shadow);z-index:var(--pro-z-dropdown);max-height:300px;overflow-y:auto;}.pro-suggestions-list,.pm-search-suggestions-list{list-style:none;padding:0;margin:0;}.pro-suggestions-list li,.pm-search-suggestions-list li{padding:var(--pro-spacing-sm) var(--pro-spacing-md);cursor:pointer;transition:background-color var(--pro-transition-fast);border-bottom:1px solid var(--pro-border-light);}.pro-suggestions-list li:last-child,.pm-search-suggestions-list li:last-child{border-bottom:none;}.pro-suggestions-list li:hover,.pm-search-suggestions-list li:hover,.pro-suggestions-list li.selected,.pm-search-suggestions-list li.selected{background-color:var(--pro-bg-secondary);}.pm-search-suggestions-list li a{color:var(--pro-text-primary);text-decoration:none;display:block;padding:var(--pro-spacing-xs) 0;}.pm-search-suggestions-list li a:hover{color:var(--pro-primary);}.pro-theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:var(--pro-radius-full);color:var(--pro-text-secondary);cursor:pointer;transition:all var(--pro-transition-fast);font-size:16px;}.pro-theme-toggle:hover{background-color:var(--pro-bg-secondary);color:var(--pro-text-primary);transform:scale(1.05);}.theme-toggle-icon{position:relative;display:inline-block;width:16px;height:16px;}.theme-toggle-icon i{position:absolute;top:0;left:0;transition:all 0.3s ease;opacity:1;}.theme-toggle-icon i[style*="display:none"]{opacity:0;}.pro-user-actions,.pro-guest-actions{display:flex;align-items:center;gap:var(--pro-spacing-sm);}.pro-btn{display:inline-flex;align-items:center;gap:var(--pro-spacing-xs);padding:var(--pro-spacing-sm) var(--pro-spacing-md);border-radius:var(--pro-radius-md);font-size:14px;font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all var(--pro-transition-fast);white-space:nowrap;}.pro-btn-primary{background-color:var(--pro-primary);color:white;border-color:var(--pro-primary);}.pro-btn-primary:hover{background-color:var(--pro-primary-hover);border-color:var(--pro-primary-hover);transform:translateY(-1px);}.pro-btn-outline{background-color:transparent;color:var(--pro-text-primary);border-color:var(--pro-border);}.pro-btn-outline:hover{background-color:var(--pro-bg-secondary);border-color:var(--pro-primary);color:var(--pro-primary);}.pro-btn-text{font-size:inherit;}.pro-mobile-search{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--pro-radius-md);color:var(--pro-text-secondary);cursor:pointer;transition:all var(--pro-transition-fast);font-size:16px;}.pro-mobile-search:hover{background-color:var(--pro-bg-secondary);color:var(--pro-text-primary);}.pro-notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--pro-radius-md);color:var(--pro-text-secondary);cursor:pointer;transition:all var(--pro-transition-fast);font-size:16px;}.pro-notification-btn:hover{background-color:var(--pro-bg-secondary);color:var(--pro-text-primary);}.pro-notification-badge{position:absolute;top:2px;right:2px;background-color:var(--pro-danger);color:white;font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--pro-radius-full);min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;}.pro-user-menu{position:relative;}.pro-user-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--pro-radius-full);cursor:pointer;transition:all var(--pro-transition-fast);overflow:hidden;}.pro-user-avatar:hover{transform:scale(1.05);box-shadow:0 0 0 3px rgba(0,123,255,0.2);}.pro-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--pro-radius-full);}.pro-dropdown-menu{position:absolute;top:calc(100%+var(--pro-spacing-sm));right:0;min-width:280px;background-color:var(--pro-bg-primary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:var(--pro-radius-lg);box-shadow:0 8px 32px var(--pro-shadow);z-index:var(--pro-z-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--pro-transition);padding:var(--pro-spacing-sm);}.pro-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0);}.pro-user-info{display:flex;align-items:center;gap:var(--pro-spacing-md);padding:var(--pro-spacing-md);border-radius:var(--pro-radius-md);background-color:var(--pro-bg-secondary);margin-bottom:var(--pro-spacing-sm);}.pro-user-info-avatar{width:48px;height:48px;border-radius:var(--pro-radius-full);object-fit:cover;}.pro-user-details{flex:1;}.pro-user-name{font-weight:600;color:var(--pro-text-primary);margin-bottom:2px;}.pro-user-greeting{font-size:12px;color:var(--pro-text-secondary);}.pro-user-edit{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--pro-radius-md);color:var(--pro-text-secondary);text-decoration:none;transition:all var(--pro-transition-fast);}.pro-user-edit:hover{background-color:var(--pro-bg-tertiary);color:var(--pro-text-primary);}.pro-dropdown-divider{height:1px;background-color:var(--pro-border-light);margin:var(--pro-spacing-sm) 0;}.pro-dropdown-item{display:flex;align-items:center;gap:var(--pro-spacing-md);padding:var(--pro-spacing-sm) var(--pro-spacing-md);color:var(--pro-text-primary);text-decoration:none;border-radius:var(--pro-radius-md);transition:all var(--pro-transition-fast);font-size:14px;}.pro-dropdown-item:hover{background-color:var(--pro-bg-secondary);color:var(--pro-text-primary);}.pro-dropdown-item.pro-logout{color:var(--pro-danger);}.pro-dropdown-item.pro-logout:hover{background-color:rgba(220,53,69,0.1);}.pro-dropdown-item i{width:16px;text-align:center;font-size:14px;}.pro-mobile-search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:var(--pro-z-overlay);opacity:0;visibility:hidden;transition:all var(--pro-transition);}.pro-mobile-search-overlay.active{opacity:1;visibility:visible;}.pro-mobile-search-container{position:absolute;top:var(--pro-header-height);left:0;right:0;background-color:var(--pro-bg-primary);padding:var(--pro-spacing-lg);border-bottom:1px solid var(--pro-border);transform:translateY(-100%);transition:transform var(--pro-transition);}.pro-mobile-search-overlay.active .pro-mobile-search-container{transform:translateY(0);}.pro-mobile-search-form{display:flex;align-items:center;gap:var(--pro-spacing-sm);}.pro-mobile-search-input{flex:1;padding:var(--pro-spacing-md);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:var(--pro-radius-md);background-color:var(--pro-bg-secondary);color:var(--pro-text-primary);font-size:16px;}.pro-mobile-search-input:focus{outline:none;border-color:var(--pro-primary);box-shadow:0 0 0 3px rgba(0,123,255,0.1);}.pro-mobile-search-submit,.pro-mobile-search-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:var(--pro-radius-md);cursor:pointer;transition:all var(--pro-transition-fast);font-size:16px;}.pro-mobile-search-submit{background-color:var(--pro-primary);color:white;}.pro-mobile-search-submit:hover{background-color:var(--pro-primary-hover);}.pro-mobile-search-close{background-color:var(--pro-bg-tertiary);color:var(--pro-text-secondary);}.pro-mobile-search-close:hover{background-color:var(--pro-danger);color:white;}@media (max-width:1024px){.pro-header-container{padding:0 var(--pro-spacing-sm);}.pro-header-left,.pro-header-right{min-width:auto;}.pro-btn-text{display:none;}.pro-btn{padding:var(--pro-spacing-sm);min-width:40px;justify-content:center;}}@media (max-width:768px){body{padding-top:calc(var(--pro-header-height)+10px);}.pro-header-center{display:none;}.pro-header-center.show-me{display:block !important;position:absolute;top:100%;left:0;right:0;width:100% !important;margin:0 auto;background-color:var(--pro-bg-primary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;padding:15px;z-index:1050;box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:8px;justify-content:center;}#pm-top-search{display:none;}#pm-top-search.show-me,.pro-header-center.show-me #pm-top-search{display:block !important;position:static;width:100% !important;margin:0;background:transparent;border:none;padding:0;box-shadow:none;}.pro-header-center.show-me .pro-search-wrapper{border:2px solid var(--pro-primary);border-radius:25px;background-color:var(--pro-bg-primary);}.pro-header-center.show-me .pro-search-input{padding:12px 16px;font-size:16px;}.pro-header-center.show-me .pro-search-btn{padding:12px 16px;background-color:var(--pro-primary);color:white;}.pro-mobile-search{display:flex;}.pro-header-left{flex:1;min-width:auto;gap:var(--pro-spacing-sm);}.pro-header-right{flex:0 0 auto;min-width:auto;}.pro-add-video{display:none;}.pro-theme-toggle{display:flex;}.pro-dropdown-item.pro-mobile-only{display:flex;}.pro-btn.pro-mobile-only{display:flex;}.pro-dropdown-menu{right:-var(--pro-spacing-md);left:var(--pro-spacing-md);min-width:auto;}}@media (max-width:480px){body{padding-top:calc(var(--pro-header-height)+15px);}.pro-header-container{padding:0 var(--pro-spacing-xs);gap:var(--pro-spacing-xs);}.pro-btn{padding:var(--pro-spacing-xs);min-width:36px;}.pro-menu-toggle,.pro-mobile-search,.pro-notification-btn,.pro-user-avatar{width:36px;height:36px;}}@media (prefers-contrast:high){:root{--pro-border:#000000;--pro-shadow:rgba(0,0,0,0.3);}[data-theme="dark"]{--pro-border:#ffffff;--pro-text-secondary:#cccccc;}}@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;}}@media print{.pro-header{position:static;box-shadow:none;border-bottom:1px solid #000;}.pro-theme-toggle,.pro-mobile-search,.pro-notification-btn,.pro-user-menu,.pro-mobile-search-overlay{display:none !important;}}.pro-menu-toggle:focus,.pro-search-btn:focus,.pro-theme-toggle:focus,.pro-btn:focus,.pro-mobile-search:focus,.pro-notification-btn:focus,.pro-user-avatar:focus{outline:2px solid var(--pro-primary);outline-offset:2px;}[dir="rtl"] .pro-header-container,[dir="rtl"] .pro-header-left,[dir="rtl"] .pro-header-right,[dir="rtl"] .pro-user-actions,[dir="rtl"] .pro-guest-actions{direction:rtl;}[dir="rtl"] .pro-dropdown-menu{right:auto;left:0;}[dir="rtl"] .pro-user-info{flex-direction:row-reverse;}.fade-in{animation:fadeIn 0.3s ease-out;}.slide-down{animation:slideDown 0.3s ease-out;}.slick-slide{margin:0 5px;}.animated{animation-duration:0.3s;animation-fill-mode:both;}.animated.fadeIn{animation-name:fadeIn;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}.pro-loading{opacity:0.6;pointer-events:none;}.pro-loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--pro-border);border-top:2px solid var(--pro-primary);border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}/* ======================================== END OF HEADER STYLES ======================================== */.hide-me{display:none;}/* ======================================== SIDEBAR STYLES - Elegant RTL Sidebar ======================================== */#myNavmenu{position:fixed !important;top:0 !important;right:-280px !important;width:280px !important;height:100vh !important;background:var(--pro-bg-primary) !important;backdrop-filter:blur(20px) saturate(180%) !important;-webkit-backdrop-filter:blur(20px) saturate(180%) !important;border-left:1px solid var(--pro-border) !important;box-shadow:-8px 0 40px var(--pro-shadow) !important;transition:right 0.4s cubic-bezier(0.25,0.46,0.45,0.94) !important;z-index:9999 !important;font-family:var(--pro-font-arabic);overflow:hidden;}#myNavmenu.show,#myNavmenu.in{right:0 !important;display:block !important;}#myNavmenu{display:none;}.sidebar-elegant .navslide-wrap{height:100vh;overflow-y:auto;overflow-x:hidden;padding:0;position:relative;scroll-behavior:smooth;z-index:1;}.sidebar-elegant .navslide-wrap::before{content:'ايجى بست';display:flex;align-items:center;justify-content:center;height:80px;background:linear-gradient(135deg,rgba(53,131,204,0.1),rgba(53,131,204,0.05));backdrop-filter:blur(10px);border-bottom:1px solid var(--pro-border);font-family:var(--pro-font-arabic);font-weight:900;font-size:20px;color:var(--pro-primary);text-shadow:0 2px 4px var(--pro-shadow);margin:0;position:sticky;top:0;z-index:10;}.sidebar-elegant .navslide-wrap::after{content:'✕';position:fixed;top:20px;left:20px;width:40px;height:40px;background:var(--pro-bg-secondary);backdrop-filter:blur(10px);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:50%;color:var(--pro-text-secondary);font-size:16px;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:all 0.3s ease;pointer-events:auto;}.sidebar-elegant .navslide-wrap::after:hover{background:rgba(220,53,69,0.2);color:#dc3545;transform:rotate(90deg);border-color:rgba(220,53,69,0.3);}.sidebar-elegant ul.list-unstyled{padding:12px 0;margin:0;list-style:none;}.sidebar-elegant li{margin:0;position:relative;}.sidebar-elegant li a{display:flex;align-items:center;padding:10px 16px;color:var(--pro-text-primary) !important;text-decoration:none;font-family:var(--pro-font-arabic);font-size:14px;font-weight:500;border-radius:0;position:relative;direction:rtl;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);border-left:3px solid transparent;cursor:pointer;}.sidebar-elegant li a:hover{background:linear-gradient(90deg,rgba(53,131,204,0.08),rgba(53,131,204,0.03));border-left-color:var(--pro-primary);transform:translateX(-3px);color:var(--pro-text-primary) !important;}.sidebar-elegant li a i{font-size:18px;width:24px;text-align:center;color:var(--pro-text-secondary);margin-left:16px;transition:all 0.3s ease;}.sidebar-elegant li a:hover i{color:var(--pro-primary);transform:scale(1.1);}.sidebar-elegant li.nav-menu-item-active a{background:linear-gradient(135deg,var(--pro-primary),rgba(53,131,204,0.8)) !important;color:white !important;font-weight:600;border-radius:8px;margin:6px 12px;padding:12px 16px;box-shadow:0 3px 15px rgba(53,131,204,0.3);border:none !important;transform:none !important;}.sidebar-elegant li.nav-menu-item-active a i{color:white !important;transform:none;}.sidebar-elegant li.nav-menu-item-active a:hover{box-shadow:0 6px 25px rgba(53,131,204,0.4);transform:translateY(-2px) !important;background:linear-gradient(135deg,rgba(53,131,204,0.9),var(--pro-primary)) !important;border-left-color:transparent !important;}.sidebar-elegant li a.primary{background:linear-gradient(135deg,var(--pro-success),rgba(40,167,69,0.8)) !important;color:white !important;font-weight:600;border-radius:12px;margin:8px 16px;border:none !important;box-shadow:0 4px 20px rgba(40,167,69,0.3);}.sidebar-elegant li a.primary i{color:white !important;}.sidebar-elegant li a.primary:hover{box-shadow:0 6px 25px rgba(40,167,69,0.4);transform:translateY(-2px) !important;border-left-color:transparent !important;}.sidebar-elegant .navslide-header{padding:5px;margin:16px 0 8px;}.sidebar-elegant .navslide-header a{display:flex;align-items:center;font-size:13px;font-weight:700;color:var(--pro-text-muted) !important;text-transform:uppercase;letter-spacing:1px;text-decoration:none;padding:12px 16px;background:var(--pro-bg-secondary);border-radius:8px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;transition:all 0.3s ease;direction:rtl;}.sidebar-elegant .navslide-header a:hover{background:var(--pro-bg-tertiary);color:var(--pro-primary) !important;border-color:var(--pro-primary);transform:translateX(-2px);}.sidebar-elegant .navslide-divider{height:1px;background:linear-gradient(90deg,transparent,var(--pro-border),transparent);margin:20px 24px;position:relative;}.sidebar-elegant .navslide-divider::after{content:'';position:absolute;top:-1px;left:50%;width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--pro-primary),transparent);border-radius:2px;transform:translateX(-50%);opacity:0.6;}.sidebar-elegant .navslide-wrap li{position:relative;z-index:auto;}.sidebar-elegant .navslide-wrap li ul{position:static !important;width:100% !important;background:rgba(240,248,255,0.8) !important;backdrop-filter:blur(10px) !important;border:none !important;padding:8px 0 !important;margin:4px 0 8px 0 !important;list-style:none !important;max-height:0 !important;opacity:0 !important;transform:translateY(-10px) !important;transition:all 0.4s ease !important;z-index:1000 !important;pointer-events:none !important;}.sidebar-elegant .navslide-wrap li.open>ul{max-height:500px !important;opacity:1 !important;transform:translateY(0) !important;pointer-events:auto !important;overflow-y:auto !important;}.sidebar-elegant .navslide-wrap li.open{z-index:1002 !important;}.sidebar-elegant .navslide-wrap li ul li{margin:0 !important;padding:0 !important;position:relative !important;z-index:1001 !important;}.sidebar-elegant .navslide-wrap li ul li a{display:block !important;padding:5px 20px 5px 12px !important;color:#666 !important;text-decoration:none !important;font-size:12px !important;direction:rtl !important;border-radius:4px !important;margin:1px 6px !important;transition:all 0.2s ease !important;border-right:2px solid transparent !important;text-align:right !important;position:relative !important;z-index:1001 !important;pointer-events:auto !important;cursor:pointer !important;}.sidebar-elegant .navslide-wrap li ul li a:hover{background:rgba(37,99,235,0.1) !important;color:#2563eb !important;border-right-color:#2563eb !important;transform:translateX(2px) !important;}.sidebar-elegant .navslide-wrap li:has(ul)>a::after,.sidebar-elegant .navslide-wrap li.has-children>a::after{content:'▼';position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:8px;color:#999;transition:all 0.3s ease;}.sidebar-elegant .navslide-wrap li.open>a::after,.sidebar-elegant .navslide-wrap li.has-children.open>a::after{color:#2563eb;transform:translateY(-50%) rotate(180deg);}/* ======================================== DARK MODE - SIDEBAR STYLES ======================================== */[data-theme="dark"] .sidebar-elegant .navslide-wrap li ul{background:rgba(45,45,45,0.9) !important;box-shadow:inset 0 2px 8px rgba(0,0,0,0.4) !important;}[data-theme="dark"] .sidebar-elegant .navslide-wrap li ul li a{color:#cccccc !important;}[data-theme="dark"] .sidebar-elegant .navslide-wrap li ul li a:hover{background:rgba(96,165,250,0.2) !important;color:#60a5fa !important;border-right-color:#60a5fa !important;}[data-theme="dark"] .sidebar-elegant .navslide-wrap li:has(ul)>a::after,[data-theme="dark"] .sidebar-elegant .navslide-wrap li.has-children>a::after{color:#666 !important;}[data-theme="dark"] .sidebar-elegant .navslide-wrap li.open>a::after,[data-theme="dark"] .sidebar-elegant .navslide-wrap li.has-children.open>a::after{color:#60a5fa !important;}[data-theme="dark"] #myNavmenu{background:var(--pro-bg-primary) !important;border-left-color:var(--pro-border) !important;box-shadow:-8px 0 40px rgba(0,0,0,0.5) !important;}[data-theme="dark"] .sidebar-elegant .navslide-wrap::before{background:linear-gradient(135deg,rgba(53,131,204,0.2),rgba(53,131,204,0.1));border-bottom-color:var(--pro-border);color:var(--pro-primary);text-shadow:0 2px 4px rgba(0,0,0,0.3);}[data-theme="dark"] .sidebar-elegant .navslide-wrap::after{background:var(--pro-bg-secondary);border-color:var(--pro-border);color:var(--pro-text-secondary);}[data-theme="dark"] .sidebar-elegant .navslide-wrap::after:hover{background:rgba(220,53,69,0.3);color:#ff6b7a;border-color:rgba(220,53,69,0.4);}[data-theme="dark"] .sidebar-elegant li a{color:var(--pro-text-primary) !important;}[data-theme="dark"] .sidebar-elegant li a:hover{background:linear-gradient(90deg,rgba(53,131,204,0.15),rgba(53,131,204,0.08));color:var(--pro-text-primary) !important;}[data-theme="dark"] .sidebar-elegant li a i{color:var(--pro-text-secondary);}[data-theme="dark"] .sidebar-elegant li a:hover i{color:var(--pro-primary);}[data-theme="dark"] .sidebar-elegant .navslide-header a{background:var(--pro-bg-secondary);border-color:var(--pro-border);color:var(--pro-text-muted) !important;}[data-theme="dark"] .sidebar-elegant .navslide-header a:hover{background:var(--pro-bg-tertiary);border-color:var(--pro-primary);color:var(--pro-primary) !important;}[data-theme="dark"] .sidebar-elegant .navslide-divider{background:linear-gradient(90deg,transparent,var(--pro-border),transparent);}[data-theme="dark"] .sidebar-elegant .navslide-divider::after{background:linear-gradient(90deg,transparent,var(--pro-primary),transparent);}/* ======================================== END OF DARK MODE - SIDEBAR STYLES ======================================== *//* ======================================== SIDEBAR SCROLLBAR STYLES ======================================== */.sidebar-elegant .navslide-wrap::-webkit-scrollbar{width:6px;}.sidebar-elegant .navslide-wrap::-webkit-scrollbar-track{background:var(--pro-bg-secondary);}.sidebar-elegant .navslide-wrap::-webkit-scrollbar-thumb{background:var(--pro-primary);opacity:0.3;border-radius:3px;}.sidebar-elegant .navslide-wrap::-webkit-scrollbar-thumb:hover{opacity:0.5;}.sidebar-elegant .navslide-wrap li ul::-webkit-scrollbar{width:4px;}.sidebar-elegant .navslide-wrap li ul::-webkit-scrollbar-track{background:transparent;}.sidebar-elegant .navslide-wrap li ul::-webkit-scrollbar-thumb{background:var(--pro-primary);opacity:0.3;border-radius:2px;}/* ======================================== END OF SIDEBAR SCROLLBAR STYLES ======================================== *//* ======================================== SIDEBAR OVERLAY STYLES ======================================== */.navmenu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--pro-shadow);backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s ease;}.navmenu-overlay.show{opacity:1;visibility:visible;}@media (max-width:768px){#myNavmenu{width:260px !important;right:-260px !important;}.sidebar-elegant li a{padding:10px 15px !important;font-size:14px !important;}.sidebar-elegant li.nav-menu-item-active a{margin:6px 10px !important;padding:12px 14px !important;}.sidebar-elegant .navslide-wrap li ul li a{padding:5px 12px 5px 20px !important;font-size:12px !important;margin:1px 6px !important;}}body.sidebar-open{overflow:hidden;padding-top:var(--pro-header-height);}body.sidebar-open::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:var(--pro-shadow);backdrop-filter:blur(4px);z-index:9998;animation:fadeIn 0.3s ease-out forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}/* ======================================== END OF SIDEBAR OVERLAY STYLES ======================================== *//* ======================================== PAGE LAYOUT STYLES - Professional Design ======================================== */ .container{max-width:1400px;margin:0 auto;padding:0 20px;}.sectionCon{position:relative;overflow:hidden;width:100%;background:var(--bg-dark);border-radius:20px;box-shadow:0 10px 30px var(--shadow-color);position:relative;overflow:hidden;margin-top:30px;}.top-menu{margin-bottom:10px;position:relative;}.menu-list{display:flex;gap:var(--spacing-md);flex-wrap:wrap;background:var(--section--head-bg);padding:var(--spacing-md);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;}.menu-list::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);}.menu-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-radius:var(--border-radius-md);color:var(--text-light);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;font-size:var(--font-size-sm);}.menu-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity 0.3s ease;z-index:0;}.menu-item:hover::before,.menu-item.active::before{opacity:1;}.menu-item i,.menu-item span{position:relative;z-index:1;}.menu-item:hover,.menu-item.active{transform:translateY(-2px);color:var(--text-light);}.section-head{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--section--head-bg);position:relative;overflow:hidden;border-radius:20px 20px 0 0;}.section-head::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);}.section-head-content{display:flex;align-items:center;gap:20px;}.section-icon{width:50px;height:50px;background:var(--primary-light);border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.3s ease;}.section-icon::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity 0.3s ease;}.section-icon i{font-size:24px;color:var(--primary-color);position:relative;z-index:1;transition:all 0.3s ease;}.section-info{flex:1;}.section-title{margin:0;font-size:20px;font-weight:700;line-height:1.2;}.section-title a{color:var(--text-light);text-decoration:none;display:flex;align-items:center;gap:10px;transition:all 0.3s ease;}.title-text{position:relative;}.title-text::after{content:'';position:absolute;bottom:-2px;right:0;width:100%;height:2px;background:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;}.section-title a:hover .title-text::after{transform:scaleX(1);transform-origin:right;}.title-count{background:var(--primary-light);color:var(--primary-color);padding:4px 10px;border-radius:20px;font-size:14px;font-weight:600;transition:all 0.3s ease;}.section-title a:hover .title-count{background:var(--primary-color);color:var(--text-light);}.section-desc{margin:5px 0 0;font-size:14px;color:var(--text-muted);transition:all 0.3s ease;}.section-actions{display:flex;align-items:center;}.view-all-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-light);border-radius:12px;color:var(--text-light);text-decoration:none;font-size:14px;font-weight:500;transition:all 0.3s ease;}.view-all-btn i{font-size:14px;transition:transform 0.3s ease;}.view-all-btn:hover{background:var(--primary-light);color:var(--primary-color);transform:translateX(-5px);}.view-all-btn:hover i{transform:translateX(-3px);}.section-head:hover .section-icon::before{opacity:1;}.section-head:hover .section-icon i{color:var(--text-light);transform:scale(1.1);}.section-head:hover .section-desc{color:var(--text-light);}@media (max-width:768px){.section-head{flex-direction:column;align-items:flex-start;gap:15px;}.section-head-content{width:100%;}.section-actions{width:100%;justify-content:flex-end;}.section-title{font-size:18px;}.section-icon{width:45px;height:45px;}.section-icon i{font-size:20px;}}@media (max-width:480px){.section-head{padding:15px;}.section-title{font-size:16px;}.section-desc{font-size:12px;}.section-icon{width:40px;height:40px;}.section-icon i{font-size:18px;}.view-all-btn{padding:6px 12px;font-size:12px;}}.section-nav{display:flex;gap:10px;}.nav-btn{width:40px;height:40px;border-radius:50%;background:var(--card-bg);border:none;color:var(--text-light);cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}.nav-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity 0.3s ease;}.nav-btn:hover::before{opacity:1;}.nav-btn i{position:relative;z-index:1;}.banner-area{margin:30px 0;position:relative;}.banner-container{background:var(--card-bg);border-radius:12px;padding:20px;text-align:center;position:relative;overflow:hidden;}.banner-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-dark);opacity:0.5;}.empty-state{grid-column:1 / -1;text-align:center;padding:40px;background:var(--card-bg);border-radius:12px;color:var(--text-muted);position:relative;overflow:hidden;}.empty-state::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-dark);opacity:0.3;}.category-list{margin-bottom:40px;position:relative;animation:fadeIn 0.5s ease forwards;}.category-list .video-container{display:block;width:100%;margin:0;padding:25px;background:var(--bg-dark);border-radius:20px;box-shadow:0 10px 30px var(--shadow-color);position:relative;overflow:hidden;}.category-list .video-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="1" fill="rgba(255,255,255,0.05)"/></svg>');opacity:0.5;}.category-list .pm-ul-carousel-videos{margin:0;padding:0;list-style:none;display:flex;transition:var(--transition-normal);}.category-list .pm-ul-carousel-videos li{flex:0 0 calc(20% - 30px);margin:0 15px;opacity:0.6;transform:scale(0.9);transition:var(--transition-normal);}.category-list .pm-ul-carousel-videos li.slick-active{opacity:1;transform:scale(1);}@media (max-width:1200px){.category-list .pm-ul-carousel-videos li{flex:0 0 calc(25% - 30px);}}@media (max-width:992px){.category-list .pm-ul-carousel-videos li{flex:0 0 calc(33.333% - 30px);}}@media (max-width:768px){.category-list .pm-ul-carousel-videos li{flex:0 0 calc(50% - 30px);}}@media (max-width:480px){.category-list .pm-ul-carousel-videos li{flex:0 0 calc(100% - 30px);}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes slideIn{from{transform:translateX(-30px);opacity:0;}to{transform:translateX(0);opacity:1;}}.latest-videos,.series-list,.movies-list,.category-list{animation:fadeIn 0.5s ease forwards;}.menu-item,.series-box,.video-card{animation:slideIn 0.3s ease forwards;}.video-container{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:100%;margin:0;padding:25px;background:var(--bg-dark);border-radius:20px;box-shadow:0 10px 30px var(--shadow-color);position:relative;overflow:hidden;}.videoContainer.video-container{background:transparent !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;}.video-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="1" height="1" fill="rgba(255,255,255,0.05)"/></svg>');opacity:0.5;}@media (max-width:1400px){.video-container{grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;}}@media (max-width:1024px){.video-container{grid-template-columns:repeat(3,1fr);gap:15px;padding:15px;}}@media (max-width:768px){.video-container{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px;}.video-title{font-size:14px;}.video-meta{font-size:12px;}.meta-item{padding:3px 8px;}.meta-action-btn{width:26px;height:26px;font-size:11px;}}@media (max-width:480px){.video-container{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px;}.video-info{padding:10px;}.video-title{font-size:13px;margin-bottom:8px;}.video-meta{font-size:11px;gap:6px;}.meta-item{padding:2px 6px;}.meta-action-btn{width:24px;height:24px;font-size:10px;}.video-badge{font-size:11px;padding:4px 8px;}}/* ======================================== Main-nav section ======================================== */ .main-nav{margin-bottom:10px;position:relative;}.nav-container{background:var(--bg-dark);border-radius:20px;padding:5px;box-shadow:0 8px 25px var(--shadow-color);position:relative;overflow:hidden;margin-top:30px;}.nav-container::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);}.nav-wrapper{display:flex;gap:10px;padding:10px;position:relative;}.nav-item{flex:1;display:flex;align-items:center;gap:15px;padding:15px 20px;background:var(--bg-darker);border-radius:15px;text-decoration:none;color:var(--text-light);position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.nav-item::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity 0.3s ease;}.nav-item:hover::before,.nav-item.active::before{opacity:0.1;}.nav-icon{width:45px;height:45px;background:var(--bg-light);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all 0.3s ease;}.nav-icon i{font-size:20px;color:var(--primary-color);transition:all 0.3s ease;}.nav-content{flex:1;position:relative;z-index:1;}.nav-label{display:block;font-size:16px;font-weight:600;margin-bottom:4px;transition:all 0.3s ease;}.nav-desc{display:block;font-size:12px;color:var(--text-muted);transition:all 0.3s ease;}.nav-indicator{position:absolute;bottom:0;right:0;width:100%;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{background:var(--primary-light);transform:scale(1.1);}.nav-item:hover .nav-icon i,.nav-item.active .nav-icon i{color:var(--primary-color);transform:scale(1.1);}.nav-item:hover .nav-label,.nav-item.active .nav-label{color:var(--primary-color);transform:translateX(5px);}.nav-item:hover .nav-desc,.nav-item.active .nav-desc{color:var(--text-light);}.nav-item:hover .nav-indicator,.nav-item.active .nav-indicator{transform:scaleX(1);transform-origin:right;}@media (max-width:992px){.nav-wrapper{flex-wrap:wrap;}.nav-item{flex:1 1 calc(50% - 10px);}}@media (max-width:576px){.nav-item{flex:1 1 100%;}.nav-label{font-size:14px;}.nav-desc{font-size:11px;}.nav-icon{width:40px;height:40px;}.nav-icon i{font-size:18px;}}/* ======================================== PROFESSIONAL FOOTER DESIGN ======================================== *//* ======================================== FOOTER CATEGORIES SECTION ======================================== */.container-footer{padding:0 !important;margin:0 !important;background:linear-gradient(#373738,#333)}.pro-footer-categories{padding:50px 0;position:relative;overflow:hidden;}.pro-categories-wrapper{width:100%;padding:0 40px;}.pro-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;justify-content:center;}@media (min-width:1400px){.pro-categories-grid{grid-template-columns:repeat(6,1fr);}}@media (min-width:1200px) and (max-width:1399px){.pro-categories-grid{grid-template-columns:repeat(5,1fr);}}@media (min-width:992px) and (max-width:1199px){.pro-categories-grid{grid-template-columns:repeat(4,1fr);}}@media (min-width:768px) and (max-width:991px){.pro-categories-grid{grid-template-columns:repeat(3,1fr);}}.pro-category-card{background:var(--pro-primary);border:1px solid var(--pro-primary);border-radius:8px;padding:0;text-decoration:none;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform-origin:center;}.pro-category-inner{display:flex;align-items:center;gap:10px;padding:12px 14px;position:relative;z-index:2;}.pro-category-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:rgba(255,255,255,0.15);border-radius:8px;transition:all 0.3s ease;flex-shrink:0;}.pro-category-icon i{font-size:14px;color:white;}.pro-category-name{flex:1;font-size:13px;font-weight:600;color:white;transition:color 0.3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.pro-category-card:hover .pro-category-name{color:white;}.pro-category-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(255,255,255,0.15);border-radius:6px;transition:all 0.3s ease;flex-shrink:0;}.pro-category-card:hover .pro-category-arrow{background:rgba(255,255,255,0.25);}.pro-category-arrow i{font-size:10px;color:white;transition:color 0.3s ease;}.pro-category-card:hover .pro-category-arrow i{color:white;}/* ======================================== MAIN FOOTER SECTION ======================================== */.pro-main-footer{background:rgba(0,0,0,.2);padding:20px 0 20px;position:relative;}.pro-footer-container{max-width:1200px;margin:0 auto;padding:0 20px;}.pro-footer-content{display:flex;flex-direction:column;gap:40px;}/* ======================================== FOOTER NAVIGATION ======================================== *//* ======================================== COPYRIGHT SECTION ======================================== */.pro-footer-copyright{display:flex;flex-direction:column;align-items:center;gap:24px;}.pro-copyright-content{display:flex;align-items:center;gap:12px;text-align:center;}.pro-copyright-text{margin:0;font-size:14px;color:var(--pro-text-muted);line-height:1.5;}.pro-copyright-text strong{color:var(--pro-primary);font-weight:700;}.pro-footer-decoration{display:flex;align-items:center;gap:12px;}.pro-decoration-line{width:60px;height:2px;background:var(--pro-gradient-primary);border-radius:1px;}.pro-decoration-dot{width:8px;height:8px;background:var(--pro-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite;}/* ======================================== ANIMATIONS ======================================== */@keyframes floatAnimation{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-20px) rotate(180deg);}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.1);opacity:0.7;}}/* ======================================== RESPONSIVE DESIGN ======================================== */@media (max-width:768px){.pro-footer-categories{padding:40px 0;margin-top:30px;}.pro-categories-wrapper{padding:0 20px;}.pro-categories-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}.pro-category-inner{padding:14px 16px;gap:10px;}.pro-nav-list{flex-direction:column;align-items:center;gap:12px;}.pro-nav-link{width:100%;max-width:280px;justify-content:center;}}@media (max-width:480px){.pro-footer-categories{padding:30px 0;margin-top:20px;}.pro-categories-grid{grid-template-columns:1fr;gap:10px;}.pro-category-inner{padding:12px 14px;gap:10px;}.pro-category-icon{width:32px;height:32px;}.pro-category-icon i{font-size:14px;}.pro-category-name{font-size:13px;}.pro-category-arrow{width:24px;height:24px;}.pro-category-arrow i{font-size:10px;}.pro-nav-link{padding:12px 16px;font-size:13px;}.pro-copyright-content{flex-direction:column;gap:8px;}.pro-copyright-text{font-size:12px;}}/* ======================================== DARK MODE SUPPORT ======================================== */[data-theme="dark"] .pro-main-footer{background:var(--pro-bg-darker);}[data-theme="dark"] .container-footer{background:linear-gradient(#2b2b2c,#1a1a1a)}[data-theme="dark"] .pro-nav-link{background:var(--pro-bg-light);box-shadow:0 4px 16px rgba(0,0,0,0.15);}[data-theme="dark"] .pro-nav-link:hover{box-shadow:0 4px 12px rgba(74,158,255,0.2);}/* ======================================== NEW VIDEO CARD DESIGN - REBUILT FROM SCRATCH Based on the updated template structure ======================================== */.video-card{position:relative;background:var(--bg-card);border-radius:16px;overflow:hidden;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);border:1px solid var(--border-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform-origin:center;will-change:transform,box-shadow;}.video-card-inner{position:relative;height:100%;display:flex;flex-direction:column;}/* ======================================== VIDEO THUMBNAIL SECTION ======================================== */.video-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--bg-darker),var(--bg-light));border-radius:16px 16px 0 0;}.video-link{position:relative;display:block;width:100%;height:100%;text-decoration:none;color:inherit;}.thumbnail-wrapper{position:relative;width:100%;height:100%;overflow:hidden;}.thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);background:var(--bg-darker);}.video-card:hover .thumbnail-image{transform:scale(1.1);}.thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 135deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 100% );opacity:0;transition:opacity 0.4s ease;}.video-card:hover .thumbnail-overlay{opacity:1;}/* ======================================== VIDEO OVERLAY & PLAY BUTTON ======================================== */.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);z-index:2;}.video-card:hover .video-overlay{opacity:1;}.play-button{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color),rgba(53,131,204,0.9));border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;cursor:pointer;box-shadow:0 6px 20px rgba(53,131,204,0.4),0 3px 10px rgba(0,0,0,0.2);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);transform:scale(0.8);position:relative;overflow:hidden;}.video-card:hover .play-button{transform:scale(1);}.play-button:hover{transform:scale(1.1);box-shadow:0 12px 35px rgba(53,131,204,0.6),0 6px 20px rgba(0,0,0,0.3);}.play-button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.2) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.6s ease;}.play-button:hover::before{transform:translateX(100%);}.play-button i{margin-left:3px;position:relative;z-index:1;}/* ======================================== VIDEO RANK (for top videos) ======================================== */.video-rank{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--primary-color),rgba(53,131,204,0.9));color:white;padding:8px 12px;border-radius:12px;font-weight:700;font-size:14px;box-shadow:0 6px 20px rgba(53,131,204,0.4);z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:50px;text-align:center;transition:all 0.3s ease;}.video-card:hover .video-rank{transform:scale(1.05);box-shadow:0 8px 25px rgba(53,131,204,0.5);}.rank-number{font-size:18px;font-weight:900;line-height:1;}.rank-label{font-size:10px;opacity:0.9;line-height:1;white-space:nowrap;}/* ======================================== VIDEO BADGES & LABELS ======================================== */.video-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;z-index:3;}.video-badge,.episode-badge{background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:white;padding:4px 8px;border-radius:16px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:all 0.3s ease;}.episode-badge{background:linear-gradient(135deg,var(--primary-color),rgba(53,131,204,0.9));box-shadow:0 3px 12px rgba(53,131,204,0.4);}.video-ribbon{position:absolute;top:15px;right:-35px;background:var(--accent-red);color:white;padding:8px 40px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;transform:rotate(45deg);box-shadow:0 4px 15px rgba(231,76,60,0.4);z-index:4;transition:all 0.3s ease;}/* ======================================== ACTION BUTTONS ======================================== */.action-buttons{position:absolute;bottom:12px;left:12px;display:flex;gap:8px;z-index:3;opacity:0;transform:translateY(10px);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);}.action-buttons.edit-actions{bottom:12px;right:12px;left:auto;}.video-card:hover .action-buttons{opacity:1;transform:translateY(0);}.action-button{width:36px;height:36px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 12px rgba(0,0,0,0.1);text-decoration:none;color:var(--text-muted);position:relative;overflow:hidden;}.action-button:hover{background:var(--primary-color);color:white;transform:scale(1.15) translateY(-2px);box-shadow:0 6px 20px rgba(53,131,204,0.4);}.action-button.edit-button:hover{background:var(--pro-success);box-shadow:0 6px 20px rgba(40,167,69,0.4);}.action-button-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:1;}.action-button i{font-size:14px;}.watch-later-add{display:block;}.watch-later-remove{display:none;background:var(--pro-success) !important;color:white !important;}.watch-later-added .watch-later-add{display:none;}.watch-later-added .watch-later-remove{display:block;}/* ======================================== VIDEO INFO SECTION ======================================== */.video-info{padding:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-card);border-radius:0 0 16px 16px;position:relative;}.video-info::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),transparent);transform:scaleX(0);transform-origin:right;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);}.video-card:hover .video-info::before{transform:scaleX(1);}.video-title{margin:0 0 12px 0;font-size:14px;font-weight:600;line-height:1.4;font-family:var(--pro-font-arabic);}.video-title a{color:var(--text-light);text-decoration:none;transition:all 0.3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;}.video-title a::after{content:'';position:absolute;bottom:-2px;right:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),transparent);transition:width 0.4s cubic-bezier(0.25,0.46,0.45,0.94);border-radius:1px;}.video-card:hover .video-title a::after{width:100%;}.video-card:hover .video-title a{color:var(--primary-color);}.video-meta{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-muted);margin-top:auto;flex-wrap:wrap;}.meta-item{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;border-radius:12px;transition:all 0.3s ease;border:1px solid var(--primary-color);white-space:nowrap;background:var(--primary-color);color:white;}.meta-item:hover{background:var(--bg-light);color:var(--text-muted);border-color:var(--primary-color);transform:translateY(-1px);}.meta-item i{font-size:11px;opacity:0.8;}/* ======================================== COMPACT ACTION BUTTONS IN META AREA ======================================== */.meta-actions{display:flex;align-items:center;gap:4px;}.meta-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),rgba(53,131,204,0.9));color:white;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);text-decoration:none;box-shadow:0 2px 6px rgba(53,131,204,0.25);position:relative;overflow:hidden;}.meta-action-btn:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px rgba(53,131,204,0.4);background:linear-gradient(135deg,rgba(53,131,204,1),var(--primary-color));color:white;text-decoration:none;}.meta-action-btn:active{transform:translateY(0) scale(1);}.meta-action-btn i{font-size:12px;opacity:1;}.meta-action-btn.watch-later-remove{background:linear-gradient(135deg,#28a745,rgba(40,167,69,0.9)) !important;box-shadow:0 2px 6px rgba(40,167,69,0.25) !important;}.meta-action-btn.watch-later-remove:hover{background:linear-gradient(135deg,rgba(40,167,69,1),#28a745) !important;box-shadow:0 4px 12px rgba(40,167,69,0.4) !important;}/* ======================================== CARD SIZE VARIATIONS ======================================== */.video-card-small{max-width:250px;}.video-card-small .video-info{padding:15px;}.video-card-small .video-title{font-size:14px;}.video-card-small .video-meta{gap:8px;font-size:12px;}.video-card-small .play-button{width:40px;height:40px;font-size:16px;}.video-card-medium{max-width:320px;}.video-card-medium .video-info{padding:18px;}.video-card-medium .video-title{font-size:15px;}.video-card-large{max-width:400px;}.video-card-large .video-info{padding:24px;}.video-card-large .video-title{font-size:18px;}.video-card-large .play-button{width:56px;height:56px;font-size:22px;}/* ======================================== PENDING APPROVAL STATE ======================================== */.video-card-pending{filter:grayscale(50%);opacity:0.8;position:relative;}.video-card-pending::after{content:'قيد المراجعة';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,193,7,0.95);color:white;padding:8px 16px;border-radius:12px;font-size:14px;font-weight:600;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(255,193,7,0.4);}/* ======================================== HOVER EFFECTS & ANIMATIONS ======================================== */.video-card:hover .video-badges .video-badge,.video-card:hover .episode-badge,.video-card:hover .video-ribbon,.video-card:hover .video-rank{transform:scale(1.05);}.play-button{animation:playButtonFloat 3s ease-in-out infinite;}@keyframes playButtonFloat{0%,100%{transform:scale(0.8) translateY(0);}50%{transform:scale(0.8) translateY(-1px);}}.video-card:hover .play-button{animation:none;}/* ======================================== RESPONSIVE DESIGN ======================================== */@media (max-width:1200px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}.video-card{border-radius:14px;}.video-card:hover{transform:translateY(-6px) scale(1.015);}}@media (max-width:768px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;}.video-card{border-radius:12px;}.video-card:hover{transform:translateY(-4px) scale(1.01);}.video-thumbnail{border-radius:12px 12px 0 0;}.video-info{padding:16px;border-radius:0 0 12px 12px;}.video-title{font-size:15px;}.video-meta{gap:10px;font-size:12px;}.play-button{width:42px;height:42px;font-size:16px;}.action-button{width:32px;height:32px;}.action-button i{font-size:12px;}.action-buttons{bottom:8px;left:8px;gap:6px;}.video-badges{top:8px;left:8px;}.video-rank{top:8px;right:8px;padding:6px 8px;font-size:12px;}.rank-number{font-size:14px;}}@media (max-width:480px){.videos-grid{grid-template-columns:1fr 1fr;gap:15px;}.video-card{border-radius:10px;}.video-thumbnail{border-radius:10px 10px 0 0;}.video-info{padding:12px;border-radius:0 0 10px 10px;}.video-title{font-size:14px;line-height:1.3;}.video-meta{flex-wrap:wrap;gap:8px;font-size:11px;}.play-button{width:38px;height:38px;font-size:14px;}.action-button{width:30px;height:30px;}.action-button i{font-size:11px;}.video-rank{width:32px;height:32px;padding:4px;}.rank-number{font-size:12px;}.rank-label{font-size:8px;}/* Show only 2 meta items on mobile */ .video-meta .meta-item:nth-child(n+3){display:none;}}@media (max-width:360px){.videos-grid{grid-template-columns:1fr;gap:12px;}.video-card{max-width:100%;}.video-info{padding:10px;}.video-title{font-size:13px;}.video-meta{gap:6px;font-size:10px;}/* Show only first meta item on very small screens */ .video-meta .meta-item:not(:first-child){display:none;}}/* ======================================== DARK MODE SUPPORT ======================================== */[data-theme="dark"] .video-card{background:var(--bg-card);border-color:var(--border-light);box-shadow:0 4px 20px rgba(0,0,0,0.3),0 2px 8px rgba(0,0,0,0.2);}[data-theme="dark"] .video-card:hover{box-shadow:0 25px 50px rgba(0,0,0,0.5),0 12px 30px rgba(96,165,250,0.2);border-color:rgba(96,165,250,0.4);}[data-theme="dark"] .video-thumbnail{background:linear-gradient(135deg,var(--bg-darker),var(--bg-light));}[data-theme="dark"] .action-button{background:rgba(45,45,45,0.95);color:var(--text-muted);}[data-theme="dark"] .action-button:hover{background:var(--primary-color);color:white;}[data-theme="dark"] .meta-item{background:var(--bg-light);border-color:var(--border-light);color:var(--text-muted);}[data-theme="dark"] .meta-item:hover{background:var(--primary-color);color:white;border-color:var(--primary-color);}[data-theme="dark"] .meta-action-btn{background:linear-gradient(135deg,var(--primary-color),rgba(53,131,204,0.9));color:white;}[data-theme="dark"] .meta-action-btn:hover{background:linear-gradient(135deg,rgba(53,131,204,1),var(--primary-color));}[data-theme="dark"] .video-rank{background:linear-gradient(135deg,var(--primary-color),#60a5fa);}[data-theme="dark"] .episode-badge{background:linear-gradient(135deg,var(--primary-color),#60a5fa);}/* ======================================== LEGACY SUPPORT (for backward compatibility) ======================================== */.thumbnail{background:var(--bg-card);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 4px 15px var(--shadow-color);transition:all var(--transition-normal);position:relative;border:1px solid var(--border-light);}.thumbnail:hover{transform:translateY(-5px);box-shadow:0 8px 30px var(--shadow-color);border-color:var(--primary-color);}/* ======================================== END OF NEW VIDEO CARD DESIGN ======================================== *//* ======================================== صفحة مشاهدة الفيديو الحديثة MODERN VIDEO WATCH PAGE DESIGN ======================================== */.modern-video-watch-page{background:var(--pro-bg-primary);min-height:100vh;padding:0;position:relative;padding-bottom:20px;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}.main-content-box{background:#ffffff;box-shadow:0 8px 32px rgba(0,0,0,0.1),0 4px 16px rgba(0,0,0,0.05);margin:0;padding:15px;border:1px solid rgba(0,0,0,0.1);}@media (max-width:1200px){.container{max-width:95%;padding:0 15px;}.main-content-box{padding:25px;border-radius:12px;}}@media (max-width:768px){.container{padding:0 10px;}.main-content-box{padding:20px;margin:15px 0;border-radius:8px;}}@media (max-width:480px){.container{padding:0 5px;}.main-content-box{padding:15px;margin:10px 0;border-radius:6px;}}/* ======================================== شريط التنقل العلوي (Breadcrumb) BREADCRUMB NAVIGATION ======================================== */.modern-breadcrumb{position:sticky;top:var(--pro-header-height);background:var(--pro-bg-primary);backdrop-filter:blur(20px);border-bottom:1px solid var(--pro-border);z-index:100;padding:12px 0;}.modern-breadcrumb-container{max-width:1400px;margin:0 auto;padding:0 20px;}.breadcrumb-items{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap;}.breadcrumb-item{display:flex;align-items:center;gap:6px;color:var(--pro-text-secondary);text-decoration:none;padding:6px 12px;border-radius:20px;transition:all 0.3s ease;border:1px solid transparent;}.breadcrumb-item:hover{background:var(--pro-bg-secondary);color:var(--pro-primary);border-color:var(--pro-border);transform:translateY(-1px);}.breadcrumb-item i,.breadcrumb-current i{font-size:12px;}.breadcrumb-separator{color:var(--pro-text-muted);font-size:10px;margin:0 4px;}.breadcrumb-current{display:flex;align-items:center;gap:6px;color:var(--pro-primary);font-weight:600;padding:6px 12px;background:var(--pro-primary-light);border-radius:20px;border:1px solid rgba(53,131,204,0.2);}/* ======================================== هيكل التخطيط الرئيسي MAIN LAYOUT STRUCTURE ======================================== */.modern-watch-layout{max-width:1200px;margin:0 auto;}.modern-video-section{display:flex;flex-direction:column;gap:25px;width:100%;}/* ======================================== مشغل الفيديو الحديث VIDEO PLAYER CONTAINER ======================================== */.modern-player-container{position:relative;width:100vw;margin-left:calc(-50vw+50%);overflow-x:hidden;}body{overflow-x:hidden;}.modern-player-wrapper{position:relative;width:100%;height:70vh;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;display:flex;align-items:center;justify-content:center;}.modern-player-wrapper>*{position:relative;z-index:2;max-width:1200px;width:90%;height:auto;box-shadow:0 20px 60px rgba(0,0,0,0.4);border-radius:12px;overflow:hidden;}/* ======================================== إعلانات ما قبل التشغيل PREROLL ADS ======================================== */.modern-preroll-container{position:relative;width:100%;height:100%;background:#000;}.preroll-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.8) 0%,transparent 30%,transparent 70%,rgba(0,0,0,0.8) 100%);z-index:10;pointer-events:none;}.preroll-info{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:11;}.preroll-timer{background:rgba(0,0,0,0.9);backdrop-filter:blur(10px);color:white;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,0.1);}.preroll-timer i{color:#ffc107;font-size:12px;}.preroll-skip-section{pointer-events:auto;}.preroll-skip-btn{background:linear-gradient(135deg,var(--pro-primary),rgba(53,131,204,0.9));color:white;border:none;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(53,131,204,0.4);}.preroll-skip-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(53,131,204,0.5);}.preroll-skip-btn:disabled{background:rgba(255,255,255,0.2);cursor:not-allowed;box-shadow:none;}.preroll-content{position:relative;width:100%;height:100%;z-index:1;}/* ======================================== واجهة الفيديو الحديثة VIDEO INTERFACE ======================================== */.modern-video-interface{position:relative;width:100%;height:100%;background:#000;overflow:hidden;direction:ltr;}.video-poster{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 0.6s ease;}.video-content-area{position:absolute;inset:0;z-index:2;}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;background:rgba(0,0,0,0.3);transition:all 0.4s ease;}.modern-video-interface:hover .video-play-overlay{background:rgba(0,0,0,0.5);}.play-trigger{text-decoration:none;color:inherit;}.modern-play-button{position:relative;width:80px;height:80px;background:linear-gradient(135deg,var(--pro-primary),rgba(53,131,204,0.9));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 12px rgba(74,158,255,0.2);overflow:hidden;}.modern-play-button:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(74,158,255,0.3);}.play-button-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;}.play-button-inner i{font-size:28px;color:white;margin-left:3px;}.play-button-ripple{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.2) 50%,transparent 70%);transform:translateX(-100%);transition:transform 0.6s ease;}.modern-play-button:hover .play-button-ripple{transform:translateX(100%);}/* ======================================== أدوات التحكم في الفيديو VIDEO CONTROLS ======================================== */.modern-video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.8) 100%);padding:20px;z-index:4;transition:all 0.4s ease;}.progress-section{margin-bottom:15px;direction:ltr;}.progress-track{position:relative;height:6px;background:rgba(255,255,255,0.2);border-radius:3px;cursor:pointer;overflow:hidden;}.progress-buffer{position:absolute;top:0;left:0;height:100%;background:rgba(244,24,24,0.3);border-radius:3px;width:1%;}.progress-played{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--pro-primary),rgba(53,131,204,0.8));border-radius:3px;transition:width 0.1s ease;}.progress-handle{position:absolute;top:50%;width:14px;height:14px;background:white;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;opacity:0;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.3);}.progress-track:hover .progress-handle{opacity:1;}.controls-section{display:flex;align-items:center;justify-content:space-between;direction:ltr;}.controls-left,.controls-right{display:flex;align-items:center;gap:15px;}.control-btn{background:transparent;border:none;color:white;cursor:pointer;padding:8px;border-radius:50%;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;}.control-btn:hover{background:rgba(255,255,255,0.2);transform:scale(1.1);}.control-btn i{font-size:16px;}.time-display{color:white;font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,0.5);padding:4px 12px;border-radius:15px;backdrop-filter:blur(10px);}.time-separator{opacity:0.7;}.volume-section{display:flex;align-items:center;gap:10px;direction:ltr;}.volume-slider{width:80px;opacity:0;transform:translateX(10px);transition:all 0.3s ease;}.volume-section:hover .volume-slider{opacity:1;transform:translateX(0);}.volume-track{position:relative;height:4px;background:rgba(255,255,255,0.3);border-radius:2px;cursor:pointer;}.volume-fill{position:absolute;top:0;left:0;height:100%;background:white;border-radius:2px;transition:width 0.1s ease;}.volume-handle{position:absolute;top:50%;width:12px;height:12px;background:white;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.3);}/* ======================================== أنماط مشتركة للأقسام SHARED SECTION STYLES ======================================== */.modern-section{background:transparent;border-radius:0;overflow:visible;box-shadow:none;border:none;border-bottom:2px solid #f0f0f0;margin-bottom:40px;padding-bottom:30px;}.section-header{display:flex;align-items:center;gap:12px;padding:20px 25px;background:var(--pro-bg-secondary);border-bottom:1px solid var(--pro-border);}.section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;}.section-icon i{font-size:18px;}.section-title{margin:0;font-size:18px;font-weight:600;color:var(--pro-text-primary);}.section-content{padding:25px;}.items-grid{display:grid;gap:15px;}.clickable-item{background:var(--pro-bg-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:12px;text-decoration:none;color:var(--pro-text-primary);transition:all 0.3s ease;position:relative;overflow:hidden;}.clickable-item::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--pro-primary),rgba(53,131,204,0.9));opacity:0;transition:opacity 0.3s ease;}.clickable-item:hover::before{opacity:0.1;}.clickable-item:hover{border-color:var(--pro-primary);transform:translateY(-2px);box-shadow:0 8px 25px rgba(53,131,204,0.2);color:var(--pro-text-primary);text-decoration:none;}/* ======================================== VIDEO INFORMATION HEADER ======================================== */.modern-video-header{background:transparent;border-radius:0;overflow:visible;box-shadow:none;border:none;padding:0 0 30px 0;margin-bottom:40px;display:flex;flex-direction:column;gap:20px;}.video-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}.video-title-section{flex:1;}.title-with-share{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;}.modern-video-title{font-size:24px;font-weight:700;color:var(--pro-text-primary);margin:0;line-height:1.3;font-family:var(--pro-font-arabic);flex:1;}.share-toggle-btn{background:var(--pro-primary);border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(53,131,204,0.3);}.share-toggle-btn:hover{background:var(--pro-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(53,131,204,0.4);}.share-toggle-btn i{color:white;font-size:18px;}.share-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px);}.share-popup.active{display:flex;}.share-popup-content{background:white;border-radius:16px;padding:0;max-width:400px;width:90%;transform:scale(0.9);transition:transform 0.3s ease;}:root:not([data-theme="dark"]) .share-popup-content{box-shadow:0 8px 32px var(--pro-shadow-hover),0 2px 8px var(--pro-shadow-light);border:1px solid var(--pro-border-light);}:root:not([data-theme="dark"]) .pro-dropdown-menu{box-shadow:0 4px 16px var(--pro-shadow),0 1px 4px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}:root:not([data-theme="dark"]) .video-card{box-shadow:0 2px 8px var(--pro-shadow-light),0 1px 3px var(--pro-shadow);border:1px solid var(--pro-border-light);}:root:not([data-theme="dark"]) .video-card:hover{box-shadow:0 8px 24px var(--pro-shadow),0 4px 12px var(--pro-shadow-hover);border-color:var(--pro-border-hover);}:root:not([data-theme="dark"]) .modern-section{box-shadow:0 2px 8px var(--pro-shadow-light),0 1px 3px var(--pro-shadow);border:1px solid var(--pro-border-light);}:root:not([data-theme="dark"]) .pro-btn-primary{box-shadow:0 2px 8px rgba(53,131,204,0.15),0 1px 3px var(--pro-shadow-light);border:1px solid var(--pro-primary);}:root:not([data-theme="dark"]) .pro-btn-primary:hover{box-shadow:0 4px 16px rgba(53,131,204,0.25),0 2px 6px var(--pro-shadow);border-color:var(--pro-primary-hover);}:root:not([data-theme="dark"]) .modern-breadcrumb{box-shadow:0 1px 3px var(--pro-shadow-light);border-bottom:1px solid var(--pro-border-light);}:root:not([data-theme="dark"]) .modern-description-section{box-shadow:0 2px 8px var(--pro-shadow-light),0 1px 3px var(--pro-shadow);border:1px solid var(--pro-border-light);}:root:not([data-theme="dark"]) .modern-comments-section{box-shadow:0 2px 8px var(--pro-shadow-light),0 1px 3px var(--pro-shadow);border:1px solid var(--pro-border-light);}:root:not([data-theme="dark"]) .episode-card{box-shadow:0 2px 8px var(--pro-shadow-light),0 1px 3px var(--pro-shadow);border:1px solid var(--pro-border-light);}:root:not([data-theme="dark"]) .episode-card:hover{box-shadow:0 8px 24px var(--pro-shadow),0 4px 12px var(--pro-shadow-hover);border-color:var(--pro-border-hover);}:root:not([data-theme="dark"]) .related-video-card{box-shadow:0 2px 8px var(--pro-shadow-light),0 1px 3px var(--pro-shadow);border:1px solid var(--pro-border-light);}:root:not([data-theme="dark"]) .related-video-card:hover{box-shadow:0 8px 24px var(--pro-shadow),0 4px 12px var(--pro-shadow-hover);border-color:var(--pro-border-hover);}:root:not([data-theme="dark"]) .action-btn{box-shadow:0 2px 6px rgba(53,131,204,0.12),0 1px 3px var(--pro-shadow-light);border:1px solid rgba(53,131,204,0.2);}:root:not([data-theme="dark"]) .action-btn:hover{box-shadow:0 4px 12px rgba(53,131,204,0.2),0 2px 6px var(--pro-shadow);border-color:rgba(53,131,204,0.3);}:root:not([data-theme="dark"]) .modern-comment-textarea{box-shadow:0 1px 3px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}:root:not([data-theme="dark"]) .modern-comment-textarea:focus{box-shadow:0 2px 8px rgba(53,131,204,0.12),0 1px 3px var(--pro-shadow);border-color:var(--pro-primary);}:root:not([data-theme="dark"]) .modern-comment-submit{box-shadow:0 2px 6px rgba(53,131,204,0.15),0 1px 3px var(--pro-shadow-light);border:1px solid var(--pro-primary);}:root:not([data-theme="dark"]) .modern-comment-submit:hover{box-shadow:0 4px 12px rgba(53,131,204,0.25),0 2px 6px var(--pro-shadow);border-color:var(--pro-primary-hover);}:root:not([data-theme="dark"]) .episode-nav-btn{box-shadow:0 2px 8px var(--pro-shadow-light),0 1px 3px var(--pro-shadow);border:1px solid var(--pro-border-light);}:root:not([data-theme="dark"]) .download-server-btn{box-shadow:0 2px 8px var(--pro-shadow-light),0 1px 3px var(--pro-shadow);border:1px solid var(--pro-border-light);}:root:not([data-theme="dark"]) .download-server-btn:hover{box-shadow:0 8px 24px rgba(40,167,69,0.15),0 4px 12px var(--pro-shadow);border-color:var(--pro-border-hover);}.share-popup.active .share-popup-content{transform:scale(1);}.share-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #f0f0f0;}.share-popup-header h3{margin:0;font-size:18px;font-weight:600;color:var(--pro-text-primary);}.share-popup-close{background:none;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:var(--pro-text-secondary);}.share-popup-close:hover{background:#f0f0f0;color:var(--pro-text-primary);}.share-popup-buttons{padding:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}.share-popup-buttons .share-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border:none;border-radius:12px;cursor:pointer;transition:all 0.3s ease;font-size:14px;font-weight:600;text-decoration:none;color:white;}.share-popup-buttons .share-btn i{font-size:18px;}.share-popup-buttons .share-btn:hover{text-decoration:none;color:white;}.share-popup-buttons .share-btn.facebook{background:linear-gradient(135deg,#1877f2,#166fe5);}.share-popup-buttons .share-btn.facebook:hover{background:linear-gradient(135deg,#166fe5,#1557d6);transform:translateY(-3px);box-shadow:0 8px 25px rgba(24,119,242,0.4);}.share-popup-buttons .share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);}.share-popup-buttons .share-btn.twitter:hover{background:linear-gradient(135deg,#0d8bd9,#0a7bc4);transform:translateY(-3px);box-shadow:0 8px 25px rgba(29,161,242,0.4);}.share-popup-buttons .share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#20ba5a);}.share-popup-buttons .share-btn.whatsapp:hover{background:linear-gradient(135deg,#20ba5a,#1ba94e);transform:translateY(-3px);box-shadow:0 8px 25px rgba(37,211,102,0.4);}.share-popup-buttons .share-btn.telegram{background:linear-gradient(135deg,#0088cc,#006ba6);}.share-popup-buttons .share-btn.telegram:hover{background:linear-gradient(135deg,#006ba6,#005a8a);transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,136,204,0.4);}.share-popup-buttons .share-btn.copy-link{background:linear-gradient(135deg,#6c757d,#5a6268);}.share-popup-buttons .share-btn.copy-link:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-3px);box-shadow:0 8px 25px rgba(108,117,125,0.4);}@media (max-width:768px){.share-popup-buttons{grid-template-columns:1fr;gap:12px;}.share-popup-buttons .share-btn{padding:12px 16px;font-size:13px;}.share-popup-buttons .share-btn i{font-size:16px;}}@media (max-width:480px){.share-popup-content{width:95%;max-width:none;}.share-popup-buttons{padding:20px;gap:10px;}.share-popup-buttons .share-btn{padding:10px 14px;font-size:12px;gap:8px;}.share-popup-buttons .share-btn i{font-size:14px;}.share-popup-header{padding:15px 20px;}.share-popup-header h3{font-size:16px;}.share-toggle-btn{width:40px;height:40px;}.share-toggle-btn i{font-size:16px;}.title-with-share{gap:10px;}}.video-meta-stats{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}.stat-item{display:flex;align-items:center;gap:8px;color:var(--pro-text-secondary);font-size:14px;font-weight:500;padding:6px 12px;background:var(--pro-bg-secondary);border-radius:20px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.stat-item i{font-size:12px;color:var(--pro-primary);}.video-actions-section{display:flex;align-items:center;}.primary-actions{display:flex;align-items:center;gap:12px;}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--pro-bg-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:25px;color:var(--pro-text-primary);cursor:pointer;transition:all 0.3s ease;font-size:14px;font-weight:500;text-decoration:none;}.action-btn:hover{background:var(--pro-primary);color:white;border-color:var(--pro-primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,158,255,0.3);}.action-btn i{font-size:14px;}.action-btn.like-btn:hover{background:#28a745;border-color:#28a745;box-shadow:0 6px 20px rgba(40,167,69,0.3);}.action-btn.bookmark-btn:hover{background:#ffc107;border-color:#ffc107;color:#000;box-shadow:0 6px 20px rgba(255,193,7,0.3);}/* ======================================== CHANNEL INFORMATION SECTION ======================================== */.modern-channel-section{background:var(--pro-bg-primary);border-radius:16px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.channel-info-card{display:flex;align-items:center;gap:15px;}.channel-avatar-container{position:relative;display:flex;align-items:center;justify-content:center;}.channel-avatar-container a{display:block;text-decoration:none;}.channel-avatar{width:60px !important;height:60px !important;border-radius:50%;object-fit:cover;border:3px solid var(--pro-border);transition:all 0.3s ease;display:block;background:var(--pro-bg-tertiary);min-width:60px;min-height:60px;}.channel-avatar:hover{border-color:var(--pro-primary);transform:scale(1.05);}.verified-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:var(--pro-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--pro-bg-primary);}.verified-badge i{font-size:10px;color:white;}.channel-details{flex:1;}.channel-name{margin:0 0 5px 0;font-size:18px;font-weight:600;}.channel-name a{color:var(--pro-text-primary);text-decoration:none;transition:color 0.3s ease;}.channel-name a:hover{color:var(--pro-primary);}.channel-meta{display:flex;align-items:center;gap:15px;font-size:13px;color:var(--pro-text-secondary);}.upload-date{display:flex;align-items:center;gap:5px;}.upload-date i{font-size:11px;color:var(--pro-primary);}/* ======================================== DESCRIPTION SECTION ======================================== */.modern-description-section{background:var(--pro-bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.description-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;background:var(--pro-bg-secondary);border-bottom:1px solid var(--pro-border);}.description-header h2{margin:0;font-size:18px;font-weight:600;color:var(--pro-text-primary);}.expand-btn{background:transparent;border:none;color:var(--pro-text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;}.expand-btn:hover{background:var(--pro-bg-tertiary);color:var(--pro-primary);transform:scale(1.1);}.description-content{padding:25px;}.video-channel-info{padding:20px 0;border-top:1px solid var(--pro-border);}.video-channel-info .channel-info-card{background:none;border:none;border-radius:0;padding:0;margin:0;}.video-description{border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.description-content{position:relative;}.description-text{font-size:14px;line-height:1.6;color:var(--pro-text-primary);margin-bottom:15px;}.show-more-height{max-height:4.8em;/* 3 lines * 1.6 line-height */ overflow:hidden;position:relative;line-height:1.6;transition:max-height 0.3s ease;}.show-more-height::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.6em;background:linear-gradient(transparent,var(--pro-bg-primary));pointer-events:none;}.readmore-js-expanded .show-more-height{max-height:none;}.readmore-js-expanded .show-more-height::after{display:none;}.readmore-js-section{position:relative;margin-bottom:30px;}.readmore-js-section::after{content:'عرض المزيد';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:var(--pro-primary);color:white;padding:8px 20px;border-radius:20px;font-size:13px;cursor:pointer;transition:all 0.3s ease;z-index:2;box-shadow:0 2px 10px rgba(53,131,204,0.3);display:var(--show-button,block);}.readmore-js-section:hover::after{background:var(--pro-primary-hover);transform:translateX(-50%) translateY(-2px);}.readmore-js-expanded::after{content:'عرض أقل';background:var(--pro-text-secondary);}.readmore-js-expanded:hover::after{background:var(--pro-primary);}.description-preview{transition:all 0.3s ease;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.6;}.description-full{transition:all 0.3s ease;line-height:1.6;}.description-toggle-center{display:flex;justify-content:center;margin-top:10px;}.description-toggle-btn{display:flex;align-items:center;gap:8px;background:var(--pro-bg-tertiary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;color:var(--pro-primary);cursor:pointer;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;transition:all 0.3s ease;}.description-toggle-btn:hover{background:var(--pro-primary);color:white;transform:translateY(-1px);}.description-toggle-btn i{font-size:11px;transition:transform 0.3s ease;}.description-toggle-btn.expanded i{transform:rotate(180deg);}.video-details{padding:20px 0;border-top:1px solid var(--pro-border);}.description-text{color:var(--pro-text-primary);line-height:1.6;margin-bottom:25px;font-size:15px;}/* ======================================== DESCRIPTION CONTENT TYPOGRAPHY ======================================== */.description-content h1,.description-content h2,.description-content h3,.description-content h4,.description-content h5,.description-content h6,.description-text h1,.description-text h2,.description-text h3,.description-text h4,.description-text h5,.description-text h6{color:var(--pro-text-primary);font-weight:600;line-height:1.4;margin:15px 0 10px 0;}.description-content h1,.description-text h1{font-size:24px;}.description-content h2,.description-text h2{font-size:20px;}.description-content h3,.description-text h3{font-size:18px;}.description-content h4,.description-text h4{font-size:16px;}.description-content h5,.description-text h5{font-size:14px;}.description-content h6,.description-text h6{font-size:12px;color:var(--pro-text-secondary);text-transform:uppercase;letter-spacing:0.5px;}.description-content p,.description-text p{font-size:15px;line-height:1.7;color:var(--pro-text-primary);margin:0 0 15px 0;text-align:justify;}.description-content a,.description-text a{color:var(--pro-primary);text-decoration:none;font-weight:500;transition:all 0.3s ease;border-bottom:1px solid transparent;}.description-content a:hover,.description-text a:hover{border-bottom-color:var(--pro-primary);}.description-content strong,.description-content b,.description-text strong,.description-text b{font-weight:700;color:var(--pro-text-primary);}.description-content em,.description-content i,.description-text em,.description-text i{font-style:italic;color:var(--pro-text-secondary);}.description-content mark,.description-text mark{background:var(--pro-primary-light);color:var(--pro-text-primary);padding:2px 6px;border-radius:4px;}.description-content code,.description-text code{background:var(--pro-bg-tertiary);color:var(--pro-primary);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:13px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.description-content pre,.description-text pre{background:var(--pro-bg-tertiary);padding:15px 20px;border-radius:8px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;overflow-x:auto;font-family:monospace;font-size:13px;line-height:1.5;margin:15px 0;}.description-content ul,.description-content ol,.description-text ul,.description-text ol{margin:15px 0;padding-right:25px;color:var(--pro-text-primary);}.description-content ul li,.description-text ul li{margin-bottom:8px;line-height:1.6;position:relative;}.description-content ul li::before,.description-text ul li::before{content:'';position:absolute;right:-15px;top:10px;width:6px;height:6px;background:var(--pro-primary);border-radius:50%;}.description-content blockquote,.description-text blockquote{background:var(--pro-bg-secondary);border-right:4px solid var(--pro-primary);margin:20px 0;padding:20px 25px;border-radius:8px;font-style:italic;color:var(--pro-text-secondary);}.description-content table,.description-text table{width:100%;border-collapse:collapse;margin:20px 0;background:var(--pro-bg-secondary);border-radius:8px;overflow:hidden;}.description-content th,.description-text th{background:var(--pro-primary);color:white;padding:15px 12px;text-align:right;font-weight:600;}.description-content td,.description-text td{padding:12px;border-bottom:1px solid var(--pro-border);color:var(--pro-text-primary);}.description-content img,.description-text img{max-width:100%;height:auto;border-radius:8px;margin:15px 0;transition:transform 0.3s ease;}.description-content img:hover,.description-text img:hover{transform:scale(1.02);}.modern-admin-tools{padding:15px;max-width:1400px;margin:0 auto;}.admin-tools-container{display:flex;gap:10px;flex-wrap:wrap;}.admin-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:500;transition:all 0.3s ease;border:1px solid transparent;}.admin-btn.edit-btn{background:var(--pro-bg-tertiary);color:var(--pro-text-primary);border-color:var(--pro-border);}.admin-btn.update-id-btn{background:#3b82f6;color:white;}.admin-btn.update-time-btn{background:#ef4444;color:white;}.admin-btn:hover{transform:translateY(-1px);}.modern-notices-section{background:#e3f7e1;border-radius:8px;padding:15px;margin-bottom:15px;border-left:4px solid #8ddda5;margin:10px auto;max-width:1200px;}.notices-container{color:#92400e;}.notice-content{font-size:14px;line-height:1.5;}.video-details-simple{font-size:14px;line-height:1.6;color:var(--pro-text-primary);}.details-line{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:8px;padding:5px 0;border-bottom:1px dashed var(--pro-border);}.details-line:first-child{color:var(--pro-text-secondary);font-size:13px;}.details-line:first-child span{margin-left:15px;}.details-line:first-child span:first-child{margin-left:0;}.details-line strong{color:var(--pro-text-primary);font-weight:600;margin-left:8px;white-space:nowrap;}.details-line strong i{margin-left:6px;color:var(--pro-primary);}.details-line a{color:var(--pro-primary);text-decoration:none;}.details-line a:hover{text-decoration:underline;}.tags-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}.simple-tags{display:inline-flex;flex-wrap:wrap;}.simple-tags a{color:var(--pro-primary);text-decoration:none;}.attribute-tag{display:inline-flex;align-items:center;padding:6px;text-decoration:none !important;font-size:13px;font-weight:500;transition:all 0.3s ease;white-space:nowrap;}.attribute-tag:after{content:" ، " !important;margin-right:3px;}.attribute-tag:last-child:after{content:"" !important;}/* ======================================== MODERN COMMENTS SYSTEM STYLES ======================================== */.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--pro-border);}.comments-title{display:flex;align-items:center;gap:10px;}.comments-title h2{margin:0;font-size:20px;font-weight:600;color:var(--pro-text-primary);}.comments-title i{font-size:18px;color:var(--pro-primary);}.comments-count{color:var(--pro-text-secondary);font-size:16px;font-weight:500;}.comments-tabs{display:flex;gap:8px;}.comment-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--pro-bg-tertiary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:10px;color:var(--pro-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.comment-tab-btn:hover{background:var(--pro-bg-primary);color:var(--pro-text-primary);border-color:var(--pro-primary);transform:translateY(-1px);}.comment-tab-btn.active{background:var(--pro-primary);color:white;border-color:var(--pro-primary);box-shadow:0 4px 12px rgba(53,131,204,0.3);}.comment-tab-content{display:none;}.comment-tab-content.active{display:block;}.modern-comment-form{margin-bottom:10px;}.comment-form-container{display:flex;gap:15px;background:var(--pro-bg-tertiary);border-radius:12px;padding:20px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.comment-form-avatar{flex-shrink:0;}.user-comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--pro-border);}.comment-form-content{flex:1;}.comment-form-group{position:relative;margin-bottom:15px;}.emoji-btn{position:absolute;top:10px;left:10px;background:transparent;border:none;color:var(--pro-text-secondary);font-size:16px;cursor:pointer;z-index:2;transition:color 0.3s ease;}.emoji-btn:hover{color:var(--pro-primary);}.modern-comment-textarea{width:100%;min-height:80px;padding:12px 15px;padding-left:40px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:8px;background:var(--pro-bg-primary);color:var(--pro-text-primary);font-size:14px;line-height:1.5;resize:vertical;transition:all 0.3s ease;}.modern-comment-textarea:focus{outline:none;border-color:var(--pro-primary);box-shadow:0 0 0 3px rgba(53,131,204,0.1);}.modern-comment-textarea::placeholder{color:var(--pro-text-muted);}.guest-comment-fields{margin-bottom:15px;}.guest-fields-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;}.guest-input{padding:10px 12px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:6px;background:var(--pro-bg-primary);color:var(--pro-text-primary);font-size:14px;}.guest-input:focus{outline:none;border-color:var(--pro-primary);}.captcha-container{display:flex;align-items:center;gap:8px;}.captcha-image{border-radius:4px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.captcha-refresh{background:var(--pro-bg-tertiary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:4px;padding:6px 8px;color:var(--pro-text-secondary);cursor:pointer;transition:all 0.3s ease;}.captcha-refresh:hover{background:var(--pro-primary);color:white;}.comment-form-actions{display:flex;justify-content:flex-end;}.modern-comment-submit{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--pro-primary);color:white;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;}.modern-comment-submit:hover{background:rgba(53,131,204,0.9);transform:translateY(-1px);}.modern-comment-submit:active{transform:translateY(0);}.login-to-comment{text-align:center;padding:30px;background:var(--pro-bg-tertiary);border-radius:12px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.login-message{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--pro-text-secondary);font-size:16px;}.login-message i{font-size:18px;color:var(--pro-primary);}.modern-comments-list{margin-top:20px;}.no-comments{text-align:center;padding:40px;color:var(--pro-text-muted);font-size:16px;}.no-comments i{font-size:24px;margin-bottom:10px;display:block;color:var(--pro-text-secondary);}.comments-disabled{text-align:center;padding:40px;color:var(--pro-text-muted);font-size:16px;}.comments-disabled i{font-size:24px;margin-bottom:10px;display:block;color:var(--pro-text-secondary);}.facebook-comments-container,.disqus-comments-container{background:var(--pro-bg-primary);border-radius:8px;padding:20px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.modern-comment-form-wrapper{margin-bottom:25px;}.modern-comment-form-container{display:flex;gap:15px;background:var(--pro-bg-tertiary);border-radius:12px;padding:20px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;transition:all 0.3s ease;}.modern-comment-form-container:hover{border-color:var(--pro-primary);box-shadow:0 4px 12px rgba(53,131,204,0.1);}.modern-comment-pagination{margin:30px 0;display:flex;justify-content:center;}.pagination-container{background:var(--pro-bg-tertiary);border-radius:12px;padding:15px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.modern-pagination{display:flex;gap:5px;align-items:center;}.pagination-item{display:flex;}.pagination-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:8px 12px;background:var(--pro-bg-primary);color:var(--pro-text-primary);text-decoration:none;border-radius:8px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;font-size:14px;font-weight:500;transition:all 0.3s ease;}.pagination-link:hover{background:var(--pro-primary);color:white;border-color:var(--pro-primary);transform:translateY(-1px);}.pagination-item.active .pagination-link{background:var(--pro-primary);color:white;border-color:var(--pro-primary);}.pagination-item.disabled .pagination-link{opacity:0.5;cursor:not-allowed;pointer-events:none;}.modern-comments-list{margin-top:20px;}.modern-comment-item{background:var(--pro-bg-tertiary);border-radius:12px;padding:20px;margin-bottom:15px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;transition:all 0.3s ease;}.modern-comment-item:hover{border-color:var(--pro-primary);box-shadow:0 4px 12px rgba(53,131,204,0.1);}.modern-comment-item.top-comment{background:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(255,215,0,0.05));border-color:#ffd700;}.top-comment-badge{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#ffd700;font-size:14px;font-weight:600;}.top-comment-badge i{font-size:16px;}.modern-comment-item.downvoted-comment{opacity:0.6;background:rgba(220,53,69,0.05);border-color:rgba(220,53,69,0.2);}.comment-preview{min-height:60px;background:var(--pro-bg-tertiary);border-radius:12px;border:2px dashed var(--pro-border);margin-bottom:15px;display:none;}.comment-preview.active{display:block;}/* ======================================== COMPACT COMMENTS SYSTEM ======================================== */.compact-comment-form{margin-bottom:20px;}.form-container{display:flex;gap:10px;background:var(--pro-bg-tertiary);border-radius:8px;padding:12px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.form-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;}.comment-form{flex:1;}.form-input-group{display:flex;gap:8px;align-items:flex-end;position:relative;}.emoji-btn{position:absolute;top:8px;left:8px;background:none;border:none;color:var(--pro-text-secondary);font-size:14px;cursor:pointer;z-index:2;}.emoji-btn:hover{color:var(--pro-primary);}.comment-input{flex:1;padding:8px 12px;padding-left:32px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:6px;background:var(--pro-bg-primary);color:var(--pro-text-primary);font-size:14px;resize:vertical;min-height:36px;}.comment-input:focus{outline:none;border-color:var(--pro-primary);}.submit-btn{padding:8px 12px;background:var(--pro-primary);color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all 0.3s ease;}.submit-btn:hover{background:rgba(53,131,204,0.9);}.guest-fields{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;}.guest-input{padding:6px 10px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:4px;background:var(--pro-bg-primary);color:var(--pro-text-primary);font-size:13px;flex:1;min-width:120px;}.captcha-box{display:flex;align-items:center;gap:6px;}.captcha-box img{border-radius:4px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.captcha-refresh{background:var(--pro-bg-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:4px;padding:4px 6px;color:var(--pro-text-secondary);cursor:pointer;font-size:12px;}.captcha-refresh:hover{background:var(--pro-primary);color:white;}.comments-list{margin-top:15px;}.comment-item{margin-bottom:12px;padding:12px;background:var(--pro-bg-tertiary);border-radius:8px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.comment-item.top-comment{background:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(255,215,0,0.05));border-color:#ffd700;}.top-badge{display:flex;align-items:center;gap:6px;color:#ffd700;font-size:12px;font-weight:600;margin-bottom:8px;}.comment-item-compact{display:flex;gap:10px;}.comment-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover;}.comment-content{flex:1;min-width:0;}.comment-content.banned{opacity:0.6;}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;}.comment-author{display:flex;align-items:center;gap:6px;}.author-name{font-weight:600;color:var(--pro-text-primary);text-decoration:none;font-size:14px;}.author-name:hover{color:var(--pro-primary);}.verified-icon{color:var(--pro-primary);font-size:12px;}.banned-label{background:#dc3545;color:white;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;}.comment-meta{font-size:12px;color:var(--pro-text-secondary);}.admin-ip{margin-left:8px;font-family:monospace;}.comment-text{margin:8px 0;color:var(--pro-text-primary);font-size:14px;line-height:1.5;}.comment-actions{display:flex;gap:8px;margin-top:8px;}.action-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--pro-text-secondary);font-size:12px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all 0.3s ease;}.action-btn:hover{background:var(--pro-bg-secondary);color:var(--pro-text-primary);}.action-btn.active{color:var(--pro-primary);background:rgba(53,131,204,0.1);}.action-btn i{font-size:12px;}.comment-pagination{margin:20px 0;text-align:center;}.pagination{display:inline-flex;gap:4px;}.page-link{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:6px 10px;background:var(--pro-bg-tertiary);color:var(--pro-text-primary);text-decoration:none;border-radius:6px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;font-size:13px;transition:all 0.3s ease;}.page-link:hover{background:var(--pro-primary);color:white;border-color:var(--pro-primary);}.page-link.active{background:var(--pro-primary);color:white;border-color:var(--pro-primary);}.page-link.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;}.comments-section{background:var(--pro-bg-secondary);border-radius:8px;padding:15px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.comment-tabs{display:flex;gap:4px;margin-bottom:15px;border-bottom:1px solid var(--pro-border);padding-bottom:10px;}.tab-btn{padding:6px 12px;background:var(--pro-bg-tertiary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:6px;color:var(--pro-text-secondary);font-size:13px;cursor:pointer;transition:all 0.3s ease;}.tab-btn:hover{background:var(--pro-bg-primary);color:var(--pro-text-primary);}.tab-btn.active{background:var(--pro-primary);color:white;border-color:var(--pro-primary);}.tab-panel{display:none;}.tab-panel.active{display:block;}.login-notice{text-align:center;padding:15px;background:var(--pro-bg-tertiary);border-radius:6px;color:var(--pro-text-secondary);font-size:14px;margin-bottom:15px;}.no-comments{text-align:center;padding:20px;color:var(--pro-text-muted);font-size:14px;}/* ======================================== SERIES SECTION ======================================== */.series-meta{display:flex;flex-wrap:wrap;gap:12px;}.series-meta .meta-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--pro-bg-secondary);border-radius:15px;font-size:13px;color:var(--pro-text-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}.series-meta .meta-item i{font-size:11px;color:var(--pro-primary);}/* ======================================== SHARE SECTION ======================================== *//* ======================================== COMMENTS SECTION ======================================== */.modern-comments-section{background:transparent;border-radius:0;overflow:visible;box-shadow:none;border:none;border-bottom:2px solid #f0f0f0;padding-bottom:30px;margin-bottom:40px;}.comments-title{display:flex;align-items:center;gap:12px;}.comments-content{padding:20px;}.comments-title i{font-size:20px;color:var(--pro-primary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;}.comments-title h2{margin:0;font-size:20px;font-weight:700;color:var(--pro-text-primary);letter-spacing:-0.02em;}.comments-actions{display:flex;align-items:center;}.sort-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--pro-bg-tertiary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:20px;color:var(--pro-text-secondary);cursor:pointer;transition:all 0.3s ease;font-size:14px;}/* ======================================== EPISODE NAVIGATION SECTION ======================================== */.modern-episode-navigation{background:transparent;border-radius:0;overflow:visible;box-shadow:none;border:none;border-bottom:2px solid #f0f0f0;padding-bottom:30px;margin-bottom:40px;}.episode-nav-header h2{margin:0;font-size:18px;font-weight:600;color:var(--pro-text-primary);}.episode-nav-content{padding:25px;}.nav-btn-icon{width:50px;height:50px;background:var(--pro-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}.nav-btn-icon i{font-size:20px;color:var(--pro-primary);}.episode-nav-btn:hover .nav-btn-icon i{color:white;}.nav-btn-content{flex:1;position:relative;z-index:1;}.nav-btn-label{display:block;font-size:14px;color:var(--pro-text-secondary);margin-bottom:5px;font-weight:500;}.nav-btn-title{display:block;font-size:16px;color:var(--pro-text-primary);font-weight:600;}.episode-nav-btn.next-episode{flex-direction:row-reverse;}/* ======================================== CLASSIC EPISODES SECTION ======================================== */.modern-classic-episodes{background:transparent;border-radius:0;overflow:visible;box-shadow:none;border:none;}.classic-episodes-header h2{margin:0;font-size:18px;font-weight:600;color:var(--pro-text-primary);}.classic-episodes-content{position:relative;max-height:500px;overflow-y:auto;}.seasons-tabs-container{margin-bottom:25px;}.seasons-tabs{display:flex;gap:10px;flex-wrap:wrap;}.season-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--pro-bg-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:25px;color:var(--pro-text-primary);cursor:pointer;transition:all 0.3s ease;font-size:14px;font-weight:500;}.season-tab:hover,.season-tab.active{background:var(--pro-primary);color:white;border-color:var(--pro-primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,158,255,0.3);}.season-tab i{font-size:12px;}.episodes-grid-classic{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;}.classic-episode-item{position:relative;background:var(--pro-bg-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:12px;padding:5px 10px;text-decoration:none;color:var(--pro-text-primary);transition:all 0.3s ease;text-align:center;cursor:pointer;overflow:hidden;}.classic-episode-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--pro-primary),rgba(53,131,204,0.9));opacity:0;transition:opacity 0.3s ease;}.classic-episode-item:hover::before,.classic-episode-item.current-episode::before{opacity:0.1;}.classic-episode-item:hover,.classic-episode-item.current-episode{border-color:var(--pro-primary);transform:translateY(-3px);box-shadow:0 8px 25px rgba(53,131,204,0.3);color:var(--pro-text-primary);text-decoration:none;}.episode-number-large{font-size:20px;color:var(--pro-primary);margin-bottom:5px;position:relative;z-index:1;}.episode-label{font-size:12px;color:var(--pro-text-secondary);font-weight:500;position:relative;z-index:1;}.current-episode-indicator{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--pro-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;}.current-episode-indicator i{font-size:10px;color:white;}/* ======================================== DOWNLOAD SERVERS SECTION ======================================== */.modern-download-section{background:transparent;border-radius:0;overflow:visible;box-shadow:none;border:none;padding-bottom:30px;margin-bottom:40px;}.download-header h2{margin:0;font-size:18px;font-weight:600;color:var(--pro-text-primary);}.download-content{padding:25px;}.download-servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;}.download-server-btn{display:flex;align-items:center;gap:15px;padding:15px 20px;background:var(--pro-bg-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;border-radius:12px;text-decoration:none;color:var(--pro-text-primary);transition:all 0.3s ease;position:relative;overflow:hidden;}.download-server-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#28a745,rgba(40,167,69,0.9));opacity:0;transition:opacity 0.3s ease;}.download-server-btn:hover::before{opacity:0.1;}.download-server-btn:hover{border-color:#28a745;transform:translateY(-2px);color:var(--pro-text-primary);text-decoration:none;}.server-icon{width:40px;height:40px;background:linear-gradient(135deg,#28a745,rgba(40,167,69,0.9));border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all 0.3s ease;}.download-server-btn:hover .server-icon{transform:scale(1.1);}.server-icon i{font-size:16px;color:white;}.server-info{flex:1;position:relative;z-index:1;}.server-name{display:block;font-size:14px;color:var(--pro-text-primary);font-weight:600;margin-bottom:2px;}.server-label{display:block;font-size:12px;color:var(--pro-text-secondary);font-weight:500;}/* ======================================== ADVANCED EPISODES SECTION ======================================== */.modern-advanced-episodes{background:transparent;border-radius:0;overflow:visible;box-shadow:none;border:none;padding-bottom:30px;margin-bottom:40px;}.advanced-episodes-header h2{margin:0;font-size:18px;font-weight:600;color:var(--pro-text-primary);}.advanced-seasons-layout{display:grid;grid-template-columns:25% 1fr;gap:20px;align-items:start;}.episodes-main-section{border-radius:12px;padding:20px;transition:border-color 0.3s ease;display:flex;flex-direction:column;}.episodes-container{width:100%;flex:1;display:flex;flex-direction:column;}.episodes-list{width:100%;flex:1;display:flex;flex-direction:column;}.seasons-sidebar{background:var(--pro-bg-primary);border-radius:12px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;overflow:hidden;}:root:not([data-theme="dark"]) .seasons-sidebar{box-shadow:0 2px 8px var(--pro-shadow-light),0 1px 3px var(--pro-shadow);border:1px solid var(--pro-border-light);transition:border-color 0.3s ease;}.seasons-sidebar-header{padding:16px 20px;background:var(--pro-bg-secondary);border-bottom:1px solid var(--pro-border);display:flex;align-items:center;gap:10px;}.sidebar-icon{width:32px;height:32px;background:var(--pro-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.sidebar-icon i{font-size:14px;color:white;}.seasons-sidebar-header h4{font-size:16px;font-weight:600;margin:0;color:var(--pro-text-primary);}.seasons-tabs-vertical{padding:8px;display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;}.season-tab-rectangular{width:100%;padding:0;cursor:pointer;transition:all 0.3s ease;overflow:hidden;border:none;border-radius:8px;background:transparent;position:relative;outline:none;margin:2px 0;}.season-tab-rectangular:hover{background:var(--pro-bg-light);}.season-tab-rectangular.active{background:var(--pro-primary);color:white;}.season-tab-inner{display:flex;align-items:center;padding:12px 16px;gap:12px;position:relative;}.season-info{flex:1;display:flex;flex-direction:column;gap:2px;}.season-name-rect{font-size:14px;font-weight:600;color:var(--pro-text-primary);line-height:1.3;transition:all 0.3s ease;}.season-tab-rectangular.active .season-name-rect{color:white;}.season-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0;opacity:0.6;}.season-arrow i{font-size:12px;color:var(--pro-text-secondary);transition:all 0.3s ease;}.season-tab-rectangular:hover .season-arrow{opacity:1;}.season-tab-rectangular.active .season-arrow i{color:white;}.season-tab-content{padding:18px 12px;text-align:center;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;}.advanced-season-tab.active .season-tab-content{color:white;}.season-number{font-size:22px;font-weight:800;margin-bottom:2px;background:linear-gradient(135deg,var(--pro-primary),#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all 0.3s ease;position:relative;}.advanced-season-tab.active .season-number{background:linear-gradient(135deg,#ffffff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,0.1);}.season-name{font-size:11px;font-weight:600;opacity:0.7;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.3s ease;}.advanced-season-tab.active .season-name{opacity:0.95;color:rgba(255,255,255,0.95);}.advanced-season-tab:hover .season-number{transform:scale(1.1);}.advanced-season-tab:hover .season-name{opacity:1;}.season-tab-rectangular{animation:fadeInUp 0.4s ease-out;animation-fill-mode:both;}.season-tab-rectangular:nth-child(1){animation-delay:0.05s;}.season-tab-rectangular:nth-child(2){animation-delay:0.1s;}.season-tab-rectangular:nth-child(3){animation-delay:0.15s;}.season-tab-rectangular:nth-child(4){animation-delay:0.2s;}.season-tab-rectangular:nth-child(5){animation-delay:0.25s;}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px);}100%{opacity:1;transform:translateY(0);}}.seasons-sidebar{animation:fadeIn 0.5s ease-out;}.episodes-main-section{animation:fadeIn 0.5s ease-out 0.1s both;}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeInScale{0%{opacity:0;transform:scale(0.8) translateY(20px);}100%{opacity:1;transform:scale(1) translateY(0);}}.advanced-season-tab.active{animation:activePulse 2s ease-in-out infinite;}@keyframes activePulse{0%,100%{box-shadow:0 4px 12px rgba(74,158,255,0.2);}50%{box-shadow:0 6px 20px rgba(74,158,255,0.3);}}.advanced-seasons-tabs{transition:all 0.3s ease;}.season-tab-content *{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.advanced-season-tab:focus{outline:3px solid rgba(53,131,204,0.5);outline-offset:2px;}.advanced-season-tab:focus:not(:focus-visible){outline:none;}.advanced-episodes-container{background:var(--pro-bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--pro-border);transition:border-color 0.3s ease;}/* ======================================== EPISODES SECTION ======================================== */.modern-episodes-section{background:transparent;border-radius:0;overflow:visible;box-shadow:none;border:none;border-bottom:2px solid #f0f0f0;padding-bottom:30px;margin-bottom:40px;}.episodes-header>div:first-child{display:flex;align-items:center;gap:8px;}.episodes-icon{width:28px;height:28px;background:var(--pro-primary-light);border-radius:6px;display:flex;align-items:center;justify-content:center;}.episodes-icon i{font-size:12px;color:var(--pro-primary);}.episodes-header h2{margin:0;font-size:14px;font-weight:600;color:var(--pro-text-primary);}.episodes-count{background:var(--pro-primary-light);color:var(--pro-primary);padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;}.episodes-content{padding:0;}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;}.episode-card{background:var(--pro-bg-secondary);border-radius:8px;overflow:hidden;transition:all 0.3s ease;border:1px solid var(--pro-border);transition:border-color 0.3s ease;cursor:pointer;}.episode-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.12);border-color:var(--pro-primary);}.episode-card.current-episode{border-color:var(--pro-primary);box-shadow:0 3px 15px rgba(53,131,204,0.25);}.episode-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;}.episode-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.episode-card:hover .episode-thumbnail img{transform:scale(1.03);}.episode-number{position:absolute;top:6px;right:6px;background:rgba(0,0,0,0.8);color:white;padding:3px 6px;border-radius:10px;font-size:11px;font-weight:600;}.current-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(53,131,204,0.9);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;font-weight:600;gap:6px;}.current-indicator i{font-size:20px;}.current-indicator span{font-size:12px;}.episode-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease;}.episode-card:hover .episode-play-overlay{opacity:1;}.episode-play-overlay i{font-size:28px;color:white;}.episode-duration{position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,0.8);color:white;padding:3px 6px;border-radius:6px;font-size:10px;font-weight:500;}.episode-info{padding:10px;}.episode-title{margin:0 0 6px 0;font-size:13px;font-weight:600;line-height:1.3;}.episode-title a{color:var(--pro-text-primary);text-decoration:none;transition:color 0.3s ease;}.episode-title a:hover{color:var(--pro-primary);}.episode-meta{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--pro-text-secondary);}.episode-views,.episode-date{display:flex;align-items:center;gap:3px;}.episode-views i,.episode-date i{font-size:9px;color:var(--pro-primary);}/* ======================================== RELATED VIDEOS SECTION ======================================== */.modern-related-section{padding:0;background:transparent;border-radius:0;border:none;box-shadow:none;overflow:visible;padding-bottom:30px;margin-bottom:40px;transition:all 0.3s ease;}.modern-related-section:hover{box-shadow:none;transform:none;}.section-header{display:flex;align-items:center;gap:12px;padding:15px 30px;background:var(--pro-primary);margin:0 -10px 20px -10px;border-radius:10px;border-bottom:none;position:relative;overflow:hidden;color:var(--pro-text-on-primary);}.section-header h3{color:var(--pro-text-on-primary);margin:0;font-size:16px;font-weight:600;}.section-header.rtl{direction:rtl;justify-content:flex-start;}.section-header.space-between{justify-content:space-between;}.section-header .comments-title i,.section-header .nav-icon,.section-header .classic-icon,.section-header .download-icon,.section-header .advanced-icon,.section-header .episodes-title i,.section-header .related-icon{background:rgba(255,255,255,0.2);border-radius:8px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.section-header .comments-title i,.section-header .nav-icon i,.section-header .classic-icon i,.section-header .download-icon i,.section-header .advanced-icon i,.section-header .episodes-title i,.section-header .related-icon i{color:white;font-size:16px;}.section-header .comments-title,.section-header .episodes-title,.section-header .related-title{color:white;display:flex;align-items:center;gap:10px;}.section-header .comments-count,.section-header .episodes-count{color:rgba(255,255,255,0.9);font-size:14px;}.section-header .title-text,.section-header .category-name{color:white;}.category-name a{color:white;}.view-all-link{display:none;}.view-all-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,var(--pro-bg-secondary),var(--pro-bg-light));border:2px solid transparent;border-radius:25px;color:var(--pro-text-secondary);text-decoration:none;font-size:14px;font-weight:600;transition:all 0.3s ease;position:relative;overflow:hidden;}.view-all-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;}.view-all-btn:hover::before{left:100%;}.view-all-btn:hover{background:linear-gradient(135deg,var(--pro-primary),rgba(53,131,204,0.9));border-color:var(--pro-primary);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,158,255,0.3);}.view-all-btn i{font-size:16px;transition:all 0.3s ease;}.view-all-btn:hover i{transform:translateX(-4px) scale(1.1);}.related-videos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;animation:fadeInUp 0.6s ease-out;}.related-video-card{background:var(--pro-bg-secondary);border-radius:16px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid var(--pro-border);transition:border-color 0.3s ease;position:relative;box-shadow:0 4px 16px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);}.related-video-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(53,131,204,0.05),rgba(96,165,250,0.05));opacity:0;transition:opacity 0.3s ease;z-index:1;pointer-events:none;}.related-video-card:hover::before{opacity:1;}.related-video-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.15),0 8px 24px rgba(53,131,204,0.2);border-color:var(--pro-primary);}.related-video-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--pro-bg-light),var(--pro-bg-secondary));}.related-video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);filter:brightness(1) contrast(1.05);}.related-video-card:hover .related-video-thumbnail img{transform:scale(1.08);filter:brightness(1.1) contrast(1.1);}.related-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.4),rgba(0,0,0,0.7));display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.4s ease;backdrop-filter:blur(2px);}.related-video-card:hover .related-video-overlay{opacity:1;}.related-play-button{width:60px;height:60px;background:linear-gradient(135deg,var(--pro-primary),rgba(53,131,204,0.9));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:22px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;box-shadow:0 8px 24px rgba(53,131,204,0.4),0 4px 12px rgba(0,0,0,0.3);}.related-play-button::before{content:'';position:absolute;inset:-3px;background:linear-gradient(45deg,var(--pro-primary),#60a5fa,var(--pro-primary));border-radius:50%;z-index:-1;opacity:0;transition:opacity 0.3s ease;}.related-play-button:hover::before{opacity:1;}.related-play-button:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 12px 32px rgba(53,131,204,0.5),0 6px 16px rgba(0,0,0,0.4);}.related-play-button i{margin-left:2px;transition:all 0.3s ease;}.related-play-button:hover i{transform:scale(1.1);}.related-video-duration{position:absolute;bottom:12px;right:12px;background:linear-gradient(135deg,rgba(0,0,0,0.9),rgba(0,0,0,0.7));color:white;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;}.related-video-card:hover .related-video-duration{background:linear-gradient(135deg,var(--pro-primary),rgba(53,131,204,0.9));transform:scale(1.05);}.related-video-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease;}.related-video-badge.new{background:linear-gradient(135deg,#10b981,rgba(16,185,129,0.9));color:white;box-shadow:0 4px 12px rgba(16,185,129,0.3);}.related-video-badge.trending{background:linear-gradient(135deg,#f59e0b,rgba(245,158,11,0.9));color:white;box-shadow:0 4px 12px rgba(245,158,11,0.3);}.related-video-card:hover .related-video-badge{transform:scale(1.05);}.related-video-info{padding:20px;position:relative;z-index:2;}.related-video-title{margin:0 0 12px 0;font-size:16px;font-weight:700;line-height:1.4;}.related-video-title a{color:var(--pro-text-primary);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all 0.3s ease;position:relative;}.related-video-title a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--pro-primary),#60a5fa);transition:width 0.3s ease;}.related-video-title a:hover{color:var(--pro-primary);}.related-video-title a:hover::after{width:100%;}.related-video-meta{display:flex;flex-direction:column;gap:4px;}.related-author{display:flex;align-items:center;gap:4px;font-size:11px;}.related-author a{color:var(--pro-text-primary);text-decoration:none;font-weight:500;transition:color 0.3s ease;}.related-author a:hover{color:var(--pro-primary);}.verified-icon{font-size:12px;color:var(--pro-primary);}.related-stats{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--pro-text-secondary);}.related-views,.related-date{display:flex;align-items:center;gap:3px;}.related-views i,.related-date i{font-size:9px;color:var(--pro-primary);}/* ======================================== RESPONSIVE DESIGN ======================================== */@media (min-width:1201px){.related-videos-grid{grid-template-columns:repeat(4,1fr);gap:20px;}}@media (max-width:1200px){.related-videos-grid{grid-template-columns:repeat(3,1fr);gap:18px;}.episode-nav-buttons{grid-template-columns:1fr;}.download-servers-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}.modern-video-title{font-size:22px;}.modern-video-header{padding:20px;}.episodes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;}.section-header{padding:12px 20px;}/* New Layout - Medium Screens */ .advanced-seasons-layout{grid-template-columns:35% 1fr;gap:15px;}.episodes-main-section{padding:18px;}.seasons-sidebar-header{padding:14px 16px;}.seasons-sidebar-header h4{font-size:15px;}.sidebar-icon{width:28px;height:28px;}.sidebar-icon i{font-size:13px;}.seasons-tabs-vertical{padding:6px;gap:3px;}.season-tab-inner{padding:10px 14px;gap:10px;}.season-name-rect{font-size:13px;}.season-arrow{width:20px;height:20px;}.season-arrow i{font-size:10px;}.section-header .comments-title i,.section-header .nav-icon,.section-header .classic-icon,.section-header .download-icon,.section-header .advanced-icon,.section-header .episodes-title i,.section-header .related-icon{width:32px;height:32px;}.section-header .comments-title i,.section-header .nav-icon i,.section-header .classic-icon i,.section-header .download-icon i,.section-header .advanced-icon i,.section-header .episodes-title i,.section-header .related-icon i{font-size:14px;}.related-content{padding:25px;}.related-video-info{padding:18px;}}@media (max-width:992px){.video-header-top{flex-direction:column;align-items:flex-start;gap:15px;}.video-actions-section{width:100%;}.primary-actions{width:100%;justify-content:center;}.download-servers-grid{grid-template-columns:1fr;}.episodes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}.related-videos-grid{grid-template-columns:repeat(2,1fr);gap:16px;}.section-header{padding:10px 15px;}/* New Layout - Small Screens */ .advanced-seasons-layout{grid-template-columns:1fr;gap:15px;}.seasons-sidebar{order:-1;/* Move seasons to top */}.seasons-tabs-vertical{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px;max-height:none;padding:8px;}.season-tab-rectangular{width:100%;}.season-tab-inner{padding:10px 12px;gap:8px;}.season-name-rect{font-size:13px;}.season-arrow{width:20px;height:20px;}.season-arrow i{font-size:10px;}.seasons-sidebar-header{padding:12px 16px;}.seasons-sidebar-header h4{font-size:14px;}.episodes-main-section{padding:15px;}.related-icon{width:36px;height:36px;}.related-icon i{font-size:16px;}.title-text{font-size:16px;}.category-name{font-size:13px;}.related-content{padding:20px;}.related-video-info{padding:16px;}.related-video-title{font-size:14px;}}@media (max-width:768px){.modern-watch-layout{gap:20px;}.modern-breadcrumb{padding:8px 0;}.breadcrumb-items{font-size:12px;}.breadcrumb-item,.breadcrumb-current{padding:4px 8px;}.modern-video-title{font-size:20px;}.modern-video-header{padding:15px;}.video-meta-stats{gap:10px;}.primary-actions{flex-wrap:wrap;gap:8px;}.action-btn{padding:10px 16px;font-size:13px;}.modern-play-button{width:60px;height:60px;}.play-button-inner i{font-size:22px;}.channel-info-card{gap:12px;}.channel-avatar{width:50px;height:50px;}.channel-name{font-size:16px;}.description-content,.comments-content{padding:20px;}.video-details-simple{font-size:13px;}.details-line:first-child{font-size:12px;}.details-line:first-child span{margin-left:10px;}.tags-line{flex-direction:column;align-items:flex-start;gap:5px;}.episodes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;}.related-videos-grid{grid-template-columns:repeat(2,1fr);gap:15px;}.section-header{padding:8px 15px;}/* New Layout - Mobile */ .advanced-seasons-layout{grid-template-columns:1fr;gap:12px;}.seasons-sidebar{order:-1;}.seasons-tabs-vertical{display:flex;flex-direction:column;gap:4px;padding:8px;}.season-tab-rectangular{border-radius:6px;}.season-tab-inner{padding:8px 12px;gap:8px;}.season-name-rect{font-size:12px;}.season-arrow{width:18px;height:18px;}.season-arrow i{font-size:9px;}.seasons-sidebar-header{padding:10px 12px;}.seasons-sidebar-header h4{font-size:13px;}.sidebar-icon{width:26px;height:26px;}.sidebar-icon i{font-size:12px;}.episodes-main-section{padding:12px;}.title-text{font-size:15px;}.category-name{font-size:12px;}.related-content{padding:18px;}.related-video-info{padding:14px;}.related-video-title{font-size:13px;}.related-play-button{width:50px;height:50px;font-size:18px;}}@media (max-width:480px){.modern-watch-layout{gap:15px;}.modern-video-title{font-size:18px;}.modern-video-header{padding:12px;}.primary-actions{flex-direction:column;width:100%;}.action-btn{width:100%;justify-content:center;padding:12px;}.modern-play-button{width:50px;height:50px;}.play-button-inner i{font-size:18px;}.channel-info-card{flex-direction:column;text-align:center;gap:10px;}.video-details-simple{font-size:12px;}.details-line:first-child{font-size:11px;}.details-line:first-child span{margin-left:8px;display:block;margin-bottom:3px;}.details-line:first-child span:first-child{margin-left:0;}.description-content,.comments-content{padding:15px;}.section-header{padding:8px 15px;}.section-header .comments-title i,.section-header .nav-icon,.section-header .classic-icon,.section-header .download-icon,.section-header .advanced-icon,.section-header .episodes-title i,.section-header .related-icon{width:28px;height:28px;}.section-header .comments-title i,.section-header .nav-icon i,.section-header .classic-icon i,.section-header .download-icon i,.section-header .advanced-icon i,.section-header .episodes-title i,.section-header .related-icon i{font-size:12px;}.episodes-grid{grid-template-columns:1fr;gap:10px;}.related-videos-grid{grid-template-columns:1fr;gap:12px;}/* New Layout - Extra Small Mobile */ .advanced-seasons-layout{gap:8px;}.seasons-tabs-vertical{gap:3px;padding:6px;}.season-tab-rectangular{border-radius:5px;}.season-tab-inner{padding:6px 10px;gap:6px;}.season-name-rect{font-size:11px;}.season-arrow{width:16px;height:16px;}.season-arrow i{font-size:8px;}.seasons-sidebar-header{padding:8px 10px;}.seasons-sidebar-header h4{font-size:12px;}.sidebar-icon{width:24px;height:24px;}.sidebar-icon i{font-size:11px;}.episodes-main-section{padding:10px;}.title-text{font-size:14px;}.category-name{font-size:11px;}.related-content{padding:15px;}.related-video-info{padding:12px;}.related-video-title{font-size:12px;}.related-play-button{width:45px;height:45px;font-size:16px;}.breadcrumb-items{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;}.breadcrumb-item span,.breadcrumb-current span{white-space:nowrap;}}/* ======================================== DARK MODE SUPPORT ======================================== */[data-theme="dark"] .modern-video-watch-page{background:var(--pro-bg-primary);}[data-theme="dark"] .main-content-box{background:var(--pro-bg-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;box-shadow:0 8px 32px var(--pro-shadow-hover),0 4px 16px var(--pro-shadow);}[data-theme="dark"] .modern-breadcrumb{background:var(--pro-bg-primary);border-bottom:1px solid var(--pro-border);box-shadow:0 2px 6px var(--pro-shadow-light);}[data-theme="dark"] .modern-player-container,[data-theme="dark"] .modern-channel-section,[data-theme="dark"] .modern-description-section,[data-theme="dark"] .modern-share-section,[data-theme="dark"] .modern-comments-section,[data-theme="dark"] .modern-episodes-section,[data-theme="dark"] .modern-ad-section,[data-theme="dark"] .modern-episode-navigation{background:var(--pro-bg-primary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;box-shadow:0 8px 32px var(--pro-shadow-strong),0 4px 16px var(--pro-shadow-hover);}[data-theme="dark"] .related-video-card::before{background:linear-gradient(135deg,rgba(53,131,204,0.08),rgba(96,165,250,0.08));}[data-theme="dark"] .related-video-duration{background:linear-gradient(135deg,rgba(0,0,0,0.95),rgba(0,0,0,0.8));border-color:rgba(255,255,255,0.15);}[data-theme="dark"] .related-video-badge{border-color:rgba(255,255,255,0.25);}[data-theme="dark"] .section-header .comments-title i,[data-theme="dark"] .section-header .nav-icon,[data-theme="dark"] .section-header .classic-icon,[data-theme="dark"] .section-header .download-icon,[data-theme="dark"] .section-header .advanced-icon,[data-theme="dark"] .section-header .episodes-title i,[data-theme="dark"] .section-header .related-icon{background:rgba(255,255,255,0.1);}[data-theme="dark"] .section-header h3,[data-theme="dark"] .section-header .comments-title,[data-theme="dark"] .section-header .episodes-title,[data-theme="dark"] .section-header .related-title,[data-theme="dark"] .section-header .title-text,[data-theme="dark"] .section-header .category-name{color:var(--pro-text-primary);}[data-theme="dark"] .stat-item,[data-theme="dark"] .detail-item{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .action-btn{background:var(--pro-bg-secondary);border-color:var(--pro-border);color:var(--pro-text-primary);}[data-theme="dark"] .episode-card,[data-theme="dark"] .related-video-card,[data-theme="dark"] .episode-nav-btn,[data-theme="dark"] .classic-episode-item,[data-theme="dark"] .download-server-btn,[data-theme="dark"] .season-tab,[data-theme="dark"] .advanced-season-tab{background:var(--pro-bg-secondary);border-color:var(--pro-border);box-shadow:0 2px 12px rgba(0,0,0,0.15);}[data-theme="dark"] .seasons-sidebar{background:var(--pro-bg-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;box-shadow:0 4px 12px var(--pro-shadow),0 2px 6px var(--pro-shadow-light);}[data-theme="dark"] .seasons-sidebar-header{background:linear-gradient(135deg,var(--pro-bg-tertiary),var(--pro-bg-light));border-bottom:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .season-tab-rectangular:hover{background:linear-gradient(135deg,var(--pro-bg-tertiary),var(--pro-bg-light));box-shadow:0 2px 8px rgba(74,158,255,0.08),0 1px 4px var(--pro-shadow-light);border:1px solid var(--pro-border-hover);transition:border-color 0.3s ease;}[data-theme="dark"] .season-tab-rectangular.active{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));box-shadow:0 4px 16px rgba(74,158,255,0.2),0 2px 8px var(--pro-shadow);border:1px solid var(--pro-primary);transition:border-color 0.3s ease;}[data-theme="dark"] .season-name-rect{color:var(--pro-text-primary);}[data-theme="dark"] .season-arrow i{color:var(--pro-text-secondary);}[data-theme="dark"] .season-tab-rectangular.active .season-arrow i{color:white;}[data-theme="dark"] .share-popup-content{background:var(--pro-bg-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;box-shadow:0 12px 48px var(--pro-shadow-strong),0 6px 24px var(--pro-shadow-hover);}[data-theme="dark"] .pro-dropdown-menu{box-shadow:0 8px 24px var(--pro-shadow-strong),0 4px 12px var(--pro-shadow-hover);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .video-card{box-shadow:0 4px 12px var(--pro-shadow),0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .video-card:hover{box-shadow:0 12px 36px var(--pro-shadow-strong),0 6px 18px var(--pro-shadow-hover);border-color:var(--pro-border-hover);}[data-theme="dark"] .modern-section{box-shadow:0 4px 12px var(--pro-shadow),0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .pro-btn-primary{box-shadow:0 4px 12px rgba(74,158,255,0.25),0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-primary);}[data-theme="dark"] .pro-btn-primary:hover{box-shadow:0 8px 24px rgba(74,158,255,0.35),0 4px 12px var(--pro-shadow);border-color:var(--pro-primary-hover);}[data-theme="dark"] .modern-breadcrumb{box-shadow:0 2px 6px var(--pro-shadow-light);border-bottom:1px solid var(--pro-border);}[data-theme="dark"] .modern-description-section{box-shadow:0 4px 12px var(--pro-shadow),0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .modern-comments-section{box-shadow:0 4px 12px var(--pro-shadow),0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .episode-card{box-shadow:0 4px 12px var(--pro-shadow),0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .episode-card:hover{box-shadow:0 12px 36px var(--pro-shadow-strong),0 6px 18px var(--pro-shadow-hover);border-color:var(--pro-border-hover);}[data-theme="dark"] .related-video-card{box-shadow:0 4px 12px var(--pro-shadow),0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .related-video-card:hover{box-shadow:0 12px 36px var(--pro-shadow-strong),0 6px 18px var(--pro-shadow-hover);border-color:var(--pro-border-hover);}[data-theme="dark"] .action-btn{box-shadow:0 4px 12px rgba(74,158,255,0.18),0 2px 6px var(--pro-shadow-light);border:1px solid rgba(74,158,255,0.3);}[data-theme="dark"] .action-btn:hover{box-shadow:0 8px 24px rgba(74,158,255,0.25),0 4px 12px var(--pro-shadow);border-color:rgba(74,158,255,0.4);}[data-theme="dark"] .modern-comment-textarea{box-shadow:0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .modern-comment-textarea:focus{box-shadow:0 4px 12px rgba(74,158,255,0.2),0 2px 6px var(--pro-shadow);border-color:var(--pro-primary);}[data-theme="dark"] .modern-comment-submit{box-shadow:0 4px 12px rgba(74,158,255,0.25),0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-primary);}[data-theme="dark"] .modern-comment-submit:hover{box-shadow:0 8px 24px rgba(74,158,255,0.35),0 4px 12px var(--pro-shadow);border-color:var(--pro-primary-hover);}[data-theme="dark"] .episode-nav-btn{box-shadow:0 4px 12px var(--pro-shadow),0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .episode-nav-btn:hover{box-shadow:0 12px 36px rgba(74,158,255,0.25),0 6px 18px var(--pro-shadow);border-color:var(--pro-border-hover);}[data-theme="dark"] .download-server-btn{box-shadow:0 4px 12px var(--pro-shadow),0 2px 6px var(--pro-shadow-light);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .share-popup-header{border-bottom-color:var(--pro-border);background:var(--pro-bg-tertiary);}[data-theme="dark"] .share-popup-header h3{color:var(--pro-text-primary);}[data-theme="dark"] .share-popup-close{background:var(--pro-bg-light);color:var(--pro-text-secondary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .share-popup-close:hover{background:var(--pro-accent);color:white;border-color:var(--pro-accent);}[data-theme="dark"] .share-popup-buttons{background:var(--pro-bg-secondary);}[data-theme="dark"] .share-popup-buttons .share-btn.facebook{background:linear-gradient(135deg,#1877f2,#166fe5);border:1px solid rgba(24,119,242,0.3);}[data-theme="dark"] .share-popup-buttons .share-btn.facebook:hover{background:linear-gradient(135deg,#166fe5,#1557d6);box-shadow:0 6px 20px rgba(24,119,242,0.4);border-color:#1877f2;}[data-theme="dark"] .share-popup-buttons .share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);border:1px solid rgba(29,161,242,0.3);}[data-theme="dark"] .share-popup-buttons .share-btn.twitter:hover{background:linear-gradient(135deg,#0d8bd9,#0a7bc4);box-shadow:0 6px 20px rgba(29,161,242,0.4);border-color:#1da1f2;}[data-theme="dark"] .share-popup-buttons .share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#20ba5a);border:1px solid rgba(37,211,102,0.3);}[data-theme="dark"] .share-popup-buttons .share-btn.whatsapp:hover{background:linear-gradient(135deg,#20ba5a,#1ba94e);box-shadow:0 6px 20px rgba(37,211,102,0.4);border-color:#25d366;}[data-theme="dark"] .share-popup-buttons .share-btn.telegram{background:linear-gradient(135deg,#0088cc,#006ba6);border:1px solid rgba(0,136,204,0.3);}[data-theme="dark"] .share-popup-buttons .share-btn.telegram:hover{background:linear-gradient(135deg,#006ba6,#005a8a);box-shadow:0 6px 20px rgba(0,136,204,0.4);border-color:#0088cc;}[data-theme="dark"] .share-popup-buttons .share-btn.copy-link{background:linear-gradient(135deg,var(--pro-bg-light),var(--pro-bg-tertiary));color:var(--pro-text-primary);border:1px solid var(--pro-border);transition:border-color 0.3s ease;}[data-theme="dark"] .share-popup-buttons .share-btn.copy-link:hover{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));color:white;box-shadow:0 6px 20px rgba(74,158,255,0.3);border-color:var(--pro-primary);}[data-theme="dark"] .share-popup{background:rgba(0,0,0,0.8);backdrop-filter:blur(8px);}[data-theme="dark"] .share-toggle-btn:hover{background:var(--pro-primary);color:white;border-color:var(--pro-primary);box-shadow:0 4px 12px rgba(74,158,255,0.2);}[data-theme="dark"] .share-popup-buttons .share-btn span{color:white;font-weight:600;}[data-theme="dark"] .share-popup-buttons .share-btn i{color:white;}[data-theme="dark"] .episode-card:hover,[data-theme="dark"] .related-video-card:hover,[data-theme="dark"] .episode-nav-btn:hover,[data-theme="dark"] .classic-episode-item:hover,[data-theme="dark"] .season-tab:hover,[data-theme="dark"] .advanced-season-tab:hover{border-color:var(--pro-primary);box-shadow:0 12px 40px rgba(53,131,204,0.3);}[data-theme="dark"] .description-content blockquote,[data-theme="dark"] .description-text blockquote{background:var(--pro-bg-tertiary);box-shadow:0 2px 10px rgba(0,0,0,0.3);}[data-theme="dark"] .description-content table,[data-theme="dark"] .description-text table{background:var(--pro-bg-secondary);box-shadow:0 2px 10px rgba(0,0,0,0.3);}[data-theme="dark"] .description-content tr:nth-child(even),[data-theme="dark"] .description-text tr:nth-child(even){background:var(--pro-bg-tertiary);}[data-theme="dark"] .description-content code,[data-theme="dark"] .description-text code,[data-theme="dark"] .description-content kbd,[data-theme="dark"] .description-text kbd,[data-theme="dark"] .description-content samp,[data-theme="dark"] .description-text samp{background:var(--pro-bg-tertiary);border-color:var(--pro-border);}[data-theme="dark"] .description-content pre,[data-theme="dark"] .description-text pre{background:var(--pro-bg-tertiary);border-color:var(--pro-border);}[data-theme="dark"] .description-content address,[data-theme="dark"] .description-text address{background:var(--pro-bg-tertiary);}[data-theme="dark"] .description-content details,[data-theme="dark"] .description-text details{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .description-content summary,[data-theme="dark"] .description-text summary{background:var(--pro-bg-tertiary);}[data-theme="dark"] .description-content .channel-info-card{background:var(--pro-bg-tertiary);border-color:var(--pro-border);}[data-theme="dark"] .video-channel-info,[data-theme="dark"] .video-description,[data-theme="dark"] .video-details{border-color:var(--pro-border);}/* ======================================== ANIMATIONS AND TRANSITIONS ======================================== */@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes scaleIn{from{opacity:0;transform:scale(0.8);}to{opacity:1;transform:scale(1);}}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}.modern-video-section>*{animation:fadeInUp 0.6s ease-out;}.modern-video-section>*:nth-child(1){animation-delay:0.1s;}.modern-video-section>*:nth-child(2){animation-delay:0.2s;}.modern-video-section>*:nth-child(3){animation-delay:0.3s;}.modern-video-section>*:nth-child(4){animation-delay:0.4s;}.modern-video-section>*:nth-child(5){animation-delay:0.5s;}.modern-video-section>*:nth-child(6){animation-delay:0.6s;}.related-video-card{animation:scaleIn 0.5s ease-out;animation-fill-mode:both;}.related-video-card:nth-child(1){animation-delay:0.1s;}.related-video-card:nth-child(2){animation-delay:0.2s;}.related-video-card:nth-child(3){animation-delay:0.3s;}.related-video-card:nth-child(4){animation-delay:0.4s;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}/* ======================================== FULLSCREEN PLAYER SETTINGS ======================================== */@media (max-width:1400px){.modern-player-wrapper>*{max-width:1000px;width:85%;}}@media (max-width:768px){.modern-player-wrapper{height:60vh;}.modern-player-wrapper>*{max-width:95%;width:95%;}}@media (max-width:480px){.modern-player-wrapper{height:50vh;}.modern-player-wrapper>*{max-width:98%;width:98%;}}@media (orientation:landscape) and (max-height:600px){.modern-player-wrapper{height:80vh;}.modern-player-wrapper>*{max-width:1200px;width:90%;}}/* ======================================== Video Player Container ======================================== */.video-player-container{background:transparent;padding:0;margin:0;width:100%;}.video-player-wrapper{padding:20px;margin:0;height:auto !important;min-height:auto !important;position:static !important;display:block !important;align-items:initial !important;justify-content:initial !important;overflow:visible !important;width:100%;}.video-player-wrapper>*{position:static !important;z-index:auto !important;}/* ======================================== Video Interface ======================================== */.video-interface{position:relative;z-index:2;max-width:1200px;width:95%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;}/* ===== Servers Section - Simple & Clean ===== */.servers-row{width:100%;margin-bottom:25px;position:relative;}#WatchServers{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:10px}.server-btn{background:rgba(255,255,255,0.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:12px 20px;color:rgba(255,255,255,0.9);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center;position:relative;}.server-btn:hover{background:var(--pro-primary);border-color:var(--pro-primary);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(53,131,204,0.3);}.server-btn.currentLink{background:var(--pro-primary);border-color:var(--pro-primary);color:white;box-shadow:0 4px 16px rgba(53,131,204,0.4);}.server-btn i{font-size:14px;}.server-btn span{font-weight:600;}/* ===== Player Section - Modern & Wide ===== */.player-content-area{width:100%;max-width:1300px;background:rgba(255,255,255,0.03);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,0.1);border-radius:20px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.05);position:relative;min-height:600px;}#video-wrapper{width:100%;height:100%;min-height:600px;position:relative;z-index:2;}#Playerholder{width:100%;height:100%;min-height:568px;border-radius:16px;overflow:hidden;position:relative;background:#000;}#Playerholder iframe{width:100%;height:100%;border:none;min-height:568px;border-radius:16px;position:relative;z-index:2;transition:all 0.3s ease;}#Playerholder iframe:hover{transform:scale(1.002);}/* ===== Dark Mode ===== */[data-theme="dark"] #WatchServers{background:rgba(20,20,30,0.08);backdrop-filter:blur(10px);border-color:rgba(255,255,255,0.08);}[data-theme="dark"] .server-btn{background:rgba(30,30,40,0.1);backdrop-filter:blur(8px);border-color:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);}[data-theme="dark"] .server-btn:hover{background:var(--pro-primary);border-color:var(--pro-primary);color:white;}[data-theme="dark"] .server-btn.currentLink{background:var(--pro-primary);border-color:var(--pro-primary);color:white;}[data-theme="dark"] .player-content-area{background:rgba(20,20,30,0.05);backdrop-filter:blur(15px);border-color:rgba(255,255,255,0.08);box-shadow:0 8px 40px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.03);}[data-theme="dark"] #Playerholder{border-color:rgba(255,255,255,0.05);}/* ===== Responsive Design ===== */@media (max-width:1024px){.video-interface{width:95%;}.player-content-area{max-width:1200px;min-height:550px;border-radius:18px;}#video-wrapper{min-height:550px;padding:14px;}#Playerholder{min-height:522px;border-radius:14px;}#Playerholder iframe{min-height:522px;border-radius:14px;}#WatchServers{padding:14px 18px;gap:10px;}.server-btn{padding:10px 18px;min-width:110px;font-size:13px;}}@media (max-width:768px){.video-interface{width:98%;min-height:50vh;}.servers-row{max-width:100%;margin-bottom:20px;}.player-content-area{max-width:100%;min-height:450px;border-radius:16px;}.player-content-area::before{height:3px;}#video-wrapper{min-height:450px;padding:12px;}#Playerholder{min-height:426px;border-radius:12px;}#Playerholder iframe{min-height:426px;border-radius:12px;}#WatchServers{padding:12px 16px;gap:8px;border-radius:14px;}.server-btn{padding:8px 16px;min-width:100px;font-size:12px;border-radius:8px;}}@media (max-width:480px){.servers-row{margin-bottom:15px;}.player-content-area{min-height:350px;border-radius:12px;}.player-content-area::before{height:2px;}#video-wrapper{min-height:350px;padding:8px;}#Playerholder{min-height:334px;border-radius:10px;}#Playerholder iframe{min-height:334px;border-radius:10px;}#Playerholder iframe:hover{transform:none;}#WatchServers{padding:10px 12px;gap:6px;border-radius:12px;}.server-btn{padding:6px 12px;min-width:80px;font-size:11px;border-radius:6px;}.server-btn i{font-size:16px;}}/* ===== MODERN PAGE STRUCTURE STYLES ===== */.modern-page-container{min-height:100vh;background:transparent;color:var(--pro-text-primary);margin-bottom:20px;}.modern-page-header{background:var(--pro-bg-primary);border-bottom:1px solid var(--pro-border);padding:2rem 0;box-shadow:var(--pro-shadow-light);}.page-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;}.page-title-section{flex:1;}.page-title-content{display:flex;align-items:center;gap:0.75rem;}.page-icon{width:50px;height:50px;background:var(--pro-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;box-shadow:var(--pro-shadow);}.page-title-text{flex:1;}.page-main-title{font-size:2rem;font-weight:700;margin:0 0 0.5rem 0;color:var(--pro-text-primary);line-height:1.2;}.page-subtitle{font-size:1rem;color:var(--pro-text-secondary);margin:0;opacity:0.8;}.page-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}.sort-controls{position:relative;}.sort-dropdown{position:relative;}.sort-btn{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1.25rem;background:var(--pro-bg-primary);border:1px solid var(--pro-border);border-radius:8px;color:var(--pro-text-primary);cursor:pointer;transition:all 0.3s ease;font-size:0.9rem;font-weight:500;box-shadow:var(--pro-shadow-light);}.sort-btn:hover{background:var(--pro-bg-hover);border-color:var(--pro-border-hover);box-shadow:var(--pro-shadow);}.sort-btn i:last-child{font-size:0.8rem;transition:transform 0.3s ease;}.sort-btn[aria-expanded="true"] i:last-child{transform:rotate(180deg);}.sort-menu{position:absolute;top:100%;right:0;min-width:220px;background:var(--pro-bg-secondary);border:1px solid var(--pro-border);border-radius:8px;box-shadow:var(--pro-shadow-strong);padding:0.5rem 0;margin-top:0.5rem;z-index:1000;direction:rtl;text-align:right;}.sort-option{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;color:var(--pro-text-primary);text-decoration:none;transition:all 0.3s ease;font-size:0.9rem;direction:rtl;text-align:right;}.sort-option:hover{background:var(--pro-bg-hover);color:var(--pro-accent);text-decoration:none;}.sort-option i{width:16px;font-size:0.9rem;color:var(--pro-text-secondary);}.modern-content-wrapper{padding:0 0 3rem 0;}.content-main{max-width:100%;}.content-grid{margin-bottom:3rem;}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:0;}.grid-item{background:var(--pro-bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--pro-border);transition:all 0.3s ease;box-shadow:var(--pro-shadow-light);}.grid-item:hover{transform:translateY(-4px);box-shadow:var(--pro-shadow-strong);border-color:var(--pro-border-hover);}.empty-state,.empty-results-section{text-align:center;padding:4rem 2rem;grid-column:1 / -1;}.empty-results-content{max-width:400px;margin:0 auto;}.empty-icon,.empty-results-icon{width:80px;height:80px;background:var(--pro-bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--pro-text-secondary);border:1px solid var(--pro-border);}.empty-title,.empty-results-title{font-size:1.5rem;font-weight:600;color:var(--pro-text-primary);margin:0 0 1rem 0;}.empty-message,.empty-results-message{font-size:1rem;color:var(--pro-text-secondary);margin:0;line-height:1.6;}.pagination-section{display:flex;justify-content:center;padding:2rem 0;}.modern-pagination{display:flex;align-items:center;gap:0.5rem;list-style:none;padding:0;margin:0;background:var(--pro-bg-secondary);border-radius:12px;padding:0.75rem 1rem;box-shadow:var(--pro-shadow-light);border:1px solid var(--pro-border);}.modern-pagination li{margin:0;}.modern-pagination li a{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0.5rem 0.75rem;background:var(--bg-dark);color:var(--pro-text-secondary);border:1px solid var(--pro-border);text-decoration:none;border-radius:8px;font-weight:500;font-size:14px;transition:all 0.3s ease;border:1px solid transparent;}.modern-pagination li a:hover{background:var(--pro-bg-hover);color:var(--pro-text-primary);text-decoration:none;transform:translateY(-1px);box-shadow:var(--pro-shadow-light);}.modern-pagination li.active a{background:var(--pro-primary);color:white;border-color:var(--pro-primary);box-shadow:var(--pro-shadow);font-weight:600;}.modern-pagination li.active a:hover{background:var(--pro-primary-hover);border-color:var(--pro-primary-hover);transform:translateY(-1px);}.modern-pagination li:first-child a,.modern-pagination li:last-child a{font-weight:600;font-size:1rem;}.modern-pagination li:first-child a:hover,.modern-pagination li:last-child a:hover{background:var(--pro-accent);color:white;}.modern-pagination li.disabled a{color:var(--pro-text-muted);cursor:not-allowed;opacity:0.5;}.modern-pagination li.disabled a:hover{background:transparent;color:var(--pro-text-muted);transform:none;box-shadow:none;}@media (max-width:768px){.page-header-content{flex-direction:column;align-items:stretch;gap:1.5rem;}.page-title-section{justify-content:center;text-align:center;}.page-title-content{justify-content:center;flex-direction:column;gap:0.5rem;text-align:center;}.page-main-title{font-size:1.5rem;}.page-actions{justify-content:center;flex-wrap:wrap;gap:1rem;}.grid-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;}.view-btn span{display:none;}.sort-menu{right:auto;left:0;}}@media (max-width:480px){.page-icon{width:40px;height:40px;font-size:1rem;}.page-title-content{justify-content:center;flex-direction:column;gap:0.5rem;text-align:center;}.page-main-title{font-size:1.25rem;}.grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}.view-controls,.sort-controls{width:100%;}.view-controls{justify-content:center;}.sort-btn{width:100%;justify-content:center;}.modern-pagination{padding:0.5rem 0.75rem;gap:0.25rem;}.modern-pagination li a{min-width:35px;height:35px;font-size:0.8rem;padding:0.25rem 0.5rem;}}[data-theme="dark"] .modern-page-container{background:transparent;}[data-theme="dark"] .modern-page-header{background:var(--pro-bg-primary);border-bottom-color:var(--pro-border);}[data-theme="dark"] .page-icon{background:var(--pro-primary);box-shadow:var(--pro-shadow);}[data-theme="dark"] .sort-btn{background:var(--pro-bg-primary);border-color:var(--pro-border);color:var(--pro-text-primary);}[data-theme="dark"] .sort-btn:hover{background:var(--pro-bg-hover);border-color:var(--pro-border-hover);}[data-theme="dark"] .sort-menu{background:var(--pro-bg-secondary);border-color:var(--pro-border);color:var(--pro-text-primary);}[data-theme="dark"] .sort-option{color:var(--pro-text-primary);}[data-theme="dark"] .sort-option:hover{background:var(--pro-bg-hover);color:var(--pro-accent);}[data-theme="dark"] .sort-option i{color:var(--pro-text-secondary);}[data-theme="dark"] .grid-item{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .empty-icon,[data-theme="dark"] .empty-results-icon{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .modern-pagination{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .modern-pagination li a{color:var(--pro-text-secondary);}[data-theme="dark"] .modern-pagination li a:hover{background:var(--pro-bg-hover);color:var(--pro-text-primary);}[data-theme="dark"] .modern-pagination li.active a{background:var(--pro-primary);color:white;border-color:var(--pro-primary);}[data-theme="dark"] .modern-pagination li:first-child a:hover,[data-theme="dark"] .modern-pagination li:last-child a:hover{background:var(--pro-accent);color:white;}/* ===== END MODERN PAGE STRUCTURE STYLES ===== *//* ===== ARTICLE PAGE STYLES ===== */.modern-article-container{min-height:100vh;background:transparent;color:var(--pro-text-primary);}.modern-article-header{background:var(--pro-bg-primary);border-bottom:1px solid var(--pro-border);padding:2rem 0;margin-bottom:2rem;box-shadow:var(--pro-shadow-light);}.article-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;}.article-title-section{flex:1;}.article-title-content{display:flex;align-items:center;gap:0.75rem;}.article-icon{width:50px;height:50px;background:var(--pro-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;box-shadow:var(--pro-shadow);}.article-title-text h1{font-size:1.75rem;font-weight:700;margin:0 0 0.5rem 0;color:var(--pro-text-primary);line-height:1.3;}.article-meta-info{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1rem;}.article-meta-item{display:flex;align-items:center;gap:0.5rem;color:var(--pro-text-secondary);font-size:0.9rem;}.article-meta-item i{color:var(--pro-primary);}.article-meta-item a{color:var(--pro-text-secondary);text-decoration:none;transition:color 0.3s ease;}.article-meta-item a:hover{color:var(--pro-primary);text-decoration:none;}.modern-article-content{padding:0 0 3rem 0;}.article-main-content{background:var(--pro-bg-secondary);border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid var(--pro-border);box-shadow:var(--pro-shadow-light);}.article-body{font-size:1.1rem;line-height:1.8;color:var(--pro-text-primary);}.article-body p{margin-bottom:1.5rem;}.article-body h2,.article-body h3,.article-body h4{color:var(--pro-text-primary);margin:2rem 0 1rem 0;}.article-tags{background:var(--pro-bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--pro-border);}.article-tags h4{margin:0 0 1rem 0;color:var(--pro-text-primary);font-size:1.1rem;font-weight:600;}.tag-links{display:flex;flex-wrap:wrap;gap:0.5rem;}.tag-links a{background:var(--pro-primary);color:white;padding:0.5rem 1rem;border-radius:20px;text-decoration:none;font-size:0.85rem;font-weight:500;transition:all 0.3s ease;}.tag-links a:hover{background:var(--pro-primary-hover);transform:translateY(-1px);text-decoration:none;}.article-sidebar{padding-left:2rem;}.sidebar-widget{background:var(--pro-bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--pro-border);box-shadow:var(--pro-shadow-light);}.sidebar-widget h4{margin:0 0 1.5rem 0;color:var(--pro-text-primary);font-size:1.2rem;font-weight:600;padding-bottom:0.75rem;border-bottom:2px solid var(--pro-primary);}.related-article-item{background:var(--pro-bg-primary);border:1px solid var(--pro-border);border-radius:12px;padding:1rem;margin-bottom:1rem;transition:all 0.3s ease;position:relative;overflow:hidden;}.related-article-item:hover{transform:translateY(-2px);box-shadow:var(--pro-shadow);border-color:var(--pro-primary);}.related-article-item:last-child{margin-bottom:0;}.related-article-content{width:100%;}.related-article-thumb{width:100%;height:120px;border-radius:8px;overflow:hidden;margin-bottom:0.75rem;position:relative;}.related-article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.related-article-item:hover .related-article-thumb img{transform:scale(1.05);}.related-article-thumb::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.1) 100%);}.related-article-content h5{margin:0 0 0.5rem 0;font-size:1rem;font-weight:600;line-height:1.4;}.related-article-content h5 a{color:var(--pro-text-primary);text-decoration:none;transition:color 0.3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.related-article-content h5 a:hover{color:var(--pro-primary);text-decoration:none;}.related-article-excerpt{font-size:14px;color:var(--pro-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.related-article-meta{display:flex;align-items:center;gap:0.5rem;margin-top:0.75rem;font-size:0.8rem;color:var(--pro-text-secondary);}.related-article-meta i{color:var(--pro-primary);}.article-category-list{display:flex;flex-direction:column;gap:2rem;}.article-category-item{background:var(--pro-bg-secondary);border-radius:12px;padding:2rem;border:1px solid var(--pro-border);box-shadow:var(--pro-shadow-light);transition:all 0.3s ease;overflow:hidden;}.article-category-item:hover{transform:translateY(-2px);box-shadow:var(--pro-shadow);border-color:var(--pro-primary);}.article-category-item.featured{border:2px solid var(--pro-primary);background:linear-gradient(135deg,var(--pro-bg-secondary),rgba(var(--pro-primary-rgb),0.05));}.article-category-header{margin-bottom:1.5rem;}.article-category-title{font-size:1.5rem;font-weight:700;margin:0 0 1rem 0;line-height:1.3;}.article-category-title a{color:var(--pro-text-primary);text-decoration:none;transition:color 0.3s ease;}.article-category-title a:hover{color:var(--pro-primary);text-decoration:none;}.article-category-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;color:var(--pro-text-secondary);font-size:0.9rem;}.article-category-meta a{color:var(--pro-text-secondary);text-decoration:none;transition:color 0.3s ease;}.article-category-meta a:hover{color:var(--pro-primary);text-decoration:none;}.article-category-meta i{color:var(--pro-primary);}.article-category-content{color:var(--pro-text-primary);line-height:1.7;margin-bottom:1.5rem;}.article-category-content p{margin-bottom:1rem;}.article-read-more{background:var(--pro-primary);color:white;padding:0.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:0.5rem;}.article-read-more:hover{background:var(--pro-primary-hover);transform:translateY(-1px);text-decoration:none;color:white;}.article-read-more::after{content:'←';font-size:1.1rem;transition:transform 0.3s ease;}.article-read-more:hover::after{transform:translateX(-3px);}.article-category-description{background:var(--pro-bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--pro-border);color:var(--pro-text-primary);line-height:1.7;}.article-admin-actions{float:right;margin-bottom:1rem;}.article-admin-btn{background:var(--pro-bg-secondary);color:var(--pro-text-secondary);border:1px solid var(--pro-border);padding:0.5rem 1rem;border-radius:6px;text-decoration:none;font-size:0.85rem;transition:all 0.3s ease;}.article-admin-btn:hover{background:var(--pro-primary);color:white;border-color:var(--pro-primary);text-decoration:none;}@media (max-width:768px){.modern-article-header{padding:1.5rem 0;}.article-header-content{flex-direction:column;align-items:stretch;gap:1.5rem;}.article-title-content{justify-content:center;flex-direction:column;gap:0.5rem;text-align:center;}.article-title-text h1{font-size:1.5rem;}.article-meta-info{justify-content:center;gap:1rem;}.article-main-content{padding:1.5rem;}.article-sidebar{padding-left:0;margin-top:2rem;}.article-category-item{padding:1.5rem;}.article-category-title{font-size:1.25rem;}.article-category-meta{gap:1rem;}}@media (max-width:480px){.article-icon{width:40px;height:40px;font-size:1.25rem;}.article-title-text h1{font-size:1.25rem;}.article-main-content{padding:1rem;}.article-meta-info{flex-direction:column;gap:0.75rem;}.article-category-item{padding:1rem;}.article-category-title{font-size:1.1rem;}.article-category-meta{flex-direction:column;gap:0.75rem;align-items:flex-start;}}[data-theme="dark"] .modern-article-container{background:transparent;}[data-theme="dark"] .modern-article-header{background:var(--pro-bg-primary);border-bottom-color:var(--pro-border);}[data-theme="dark"] .article-icon{background:var(--pro-primary);}[data-theme="dark"] .article-main-content,[data-theme="dark"] .article-tags,[data-theme="dark"] .sidebar-widget{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .related-article-item{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .related-article-item:hover{border-color:var(--pro-primary);box-shadow:var(--pro-shadow);}[data-theme="dark"] .article-category-item{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .article-category-item:hover{border-color:var(--pro-primary);box-shadow:var(--pro-shadow);}[data-theme="dark"] .article-category-description{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .article-admin-btn{background:var(--pro-bg-secondary);color:var(--pro-text-secondary);border-color:var(--pro-border);}[data-theme="dark"] .article-admin-btn:hover{background:var(--pro-primary);color:white;border-color:var(--pro-primary);}/* ===== END ARTICLE PAGE STYLES ===== *//* ===== PAGE STYLES ===== */.modern-page-wrapper{/* min-height:100vh;*/ background:transparent;color:var(--pro-text-primary);}.modern-page-header{background:var(--pro-bg-primary);border-bottom:1px solid var(--pro-border);padding:2rem 0;box-shadow:var(--pro-shadow-light);}.page-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;}.page-title-section{flex:1;}.page-title-content{display:flex;align-items:center;gap:0.75rem;}.page-icon{width:40px;height:40px;background:var(--pro-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;box-shadow:var(--pro-shadow);}.page-title-text h1{font-size:1.75rem;font-weight:700;margin:0;color:var(--pro-text-primary);line-height:1.3;}.modern-page-content{padding:0 0 3rem 0;}.page-main-content{background:var(--bg-dark);border-radius:12px;padding:2.5rem;margin-bottom:2rem;border:1px solid var(--pro-border);box-shadow:var(--pro-shadow-light);max-width:900px;margin:0 auto 2rem auto;}.page-content-body{font-size:1.1rem;line-height:1.8;color:var(--pro-text-primary);}.page-content-body p{margin-bottom:1.5rem;}.page-content-body h1,.page-content-body h2,.page-content-body h3,.page-content-body h4,.page-content-body h5,.page-content-body h6{color:var(--pro-text-primary);margin:2rem 0 1rem 0;font-weight:600;}.page-content-body h1{font-size:2rem;}.page-content-body h2{font-size:1.75rem;}.page-content-body h3{font-size:1.5rem;}.page-content-body h4{font-size:1.25rem;}.page-content-body h5{font-size:1.1rem;}.page-content-body h6{font-size:1rem;}.page-content-body a{color:var(--pro-primary);text-decoration:none;transition:color 0.3s ease;border-bottom:1px solid transparent;}.page-content-body a:hover{color:var(--pro-primary-hover);border-bottom-color:var(--pro-primary);text-decoration:none;}.page-content-body strong,.page-content-body b{color:var(--pro-text-primary);font-weight:600;}.page-content-body ul,.page-content-body ol{margin:1.5rem 0;padding-right:2rem;}.page-content-body ul li,.page-content-body ol li{margin-bottom:0.75rem;line-height:1.7;}.page-content-body ul li::marker{color:var(--pro-primary);}.page-content-body ol li::marker{color:var(--pro-primary);font-weight:600;}.page-content-body blockquote{background:var(--pro-bg-primary);border-right:4px solid var(--pro-primary);padding:1.5rem 2rem;margin:2rem 0;border-radius:8px;font-style:italic;color:var(--pro-text-secondary);position:relative;}.page-content-body blockquote::before{content:'"';font-size:3rem;color:var(--pro-primary);position:absolute;top:-0.5rem;right:1rem;opacity:0.3;}.page-content-body code{background:var(--pro-bg-primary);color:var(--pro-primary);padding:0.25rem 0.5rem;border-radius:4px;font-family:'Courier New',monospace;font-size:0.9rem;border:1px solid var(--pro-border);}.page-content-body pre{background:var(--pro-bg-primary);padding:1.5rem;border-radius:8px;overflow-x:auto;border:1px solid var(--pro-border);margin:1.5rem 0;}.page-content-body pre code{background:none;border:none;padding:0;color:var(--pro-text-primary);}.page-content-body table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--pro-bg-primary);border-radius:8px;overflow:hidden;box-shadow:var(--pro-shadow-light);}.page-content-body th,.page-content-body td{padding:1rem;text-align:right;border-bottom:1px solid var(--pro-border);}.page-content-body th{background:var(--pro-primary);color:white;font-weight:600;}.page-content-body tr:nth-child(even){background:rgba(var(--pro-primary-rgb),0.05);}.page-content-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:var(--pro-shadow-light);transition:transform 0.3s ease;}.page-content-body img:hover{transform:scale(1.02);}.page-breadcrumb{background:var(--pro-bg-primary);padding:1rem 1.5rem;margin:-2.5rem -2.5rem 2rem -2.5rem;border-bottom:1px solid var(--pro-border);border-radius:12px 12px 0 0;}.breadcrumb-content{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:var(--pro-text-secondary);}.breadcrumb-content a{color:var(--pro-text-secondary);text-decoration:none;transition:color 0.3s ease;}.breadcrumb-content a:hover{color:var(--pro-primary);text-decoration:none;}.breadcrumb-separator{color:var(--pro-text-muted);margin:0 0.25rem;}@media (max-width:768px){.modern-page-header{padding:1.5rem 0;}.page-header-content{flex-direction:column;align-items:stretch;gap:1.5rem;}.page-title-content{justify-content:center;flex-direction:column;gap:0.5rem;text-align:center;}.page-title-text h1{font-size:1.5rem;}.page-main-content{padding:2rem;margin:0 1rem 2rem 1rem;}.page-breadcrumb{margin:-2rem -2rem 2rem -2rem;padding:1rem 1.25rem;}.page-content-body{font-size:1rem;}.page-content-body ul,.page-content-body ol{padding-right:1.5rem;}}@media (max-width:480px){.page-icon{width:40px;height:40px;font-size:1.25rem;}.page-title-text h1{font-size:1.25rem;}.page-main-content{padding:1.5rem;margin:0 0.5rem 2rem 0.5rem;}.page-breadcrumb{margin:-1.5rem -1.5rem 1.5rem -1.5rem;padding:0.75rem 1rem;}.page-content-body{font-size:0.95rem;}.page-content-body h1{font-size:1.5rem;}.page-content-body h2{font-size:1.35rem;}.page-content-body h3{font-size:1.2rem;}.page-content-body blockquote{padding:1rem 1.5rem;margin:1.5rem 0;}.page-content-body table{font-size:0.85rem;}.page-content-body th,.page-content-body td{padding:0.75rem 0.5rem;}}[data-theme="dark"] .modern-page-wrapper{background:transparent;}[data-theme="dark"] .modern-page-header{background:var(--pro-bg-primary);border-bottom-color:var(--pro-border);}[data-theme="dark"] .page-icon{background:var(--pro-primary);}[data-theme="dark"] .page-main-content{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .page-breadcrumb{background:var(--pro-bg-primary);border-bottom-color:var(--pro-border);}[data-theme="dark"] .page-content-body blockquote{background:var(--pro-bg-primary);border-right-color:var(--pro-primary);}[data-theme="dark"] .page-content-body code{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .page-content-body pre{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .page-content-body table{background:var(--pro-bg-primary);}[data-theme="dark"] .page-content-body th{background:var(--pro-primary);}[data-theme="dark"] .page-content-body tr:nth-child(even){background:rgba(var(--pro-primary-rgb),0.05);}/* ===== END PAGE STYLES ===== *//* ===== CHANNEL PAGE STYLES ===== */.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{	background:transparent !important;	color:var(--pro-primary) !important;	border-bottom-color:var(--pro-primary) !important;	border-top:none !important;	border-left:none !important;	border-right:none !important;	font-weight:700 !important;}.nav-tabs>li>a{	color:var(--pro-text-secondary) !important;	background:transparent !important;	border:none !important;	border-bottom:3px solid transparent !important;	border-radius:0 !important;	margin-right:0 !important;}.nav-tabs>li>a:hover{	background:rgba(53,131,204,0.05) !important;	color:var(--pro-primary) !important;	border-bottom-color:var(--pro-primary) !important;	border-top:none !important;	border-left:none !important;	border-right:none !important;}.modern-channel-wrapper{min-height:100vh;background:transparent;color:var(--pro-text-primary);}.pm-profile{background:transparent;	margin-bottom:20px}.pm-profile-header{background:var(--pro-bg-primary);border-radius:12px;overflow:hidden;box-shadow:var(--pro-shadow);margin-bottom:2rem;border:1px solid var(--pro-border);}.pm-profile-cover{position:relative;min-height:200px;background:linear-gradient(135deg,var(--pro-primary),var(--pro-accent));}.pm-profile-cover img.img-channel-cover,.pm-profile-cover img.img-cover{width:100%;height:200px;object-fit:cover;display:block;}.pm-profile-cover-preview{position:relative;width:100%;height:200px;}.pm-profile-cover-preview .cropit-image-preview{position:relative;width:100%;height:200px;overflow:hidden;}.pm-profile-cover-edit{position:absolute;top:15px;right:15px;z-index:10;}.pm-profile-cover-edit .btn-edit{background:rgba(0,0,0,0.5);backdrop-filter:blur(10px);color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.3);transition:all 0.3s ease;}.pm-profile-cover-edit .btn-edit:hover{background:rgba(0,0,0,0.7);border-color:rgba(255,255,255,0.5);transform:scale(1.1);}.pm-profile-cover-edit .btn-edit i{font-size:16px;}.pm-profile-avatar-pic{position:absolute;bottom:0;left:10px;z-index:10;}.pm-profile-avatar-pic .cropit-image-preview{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--pro-bg-primary);box-shadow:var(--pro-shadow-strong);background:var(--pro-bg-secondary);}.pm-profile-avatar-pic .cropit-image-preview img{width:100%;height:100%;object-fit:cover;display:block;}.pm-profile-avatar-pic img.img-responsive{width:120px;height:120px;border-radius:50%;border:4px solid var(--pro-bg-primary);box-shadow:var(--pro-shadow-strong);object-fit:cover;display:block;}.pm-profile-avatar-edit{position:absolute;bottom:5px;right:30%;	top:30%;z-index:10;}.pm-profile-avatar-edit .btn-edit{background:var(--pro-accent);color:white;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2);	background:var(--pro-primary);}.pm-profile-avatar-edit .btn-edit i{font-size:14px;}.cropit-form{position:absolute;display:flex;gap:8px;visibility:hidden;z-index:20;}#cropit-cover-form,#cropit-avatar-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--pro-bg-primary);backdrop-filter:blur(10px);padding:20px;border-radius:12px;box-shadow:var(--pro-shadow-strong);border:2px solid var(--pro-border);flex-direction:column;min-width:200px;z-index:9999;}.cropit-image-loaded .cropit-form{visibility:visible !important;}#cropit-cover-form::before,#cropit-avatar-form::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:var(--pro-bg-tertiary);z-index:-1;}#cropit-cover-form .btn,#cropit-avatar-form .btn{width:100%;margin:0;}.cropit-form .btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;transition:all 0.3s ease;border:none;box-shadow:0 2px 8px rgba(0,0,0,0.2);}.cropit-form .btn-cancel,.cropit-form .btn-cancel-avatar{background:rgba(255,255,255,0.9);color:#333;}.cropit-form .btn-cancel:hover,.cropit-form .btn-cancel-avatar:hover{background:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.25);}.cropit-form .btn-success{background:var(--pro-primary);color:white;}.cropit-form .btn-mini{padding:6px 12px;font-size:12px;}.pm-profile-user-info{padding:70px 30px 20px 30px;background:transparent;}.pm-profile-user-info h1{font-size:28px;font-weight:700;color:var(--pro-text-primary);margin:0 0 10px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}.pm-verified-user img{width:24px;height:24px;vertical-align:middle;}.pm-profile-user-info .label{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;}.label-banned{background:#e74c3c;color:white;}.label-social-follows{background:var(--pro-primary);color:white;}.pm-profile-buttons{margin-top:15px;}.pm-profile-body{background:var(--pro-bg-primary);border-radius:12px;padding:20px 30px;box-shadow:var(--pro-shadow);border:1px solid var(--pro-border);}.pm-profile-stats{list-style:none;padding:0;margin:0;display:flex;gap:30px;flex-wrap:wrap;}.pm-profile-stats li{font-size:16px;font-weight:700;color:var(--pro-text-primary);}.pm-profile-stats li span{display:block;font-size:13px;font-weight:400;color:var(--pro-text-secondary);margin-top:2px;}.pm-profile-links{list-style:none;padding:0;margin:0;display:flex;gap:15px;}.pm-profile-links a{width:40px;height:40px;border-radius:50%;background:var(--pro-bg-secondary);color:var(--pro-text-primary);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;border:1px solid var(--pro-border);}.pm-profile-links a:hover{background:var(--pro-primary);color:white;transform:scale(1.1);}.pm-profile-links i{font-size:18px;}.pm-profile-desc{margin-top:20px;padding-top:20px;border-top:1px solid var(--pro-border);color:var(--pro-text-secondary);line-height:1.6;}.channel-tabs-section{margin-top:25px;padding-top:25px;border-top:1px solid var(--pro-border);}.nav-responsive{background:transparent;margin:0;}.nav-tabs{border-bottom:2px solid var(--pro-border);display:flex;flex-wrap:wrap;gap:0;padding:0;margin:0;}.nav-tabs li{margin:0;list-style:none;}.nav-tabs li a{padding:14px 24px;color:var(--pro-text-secondary);font-weight:600;font-size:15px;border:none;border-bottom:3px solid transparent;background:transparent;transition:all 0.3s ease;border-radius:0;display:block;text-decoration:none;}.nav-tabs li a:hover{background:rgba(var(--pro-primary-rgb),0.05);color:var(--pro-primary);border-bottom-color:var(--pro-primary);}.nav-tabs li.active a{background:transparent;color:var(--pro-primary);border-bottom-color:var(--pro-primary);font-weight:700;}.tab-content-channel{background:var(--pro-bg-primary);border-radius:12px;padding:30px;box-shadow:var(--pro-shadow);border:1px solid var(--pro-border);	margin-bottom:20px}.tab-content-channel h4{font-size:20px;font-weight:700;color:var(--pro-text-primary);margin:0 0 20px 0;padding-bottom:15px;border-bottom:2px solid var(--pro-border);}.tab-content-channel p{color:var(--pro-text-secondary);line-height:1.6;}.pm-pro-social-links{list-style:none;padding:0;margin:0;}.pm-pro-social-links li{padding:10px 0;border-bottom:1px solid var(--pro-border);}.pm-pro-social-links li:last-child{border-bottom:none;}.pm-pro-social-links i{color:var(--pro-primary);margin-right:10px;width:20px;}.pm-pro-social-links a{color:var(--pro-text-primary);text-decoration:none;transition:color 0.3s ease;}.pm-pro-social-links a:hover{color:var(--pro-primary);}.videoContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px;}@media (max-width:768px){.videoContainer{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;}}@media (max-width:480px){.videoContainer{grid-template-columns:1fr;gap:15px;}}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--pro-text-secondary);font-size:16px;}.pm-channels-list{list-style:none;padding:0;margin:0 -10px;}.pm-channels-list li{padding:10px;}.pm-channel{background:var(--pro-bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--pro-border);transition:all 0.3s ease;}.pm-channel:hover{transform:translateY(-5px);box-shadow:var(--pro-shadow-hover);}.pm-channel-header{position:relative;}.pm-channel-cover{height:100px;background:linear-gradient(135deg,var(--pro-primary),var(--pro-accent));overflow:hidden;}.pm-channel-cover img{width:100%;height:100%;object-fit:cover;}.pm-channel-profile-pic{position:absolute;bottom:-30px;left:20px;width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid var(--pro-bg-primary);box-shadow:var(--pro-shadow);}.pm-channel-profile-pic img{width:100%;height:100%;object-fit:cover;}.pm-channel-body{padding:40px 20px 20px 20px;}.pm-channel-body h3{font-size:16px;font-weight:700;color:var(--pro-text-primary);margin:0 0 8px 0;}.pm-channel-body h3 a{color:var(--pro-text-primary);text-decoration:none;}.pm-channel-body h3 a:hover{color:var(--pro-primary);}.pm-user-banned{text-decoration:line-through;opacity:0.6;}.label-follow-status{font-size:11px;padding:3px 8px;}.pm-channel-stats{color:var(--pro-text-secondary);font-size:13px;margin-bottom:15px;}.pm-channel-buttons{margin-top:15px;}form[name="user-update-status"]{margin-bottom:30px;}form[name="user-update-status"] textarea{min-height:100px;border-radius:8px;border:1px solid var(--pro-border);background:var(--pro-bg-secondary);color:var(--pro-text-primary);padding:12px;font-size:14px;resize:vertical;}form[name="user-update-status"] textarea:focus{border-color:var(--pro-primary);outline:none;box-shadow:0 0 0 3px rgba(var(--pro-primary-rgb),0.1);}form[name="user-update-status"] .btn{border-radius:8px;padding:10px 24px;font-weight:600;}#loading{display:flex;align-items:center;gap:10px;color:var(--pro-text-secondary);font-size:14px;}@media (max-width:768px){.pm-profile-user-info{padding:70px 20px 20px 20px;}.pm-profile-user-info h1{font-size:22px;}.pm-profile-body{padding:15px 20px;}.pm-profile-stats{gap:20px;}.pm-profile-avatar-pic{left:20px;}.channel-tabs-section{margin-top:20px;padding-top:20px;}.nav-tabs{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}.nav-tabs::-webkit-scrollbar{height:3px;}.nav-tabs::-webkit-scrollbar-track{background:var(--pro-bg-secondary);}.nav-tabs::-webkit-scrollbar-thumb{background:var(--pro-primary);border-radius:3px;}.nav-tabs li a{padding:12px 18px;font-size:14px;white-space:nowrap;}.tab-content-channel{padding:20px;}}@media (max-width:480px){.pm-profile-avatar-pic .cropit-image-preview,.pm-profile-avatar-pic img.img-responsive{width:90px;height:90px;}.pm-profile-user-info h1{font-size:20px;}.pm-profile-stats{flex-direction:column;gap:10px;}#cropit-cover-form,#cropit-avatar-form{min-width:280px;padding:15px;}#cropit-cover-form .btn,#cropit-avatar-form .btn{padding:10px 16px;font-size:13px;}}[data-theme="dark"] .pm-profile-header{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .pm-profile-body{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .tab-content-channel{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .pm-channel{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] form[name="user-update-status"] textarea{background:var(--pro-bg-secondary);border-color:var(--pro-border);color:var(--pro-text-primary);}[data-theme="dark"] .channel-tabs-section{border-top-color:var(--pro-border);}[data-theme="dark"] .nav-tabs{border-bottom-color:var(--pro-border);}[data-theme="dark"] .nav-tabs li a{color:var(--pro-text-secondary);}[data-theme="dark"] .nav-tabs li a:hover{background:rgba(53,131,204,0.1);color:var(--pro-primary);}[data-theme="dark"] .nav-tabs li.active a{color:var(--pro-primary);}[data-theme="dark"] .nav-tabs::-webkit-scrollbar-track{background:var(--pro-bg-secondary);}[data-theme="dark"] .nav-tabs::-webkit-scrollbar-thumb{background:var(--pro-primary);}[data-theme="dark"] .nav-tabs>li.active>a,[data-theme="dark"] .nav-tabs>li.active>a:focus,[data-theme="dark"] .nav-tabs>li.active>a:hover{	background:transparent !important;	color:var(--pro-primary) !important;	border-bottom-color:var(--pro-primary) !important;}[data-theme="dark"] .nav-tabs>li>a{	color:var(--pro-text-secondary) !important;	background:transparent !important;}[data-theme="dark"] .nav-tabs>li>a:hover{	background:rgba(53,131,204,0.1) !important;	color:var(--pro-primary) !important;	border-bottom-color:var(--pro-primary) !important;}[data-theme="dark"] #cropit-cover-form,[data-theme="dark"] #cropit-avatar-form{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] #cropit-cover-form::before,[data-theme="dark"] #cropit-avatar-form::before{background:rgba(0,0,0,0.8);}[data-theme="dark"] .cropit-form .btn-cancel,[data-theme="dark"] .cropit-form .btn-cancel-avatar{background:var(--pro-bg-secondary);color:var(--pro-text-primary);border:1px solid var(--pro-border);}[data-theme="dark"] .cropit-form .btn-cancel:hover,[data-theme="dark"] .cropit-form .btn-cancel-avatar:hover{background:var(--pro-bg-tertiary);border-color:var(--pro-primary);}[data-theme="dark"] .cropit-form .btn-success{background:var(--pro-primary);color:white;}[data-theme="dark"] .cropit-form .btn-success:hover{background:var(--pro-primary-hover);}/* ===== END CHANNEL PAGE STYLES ===== *//* ===== CONTACT PAGE STYLES ===== */.contact-alert{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:12px;margin-bottom:25px;border:1px solid;direction:rtl;text-align:right;}.contact-alert .alert-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;}.contact-alert .alert-content{flex:1;font-size:15px;line-height:1.6;}.contact-alert.alert-error{background:rgba(220,53,69,0.1);border-color:#dc3545;color:#dc3545;}.contact-alert.alert-success{background:rgba(40,167,69,0.1);border-color:#28a745;color:#28a745;}.contact-form-container{background:var(--pro-bg-primary);border-radius:16px;padding:40px;box-shadow:var(--pro-shadow);border:1px solid var(--pro-border);max-width:900px;margin:0 auto;}.modern-contact-form{direction:rtl;text-align:right;}.form-field-group{margin-bottom:25px;}.form-field-label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--pro-text-primary);margin-bottom:12px;direction:rtl;}.form-field-label i{color:var(--pro-primary);font-size:16px;}.form-field-input{width:100%;}.form-input{width:100%;padding:14px 18px;border:2px solid var(--pro-border);border-radius:10px;background:var(--pro-bg-secondary);color:var(--pro-text-primary);font-size:15px;transition:all 0.3s ease;direction:rtl;text-align:right;}.form-input:focus{outline:none;border-color:var(--pro-primary);background:var(--pro-bg-primary);box-shadow:0 0 0 4px rgba(var(--pro-primary-rgb),0.1);}.form-input::placeholder{color:var(--pro-text-muted);text-align:right;}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233583cc' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 18px center;padding-left:45px;}.form-textarea{min-height:150px;resize:vertical;line-height:1.6;}.form-row-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.form-field-half{margin-bottom:0;}.captcha-field-group{margin-top:30px;padding-top:30px;border-top:2px solid var(--pro-border);}.captcha-input-wrapper{display:flex;gap:15px;align-items:flex-start;flex-direction:row-reverse;}.captcha-input-section{flex:1;}.captcha-image-section{display:flex;flex-direction:column;gap:10px;align-items:center;}.captcha-image{border-radius:8px;border:2px solid var(--pro-border);display:block;max-width:100%;height:auto;}.captcha-refresh-btn{background:var(--pro-bg-secondary);border:2px solid var(--pro-border);color:var(--pro-primary);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;font-size:16px;}.captcha-refresh-btn:hover{background:var(--pro-primary);color:white;transform:rotate(180deg);}.recaptcha-field-group{margin-top:30px;padding-top:30px;border-top:2px solid var(--pro-border);}.recaptcha-wrapper{display:flex;justify-content:flex-end;direction:ltr;}.form-submit-section{margin-top:35px;padding-top:30px;border-top:2px solid var(--pro-border);display:flex;justify-content:center;}.contact-submit-btn{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));color:white;border:none;padding:16px 50px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px rgba(var(--pro-primary-rgb),0.3);min-width:220px;justify-content:center;}.contact-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--pro-primary-rgb),0.4);}.contact-submit-btn:active{transform:translateY(0);}.contact-submit-btn .btn-icon{font-size:18px;display:flex;align-items:center;}.contact-submit-btn .btn-text{font-size:16px;}@media (max-width:768px){.contact-form-container{padding:25px;}.form-row-split{grid-template-columns:1fr;gap:0;}.form-field-half{margin-bottom:25px;}.captcha-input-wrapper{flex-direction:column-reverse;align-items:stretch;}.captcha-image-section{flex-direction:row;justify-content:space-between;}.contact-submit-btn{width:100%;padding:14px 30px;font-size:15px;}}@media (max-width:480px){.contact-form-container{padding:20px;border-radius:12px;}.form-field-label{font-size:14px;}.form-field-label i{font-size:14px;}.form-input{padding:12px 15px;font-size:14px;}.contact-alert{padding:15px;font-size:14px;}.contact-submit-btn{padding:12px 25px;font-size:14px;min-width:auto;}}[data-theme="dark"] .contact-alert.alert-error{background:rgba(220,53,69,0.15);border-color:#dc3545;}[data-theme="dark"] .contact-alert.alert-success{background:rgba(40,167,69,0.15);border-color:#28a745;}[data-theme="dark"] .contact-form-container{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .form-input{background:var(--pro-bg-secondary);border-color:var(--pro-border);color:var(--pro-text-primary);}[data-theme="dark"] .form-input:focus{background:var(--pro-bg-tertiary);border-color:var(--pro-primary);}[data-theme="dark"] .captcha-image{border-color:var(--pro-border);}[data-theme="dark"] .captcha-refresh-btn{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .captcha-refresh-btn:hover{background:var(--pro-primary);border-color:var(--pro-primary);}/* ===== END CONTACT PAGE STYLES ===== *//* ===== PROFILE PLAYLISTS PAGE STYLES ===== */.playlist-profile-header{margin-bottom:0;}.playlists-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--pro-border);flex-wrap:wrap;gap:15px;}.playlists-page-header h4{margin:0;display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--pro-text-primary);padding-bottom:0;border-bottom:none;}.playlists-page-header h4 i{color:var(--pro-primary);}.btn-add-playlist{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));color:white;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(var(--pro-primary-rgb),0.3);}.btn-add-playlist:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--pro-primary-rgb),0.4);color:white;text-decoration:none;}.btn-add-playlist i{font-size:14px;}.playlists-grid-container{margin:0;}.pm-ul-browse-playlists{list-style:none;padding:0;margin:0 -10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}.pm-ul-browse-playlists li{padding:0;margin:0;}.pm-ul-browse-playlists .thumbnail{background:var(--pro-bg-secondary);border:1px solid var(--pro-border);border-radius:12px;overflow:hidden;transition:all 0.3s ease;margin-bottom:0;height:100%;display:flex;flex-direction:column;}.pm-ul-browse-playlists .thumbnail:hover{transform:translateY(-5px);box-shadow:var(--pro-shadow-hover);border-color:var(--pro-primary);}.pm-video-thumb{position:relative;padding-top:56.25%;overflow:hidden;background:var(--pro-bg-tertiary);}.pm-video-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.pm-ul-browse-playlists .thumbnail:hover .pm-video-thumb img{transform:scale(1.05);}.pm-pl-count{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);color:white;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;z-index:2;display:flex;align-items:center;gap:5px;}.pm-pl-items{font-size:15px;color:var(--pro-primary);}.thumbnail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:700;opacity:0;transition:all 0.3s ease;text-decoration:none;z-index:1;}.pm-ul-browse-playlists .thumbnail:hover .thumbnail-overlay{opacity:1;}.thumbnail-overlay:hover{color:white;text-decoration:none;}.pm-ul-browse-playlists .caption{padding:15px;flex:1;display:flex;flex-direction:column;}.pm-ul-browse-playlists .caption h3{font-size:15px;font-weight:600;margin:0 0 10px 0;line-height:1.4;color:var(--pro-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.pm-ul-browse-playlists .caption h3 a{color:var(--pro-text-primary);text-decoration:none;transition:color 0.3s ease;}.pm-ul-browse-playlists .caption h3 a:hover{color:var(--pro-primary);}.pm-ul-browse-playlists .caption h3 i{color:var(--pro-text-muted);font-size:13px;margin-left:5px;}.pm-video-meta{color:var(--pro-text-secondary);font-size:13px;display:flex;align-items:center;gap:10px;margin-top:auto;}.pm-video-since{display:flex;align-items:center;gap:5px;}.pm-video-since time{color:var(--pro-text-secondary);}@media (max-width:1200px){.pm-ul-browse-playlists{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;}}@media (max-width:992px){.pm-ul-browse-playlists{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;}.playlists-page-header{flex-direction:column;align-items:flex-start;}.btn-add-playlist{width:100%;justify-content:center;}}@media (max-width:768px){.pm-ul-browse-playlists{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;}.playlists-page-header h4{font-size:18px;}.pm-ul-browse-playlists .caption{padding:12px;}.pm-ul-browse-playlists .caption h3{font-size:14px;}}@media (max-width:480px){.pm-ul-browse-playlists{grid-template-columns:1fr;gap:15px;}.playlists-page-header h4{font-size:16px;}.btn-add-playlist{padding:10px 20px;font-size:13px;}}[data-theme="dark"] .pm-ul-browse-playlists .thumbnail{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .pm-ul-browse-playlists .thumbnail:hover{border-color:var(--pro-primary);}[data-theme="dark"] .pm-video-thumb{background:var(--pro-bg-tertiary);}[data-theme="dark"] .pm-pl-count{background:rgba(0,0,0,0.9);}[data-theme="dark"] .thumbnail-overlay{background:rgba(0,0,0,0.75);}[data-theme="dark"] .pm-ul-browse-playlists .caption h3{color:var(--pro-text-primary);}[data-theme="dark"] .pm-ul-browse-playlists .caption h3 a{color:var(--pro-text-primary);}[data-theme="dark"] .pm-ul-browse-playlists .caption h3 a:hover{color:var(--pro-primary);}/* ===== END PROFILE PLAYLISTS PAGE STYLES ===== *//* ===== PROFILE EDIT PAGE STYLES ===== */.profile-edit-header{display:flex;align-items:center;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--pro-border);}.profile-edit-header h4{margin:0;display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--pro-text-primary);padding-bottom:0;border-bottom:none;}.profile-edit-header h4 i{color:var(--pro-primary);}.profile-alert{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:12px;margin-bottom:25px;border:1px solid;direction:rtl;text-align:right;}.profile-alert .alert-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;}.profile-alert .alert-content{flex:1;font-size:15px;line-height:1.6;}.profile-alert .alert-content ul{margin:10px 0 0 0;padding:0;}.profile-alert .alert-content li{margin:5px 0;}.profile-alert.alert-error{background:rgba(220,53,69,0.1);border-color:#dc3545;color:#dc3545;}.profile-alert.alert-success{background:rgba(40,167,69,0.1);border-color:#28a745;color:#28a745;}.profile-form-container{background:var(--pro-bg-primary);border-radius:16px;padding:40px;box-shadow:var(--pro-shadow);border:1px solid var(--pro-border);}.modern-profile-form{direction:rtl;text-align:right;}.profile-form-section{margin-bottom:40px;padding-bottom:40px;border:none;border-bottom:2px solid var(--pro-border);}.profile-form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}.form-section-header{display:flex;align-items:center;gap:12px;margin-bottom:30px;}.form-section-header i{color:var(--pro-primary);font-size:24px;}.form-section-header h4{margin:0;font-size:20px;font-weight:700;color:var(--pro-text-primary);padding-bottom:0;border-bottom:none;}.info-icon{color:var(--pro-text-muted);font-size:14px;margin-right:auto;transition:color 0.3s ease;}.info-icon:hover{color:var(--pro-primary);}.form-help-text{margin:10px 0 0 0;font-size:13px;color:var(--pro-text-secondary);display:flex;align-items:flex-start;gap:8px;}.form-help-text i{margin-top:2px;color:var(--pro-primary);}.profile-submit-btn{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));color:white;border:none;padding:16px 50px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px rgba(var(--pro-primary-rgb),0.3);min-width:220px;justify-content:center;}.profile-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--pro-primary-rgb),0.4);}.profile-submit-btn:active{transform:translateY(0);}.profile-submit-btn .btn-icon{font-size:18px;}@media (max-width:768px){.profile-form-container{padding:25px;}.profile-edit-header h4,.form-section-header h4{font-size:18px;}.profile-submit-btn{width:100%;padding:14px 30px;font-size:15px;}}@media (max-width:480px){.profile-form-container{padding:20px;border-radius:12px;}.profile-edit-header h4,.form-section-header h4{font-size:16px;}.form-section-header i{font-size:20px;}.profile-submit-btn{padding:12px 25px;font-size:14px;min-width:auto;}}[data-theme="dark"] .profile-alert.alert-error{background:rgba(220,53,69,0.15);}[data-theme="dark"] .profile-alert.alert-success{background:rgba(40,167,69,0.15);}[data-theme="dark"] .profile-form-container{background:var(--pro-bg-primary);border-color:var(--pro-border);}/* ===== END PROFILE EDIT PAGE STYLES ===== *//* ===== MEMBERLIST PAGE STYLES ===== */.members-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid var(--pro-border);flex-wrap:wrap;gap:15px;}.members-page-header h4{margin:0;display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--pro-text-primary);padding-bottom:0;border-bottom:none;}.members-page-header h4 i{color:var(--pro-primary);}.alphabet-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px;padding:20px;background:var(--pro-bg-secondary);border-radius:12px;border:1px solid var(--pro-border);}.letter-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--pro-bg-primary);border:2px solid var(--pro-border);border-radius:8px;color:var(--pro-text-primary);font-weight:600;font-size:14px;text-decoration:none;transition:all 0.3s ease;padding:0 12px;}.letter-btn:hover{background:var(--pro-primary);border-color:var(--pro-primary);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--pro-primary-rgb),0.3);text-decoration:none;}.letter-btn:active{transform:translateY(0);}.members-grid-container{margin:0;}@media (max-width:768px){.members-page-header{flex-direction:column;align-items:flex-start;}.members-page-header h4{font-size:18px;}.alphabet-filter{gap:6px;padding:15px;}.letter-btn{min-width:35px;height:35px;font-size:13px;padding:0 10px;}}@media (max-width:480px){.members-page-header h4{font-size:16px;}.alphabet-filter{gap:5px;padding:12px;}.letter-btn{min-width:32px;height:32px;font-size:12px;padding:0 8px;}}[data-theme="dark"] .alphabet-filter{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .letter-btn{background:var(--pro-bg-primary);border-color:var(--pro-border);color:var(--pro-text-primary);}[data-theme="dark"] .letter-btn:hover{background:var(--pro-primary);border-color:var(--pro-primary);}/* ===== END MEMBERLIST PAGE STYLES ===== *//* ===== SUGGEST PAGE STYLES ===== */.suggest-page-header{display:flex;align-items:center;gap:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--pro-border);}.suggest-page-header h4{margin:0;display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--pro-text-primary);padding-bottom:0;border-bottom:none;}.suggest-page-header h4 i{color:var(--pro-primary);}.profile-alert.alert-info{background:rgba(23,162,184,0.1);border-color:#17a2b8;color:#17a2b8;}.profile-alert.alert-warning{background:rgba(255,193,7,0.1);border-color:#ffc107;color:#856404;}.suggest-form-container{background:var(--pro-bg-primary);border-radius:16px;padding:40px;box-shadow:var(--pro-shadow);border:1px solid var(--pro-border);}.modern-suggest-form{direction:rtl;text-align:right;}.suggest-form-section{border:none;}.input-with-loading{position:relative;}.loading-indicator{position:absolute;left:15px;top:50%;transform:translateY(-50%);}.loading-indicator img{width:20px;height:20px;}.suggest-video-extra{margin-top:30px;padding-top:30px;border-top:2px solid var(--pro-border);}.video-thumb-preview{min-height:150px;border:2px dashed var(--pro-border);border-radius:10px;background:var(--pro-bg-secondary);display:flex;align-items:center;justify-content:center;}.suggest-submit-btn{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));color:white;border:none;padding:16px 50px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px rgba(var(--pro-primary-rgb),0.3);min-width:220px;justify-content:center;}.suggest-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--pro-primary-rgb),0.4);}.suggest-submit-btn .btn-icon{font-size:18px;}@media (max-width:768px){.suggest-form-container{padding:25px;}.suggest-page-header h4{font-size:18px;}.suggest-submit-btn{width:100%;padding:14px 30px;font-size:15px;}}@media (max-width:480px){.suggest-form-container{padding:20px;}.suggest-page-header h4{font-size:16px;}.suggest-submit-btn{padding:12px 25px;font-size:14px;min-width:auto;}}[data-theme="dark"] .profile-alert.alert-info{background:rgba(23,162,184,0.15);}[data-theme="dark"] .profile-alert.alert-warning{background:rgba(255,193,7,0.15);color:#ffc107;}[data-theme="dark"] .suggest-form-container{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .video-thumb-preview{background:var(--pro-bg-tertiary);border-color:var(--pro-border);}/* ===== END SUGGEST PAGE STYLES ===== *//* ===== UPLOAD PAGE STYLES ===== */.upload-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--pro-border);flex-wrap:wrap;gap:15px;}.upload-page-header h4{margin:0;display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--pro-text-primary);padding-bottom:0;border-bottom:none;}.upload-page-header h4 i{color:var(--pro-primary);}.upload-files-status{flex:1;display:flex;justify-content:flex-end;}.upload-files-status ol{margin:0;padding:0;list-style:none;}.upload-form-container{background:var(--pro-bg-primary);border-radius:16px;padding:40px;box-shadow:var(--pro-shadow);border:1px solid var(--pro-border);}.upload-dropzone{background:var(--pro-bg-secondary);border:3px dashed var(--pro-border);border-radius:16px;padding:60px 30px;margin-bottom:40px;transition:all 0.3s ease;cursor:pointer;}.upload-dropzone:hover{border-color:var(--pro-primary);background:var(--pro-bg-tertiary);}.dropzone-content{text-align:center;}.dropzone-icon{font-size:64px;color:var(--pro-primary);margin-bottom:20px;display:block;}.dropzone-text{font-size:18px;color:var(--pro-text-secondary);margin-bottom:25px;}.upload-file-btn{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));color:white;padding:14px 35px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(var(--pro-primary-rgb),0.3);position:relative;}.upload-file-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--pro-primary-rgb),0.4);}.upload-file-btn input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}.upload-file-btn .btn-icon{font-size:18px;}.modern-upload-form{direction:rtl;text-align:right;}.upload-form-section{border:none;}.thumbnail-upload-area{margin:0;}.thumbnail-upload-area .thumbnail{background:var(--pro-bg-secondary);border:2px solid var(--pro-border);border-radius:10px;padding:10px;margin-bottom:10px;}.thumbnail-upload-area .fileinput-buttons{display:flex;gap:10px;}.upload-submit-btn{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));color:white;border:none;padding:16px 50px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:12px;box-shadow:0 4px 15px rgba(var(--pro-primary-rgb),0.3);min-width:220px;justify-content:center;}.upload-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--pro-primary-rgb),0.4);}.upload-submit-btn .btn-icon{font-size:18px;}.upload-cancel-btn{color:var(--pro-text-secondary);text-decoration:none;padding:16px 30px;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease;margin-right:15px;}.upload-cancel-btn:hover{color:var(--pro-text-primary);text-decoration:none;}@media (max-width:768px){.upload-form-container{padding:25px;}.upload-page-header{flex-direction:column;align-items:flex-start;}.upload-page-header h4{font-size:18px;}.upload-dropzone{padding:40px 20px;}.dropzone-icon{font-size:48px;}.dropzone-text{font-size:16px;}.upload-submit-btn{width:100%;padding:14px 30px;font-size:15px;margin-bottom:15px;}.upload-cancel-btn{width:100%;justify-content:center;margin-right:0;}}@media (max-width:480px){.upload-form-container{padding:20px;}.upload-page-header h4{font-size:16px;}.upload-dropzone{padding:30px 15px;}.dropzone-icon{font-size:40px;}.dropzone-text{font-size:14px;}.upload-file-btn{padding:12px 25px;font-size:14px;}.upload-submit-btn{padding:12px 25px;font-size:14px;min-width:auto;}}[data-theme="dark"] .upload-form-container{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .upload-dropzone{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .upload-dropzone:hover{border-color:var(--pro-primary);background:var(--pro-bg-tertiary);}[data-theme="dark"] .thumbnail-upload-area .thumbnail{background:var(--pro-bg-tertiary);border-color:var(--pro-border);}/* ===== END UPLOAD PAGE STYLES ===== *//* ===== AUTHENTICATION PAGES STYLES ===== */.modern-auth-wrapper{padding:40px 0;min-height:60vh;}.auth-page-header{text-align:center;margin-bottom:40px;}.auth-header-content{display:inline-flex;flex-direction:column;align-items:center;gap:15px;}.auth-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(var(--pro-primary-rgb),0.3);}.auth-icon i{font-size:40px;color:white;}.auth-title{font-size:32px;font-weight:700;color:var(--pro-text-primary);margin:0;}.auth-container{max-width:600px;margin:0 auto;background:var(--pro-bg-primary);border-radius:20px;box-shadow:var(--pro-shadow-strong);border:1px solid var(--pro-border);overflow:hidden;}.auth-tabs-nav{background:var(--pro-bg-secondary);border-bottom:2px solid var(--pro-border);padding:0;}.auth-tabs-list{display:flex;list-style:none;margin:0;padding:0;}.auth-tab-item{flex:1;}.auth-tab-link{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 15px;color:var(--pro-text-secondary);text-decoration:none;transition:all 0.3s ease;border-bottom:3px solid transparent;font-weight:600;}.auth-tab-link i{font-size:24px;}.auth-tab-link:hover{color:var(--pro-primary);background:var(--pro-bg-tertiary);text-decoration:none;}.auth-tab-item.active .auth-tab-link{color:var(--pro-primary);border-bottom-color:var(--pro-primary);background:var(--pro-bg-primary);}.auth-tab-content{padding:40px;}.auth-tab-content .tab-pane{display:none;}.auth-tab-content .tab-pane.active{display:block;}.auth-alert{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:12px;margin-bottom:25px;border:1px solid;direction:rtl;text-align:right;}.auth-alert .alert-icon{font-size:24px;flex-shrink:0;margin-top:2px;}.auth-alert .alert-content{flex:1;}.auth-alert .alert-content ul{margin:0;padding:0 0 0 20px;}.auth-alert .alert-content li{margin-bottom:5px;}.auth-alert.alert-error{background:rgba(255,107,107,0.1);border-color:var(--pro-accent);color:var(--pro-accent);}.auth-alert.alert-success{background:rgba(46,213,115,0.1);border-color:#2ed573;color:#2ed573;}.auth-alert.alert-info{background:rgba(23,162,184,0.1);border-color:#17a2b8;color:#17a2b8;}.auth-alert.alert-warning{background:rgba(255,193,7,0.1);border-color:#ffc107;color:#856404;}.modern-auth-form{direction:rtl;text-align:right;}.auth-form-group{margin-bottom:25px;}.auth-form-label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--pro-text-primary);margin-bottom:10px;}.auth-form-label i{color:var(--pro-primary);font-size:18px;}.auth-form-input{position:relative;}.auth-input{width:100%;padding:14px 18px;font-size:15px;border:2px solid var(--pro-border);border-radius:10px;background:var(--pro-bg-secondary);color:var(--pro-text-primary);transition:all 0.3s ease;font-family:inherit;}.auth-input:focus{outline:none;border-color:var(--pro-primary);background:var(--pro-bg-primary);box-shadow:0 0 0 4px rgba(var(--pro-primary-rgb),0.1);}.auth-input::placeholder{color:var(--pro-text-tertiary);}.auth-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 15px center;padding-left:45px;}.captcha-group .captcha-wrapper{display:flex;gap:15px;flex-direction:column;}.captcha-input-section{flex:1;}.captcha-image-section{display:flex;align-items:center;gap:10px;}.captcha-image{border-radius:8px;border:2px solid var(--pro-border);}.captcha-refresh-btn{background:var(--pro-bg-secondary);border:2px solid var(--pro-border);border-radius:8px;padding:10px 15px;color:var(--pro-text-secondary);cursor:pointer;transition:all 0.3s ease;}.captcha-refresh-btn:hover{background:var(--pro-primary);border-color:var(--pro-primary);color:white;}.captcha-refresh-btn i{font-size:16px;}.recaptcha-group .recaptcha-wrapper{display:flex;justify-content:center;}.auth-form-checkbox{margin-bottom:30px;}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;color:var(--pro-text-secondary);}.checkbox-label input[type="checkbox"]{margin-top:3px;width:18px;height:18px;cursor:pointer;}.checkbox-text{flex:1;line-height:1.6;}.terms-link{color:var(--pro-primary);text-decoration:none;font-weight:600;}.terms-link:hover{text-decoration:underline;}.auth-form-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px;}.auth-submit-btn{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));color:white;border:none;padding:16px 40px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 15px rgba(var(--pro-primary-rgb),0.3);width:100%;}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--pro-primary-rgb),0.4);}.auth-submit-btn .btn-icon{font-size:18px;}.auth-form-link{text-align:center;}.forgot-pass-link{color:var(--pro-text-secondary);text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:all 0.3s ease;}.forgot-pass-link:hover{color:var(--pro-primary);text-decoration:none;}@media (max-width:768px){.modern-auth-wrapper{padding:30px 0;}.auth-icon{width:60px;height:60px;}.auth-icon i{font-size:30px;}.auth-title{font-size:24px;}.auth-tab-content{padding:30px 25px;}.auth-tab-link{padding:15px 10px;font-size:14px;}.auth-tab-link i{font-size:20px;}.captcha-group .captcha-wrapper{flex-direction:column;}}@media (max-width:480px){.auth-icon{width:50px;height:50px;}.auth-icon i{font-size:24px;}.auth-title{font-size:20px;}.auth-tab-content{padding:25px 20px;}.auth-tab-link span{font-size:12px;}.auth-input{padding:12px 15px;font-size:14px;}.auth-submit-btn{padding:14px 30px;font-size:15px;}}[data-theme="dark"] .auth-container{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .auth-tabs-nav{background:var(--pro-bg-secondary);border-bottom-color:var(--pro-border);}[data-theme="dark"] .auth-tab-link:hover{background:var(--pro-bg-tertiary);}[data-theme="dark"] .auth-tab-item.active .auth-tab-link{background:var(--pro-bg-primary);}[data-theme="dark"] .auth-alert.alert-error{background:rgba(255,107,107,0.15);}[data-theme="dark"] .auth-alert.alert-success{background:rgba(46,213,115,0.15);}[data-theme="dark"] .auth-alert.alert-info{background:rgba(23,162,184,0.15);}[data-theme="dark"] .auth-alert.alert-warning{background:rgba(255,193,7,0.15);color:#ffc107;}[data-theme="dark"] .auth-input{background:var(--pro-bg-tertiary);border-color:var(--pro-border);color:var(--pro-text-primary);}[data-theme="dark"] .auth-input:focus{background:var(--pro-bg-secondary);}[data-theme="dark"] .captcha-refresh-btn{background:var(--pro-bg-tertiary);border-color:var(--pro-border);}[data-theme="dark"] .captcha-image{border-color:var(--pro-border);}/* ===== END AUTHENTICATION PAGES STYLES ===== *//* ===== AUTHENTICATION MODAL STYLES ===== */.modal-dialog .modal-content{background:var(--pro-bg-primary);border:1px solid var(--pro-border);border-radius:16px;box-shadow:var(--pro-shadow-strong);}.modal-dialog .modal-header{background:var(--pro-bg-secondary);border-bottom:2px solid var(--pro-border);border-radius:16px 16px 0 0;padding:20px 25px;position:relative;direction:rtl;text-align:right;}.modal-dialog .modal-header .modal-title{color:var(--pro-text-primary);font-size:20px;font-weight:700;padding-left:40px;}.modal-dialog .modal-header .close{position:absolute;left:20px;right:auto;top:50%;transform:translateY(-50%);color:var(--pro-text-secondary);opacity:0.8;text-shadow:none;transition:all 0.3s ease;font-size:28px;font-weight:400;line-height:1;padding:0;margin:0;background:none;border:none;}.modal-dialog .modal-header .close:hover{color:var(--pro-accent);opacity:1;}.modal-dialog .modal-body{background:var(--pro-bg-primary);padding:30px 25px;border-radius:0 0 16px 16px;}.modal-dialog .modal-footer{background:var(--pro-bg-secondary);border-top:1px solid var(--pro-border);border-radius:0 0 16px 16px;padding:15px 25px;}.modal-backdrop{background-color:rgba(0,0,0,0.6);}.modal-backdrop.in{opacity:0.6;}[data-theme="dark"] .modal-dialog .modal-content{background:var(--pro-bg-primary);border-color:var(--pro-border);}[data-theme="dark"] .modal-dialog .modal-header{background:var(--pro-bg-secondary);border-bottom-color:var(--pro-border);}[data-theme="dark"] .modal-dialog .modal-body{background:var(--pro-bg-primary);}[data-theme="dark"] .modal-dialog .modal-footer{background:var(--pro-bg-secondary);border-top-color:var(--pro-border);}[data-theme="dark"] .modal-backdrop{background-color:rgba(0,0,0,0.8);}[data-theme="dark"] .modal-backdrop.in{opacity:0.8;}@media (max-width:768px){.modal-dialog .modal-header{padding:15px 20px;}.modal-dialog .modal-header .modal-title{font-size:18px;}.modal-dialog .modal-body{padding:25px 20px;}}@media (max-width:480px){.modal-dialog .modal-header{padding:12px 15px;}.modal-dialog .modal-header .modal-title{font-size:16px;}.modal-dialog .modal-body{padding:20px 15px;}.modal-dialog .modal-footer{padding:12px 15px;}}/* ===== END AUTHENTICATION MODAL STYLES ===== *//* ===== CATEGORY & BROWSE PAGES STYLES ===== */.page-breadcrumb-modern{display:flex;align-items:center;gap:10px;padding:15px 0;margin-top:20px;font-size:14px;color:var(--pro-text-secondary);direction:rtl;}.page-breadcrumb-modern a{color:var(--pro-text-secondary);text-decoration:none;transition:color 0.3s ease;display:flex;align-items:center;gap:6px;}.page-breadcrumb-modern a:hover{color:var(--pro-primary);}.breadcrumb-separator{color:var(--pro-text-tertiary);font-size:12px;}.related-categories{margin-top:20px;padding:20px;background:var(--pro-bg-secondary);border-radius:12px;border:1px solid var(--pro-border);direction:rtl;}.related-title{font-size:16px;font-weight:700;color:var(--pro-text-primary);margin:0 0 15px 0;display:flex;align-items:center;gap:8px;}.related-title i{color:var(--pro-primary);}.category-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;max-height:300px;position:relative;overflow-y:auto;}.category-tags li{display:inline-block;}.category-tags a{display:inline-block;padding:8px 16px;background:var(--pro-bg-primary);border:1px solid var(--pro-border);border-radius:20px;color:var(--pro-text-primary);text-decoration:none;font-size:14px;transition:all 0.3s ease;}.category-tags a:hover{background:var(--pro-primary);border-color:var(--pro-primary);color:white;transform:translateY(-2px);}.search-keyword{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));color:white;padding:2px 10px;border-radius:6px;font-weight:600;}.sort-menu .dropdown-header{padding:8px 15px;font-size:12px;font-weight:700;color:var(--pro-text-tertiary);text-transform:uppercase;background:var(--pro-bg-tertiary);border-bottom:1px solid var(--pro-border);}.scrollable-menu{max-height:400px;overflow-y:auto;}.scrollable-menu::-webkit-scrollbar{width:6px;}.scrollable-menu::-webkit-scrollbar-track{background:var(--pro-bg-tertiary);border-radius:3px;}.scrollable-menu::-webkit-scrollbar-thumb{background:var(--pro-border);border-radius:3px;}.scrollable-menu::-webkit-scrollbar-thumb:hover{background:var(--pro-primary);}@media (max-width:768px){.page-breadcrumb-modern{font-size:13px;padding:12px 0;margin-top:15px;}.related-categories{padding:15px;}.related-title{font-size:15px;}.category-tags a{padding:6px 12px;font-size:13px;}}@media (max-width:480px){.page-breadcrumb-modern{font-size:12px;flex-wrap:wrap;}.related-categories{padding:12px;}.related-title{font-size:14px;}.category-tags a{padding:5px 10px;font-size:12px;}}[data-theme="dark"] .related-categories{background:var(--pro-bg-secondary);border-color:var(--pro-border);}[data-theme="dark"] .category-tags a{background:var(--pro-bg-tertiary);border-color:var(--pro-border);}[data-theme="dark"] .category-tags a:hover{background:var(--pro-primary);border-color:var(--pro-primary);}[data-theme="dark"] .sort-menu .dropdown-header{background:var(--pro-bg-tertiary);border-bottom-color:var(--pro-border);}[data-theme="dark"] .scrollable-menu::-webkit-scrollbar-track{background:var(--pro-bg-tertiary);}[data-theme="dark"] .scrollable-menu::-webkit-scrollbar-thumb{background:var(--pro-border);}/* ===== END CATEGORY & BROWSE PAGES STYLES ===== *//* ===== EPISODE NAVIGATION BELOW PLAYER ===== */.episode-nav-below-player{padding:0 20px 20px 20px;}.episode-nav-below-player .episode-nav-buttons{display:flex;justify-content:center;gap:12px;align-items:stretch;}.episode-nav-below-player .episode-nav-placeholder{flex:1;}.episode-nav-below-player .episode-nav-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:var(--pro-bg-primary);border:1px solid var(--pro-border);border-radius:10px;color:var(--pro-text-primary);text-decoration:none;transition:all 0.3s ease;flex:1;}.episode-nav-below-player .prev-episode{direction:rtl;}.episode-nav-below-player .next-episode{direction:ltr;}.episode-nav-below-player .current-episode-info{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));border-radius:10px;text-align:center;flex:1;box-shadow:0 4px 12px rgba(var(--pro-primary-rgb),0.3);}.episode-nav-below-player .current-ep-icon{width:32px;height:32px;min-width:32px;background:rgba(255,255,255,0.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:16px;}.episode-nav-below-player .current-ep-content{display:flex;flex-direction:column;gap:2px;color:white;flex:1;}.episode-nav-below-player .current-ep-label{font-size:10px;font-weight:600;opacity:0.9;text-transform:uppercase;letter-spacing:0.3px;}.episode-nav-below-player .current-ep-title{font-size:13px;font-weight:700;line-height:1.2;}.episode-nav-below-player .nav-btn-icon{width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-hover));border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;box-shadow:0 2px 8px rgba(var(--pro-primary-rgb),0.25);}.episode-nav-below-player .prev-episode .nav-btn-icon{order:1;}.episode-nav-below-player .next-episode .nav-btn-icon{order:2;}.episode-nav-below-player .nav-btn-icon i{color:#fff;}.episode-nav-below-player .nav-btn-content{flex:1;}.episode-nav-below-player .prev-episode .nav-btn-content{order:1;text-align:center;}.episode-nav-below-player .next-episode .nav-btn-content{order:2;text-align:center;}.episode-nav-below-player .nav-btn-label{font-size:10px;font-weight:500;opacity:0.7;margin-bottom:2px;display:block;}.episode-nav-below-player .nav-btn-title{font-size:13px;font-weight:700;line-height:1.3;display:block;text-align:center;}.episode-nav-below-player .episode-nav-btn:active{transform:translateY(0px);}@media (max-width:768px){.episode-nav-below-player .episode-nav-buttons{flex-direction:column;gap:8px;}.episode-nav-below-player .episode-nav-btn{width:100%;padding:10px 14px;}.episode-nav-below-player .nav-btn-icon{width:30px;height:30px;min-width:30px;font-size:13px;}.episode-nav-below-player .nav-btn-title{font-size:12px;}.episode-nav-below-player .current-episode-info{width:100%;padding:10px 16px;}.episode-nav-below-player .current-ep-icon{width:30px;height:30px;font-size:15px;}.episode-nav-below-player .episode-nav-placeholder{display:none;}}@media (max-width:480px){.episode-nav-below-player{margin-top:15px;}.episode-nav-below-player .episode-nav-btn{padding:8px 12px;gap:8px;}.episode-nav-below-player .nav-btn-icon{width:28px;height:28px;min-width:28px;font-size:12px;}.episode-nav-below-player .nav-btn-label{font-size:9px;}.episode-nav-below-player .nav-btn-title{font-size:11px;}.episode-nav-below-player .current-episode-info{padding:8px 14px;}.episode-nav-below-player .current-ep-icon{width:28px;height:28px;font-size:14px;}.episode-nav-below-player .current-ep-label{font-size:9px;}.episode-nav-below-player .current-ep-title{font-size:11px;}}[data-theme="dark"] .episode-nav-below-player .episode-nav-btn{background:var(--pro-bg-secondary);border-color:var(--pro-border);}/* ===== END EPISODE NAVIGATION BELOW PLAYER ===== *//* ===== CATEGORIES PAGE STYLES ===== */.categories-grid-section{padding:15px;}.categories-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-bottom:1.5rem;}.category-card{position:relative;overflow:hidden;border-radius:12px;background:var(--pro-bg-primary);border:1px solid var(--pro-border);transition:all 0.2s ease;box-shadow:0 1px 3px var(--pro-shadow);}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--pro-shadow);border-color:var(--pro-primary);}.category-card-link{display:block;text-decoration:none;color:inherit;position:relative;z-index:1;}.category-card-inner{position:relative;}.category-thumbnail{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:12px 12px 0 0;background:var(--pro-bg-secondary);}.category-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;}.category-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.category-card:hover .category-image-wrapper img{transform:scale(1.05);}.category-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;}.category-card:hover .category-overlay{opacity:1;}.category-play-icon{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;}.category-play-icon i{font-size:20px;color:var(--pro-primary);}.category-info{padding:14px;}.category-title{font-size:0.95rem;font-weight:600;color:var(--pro-text-primary);margin:0 0 6px 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.category-card:hover .category-title{color:var(--pro-primary);}.category-description{font-size:0.8rem;color:var(--pro-text-secondary);margin:0 0 8px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.category-meta{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--pro-border);}.category-count{display:flex;align-items:center;gap:5px;font-size:0.75rem;color:var(--pro-text-secondary);font-weight:500;}.category-count i{color:var(--pro-primary);font-size:0.8rem;}@media (max-width:1200px){.categories-grid-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;}}@media (max-width:768px){.categories-grid-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;}.category-card{border-radius:10px;}.category-thumbnail{border-radius:10px 10px 0 0;}.category-info{padding:12px;}.category-title{font-size:0.9rem;}.category-description{font-size:0.75rem;}.category-play-icon{width:45px;height:45px;}.category-play-icon i{font-size:18px;}}@media (max-width:480px){.categories-grid-container{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;}.category-card{border-radius:8px;}.category-thumbnail{border-radius:8px 8px 0 0;}.category-info{padding:10px;}.category-title{font-size:0.85rem;}.category-description{font-size:0.7rem;margin-bottom:6px;}.category-meta{margin-top:6px;padding-top:6px;}.category-count{font-size:0.7rem;}.category-play-icon{width:40px;height:40px;}.category-play-icon i{font-size:16px;}}[data-theme="dark"] .category-card{background:var(--pro-bg-secondary);box-shadow:0 1px 3px rgba(0,0,0,0.4);}[data-theme="dark"] .category-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.5);}[data-theme="dark"] .category-thumbnail{background:var(--pro-bg-tertiary);}[data-theme="dark"] .category-play-icon{background:rgba(255,255,255,0.9);}/* ===== END CATEGORIES PAGE STYLES ===== */