:root{--primary-color:#5a4bda;--primary-hover:#4a3bc8;--secondary-color:#6d61e7;--accent-color:#f972b9;--text-primary:#333333;--text-secondary:#666666;--text-tertiary:#999999;--bg-primary:#ffffff;--bg-secondary:#f5f7fa;--bg-tertiary:#eaedf3;--card-bg:#ffffff;--card-border:#eaedf3;--card-shadow:0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--card-shadow-hover:0 6px 16px rgba(90, 75, 218, 0.12), 0 3px 8px rgba(90, 75, 218, 0.08),
        0 1px 4px rgba(90, 75, 218, 0.06);--skeleton-bg:#f0f0f0;--skeleton-shine:rgba(255, 255, 255, 0.8);--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--border-radius-sm:0.375rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--transition-fast:150ms ease;--transition:300ms ease;--transition-slow:500ms ease;--container-width:1400px;--header-height:4rem;--footer-height:3rem;--box-shadow:0 8px 20px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08)}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none;box-sizing:border-box}.batch-card:hover,.subject-card:hover,.lecture-card:hover{will-change:transform}.lazy-image{transform:translateZ(0);-webkit-transform:translateZ(0)}.dark-mode{--primary-color:#6d62ee;--primary-hover:#7c72f5;--secondary-color:#5a4fcd;--text-primary:#ffffff;--text-secondary:#d0d0d0;--text-tertiary:#a0a0a0;--bg-primary:#000000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--card-bg:#0a0a0a;--card-border:#1a1a1a;--card-shadow:0 8px 32px rgba(0, 0, 0, 0.9), 0 4px 16px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(109, 98, 238, 0.15);--card-shadow-hover:0 12px 48px rgba(109, 98, 238, 0.4), 0 8px 32px rgba(109, 98, 238, 0.3),
        0 4px 16px rgba(109, 98, 238, 0.2), 0 0 0 2px rgba(109, 98, 238, 0.5);--skeleton-bg:#141414;--skeleton-shine:rgba(255, 255, 255, 0.03);--enhanced-shadow:0 0 0 1px rgba(109, 98, 238, 0.3), 0 4px 16px rgba(0, 0, 0, 0.8);--enhanced-shadow-hover:0 0 0 2px rgba(109, 98, 238, 0.6), 0 8px 32px rgba(0, 0, 0, 0.9)}.sandalwood-mode{--primary-color:#c18c5d;--primary-hover:#a67347;--secondary-color:#dcb68a;--accent-color:#e6c8a4;--text-primary:#3e2723;--text-secondary:#5d4037;--text-tertiary:#8d6e63;--bg-primary:#f7f2ea;--bg-secondary:#efe7d8;--bg-tertiary:#e5d9c2;--card-bg:#ffffff;--card-border:#e2d8c3;--card-shadow:0 4px 12px rgba(193, 140, 93, 0.12), 0 2px 6px rgba(193, 140, 93, 0.08);--card-shadow-hover:0 6px 16px rgba(193, 140, 93, 0.2), 0 3px 8px rgba(193, 140, 93, 0.15);--skeleton-bg:#efe7d8;--skeleton-shine:rgba(255, 255, 255, 0.5)}.forest-emerald{--primary-color:#1b4d3e;--primary-hover:#12352a;--secondary-color:#52b788;--accent-color:#74c69d;--text-primary:#122822;--text-secondary:#2d5a4c;--text-tertiary:#5c8d7e;--bg-primary:#f0f7f4;--bg-secondary:#e1efe8;--bg-tertiary:#cedfd6;--card-bg:#ffffff;--card-border:#cadcd2;--card-shadow:0 4px 12px rgba(27, 77, 62, 0.08), 0 2px 6px rgba(27, 77, 62, 0.05);--card-shadow-hover:0 6px 16px rgba(27, 77, 62, 0.15), 0 3px 8px rgba(27, 77, 62, 0.1);--skeleton-bg:#e1efe8;--skeleton-shine:rgba(255, 255, 255, 0.5)}.ocean-deep{--primary-color:#00adb5;--primary-hover:#00828a;--secondary-color:#393e46;--accent-color:#00f5ff;--text-primary:#ffffff;--text-secondary:#d0d5dd;--text-tertiary:#98a2b3;--bg-primary:#0a0e17;--bg-secondary:#101623;--bg-tertiary:#172032;--card-bg:#101623;--card-border:#1d293d;--card-shadow:0 8px 32px rgba(0, 173, 181, 0.08), 0 4px 16px rgba(0, 0, 0, 0.8);--card-shadow-hover:0 12px 48px rgba(0, 173, 181, 0.3), 0 8px 32px rgba(0, 173, 181, 0.2), 0 0 0 2px rgba(0, 173, 181, 0.4);--skeleton-bg:#172032}.sakura-blossom{--primary-color:#d85a7f;--primary-hover:#c04568;--secondary-color:#fbc3d1;--accent-color:#ffdee6;--text-primary:#4a1c27;--text-secondary:#7c3d4b;--text-tertiary:#a67580;--bg-primary:#fff6f8;--bg-secondary:#fae5ea;--bg-tertiary:#f5d5dd;--card-bg:#ffffff;--card-border:#f7d8df;--card-shadow:0 4px 12px rgba(216, 90, 127, 0.08), 0 2px 6px rgba(216, 90, 127, 0.05);--card-shadow-hover:0 6px 16px rgba(216, 90, 127, 0.15), 0 3px 8px rgba(216, 90, 127, 0.1);--skeleton-bg:#fae5ea;--skeleton-shine:rgba(255, 255, 255, 0.5)}.dracula-midnight{--primary-color:#bd93f9;--primary-hover:#a878e6;--secondary-color:#282a36;--accent-color:#ff79c6;--text-primary:#f8f8f2;--text-secondary:#b3b3b3;--text-tertiary:#808080;--bg-primary:#18181f;--bg-secondary:#21212a;--bg-tertiary:#2a2b36;--card-bg:#21212a;--card-border:#323342;--card-shadow:0 8px 32px rgba(189, 147, 249, 0.08), 0 4px 16px rgba(0, 0, 0, 0.8);--card-shadow-hover:0 12px 48px rgba(189, 147, 249, 0.35), 0 8px 32px rgba(189, 147, 249, 0.25), 0 0 0 2px rgba(189, 147, 249, 0.5);--skeleton-bg:#2a2b36;--skeleton-shine:rgba(255, 255, 255, 0.03)}.lavender-mist{--primary-color:#8b5cf6;--primary-hover:#7c3aed;--secondary-color:#ddd6fe;--accent-color:#ede9fe;--text-primary:#1e1b4b;--text-secondary:#4c1d95;--text-tertiary:#6d28d9;--bg-primary:#f5f3ff;--bg-secondary:#ede9fe;--bg-tertiary:#ddd6fe;--card-bg:#ffffff;--card-border:#ddd6fe;--card-shadow:0 4px 12px rgba(139, 92, 246, 0.08), 0 2px 6px rgba(139, 92, 246, 0.05);--card-shadow-hover:0 4px 12px rgba(139, 92, 246, 0.08), 0 2px 6px rgba(139, 92, 246, 0.05);--skeleton-bg:#ede9fe;--skeleton-shine:rgba(255, 255, 255, 0.5)}.cyberpunk-neon{--primary-color:#00ffff;--primary-hover:#00cccc;--secondary-color:#0d0e15;--accent-color:#ff0055;--text-primary:#ffffff;--text-secondary:#00ffff;--text-tertiary:#ff0055;--bg-primary:#050508;--bg-secondary:#0d0e15;--bg-tertiary:#161722;--card-bg:#0d0e15;--card-border:#161722;--card-shadow:0 8px 32px rgba(0, 255, 255, 0.08), 0 4px 16px rgba(0, 0, 0, 0.8);--card-shadow-hover:0 8px 32px rgba(0, 255, 255, 0.08), 0 4px 16px rgba(0, 0, 0, 0.8);--skeleton-bg:#161722;--skeleton-shine:rgba(255, 255, 255, 0.03)}.sakura-blossom .app-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--card-border)!important;box-shadow:0 4px 10px rgb(216 90 127 / .05)!important}.sakura-blossom .app-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--card-border)!important;color:var(--text-secondary)!important}.sakura-blossom .logo img{filter:sepia(.2) hue-rotate(300deg) saturate(1.5)!important}.sakura-blossom .icon-btn{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.sakura-blossom .icon-btn:hover{background-color:var(--primary-color)!important;color:#ffffff!important}.sakura-blossom #search-input,.sakura-blossom #modal-search-input{background-color:var(--bg-primary)!important;border:1.5px solid var(--card-border)!important;color:var(--text-primary)!important}.sakura-blossom #search-input:focus,.sakura-blossom #modal-search-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 10px rgb(216 90 127 / .2)!important}.sakura-blossom .search-suggestions{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow-hover)!important}.sakura-blossom .suggestion-item{border-bottom:1px solid var(--bg-secondary)!important}.sakura-blossom .suggestion-item:hover{background:var(--bg-secondary)!important}.sakura-blossom .filter-btn{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1.5px solid var(--card-border)!important}.sakura-blossom .filter-btn:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.sakura-blossom .filter-btn.active{background-color:var(--primary-color)!important;color:#ffffff!important;border-color:var(--primary-color)!important}.sakura-blossom .study-btn{background-color:var(--primary-color)!important;color:#ffffff!important;box-shadow:0 4px 10px rgb(216 90 127 / .3)!important}.sakura-blossom .study-btn:hover{background-color:var(--primary-hover)!important}.sakura-blossom .quick-nav-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.sakura-blossom .quick-nav-btn:hover{background-color:var(--primary-color)!important;color:#ffffff!important}.sakura-blossom .quick-nav-btn.active{background-color:var(--primary-color)!important;color:#ffffff!important;border-color:var(--primary-color)!important}.sakura-blossom .batch-card,.sakura-blossom .subject-card,.sakura-blossom .announcement-card,.sakura-blossom .topic-card,.sakura-blossom .lecture-card,.sakura-blossom .note-card,.sakura-blossom .dpp-card,.sakura-blossom .quiz-card{background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}.sakura-blossom .batch-card:hover,.sakura-blossom .subject-card:hover,.sakura-blossom .announcement-card:hover,.sakura-blossom .topic-card:hover,.sakura-blossom .lecture-card:hover,.sakura-blossom .note-card:hover,.sakura-blossom .dpp-card:hover,.sakura-blossom .quiz-card:hover{box-shadow:var(--card-shadow)!important;transform:none!important;transition:none!important}.sakura-blossom .batch-tabs,.sakura-blossom .content-tabs{background:var(--bg-secondary)!important;border:1px solid var(--card-border)!important}.sakura-blossom .tab-btn{color:var(--text-secondary)!important}.sakura-blossom .tab-btn.active{background:var(--card-bg)!important;color:var(--primary-color)!important;box-shadow:0 4px 12px rgb(216 90 127 / .12)!important}.sakura-blossom .subject-icon,.sakura-blossom .teacher-icon{background:var(--bg-tertiary)!important;color:var(--primary-color)!important}.sakura-blossom .modal-content,.sakura-blossom .theme-modal-content,.sakura-blossom .search-modal-content{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:0 20px 60px rgb(74 28 39 / .15)!important}.dracula-midnight .app-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--card-border)!important;box-shadow:0 4px 20px rgb(0 0 0 / .6)!important}.dracula-midnight .app-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--card-border)!important;color:var(--text-secondary)!important}.dracula-midnight .logo img{filter:saturate(1.5) hue-rotate(250deg)!important}.dracula-midnight .icon-btn{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.dracula-midnight .icon-btn:hover{background-color:var(--primary-color)!important;color:#18181f!important}.dracula-midnight #search-input,.dracula-midnight #modal-search-input{background-color:var(--bg-primary)!important;border:1.5px solid var(--card-border)!important;color:var(--text-primary)!important}.dracula-midnight #search-input:focus,.dracula-midnight #modal-search-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 12px rgb(189 147 249 / .3)!important}.dracula-midnight .search-suggestions{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow-hover)!important}.dracula-midnight .suggestion-item{border-bottom:1px solid var(--bg-secondary)!important}.dracula-midnight .suggestion-item:hover{background:var(--bg-secondary)!important}.dracula-midnight .filter-btn{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1.5px solid var(--card-border)!important}.dracula-midnight .filter-btn:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.dracula-midnight .filter-btn.active{background-color:var(--primary-color)!important;color:#18181f!important;border-color:var(--primary-color)!important}.dracula-midnight .study-btn{background-color:var(--primary-color)!important;color:#18181f!important;box-shadow:0 4px 14px rgb(189 147 249 / .4)!important}.dracula-midnight .study-btn:hover{background-color:var(--primary-hover)!important}.dracula-midnight .quick-nav-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.dracula-midnight .quick-nav-btn:hover{background-color:var(--primary-color)!important;color:#18181f!important}.dracula-midnight .quick-nav-btn.active{background-color:var(--primary-color)!important;color:#18181f!important;border-color:var(--primary-color)!important}.dracula-midnight .batch-card,.dracula-midnight .subject-card,.dracula-midnight .announcement-card,.dracula-midnight .topic-card,.dracula-midnight .lecture-card,.dracula-midnight .note-card,.dracula-midnight .dpp-card,.dracula-midnight .quiz-card{background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}.dracula-midnight .batch-card:hover,.dracula-midnight .subject-card:hover,.dracula-midnight .announcement-card:hover,.dracula-midnight .topic-card:hover,.dracula-midnight .lecture-card:hover,.dracula-midnight .note-card:hover,.dracula-midnight .dpp-card:hover,.dracula-midnight .quiz-card:hover{box-shadow:var(--card-shadow)!important;transform:none!important;transition:none!important}.dracula-midnight .batch-tabs,.dracula-midnight .content-tabs{background:var(--bg-secondary)!important;border:1px solid var(--card-border)!important}.dracula-midnight .tab-btn{color:var(--text-secondary)!important}.dracula-midnight .tab-btn.active{background:var(--card-bg)!important;color:var(--primary-color)!important;box-shadow:0 4px 12px rgb(189 147 249 / .2)!important}.dracula-midnight .subject-icon,.dracula-midnight .teacher-icon{background:var(--bg-tertiary)!important;color:var(--primary-color)!important}.dracula-midnight .modal-content,.dracula-midnight .theme-modal-content,.dracula-midnight .search-modal-content{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:0 20px 60px rgb(0 0 0 / .9)!important}.sandalwood-mode .app-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--card-border)!important;box-shadow:0 4px 10px rgb(193 140 93 / .05)!important}.sandalwood-mode .app-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--card-border)!important;color:var(--text-secondary)!important}.sandalwood-mode .logo img{filter:sepia(.3) saturate(1.5) hue-rotate(15deg)!important}.sandalwood-mode .icon-btn{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.sandalwood-mode .icon-btn:hover{background-color:var(--primary-color)!important;color:#ffffff!important}.sandalwood-mode #search-input,.sandalwood-mode #modal-search-input{background-color:var(--bg-primary)!important;border:1.5px solid var(--card-border)!important;color:var(--text-primary)!important}.sandalwood-mode #search-input:focus,.sandalwood-mode #modal-search-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 10px rgb(193 140 93 / .2)!important}.sandalwood-mode .search-suggestions{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow-hover)!important}.sandalwood-mode .suggestion-item{border-bottom:1px solid var(--bg-secondary)!important}.sandalwood-mode .suggestion-item:hover{background:var(--bg-secondary)!important}.sandalwood-mode .filter-btn{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1.5px solid var(--card-border)!important}.sandalwood-mode .filter-btn:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.sandalwood-mode .filter-btn.active{background-color:var(--primary-color)!important;color:#ffffff!important;border-color:var(--primary-color)!important}.sandalwood-mode .study-btn{background-color:var(--primary-color)!important;color:#ffffff!important;box-shadow:0 4px 10px rgb(193 140 93 / .3)!important}.sandalwood-mode .study-btn:hover{background-color:var(--primary-hover)!important}.sandalwood-mode .quick-nav-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.sandalwood-mode .quick-nav-btn:hover{background-color:var(--primary-color)!important;color:#ffffff!important}.sandalwood-mode .quick-nav-btn.active{background-color:var(--primary-color)!important;color:#ffffff!important;border-color:var(--primary-color)!important}.sandalwood-mode .batch-card,.sandalwood-mode .subject-card,.sandalwood-mode .announcement-card,.sandalwood-mode .topic-card,.sandalwood-mode .lecture-card,.sandalwood-mode .note-card,.sandalwood-mode .dpp-card,.sandalwood-mode .quiz-card{background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}.sandalwood-mode .batch-card:hover,.sandalwood-mode .subject-card:hover,.sandalwood-mode .announcement-card:hover,.sandalwood-mode .topic-card:hover,.sandalwood-mode .lecture-card:hover,.sandalwood-mode .note-card:hover,.sandalwood-mode .dpp-card:hover,.sandalwood-mode .quiz-card:hover{box-shadow:var(--card-shadow)!important;transform:none!important;transition:none!important}.sandalwood-mode .batch-tabs,.sandalwood-mode .content-tabs{background:var(--bg-secondary)!important;border:1px solid var(--card-border)!important}.sandalwood-mode .tab-btn{color:var(--text-secondary)!important}.sandalwood-mode .tab-btn.active{background:var(--card-bg)!important;color:var(--primary-color)!important;box-shadow:0 4px 12px rgb(193 140 93 / .12)!important}.sandalwood-mode .subject-icon,.sandalwood-mode .teacher-icon{background:var(--bg-tertiary)!important;color:var(--primary-color)!important}.sandalwood-mode .modal-content,.sandalwood-mode .theme-modal-content,.sandalwood-mode .search-modal-content{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:0 20px 60px rgb(62 39 35 / .15)!important}.forest-emerald .app-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--card-border)!important;box-shadow:0 4px 10px rgb(27 77 62 / .05)!important}.forest-emerald .app-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--card-border)!important;color:var(--text-secondary)!important}.forest-emerald .logo img{filter:sepia(.3) hue-rotate(85deg) saturate(1.2)!important}.forest-emerald .icon-btn{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.forest-emerald .icon-btn:hover{background-color:var(--primary-color)!important;color:#ffffff!important}.forest-emerald #search-input,.forest-emerald #modal-search-input{background-color:var(--bg-primary)!important;border:1.5px solid var(--card-border)!important;color:var(--text-primary)!important}.forest-emerald #search-input:focus,.forest-emerald #modal-search-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 10px rgb(27 77 62 / .2)!important}.forest-emerald .search-suggestions{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow-hover)!important}.forest-emerald .suggestion-item{border-bottom:1px solid var(--bg-secondary)!important}.forest-emerald .suggestion-item:hover{background:var(--bg-secondary)!important}.forest-emerald .filter-btn{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1.5px solid var(--card-border)!important}.forest-emerald .filter-btn:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.forest-emerald .filter-btn.active{background-color:var(--primary-color)!important;color:#ffffff!important;border-color:var(--primary-color)!important}.forest-emerald .study-btn{background-color:var(--primary-color)!important;color:#ffffff!important;box-shadow:0 4px 10px rgb(27 77 62 / .3)!important}.forest-emerald .study-btn:hover{background-color:var(--primary-hover)!important}.forest-emerald .quick-nav-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.forest-emerald .quick-nav-btn:hover{background-color:var(--primary-color)!important;color:#ffffff!important}.forest-emerald .quick-nav-btn.active{background-color:var(--primary-color)!important;color:#ffffff!important;border-color:var(--primary-color)!important}.forest-emerald .batch-card,.forest-emerald .subject-card,.forest-emerald .announcement-card,.forest-emerald .topic-card,.forest-emerald .lecture-card,.forest-emerald .note-card,.forest-emerald .dpp-card,.forest-emerald .quiz-card{background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}.forest-emerald .batch-card:hover,.forest-emerald .subject-card:hover,.forest-emerald .announcement-card:hover,.forest-emerald .topic-card:hover,.forest-emerald .lecture-card:hover,.forest-emerald .note-card:hover,.forest-emerald .dpp-card:hover,.forest-emerald .quiz-card:hover{box-shadow:var(--card-shadow)!important;transform:none!important;transition:none!important}.forest-emerald .batch-tabs,.forest-emerald .content-tabs{background:var(--bg-secondary)!important;border:1px solid var(--card-border)!important}.forest-emerald .tab-btn{color:var(--text-secondary)!important}.forest-emerald .tab-btn.active{background:var(--card-bg)!important;color:var(--primary-color)!important;box-shadow:0 4px 12px rgb(27 77 62 / .12)!important}.forest-emerald .subject-icon,.forest-emerald .teacher-icon{background:var(--bg-tertiary)!important;color:var(--primary-color)!important}.forest-emerald .modal-content,.forest-emerald .theme-modal-content,.forest-emerald .search-modal-content{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:0 20px 60px rgb(18 40 34 / .15)!important}.ocean-deep .app-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--card-border)!important;box-shadow:0 4px 20px rgb(0 0 0 / .6)!important}.ocean-deep .app-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--card-border)!important;color:var(--text-secondary)!important}.ocean-deep .logo img{filter:saturate(1.8) hue-rotate(185deg)!important}.ocean-deep .icon-btn{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.ocean-deep .icon-btn:hover{background-color:var(--primary-color)!important;color:#ffffff!important}.ocean-deep #search-input,.ocean-deep #modal-search-input{background-color:var(--bg-primary)!important;border:1.5px solid var(--card-border)!important;color:var(--text-primary)!important}.ocean-deep #search-input:focus,.ocean-deep #modal-search-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 12px rgb(0 173 181 / .3)!important}.ocean-deep .search-suggestions{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow-hover)!important}.ocean-deep .suggestion-item{border-bottom:1px solid var(--bg-secondary)!important}.ocean-deep .suggestion-item:hover{background:var(--bg-secondary)!important}.ocean-deep .filter-btn{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1.5px solid var(--card-border)!important}.ocean-deep .filter-btn:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.ocean-deep .filter-btn.active{background-color:var(--primary-color)!important;color:#ffffff!important;border-color:var(--primary-color)!important}.ocean-deep .study-btn{background-color:var(--primary-color)!important;color:#ffffff!important;box-shadow:0 4px 14px rgb(0 173 181 / .4)!important}.ocean-deep .study-btn:hover{background-color:var(--primary-hover)!important}.ocean-deep .quick-nav-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.ocean-deep .quick-nav-btn:hover{background-color:var(--primary-color)!important;color:#ffffff!important}.ocean-deep .quick-nav-btn.active{background-color:var(--primary-color)!important;color:#ffffff!important;border-color:var(--primary-color)!important}.ocean-deep .batch-card,.ocean-deep .subject-card,.ocean-deep .announcement-card,.ocean-deep .topic-card,.ocean-deep .lecture-card,.ocean-deep .note-card,.ocean-deep .dpp-card,.ocean-deep .quiz-card{background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}.ocean-deep .batch-card:hover,.ocean-deep .subject-card:hover,.ocean-deep .announcement-card:hover,.ocean-deep .topic-card:hover,.ocean-deep .lecture-card:hover,.ocean-deep .note-card:hover,.ocean-deep .dpp-card:hover,.ocean-deep .quiz-card:hover{box-shadow:var(--card-shadow)!important;transform:none!important;transition:none!important}.ocean-deep .batch-tabs,.ocean-deep .content-tabs{background:var(--bg-secondary)!important;border:1px solid var(--card-border)!important}.ocean-deep .tab-btn{color:var(--text-secondary)!important}.ocean-deep .tab-btn.active{background:var(--card-bg)!important;color:var(--primary-color)!important;box-shadow:0 4px 12px rgb(0 173 181 / .2)!important}.ocean-deep .subject-icon,.ocean-deep .teacher-icon{background:var(--bg-tertiary)!important;color:var(--primary-color)!important}.ocean-deep .modal-content,.ocean-deep .theme-modal-content,.ocean-deep .search-modal-content{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:0 20px 60px rgb(0 0 0 / .9)!important}.lavender-mist .app-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--card-border)!important;box-shadow:0 4px 10px rgb(139 92 246 / .05)!important}.lavender-mist .app-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--card-border)!important;color:var(--text-secondary)!important}.lavender-mist .logo img{filter:sepia(.2) hue-rotate(250deg) saturate(1.2)!important}.lavender-mist .icon-btn{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.lavender-mist .icon-btn:hover{background-color:var(--primary-color)!important;color:#ffffff!important}.lavender-mist #search-input,.lavender-mist #modal-search-input{background-color:var(--bg-primary)!important;border:1.5px solid var(--card-border)!important;color:var(--text-primary)!important}.lavender-mist #search-input:focus,.lavender-mist #modal-search-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 10px rgb(139 92 246 / .2)!important}.lavender-mist .search-suggestions{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}.lavender-mist .suggestion-item{border-bottom:1px solid var(--bg-secondary)!important}.lavender-mist .suggestion-item:hover{background:var(--bg-secondary)!important}.lavender-mist .filter-btn{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1.5px solid var(--card-border)!important}.lavender-mist .filter-btn:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.lavender-mist .filter-btn.active{background-color:var(--primary-color)!important;color:#ffffff!important;border-color:var(--primary-color)!important}.lavender-mist .study-btn{background-color:var(--primary-color)!important;color:#ffffff!important;box-shadow:0 4px 10px rgb(139 92 246 / .3)!important}.lavender-mist .study-btn:hover{background-color:var(--primary-hover)!important}.lavender-mist .quick-nav-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.lavender-mist .quick-nav-btn:hover{background-color:var(--primary-color)!important;color:#ffffff!important}.lavender-mist .quick-nav-btn.active{background-color:var(--primary-color)!important;color:#ffffff!important;border-color:var(--primary-color)!important}.lavender-mist .batch-card,.lavender-mist .subject-card,.lavender-mist .announcement-card,.lavender-mist .topic-card,.lavender-mist .lecture-card,.lavender-mist .note-card,.lavender-mist .dpp-card,.lavender-mist .quiz-card{background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}.lavender-mist .batch-card:hover,.lavender-mist .subject-card:hover,.lavender-mist .announcement-card:hover,.lavender-mist .topic-card:hover,.lavender-mist .lecture-card:hover,.lavender-mist .note-card:hover,.lavender-mist .dpp-card:hover,.lavender-mist .quiz-card:hover{box-shadow:var(--card-shadow)!important;transform:none!important;transition:none!important}.lavender-mist .batch-tabs,.lavender-mist .content-tabs{background:var(--bg-secondary)!important;border:1px solid var(--card-border)!important}.lavender-mist .tab-btn{color:var(--text-secondary)!important}.lavender-mist .tab-btn.active{background:var(--card-bg)!important;color:var(--primary-color)!important;box-shadow:0 4px 10px rgb(139 92 246 / .15)!important}.lavender-mist .subject-icon,.lavender-mist .teacher-icon{background:var(--bg-tertiary)!important;color:var(--primary-color)!important}.lavender-mist .modal-content,.lavender-mist .theme-modal-content,.lavender-mist .search-modal-content{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:0 20px 60px rgb(139 92 246 / .15)!important}.cyberpunk-neon .app-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--card-border)!important;box-shadow:0 4px 15px rgb(0 255 255 / .1)!important}.cyberpunk-neon .app-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--card-border)!important;color:var(--text-secondary)!important}.cyberpunk-neon .logo img{filter:sepia(.5) hue-rotate(180deg) saturate(2)!important}.cyberpunk-neon .icon-btn{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.cyberpunk-neon .icon-btn:hover{background-color:var(--primary-color)!important;color:#000000!important}.cyberpunk-neon #search-input,.cyberpunk-neon #modal-search-input{background-color:var(--bg-primary)!important;border:1.5px solid var(--card-border)!important;color:var(--text-primary)!important}.cyberpunk-neon #search-input:focus,.cyberpunk-neon #modal-search-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 10px rgb(0 255 255 / .3)!important}.cyberpunk-neon .search-suggestions{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}.cyberpunk-neon .suggestion-item{border-bottom:1px solid var(--bg-secondary)!important}.cyberpunk-neon .suggestion-item:hover{background:var(--bg-secondary)!important}.cyberpunk-neon .filter-btn{background-color:var(--bg-secondary)!important;color:#ffffff!important;border:1.5px solid var(--card-border)!important}.cyberpunk-neon .filter-btn:hover{background-color:var(--bg-tertiary)!important;color:var(--primary-color)!important}.cyberpunk-neon .filter-btn.active{background-color:var(--primary-color)!important;color:#000000!important;border-color:var(--primary-color)!important}.cyberpunk-neon .study-btn{background-color:var(--accent-color)!important;color:#ffffff!important;box-shadow:0 4px 15px rgb(255 0 85 / .4)!important}.cyberpunk-neon .study-btn:hover{background-color:#d60046!important}.cyberpunk-neon .quick-nav-btn{background-color:var(--bg-secondary)!important;color:#ffffff!important;border:1px solid var(--card-border)!important}.cyberpunk-neon .quick-nav-btn:hover{background-color:var(--primary-color)!important;color:#000000!important}.cyberpunk-neon .quick-nav-btn.active{background-color:var(--primary-color)!important;color:#000000!important;border-color:var(--primary-color)!important}.cyberpunk-neon .batch-card,.cyberpunk-neon .subject-card,.cyberpunk-neon .announcement-card,.cyberpunk-neon .topic-card,.cyberpunk-neon .lecture-card,.cyberpunk-neon .note-card,.cyberpunk-neon .dpp-card,.cyberpunk-neon .quiz-card{background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}.cyberpunk-neon .batch-card:hover,.cyberpunk-neon .subject-card:hover,.cyberpunk-neon .announcement-card:hover,.cyberpunk-neon .topic-card:hover,.cyberpunk-neon .lecture-card:hover,.cyberpunk-neon .note-card:hover,.cyberpunk-neon .dpp-card:hover,.cyberpunk-neon .quiz-card:hover{box-shadow:var(--card-shadow)!important;transform:none!important;transition:none!important}.cyberpunk-neon .batch-tabs,.cyberpunk-neon .content-tabs{background:var(--bg-secondary)!important;border:1px solid var(--card-border)!important}.cyberpunk-neon .tab-btn{color:#ffffff!important}.cyberpunk-neon .tab-btn.active{background:var(--card-bg)!important;color:var(--primary-color)!important;box-shadow:0 4px 12px rgb(0 255 255 / .2)!important}.cyberpunk-neon .subject-icon,.cyberpunk-neon .teacher-icon{background:var(--bg-tertiary)!important;color:var(--primary-color)!important}.cyberpunk-neon .modal-content,.cyberpunk-neon .theme-modal-content,.cyberpunk-neon .search-modal-content{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:0 20px 60px rgb(0 0 0 / .9)!important}*{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color var(--transition),color var(--transition)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.quick-nav-btn:hover,a.quick-nav-btn:hover,.nav-items a:hover,.icon-btn:hover{text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing)}@media (min-width:1200px){.container{max-width:1600px;padding:0 var(--spacing-lg)}}@media (min-width:1600px){.container{max-width:1800px;padding:0 var(--spacing-xl)}}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:calc(var(--header-height) + var(--spacing-md) + var(--spacing-sm)) 0 var(--spacing-lg)}@media (min-width:1200px){.main-content{padding:calc(var(--header-height) + var(--spacing-md) + var(--spacing-sm)) var(--spacing-sm) var(--spacing-lg)}}@media (min-width:1600px){.main-content{padding:calc(var(--header-height) + var(--spacing-md) + var(--spacing-sm)) var(--spacing-md) var(--spacing-lg)}}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--bg-primary);border-bottom:1px solid var(--card-border);z-index:100;transition:background-color var(--transition),border-color var(--transition);margin-bottom:var(--spacing-md);padding-top:var(--spacing-sm)}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 var(--spacing)}.logo{display:flex;align-items:center}.logo img{border-radius:50%;object-fit:cover;box-shadow:0 8px 25px rgb(0 0 0 / .2),0 4px 15px rgb(0 0 0 / .15);border:2px solid var(--card-border);transition:transform 0.3s ease,box-shadow 0.3s ease}.dark-mode .logo img{box-shadow:0 8px 25px rgb(0 0 0 / .8),0 4px 15px rgb(0 0 0 / .7)}.logo img:hover{transform:scale(1.05);box-shadow:0 12px 35px rgb(90 75 218 / .3),0 8px 20px rgb(90 75 218 / .2);border-color:var(--primary-color)}.dark-mode .logo img:hover{box-shadow:0 15px 40px rgb(109 98 238 / .5),0 10px 25px rgb(109 98 238 / .4)}.header-actions{display:flex;align-items:center;gap:var(--spacing)}@media (max-width:768px){.header-actions{gap:10px}.header-actions .icon-btn{width:38px;height:38px;font-size:15px}}@media (max-width:480px){.header-actions{gap:6px}.header-actions .icon-btn{width:32px;height:32px;font-size:13px}}.icon-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;color:var(--text-primary);background-color:var(--bg-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast);box-shadow:0 4px 15px rgb(0 0 0 / .12),0 2px 8px rgb(0 0 0 / .08);pointer-events:auto;cursor:pointer}.dark-mode .icon-btn{box-shadow:0 6px 20px rgb(0 0 0 / .6),0 3px 12px rgb(0 0 0 / .5)}.app-footer{background-color:var(--bg-secondary);color:var(--text-secondary);padding:var(--spacing) 0;text-align:center;font-size:.875rem;border-top:1px solid var(--card-border);margin-top:auto}body:has(.batch-details-page.mahapack-batches-list) .app-footer{background:linear-gradient(135deg,rgb(255 215 0 / .08) 0%,rgb(218 165 32 / .06) 50%,rgb(255 215 0 / .08) 100%);border-top:1px solid rgb(255 215 0 / .3);color:rgb(255 215 0 / .9);box-shadow:0 -4px 20px rgb(255 215 0 / .15),0 0 0 1px rgb(255 215 0 / .1) inset}.batch-details-page.mahapack-batches-list~.app-footer p,body:has(.batch-details-page.mahapack-batches-list) .app-footer p{color:rgb(255 215 0 / .9);text-shadow:0 2px 4px rgb(255 215 0 / .2)}.dark-mode body:has(.batch-details-page.mahapack-batches-list) .app-footer{background:linear-gradient(135deg,rgb(255 215 0 / .05) 0%,rgb(218 165 32 / .04) 50%,rgb(255 215 0 / .05) 100%);border-top:1px solid rgb(255 215 0 / .2)}.skeleton-text{position:relative;height:1.7em;margin-bottom:1em;width:100%;background-color:var(--skeleton-bg);border-radius:var(--border-radius-sm);overflow:hidden}.dark-mode .skeleton-text{background-color:var(--skeleton-bg);box-shadow:0 0 0 1px rgb(109 98 238 / .1)}.skeleton-text:last-child{margin-bottom:0}.skeleton-title-large{height:1.5em!important;margin:.75em 0!important;border-radius:var(--border-radius)!important;opacity:0.9!important}.skeleton-bg{position:relative;background-color:var(--skeleton-bg);border-radius:var(--border-radius);overflow:hidden}.dark-mode .skeleton-bg{background-color:var(--skeleton-bg);box-shadow:0 0 0 1px rgb(109 98 238 / .1)}.skeleton-btn{position:relative;background-color:var(--skeleton-bg);overflow:hidden;height:2.5rem;width:8rem;border-radius:var(--border-radius)}.dark-mode .skeleton-btn{background-color:var(--skeleton-bg);box-shadow:0 0 0 1px rgb(109 98 238 / .1)}.skeleton-text::after,.skeleton-bg::after,.skeleton-btn::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:shimmer 2s infinite}.subject-title.skeleton-text::after,.topic-title.skeleton-text::after{display:none!important;animation:none!important}.subject-title.skeleton-text,.topic-title.skeleton-text{background:transparent!important;box-shadow:none!important}@keyframes shimmer{100%{transform:translateX(100%)}}.skeleton-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);width:100%}.page-loading{display:flex;justify-content:center;align-items:center;height:50vh}.loader,.spinner,.loading-spinner{width:48px;height:48px;border:5px solid var(--primary-color);border-bottom-color:#fff0;border-radius:50%;animation:rotation 1s linear infinite;display:inline-block}.loader-small,.spinner-small{width:24px;height:24px;border-width:3px}.loader-medium{width:40px;height:40px;border-width:4px}.loader-large{width:60px;height:60px;border-width:6px}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lazy-image,.subject-icon img,.lecture-image img,.video-thumbnail img,.note-image img,.dpp-image img,.image-wrapper img,.content-thumbnail img{opacity:0;filter:blur(20px);transform:scale(1.1);transition:opacity 0.4s ease,filter 0.6s ease,transform 0.6s ease}.post-image,.post-avatar,.announcement-image-wrapper img,.batch-header .batch-image img{opacity:1;filter:blur(20px);transform:scale(1.1);transition:opacity 0.4s ease,filter 0.6s ease,transform 0.6s ease}.lazy-image.loading,.subject-icon img.loading,.announcement-image-wrapper img.loading,.lecture-image img.loading,.video-thumbnail img.loading,.note-image img.loading,.dpp-image img.loading,.post-image.loading,.post-avatar.loading,.batch-header .batch-image img.loading,.image-wrapper img.loading,.content-thumbnail img.loading{opacity:1;filter:blur(10px);transform:scale(1.05)}.lazy-image.loaded,.subject-icon img.loaded,.announcement-image-wrapper img.loaded,.lecture-image img.loaded,.video-thumbnail img.loaded,.note-image img.loaded,.dpp-image img.loaded,.post-image.loaded,.post-avatar.loaded,.batch-header .batch-image img.loaded,.image-wrapper img.loaded,.content-thumbnail img.loaded{opacity:1;filter:blur(0);transform:scale(1)}.search-container{margin-bottom:var(--spacing-lg);position:relative;animation:containerSlideIn 0.5s ease}@keyframes containerSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing);color:var(--text-tertiary);font-size:1.125rem}#search-input{width:100%;padding:var(--spacing) var(--spacing) var(--spacing) calc(var(--spacing) * 3);border:2px solid var(--card-border);border-radius:var(--border-radius-lg);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 6px 20px rgb(0 0 0 / .08),0 3px 12px rgb(0 0 0 / .06)}#search-input.matching{background:linear-gradient(135deg,rgb(90 75 218 / .05) 0%,rgb(90 75 218 / .02) 100%);border-color:rgb(90 75 218 / .3);box-shadow:0 6px 20px rgb(90 75 218 / .15),0 3px 12px rgb(90 75 218 / .1)}#search-input.matching::placeholder{color:rgb(90 75 218 / .6);font-weight:500}.dark-mode #search-input{box-shadow:0 8px 25px rgb(0 0 0 / .6),0 4px 15px rgb(0 0 0 / .5)}.dark-mode #search-input.matching{background:linear-gradient(135deg,rgb(109 98 238 / .1) 0%,rgb(109 98 238 / .05) 100%);border-color:rgb(109 98 238 / .4);box-shadow:0 8px 25px rgb(109 98 238 / .3),0 4px 15px rgb(109 98 238 / .2)}.dark-mode #search-input.matching::placeholder{color:rgb(109 98 238 / .7);font-weight:500}#search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(90 75 218 / .2)}.clear-btn{position:absolute;right:var(--spacing);color:var(--text-tertiary);font-size:1rem;display:none}.clear-btn.visible{display:block}.search-suggestions{position:absolute;top:100%;left:0;right:0;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:0 15px 40px rgb(0 0 0 / .15),0 8px 25px rgb(0 0 0 / .1);z-index:100;max-height:500px;overflow-y:auto;display:none;animation:floatIn 0.4s cubic-bezier(.34,1.56,.64,1);margin-top:8px;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary)}.dark-mode .search-suggestions{box-shadow:0 20px 50px rgb(0 0 0 / .7),0 12px 30px rgb(0 0 0 / .6)}.search-suggestions::-webkit-scrollbar{width:6px}.search-suggestions::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.search-suggestions::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}@keyframes fadeInSearch{from{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromTop{from{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatIn{0%{opacity:0;transform:translateY(-25px) scale(.92)}50%{opacity:.7;transform:translateY(-8px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes highlightMatch{0%{background-color:rgb(90 75 218 / .1);transform:scale(1)}50%{background-color:rgb(90 75 218 / .3);transform:scale(1.05)}100%{background-color:rgb(90 75 218 / .1);transform:scale(1)}}.search-suggestions.visible{display:block}.search-suggestions.updating{animation:floatIn 0.3s cubic-bezier(.34,1.56,.64,1)}.search-suggestions.new-results{animation:slideInFromTop 0.4s cubic-bezier(.25,.46,.45,.94)}.search-suggestions.pattern-match{animation:floatIn 0.5s cubic-bezier(.34,1.56,.64,1)}.search-suggestions.pattern-match .suggestion-item{animation:highlightPatternMatch 0.4s ease forwards}@keyframes highlightPatternMatch{0%{opacity:0;transform:translateY(-20px) scale(.95);background-color:rgb(90 75 218 / .05)}50%{opacity:.8;transform:translateY(-5px) scale(.98);background-color:rgb(90 75 218 / .1)}100%{opacity:1;transform:translateY(0) scale(1);background-color:#fff0}}.dark-mode .search-suggestions.pattern-match .suggestion-item{animation:highlightPatternMatchDark 0.4s ease forwards}@keyframes highlightPatternMatchDark{0%{opacity:0;transform:translateY(-20px) scale(.95);background-color:rgb(109 98 238 / .1)}50%{opacity:.8;transform:translateY(-5px) scale(.98);background-color:rgb(109 98 238 / .2)}100%{opacity:1;transform:translateY(0) scale(1);background-color:#fff0}}.search-suggestions::after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,var(--card-bg));pointer-events:none;opacity:0;transition:opacity 0.3s ease}.search-suggestions.has-many-results::after{opacity:1}.suggestion-item{padding:var(--spacing-sm) var(--spacing);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bg-tertiary);animation:slideInFromTop 0.3s ease forwards;opacity:0;transform:translateY(-15px)}.suggestion-item:nth-child(1){animation-delay:0.1s}.suggestion-item:nth-child(2){animation-delay:0.15s}.suggestion-item:nth-child(3){animation-delay:0.2s}.suggestion-item:nth-child(4){animation-delay:0.25s}.suggestion-item:nth-child(5){animation-delay:0.3s}.suggestion-item:nth-child(6){animation-delay:0.35s}.suggestion-item:nth-child(7){animation-delay:0.4s}.suggestion-item:nth-child(8){animation-delay:0.45s}.suggestion-item:nth-child(9){animation-delay:0.5s}.suggestion-item:nth-child(10){animation-delay:0.55s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:var(--bg-secondary)}.suggestion-item.reordering{transition:all 0.4s ease}.suggestion-title strong{animation:highlightMatch 0.6s ease}.suggestion-content{display:flex;align-items:center;gap:var(--spacing);flex:1}.suggestion-icon{color:var(--primary-color);font-size:.875rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:rgb(90 75 218 / .1);border-radius:50%;flex-shrink:0;transition:transform 0.3s ease,background-color 0.3s ease}.suggestion-item:hover .suggestion-icon{background-color:rgb(90 75 218 / .2)}.suggestion-title{font-weight:500;color:var(--text-primary);transition:color 0.2s ease}.suggestion-item:hover .suggestion-title{color:var(--primary-color)}.suggestion-title strong{font-weight:700;color:var(--primary-color);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:rgb(90 75 218 / .3);text-underline-offset:2px;animation:highlightMatch 0.6s ease;background:linear-gradient(120deg,rgb(90 75 218 / .1) 0%,rgb(90 75 218 / .05) 100%);padding:2px 4px;border-radius:4px;box-shadow:0 2px 8px rgb(90 75 218 / .15)}.dark-mode .suggestion-title strong{color:var(--primary-color);background:linear-gradient(120deg,rgb(109 98 238 / .2) 0%,rgb(109 98 238 / .1) 100%);box-shadow:0 2px 8px rgb(109 98 238 / .25);text-decoration-color:rgb(109 98 238 / .5)}.suggestion-subtitle{font-size:.75rem;color:var(--text-tertiary);margin-left:var(--spacing-xs)}.suggestion-badge{font-size:.7rem;padding:2px 8px;border-radius:100px;font-weight:600;background-color:var(--bg-tertiary);color:var(--text-secondary);transition:transform 0.2s ease,background-color 0.2s ease}.badge-new{background-color:rgb(16 185 129 / .1);color:var(--success-color)}.badge-old{background-color:rgb(59 130 246 / .1);color:var(--info-color)}.suggestion-loading{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing) var(--spacing);color:var(--text-secondary);font-size:.875rem;justify-content:center;font-weight:500}.suggestion-spinner{width:20px;height:20px;border:2px solid var(--primary-color);border-bottom-color:#fff0;border-radius:50%;animation:rotation 0.8s linear infinite;flex-shrink:0}.suggestion-item.view-all{background-color:var(--bg-secondary);font-weight:500;color:var(--primary-color);justify-content:center;border-top:1px solid var(--card-border);margin-top:auto;padding:var(--spacing-sm) var(--spacing)}.suggestion-item.view-all:hover{background-color:rgb(90 75 218 / .1);padding-left:var(--spacing)}.suggestion-item.scroll-indicator{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:.875rem;text-align:center;cursor:default;border-top:1px solid var(--card-border)}.suggestion-item.scroll-indicator:hover{background-color:var(--bg-tertiary);transform:none;padding-left:var(--spacing)}.suggestion-item.scroll-indicator i{margin-right:8px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.suggestion-item.no-results,.suggestion-item.error{justify-content:center;color:var(--text-tertiary);cursor:default;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-secondary) 100%);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);border:1px solid var(--card-border);margin:var(--spacing-sm);min-height:200px;display:flex;flex-direction:column;align-items:center;text-align:center}.suggestion-item.no-results:hover,.suggestion-item.error:hover{background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-secondary) 100%);transform:none;padding:var(--spacing-lg)}.suggestion-item.error{color:var(--error-color)}.suggestion-item.no-results-simple{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-secondary);font-size:.9rem;background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--card-border);margin:var(--spacing-xs);justify-content:center;text-align:center;cursor:default}.suggestion-item.no-results-simple i{color:var(--text-tertiary);font-size:1rem}.suggestion-item.no-results-simple span{color:var(--text-secondary);font-weight:500}.suggestion-item.no-results-simple:hover{background-color:var(--bg-secondary);transform:none}.suggestion-item.no-results-persistent{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-secondary);font-size:.9rem;background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--card-border);margin:var(--spacing-xs);text-align:center;cursor:default;position:relative;z-index:1000;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.suggestion-item.no-results-persistent i{color:var(--text-tertiary);font-size:1rem;flex-shrink:0}.suggestion-item.no-results-persistent span{color:var(--text-secondary);font-weight:500;line-height:1.4}.suggestion-item.no-results-persistent strong{color:var(--text-primary);font-weight:700}.suggestion-item.no-results-persistent:hover{background-color:var(--bg-secondary);transform:none}.search-suggestions.persistent{z-index:1001!important;position:relative}.search-suggestions.persistent.visible{display:block!important;opacity:1!important;visibility:visible!important}.suggestion-item.no-results .empty-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--text-tertiary);opacity:.7}.suggestion-item.no-results .no-results-content h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.suggestion-item.no-results .no-results-content p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-sm)}.search-suggestions-list{list-style:none;padding:0;margin:var(--spacing-sm) 0 var(--spacing-md) 0;text-align:left}.search-suggestions-list li{color:var(--text-secondary);font-size:.85rem;padding:var(--spacing-xs) 0;position:relative;padding-left:var(--spacing-md)}.search-suggestions-list li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0;top:var(--spacing-xs)}.suggestion-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-md)}.suggestion-actions .btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:600;text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs);border:none;cursor:pointer;font-size:.85rem}.suggestion-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);color:#fff;box-shadow:0 2px 8px rgb(90 75 218 / .3)}.suggestion-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--card-border)}.suggestion-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(90 75 218 / .4)}@media (max-width:768px){.suggestion-item.no-results{padding:var(--spacing-md);min-height:180px}.suggestion-item.no-results .empty-icon{font-size:2rem}.suggestion-actions{flex-direction:column;width:100%}.suggestion-actions .btn{width:100%;justify-content:center}}.suggestion-item.error.enhanced{padding:var(--spacing);text-align:center}.suggestion-item.error.enhanced .error-icon{margin-bottom:var(--spacing-sm)}.suggestion-item.error.enhanced .error-icon i{font-size:2rem;color:var(--error-color)}.suggestion-item.error.enhanced .error-content h4{margin:0 0 var(--spacing-xs) 0;color:var(--error-color);font-weight:600}.suggestion-item.error.enhanced .error-content p{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);font-size:.875rem}.retry-search-btn{background-color:var(--primary-color);color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.875rem;cursor:pointer;transition:background-color 0.2s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.retry-search-btn:hover{background-color:var(--primary-color-dark)}.retry-search-btn i{font-size:.75rem}.batch-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xs)}.filter-btn{padding:var(--spacing-sm) var(--spacing);border-radius:var(--spacing-xs);background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);position:relative;border:1px solid #fff0;box-shadow:0 4px 15px rgb(0 0 0 / .1),0 2px 8px rgb(0 0 0 / .08)}.dark-mode .filter-btn{box-shadow:0 6px 20px rgb(0 0 0 / .6),0 3px 12px rgb(0 0 0 / .5)}.filter-btn.active{background-color:var(--primary-color);color:#fff;box-shadow:0 6px 20px rgb(90 75 218 / .3),0 4px 12px rgb(90 75 218 / .2)}.dark-mode .filter-btn.active{box-shadow:0 8px 25px rgb(109 98 238 / .5),0 5px 15px rgb(109 98 238 / .4)}.filter-btn.active:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:8px;height:8px;background-color:var(--primary-color);border-radius:50%}.batches-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.batch-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);overflow:hidden;height:100%;display:flex;flex-direction:column;border:1px solid var(--card-border);position:relative;margin:var(--spacing-sm);border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.batch-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .03) 0%,transparent 50%,rgb(0 0 0 / .02) 100%);border-radius:var(--border-radius-lg);pointer-events:none;z-index:1}.batch-image{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:var(--border-radius-lg);border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.batch-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-lg)}.batch-image .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgb(255 255 255 / .3);border-top-color:var(--primary-color);border-radius:50%;animation:rotation 1s linear infinite;z-index:2;filter:drop-shadow(0 0 8px rgb(90 75 218 / .3))}.batch-image .loading-spinner.hidden{display:none}.dark-mode .batch-image .loading-spinner{border-color:rgb(255 255 255 / .1);border-top-color:var(--primary-color);box-shadow:0 0 20px rgb(109 98 238 / .3)}.image-loading-spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .05);z-index:2}.dark-mode .image-loading-spinner{background:rgb(0 0 0 / .3)}.image-loading-spinner .spinner{width:36px;height:36px;border:3px solid rgb(90 75 218 / .2);border-top-color:var(--primary-color);border-radius:50%;animation:rotation 0.8s linear infinite;filter:drop-shadow(0 2px 8px rgb(90 75 218 / .3))}.dark-mode .image-loading-spinner .spinner{border-color:rgb(109 98 238 / .2);border-top-color:var(--primary-color);filter:drop-shadow(0 2px 12px rgb(109 98 238 / .4))}.batch-image.image-error,.batch-header .batch-image.image-error,.mahapack-batch-image-wrapper.image-error{background:linear-gradient(135deg,rgb(239 68 68 / .1) 0%,rgb(239 68 68 / .05) 100%);display:flex;align-items:center;justify-content:center}.batch-image.image-error::after,.batch-header .batch-image.image-error::after,.mahapack-batch-image-wrapper.image-error::after{content:"⚠️";font-size:2rem;opacity:.5}.dark-mode .batch-card,.dark-mode .subject-card,.dark-mode .announcement-card,.dark-mode .topic-card,.dark-mode .lecture-card,.dark-mode .note-card,.dark-mode .dpp-card,.dark-mode .quiz-card{border:1px solid rgb(109 98 238 / .2);box-shadow:0 8px 25px rgb(0 0 0 / .4),0 4px 12px rgb(0 0 0 / .3);border-left:none}.dark-mode .topic-card::after{background:var(--primary-color);box-shadow:0 0 6px rgb(109 98 238 / .4)}.dark-mode .batch-card::before{background:linear-gradient(135deg,rgb(255 255 255 / .02) 0%,transparent 50%,rgb(0 0 0 / .01) 100%)}.batch-image img{width:100%;height:auto;object-fit:cover}.favorite-btn{position:absolute;top:var(--spacing);right:var(--spacing);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgb(0 0 0 / .5);color:#fff;border:none;opacity:.9;transition:opacity var(--transition-fast),transform var(--transition-fast);box-shadow:0 4px 15px rgb(0 0 0 / .3),0 2px 8px rgb(0 0 0 / .2);z-index:2}.favorite-btn.active i{color:var(--accent-color)}.batch-info .favorite-btn{margin-top:var(--spacing-sm)}.batch-content{padding:var(--spacing);flex:1;display:flex;flex-direction:column;border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.batch-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.batch-tag{font-size:.75rem;padding:calc(var(--spacing-xs) / 2) var(--spacing-xs);border-radius:var(--border-radius-sm);background-color:var(--bg-tertiary);color:var(--text-secondary)}.language-tag{background-color:rgb(90 75 218 / .1);color:var(--primary-color)}.exam-tag{background-color:rgb(16 185 129 / .1);color:var(--success-color)}.batch-title{font-size:1.125rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--text-primary);line-height:1.4}.batch-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.batch-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:.875rem}.batch-date{color:var(--text-tertiary)}.study-btn{padding:var(--spacing-xs) var(--spacing);background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-weight:600;box-shadow:0 4px 15px rgb(90 75 218 / .3),0 2px 8px rgb(90 75 218 / .2)}.study-btn:hover,.study-btn:focus,.study-btn:active{background-color:var(--primary-color)!important;color:white!important;transform:none!important;box-shadow:0 4px 15px rgb(90 75 218 / .3),0 2px 8px rgb(90 75 218 / .2)}.dark-mode .study-btn{box-shadow:0 6px 20px rgb(109 98 238 / .5),0 4px 12px rgb(109 98 238 / .4)}.dark-mode .study-btn:hover,.dark-mode .study-btn:focus,.dark-mode .study-btn:active{background-color:var(--primary-color)!important;color:white!important;transform:none!important;box-shadow:0 6px 20px rgb(109 98 238 / .5),0 4px 12px rgb(109 98 238 / .4)}.load-more-container{display:flex;justify-content:center;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);min-height:48px}.load-more-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);color:#fff;border-radius:var(--spacing-xs);font-weight:600;transition:background-color var(--transition-fast),transform var(--transition-fast);box-shadow:0 6px 20px rgb(90 75 218 / .3),0 4px 12px rgb(90 75 218 / .2)}.dark-mode .load-more-btn{box-shadow:0 8px 25px rgb(109 98 238 / .5),0 5px 15px rgb(109 98 238 / .4)}.load-more-btn.loading{position:relative;color:#fff0}.load-more-btn.loading::after{content:"";position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;margin-top:-.75rem;margin-left:-.75rem;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:rotation 1s linear infinite}#topics-load-more{padding:var(--spacing);margin-top:var(--spacing)}#topics-load-more .loader{width:32px;height:32px;border:4px solid var(--primary-color);border-bottom-color:#fff0}.no-results,.no-favorites,.no-subjects,.no-topics,.no-announcements,.loading-announcements{text-align:center;padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--spacing-xs);color:var(--text-secondary);font-weight:500}@media (min-width:768px){.batches-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);padding:var(--spacing-sm);max-width:1400px;margin:0 auto}}@media (min-width:1200px){.batches-container{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);max-width:1600px;padding:var(--spacing-sm) var(--spacing-md)}.batch-card{margin:var(--spacing-xs)}}@media (min-width:1600px){.batches-container{max-width:1800px;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:767px){.batches-container{grid-template-columns:1fr;padding:var(--spacing-xs);gap:var(--spacing-sm)}.batch-card{margin:var(--spacing-xs)}}@media (max-width:480px){.batches-container{padding:var(--spacing-xs);gap:var(--spacing-xs)}.batch-card{margin:calc(var(--spacing-xs) / 2)}}.batch-details-page{margin-bottom:var(--spacing-xl)}.page-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-sm);flex-wrap:wrap}.back-button{flex-shrink:0}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing);border-radius:var(--border-radius);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.task-timer{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);font-size:.9rem;color:var(--text-secondary)}.task-timer i{color:var(--primary-color);font-size:1rem}.timer-text{font-weight:500}.timer-text strong,.timer-countdown{color:var(--primary-color);font-weight:700;font-family:"Courier New",monospace;letter-spacing:.5px}.home-task-timer{position:fixed;top:calc(var(--header-height) + 10px);right:20px;z-index:90;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--card-shadow);font-size:.9rem;color:var(--text-secondary)}.home-task-timer i{color:var(--primary-color);font-size:1rem}@media (max-width:768px){.page-header-bar{flex-direction:column;align-items:stretch}.task-timer{justify-content:center;width:100%}.home-task-timer{position:static;width:calc(100% - 32px);margin:10px 16px;justify-content:center}}.batch-header{margin-bottom:var(--spacing-lg)}.batch-header-content{position:relative;display:flex;flex-direction:column;gap:20px;background-color:var(--card-bg);border-radius:16px;box-shadow:var(--card-shadow);padding:20px;border-left:4px solid var(--primary-color);overflow:hidden;position:relative}.batch-header-content::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:16px;pointer-events:none;z-index:1}@media (min-width:768px){.batch-header-content{flex-direction:row;align-items:flex-start;gap:24px;padding:24px}}@media (min-width:1024px){.batch-header-content{gap:32px;padding:28px}}.batch-header .batch-image{flex-shrink:0;width:100%;max-width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;position:relative;pointer-events:auto;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}@media (min-width:768px){.batch-header .batch-image{width:200px;max-width:200px}}@media (min-width:1024px){.batch-header .batch-image{width:240px;max-width:240px}}@media (min-width:1440px){.batch-header .batch-image{width:280px;max-width:280px}}.batch-header .batch-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-lg);position:absolute;top:0;left:0}.batch-header .favorite-btn{position:absolute;top:12px;right:12px;background:rgb(0 0 0 / .6);border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10;font-size:1.2rem;opacity:1!important;visibility:visible!important}.batch-header .favorite-btn:hover{background:rgb(0 0 0 / .8);transform:scale(1.1)}.batch-header .favorite-btn.active{color:#f44}.batch-header .favorite-btn.active:hover{color:#f66}.batch-header .batch-image .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:4px solid rgb(255 255 255 / .3);border-top-color:var(--primary-color);border-radius:50%;animation:rotation 1s linear infinite;z-index:2;filter:drop-shadow(0 0 12px rgb(90 75 218 / .4));margin:0;padding:0}.batch-header .batch-image .loading-spinner.hidden{display:none}.batch-header .batch-image img.loaded+.loading-spinner,.batch-header .batch-image img.loaded~.loading-spinner{display:none}.dark-mode .batch-header .batch-image .loading-spinner{border-color:rgb(255 255 255 / .1);border-top-color:var(--primary-color);box-shadow:0 0 25px rgb(109 98 238 / .4)}.batch-header img{width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius-lg)}.batch-info{flex:1;min-width:0;z-index:2;position:relative}.batch-info .batch-title{font-size:clamp(1.25rem, 4vw, 1.75rem);margin-bottom:8px;line-height:1.3;word-wrap:break-word}.batch-info .batch-subtitle{font-size:clamp(0.875rem, 3vw, 1rem);margin-bottom:12px;color:var(--text-secondary);line-height:1.4}.batch-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;-ms-overflow-style:none;align-items:center}.batch-meta::-webkit-scrollbar{height:4px}.batch-meta::-webkit-scrollbar-track{background:rgb(0 0 0 / .1);border-radius:2px}.batch-meta::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:2px}.meta-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:clamp(0.75rem, 2.5vw, 0.875rem);flex-shrink:0;white-space:nowrap;position:relative;padding:6px 12px;background:rgb(91 75 199 / .08);border-radius:8px;transition:all 0.3s ease}.meta-item:hover{background:rgb(91 75 199 / .12)}.meta-item i{color:var(--primary-color);font-size:14px}.meta-item:not(:last-child)::after{content:"|";color:var(--text-tertiary);margin-left:var(--spacing-sm);font-weight:300}.meta-item i{display:none}@media (max-width:768px){.batch-meta{gap:var(--spacing-xs);padding-bottom:4px}.meta-item{font-size:.8rem}.meta-item:not(:last-child)::after{margin-left:var(--spacing-xs)}}@media (max-width:480px){.batch-meta{gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.meta-item{font-size:.75rem;gap:calc(var(--spacing-xs) / 2)}.meta-item:not(:last-child)::after{margin-left:var(--spacing-xs)}}.batch-tabs-container{position:relative;margin-bottom:var(--spacing)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-20px)}50%{opacity:1;transform:scale(1.05) translateY(0)}70%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes slideDownFade{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.batch-tabs-wrapper{position:relative}.batch-tabs,.content-tabs{display:flex;gap:var(--spacing-sm);position:relative;overflow-x:visible;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;background:rgb(90 75 218 / .08);padding:6px;border-radius:12px;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.dark-mode .batch-tabs,.dark-mode .content-tabs{background:rgb(109 98 238 / .15)}.batch-tabs::-webkit-scrollbar,.content-tabs::-webkit-scrollbar{display:none}.tabs-scroll-hint{position:absolute;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(to left,var(--card-bg),transparent);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.75rem;pointer-events:none;opacity:0;transition:opacity var(--transition);z-index:10}.tabs-scroll-hint.show{opacity:1}.tabs-scroll-hint.hiding{opacity:0;transition:opacity 0.3s ease}.tabs-scroll-hint i{font-size:.7rem;animation:bounceRight 1.5s infinite}@keyframes bounceRight{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}.tab-btn{padding:12px 24px;margin-right:0;color:var(--text-secondary);font-weight:600;position:relative;transition:all 0.3s ease;border-radius:8px;background-color:#fff0;border:none;cursor:pointer;flex-shrink:0;font-size:1rem;white-space:nowrap;display:inline-block}.tab-btn.tab-hidden{display:none!important;pointer-events:none!important;visibility:hidden!important}.tab-btn.active{color:var(--primary-color);background-color:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.dark-mode .tab-btn.active{background-color:#1e1e28;color:var(--primary-color);box-shadow:0 2px 12px rgb(0 0 0 / .5)}@media (max-width:768px){.batch-tabs,.content-tabs{flex-wrap:wrap}.tab-btn{padding:10px 20px;font-size:.9rem}}@media (max-width:480px){.tab-btn{padding:8px 16px;font-size:.85rem}}.tab-content{margin-bottom:var(--spacing-lg);position:relative;min-height:auto;overflow:visible}.tab-pane{display:none;opacity:0;visibility:hidden;position:absolute;width:100%;left:0;top:0;transform:translateY(20px);transition:opacity 0.25s cubic-bezier(.4,0,.2,1),transform 0.25s cubic-bezier(.4,0,.2,1),visibility 0.25s cubic-bezier(.4,0,.2,1)}#community-tab.tab-pane{position:relative;min-height:auto}.tab-pane.active{display:block;opacity:1;visibility:visible;position:relative;transform:translateY(0);transition-delay:0.05s;height:auto;overflow:visible}.tab-pane .content-grid,.tab-pane .lectures-grid,.tab-pane .notes-grid,.tab-pane .dpp-grid,.tab-pane .solutions-grid,.tab-pane .dpp-quiz-grid{height:auto;overflow:visible}.tab-btn:active{transform:scale(.98);transition:transform 0.1s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);position:relative}.subject-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:var(--spacing);border-left:4px solid var(--primary-color);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s ease,border-left-color 0.3s ease;cursor:pointer;border:1px solid var(--card-border);position:relative;overflow:hidden}.subject-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .03) 0%,transparent 50%,rgb(0 0 0 / .01) 100%);border-radius:var(--spacing-xs);pointer-events:none;z-index:1}.subject-card-header{display:flex;align-items:center;gap:var(--spacing);margin-bottom:var(--spacing)}.subject-card-header{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.subject-logo{flex-shrink:0;position:relative}.subject-icon-container{position:relative;flex-shrink:0}.subject-image{width:3.5rem;height:3.5rem;border-radius:var(--border-radius-sm);overflow:hidden;position:relative;box-shadow:0 6px 20px rgb(90 75 218 / .25),0 3px 12px rgb(90 75 218 / .2);border:2px solid rgb(90 75 218 / .2)}.subject-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.subject-image:hover img{transform:scale(1.1)}.subject-icon{width:3rem;height:3rem;border-radius:var(--border-radius-sm);background:linear-gradient(135deg,rgb(90 75 218 / .15) 0%,rgb(90 75 218 / .08) 100%);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0;transition:background-color var(--transition),transform var(--transition);box-shadow:0 6px 20px rgb(90 75 218 / .25),0 3px 12px rgb(90 75 218 / .2);border:2px solid rgb(90 75 218 / .2)}.fallback-icon{display:none}.dark-mode .subject-icon{box-shadow:0 2px 6px rgb(109 98 238 / .2),0 1px 3px rgb(109 98 238 / .15)}.dark-mode .subject-image{box-shadow:0 2px 8px rgb(109 98 238 / .2),0 1px 4px rgb(109 98 238 / .15);border-color:rgb(109 98 238 / .2)}.dark-mode .subject-card::before{background:linear-gradient(135deg,rgb(255 255 255 / .02) 0%,rgb(109 98 238 / .02) 30%,transparent 50%,rgb(0 0 0 / .02) 100%)}.dark-mode .subject-teacher{background:rgb(109 98 238 / .08);border-color:rgb(109 98 238 / .15);box-shadow:0 1px 4px rgb(109 98 238 / .1)}.dark-mode .teacher-avatar{box-shadow:0 2px 8px rgb(109 98 238 / .2),0 1px 4px rgb(109 98 238 / .15);border-color:rgb(109 98 238 / .2)}.dark-mode .teacher-icon{background:rgb(109 98 238 / .1);box-shadow:0 1px 4px rgb(109 98 238 / .15)}.dark-mode .subject-card-footer{border-top-color:rgb(109 98 238 / .2)}.dark-mode .stat-item{background:rgb(109 98 238 / .06);border-color:rgb(109 98 238 / .12);color:var(--text-primary)}.dark-mode .subject-action{background:var(--primary-color);box-shadow:0 2px 8px rgb(109 98 238 / .3)}.subject-details{flex:1;min-width:0;text-align:left}.subject-title{font-size:1rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--text-primary);transition:color var(--transition)}.subject-counts{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:.85rem;color:var(--text-secondary)}.count-item{font-weight:500;color:var(--text-secondary)}.count-separator{color:var(--text-tertiary);font-weight:300;margin:0 var(--spacing-xs)}.subject-teacher{margin-top:var(--spacing);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:linear-gradient(135deg,rgb(0 0 0 / .02) 0%,rgb(90 75 218 / .02) 100%);border-radius:var(--border-radius);border:1px solid rgb(90 75 218 / .08)}.teacher-avatar{position:relative;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 4px 15px rgb(90 75 218 / .2),0 2px 8px rgb(90 75 218 / .15);border:2px solid rgb(90 75 218 / .15)}.teacher-avatar img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.teacher-avatar:hover img{transform:scale(1.1)}.teacher-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,rgb(90 75 218 / .15) 0%,rgb(90 75 218 / .08) 100%);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:.9rem}.teacher-info{display:flex;flex-direction:column;gap:.25rem}.teacher-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.teacher-qualification{font-size:.7rem;color:var(--text-tertiary);font-style:italic}@media (max-width:768px){.subject-card-header{flex-direction:row;align-items:flex-start;gap:var(--spacing-sm)}.subject-details{width:100%;text-align:left}.subject-logo{margin-right:var(--spacing-xs)}}@media (max-width:480px){.subject-card-header{gap:var(--spacing-sm);flex-direction:row;align-items:flex-start}.subject-details{text-align:left}.subject-logo{flex-shrink:0;margin-right:var(--spacing-xs)}.subject-title{font-size:1rem;line-height:1.3}.subject-counts{font-size:.8rem;margin-top:var(--spacing-xs)}}.subject-card-footer{margin-top:auto;padding-top:var(--spacing);border-top:1px solid rgb(90 75 218 / .1);display:flex;justify-content:space-between;align-items:center}.subject-stats{display:flex;gap:var(--spacing-sm)}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);background:rgb(90 75 218 / .05);padding:.25rem .5rem;border-radius:100px;border:1px solid rgb(90 75 218 / .1)}.stat-item i{color:var(--primary-color);font-size:.7rem}.subject-action{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,rgb(90 75 218 / .8) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;box-shadow:0 4px 15px rgb(90 75 218 / .3),0 2px 8px rgb(90 75 218 / .2);transition:transform 0.3s ease,box-shadow 0.3s ease}.subject-action:hover{transform:translateX(3px);box-shadow:0 6px 20px rgb(90 75 218 / .4),0 4px 12px rgb(90 75 218 / .3)}.announcements-list{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-sm);position:relative}.announcements-loading-spinner{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg);min-height:100px}.announcements-loading-spinner .spinner-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.announcements-loading-spinner .loader{width:40px;height:40px;border:4px solid var(--primary-color);border-bottom-color:#fff0;border-radius:50%;animation:rotation 1s linear infinite}.announcements-loading-spinner p{color:var(--text-secondary);font-size:.9rem;margin:0}@media (min-width:576px){.announcements-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.announcements-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.announcements-list{grid-template-columns:repeat(4,1fr)}}.announcement-card{background-color:var(--card-bg);border-radius:var(--spacing-xs);box-shadow:var(--card-shadow);padding:var(--spacing-sm);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s ease;display:flex;flex-direction:column;min-height:220px;max-height:400px;overflow:hidden;border:1px solid var(--card-border);position:relative}.announcement-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--spacing-xs);pointer-events:none;z-index:1}.announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.announcement-author{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.author-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover;flex-shrink:0}.author-info{display:flex;flex-direction:column}.author-info h3{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-date{font-size:.7rem;color:var(--text-tertiary)}.announcement-content{color:var(--text-secondary);line-height:1.4;font-size:.85rem;flex:0 1 auto;overflow-y:auto;padding-right:var(--spacing-xs);margin-bottom:var(--spacing-xs);max-height:120px;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary)}.announcement-content::-webkit-scrollbar{width:4px}.announcement-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.announcement-content::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.announcement-content p{margin:0 0 var(--spacing-xs) 0}.announcement-attachment{margin-top:var(--spacing-xs);border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;width:100%}.announcement-image-wrapper{position:relative;width:100%;max-height:200px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:box-shadow 0.3s ease;overflow:hidden}.announcement-image-wrapper:hover{box-shadow:0 4px 12px rgb(0 0 0 / .15)}.announcement-image-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.announcement-image-loader .loader{width:40px;height:40px;border:4px solid rgb(91 75 199 / .2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.announcement-attachment img{width:100%;height:100%;max-height:200px;object-fit:contain;display:block;transition:transform 0.3s ease,opacity 0.3s ease;position:relative;z-index:1}.announcement-image-wrapper:hover img{transform:scale(1.05)}.topics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm)}@media (max-width:1400px){.topics-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1100px){.topics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.topics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.topics-grid{grid-template-columns:1fr}}.topic-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing-sm);padding-left:calc(var(--spacing-sm) + var(--spacing-xs) + 3px + var(--spacing-xs));transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s ease;cursor:pointer;border:1px solid var(--card-border);position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.topic-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:1}.topic-card::after{content:"";position:absolute;top:var(--spacing-sm);bottom:var(--spacing-sm);left:var(--spacing-xs);width:3px;background:#5a4bda;border-radius:0 2px 2px 0;z-index:2;box-shadow:0 0 6px rgb(90 75 218 / .3)}.topic-title{font-size:1rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--text-primary);transition:color var(--transition);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.topic-meta-item{display:flex;align-items:center;gap:calc(var(--spacing-xs) / 2);padding:calc(var(--spacing-xs) / 3) calc(var(--spacing-xs) / 2);background-color:rgb(90 75 218 / .05);color:var(--text-secondary);border-radius:100px;font-size:.7rem;font-weight:600;transition:background-color var(--transition),color var(--transition);white-space:nowrap}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing)}@media (min-width:768px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.content-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.content-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1400px){.content-grid{grid-template-columns:repeat(5,1fr)}}.lecture-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;border:1px solid var(--card-border);position:relative}.lecture-card .image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--bg-secondary)}.lecture-card .image-wrapper img{width:100%;height:100%;object-fit:cover}.lecture-content{padding:var(--spacing);background:linear-gradient(to bottom,rgb(90 75 218 / .03),transparent);border-top:1px solid var(--card-border);display:flex;flex-direction:column}.lecture-meta{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:.75rem;color:var(--text-tertiary);align-items:center}.meta-separator{color:var(--text-tertiary);font-weight:300;margin:0 var(--spacing-xs)}.lecture-title{font-size:1rem;font-weight:600;color:var(--text-primary);transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:2.8em}.note-card,.dpp-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing);display:flex;flex-direction:column;border:1px solid var(--card-border);position:relative}.note-card::before,.dpp-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:1}.note-title,.dpp-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing);transition:color var(--transition-fast);position:relative;padding-left:24px}.note-title:before,.dpp-title:before{content:"\f15c";font-family:"Font Awesome 6 Free";font-weight:400;position:absolute;left:0;top:0;color:var(--primary-color);font-size:16px}.note-header,.dpp-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.note-actions,.dpp-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);margin-top:auto;background-color:rgb(90 75 218 / .05);padding:10px;border-radius:var(--border-radius-sm)}.pdf-icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(90 75 218 / .1);display:flex;align-items:center;justify-content:center;color:var(--primary-color);box-shadow:0 6px 20px rgb(90 75 218 / .2),0 4px 12px rgb(90 75 218 / .15);flex-shrink:0;min-width:2.5rem;min-height:2.5rem}.dark-mode .pdf-icon{box-shadow:0 8px 25px rgb(109 98 238 / .4),0 5px 15px rgb(109 98 238 / .3)}@media (max-width:768px){.pdf-icon{width:2rem;height:2rem;min-width:2rem;min-height:2rem}}@media (max-width:480px){.pdf-icon{width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem}}.download-btn{width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(90 75 218 / .1);display:flex;align-items:center;justify-content:center;color:var(--primary-color);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;box-shadow:0 6px 20px rgb(90 75 218 / .2),0 4px 12px rgb(90 75 218 / .15)}.dark-mode .download-btn{box-shadow:0 8px 25px rgb(109 98 238 / .4),0 5px 15px rgb(109 98 238 / .3)}.download-btn:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px rgb(90 75 218 / .2)}.download-progress{position:absolute;top:0;left:0;width:0%;height:100%;border-radius:50%;background-color:rgb(90 75 218 / .2)}.download-success{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--success-color);display:none;align-items:center;justify-content:center;color:#fff}.view-pdf-btn{width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(90 75 218 / .1);display:flex;align-items:center;justify-content:center;color:var(--primary-color);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);border:none;cursor:pointer;box-shadow:0 6px 20px rgb(90 75 218 / .2),0 4px 12px rgb(90 75 218 / .15)}.dark-mode .view-pdf-btn{box-shadow:0 8px 25px rgb(109 98 238 / .4),0 5px 15px rgb(109 98 238 / .3)}.view-pdf-btn:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px rgb(90 75 218 / .2)}.view-pdf-btn i{font-size:1rem}.completion-icon{display:none!important}.lecture-card .completion-icon{display:flex!important;position:relative;margin-top:.75rem;margin-left:auto;margin-right:0;width:2rem;height:2rem;border-radius:50%;background-color:rgb(255 255 255 / .95);color:#333;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);opacity:1;z-index:10;box-shadow:0 6px 20px rgb(0 0 0 / .2),0 4px 12px rgb(0 0 0 / .15);border:2px solid #e9ecef;flex-shrink:0}.lecture-card .completion-icon i{font-size:.75rem;transition:all var(--transition-fast)}.lecture-card.completed .completion-icon{background-color:var(--success-color);color:#fff;opacity:1;box-shadow:0 8px 25px rgb(16 185 129 / .4),0 4px 15px rgb(16 185 129 / .3)}.dark-mode .lecture-card.completed .completion-icon{box-shadow:0 10px 30px rgb(16 185 129 / .6),0 6px 20px rgb(16 185 129 / .5)}.solution-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s ease;border:1px solid var(--card-border)}.quiz-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s ease;border:1px solid var(--card-border);position:relative}.dpp-quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%}@media (min-width:768px){.dpp-quiz-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dpp-quiz-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.dpp-quiz-grid{grid-template-columns:repeat(4,1fr)}}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.quiz-icon{width:40px;height:40px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:18px;font-weight:600}.dark-mode .quiz-icon{background:var(--card-bg);border-color:var(--border-color)}.quiz-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quiz-status.start{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);color:#fff}.quiz-status.completed{background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);color:#fff}.quiz-status.reattempt{background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%);color:#fff}.quiz-content{flex:1}.quiz-title{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:12px;line-height:1.4}.quiz-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.quiz-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 8px;border-radius:6px}.quiz-info i{font-size:12px;color:var(--primary-color)}.quiz-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.quiz-date{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.start-quiz-btn{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgb(102 126 238 / .3)}.start-quiz-btn:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px rgb(102 126 238 / .4)}.dark-mode .start-quiz-btn{background:#667eea;box-shadow:0 2px 8px rgb(102 126 238 / .5)}.dark-mode .start-quiz-btn:hover{background:#5568d3;box-shadow:0 4px 12px rgb(102 126 238 / .6)}.start-quiz-btn i{font-size:12px}.quiz-skeleton-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);width:100%}@media (min-width:768px){.quiz-skeleton-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.quiz-skeleton-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.quiz-skeleton-container{grid-template-columns:repeat(4,1fr)}}@media (min-width:1400px){.quiz-skeleton-container{grid-template-columns:repeat(5,1fr)}}.quiz-skeleton-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing);transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s ease;border:1px solid var(--card-border);position:relative;overflow:hidden;width:100%;max-width:100%;min-width:280px}.quiz-skeleton-card::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(128 128 128 / .3),transparent);animation:shimmer 1.5s infinite}.dark-mode .quiz-skeleton-card::after{background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent)}.quiz-skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.quiz-skeleton-icon{width:40px;height:40px;background:rgb(128 128 128 / .3);border-radius:50%;position:relative;overflow:hidden}.dark-mode .quiz-skeleton-icon{background:rgb(255 255 255 / .15)}.quiz-skeleton-status{width:60px;height:24px;background:rgb(128 128 128 / .3);border-radius:20px;position:relative;overflow:hidden}.dark-mode .quiz-skeleton-status{background:rgb(255 255 255 / .15)}.quiz-skeleton-content{flex:1}.quiz-skeleton-title{width:80%;height:20px;background:rgb(128 128 128 / .3);border-radius:4px;margin-bottom:12px;position:relative}.dark-mode .quiz-skeleton-title{background:rgb(255 255 255 / .15);overflow:hidden}.quiz-skeleton-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.quiz-skeleton-info{width:80px;height:24px;background:rgb(128 128 128 / .3);border-radius:6px;position:relative;overflow:hidden}.dark-mode .quiz-skeleton-info{background:rgb(255 255 255 / .15)}.quiz-skeleton-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.quiz-skeleton-date{width:100px;height:16px;background:rgb(128 128 128 / .3);border-radius:4px;position:relative;overflow:hidden}.dark-mode .quiz-skeleton-date{background:rgb(255 255 255 / .15)}.quiz-skeleton-btn{width:100px;height:32px;background:rgb(128 128 128 / .3);border-radius:8px;position:relative;overflow:hidden}.dark-mode .quiz-skeleton-btn{background:rgb(255 255 255 / .15)}@media (max-width:576px){.quiz-skeleton-container{grid-template-columns:1fr;gap:15px}.dpp-quiz-grid{grid-template-columns:1fr;gap:15px}.quiz-skeleton-card{padding:15px}.quiz-skeleton-header{margin-bottom:12px}.quiz-skeleton-icon{width:35px;height:35px}.quiz-skeleton-title{height:18px;margin-bottom:10px}.quiz-skeleton-meta{gap:8px;margin-bottom:12px}.quiz-skeleton-info{width:70px;height:20px}.quiz-skeleton-footer{margin-top:12px}.quiz-skeleton-btn{width:80px;height:28px}}.video-player-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .9);z-index:1000;display:flex;flex-direction:column}.video-player-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing);background-color:rgb(0 0 0 / .5)}.video-title{color:#fff;font-size:1.25rem;font-weight:600}.close-video{width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(255 255 255 / .1);color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.close-video:hover{background-color:rgb(255 255 255 / .2)}.video-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing)}.video-player{max-width:100%;max-height:80vh;width:100%}.more-menu{position:absolute;top:var(--spacing);right:var(--spacing);z-index:10}.more-menu-btn{width:2rem;height:2rem;border-radius:50%;background-color:rgb(0 0 0 / .5);color:#fff;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.more-menu-btn:hover{opacity:1;background-color:rgb(0 0 0 / .7)}.more-menu-content{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);min-width:150px;display:none}.more-menu.active .more-menu-content{display:block}.more-menu-item{padding:var(--spacing-xs) var(--spacing);display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:background-color var(--transition-fast)}.more-menu-item:hover{background-color:var(--bg-tertiary)}.favorites-counter{position:absolute;top:-5px;right:-5px;background-color:var(--accent-color);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.header-actions a{position:relative}@media (max-width:767px){.topics-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.subjects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-xs) 0;overflow:visible;max-height:none}.subject-card{width:100%;margin:0;height:auto;padding:var(--spacing)}.subjects-grid::after,.subjects-grid::before{display:none}.batch-header-content{flex-direction:column}.batch-meta{gap:var(--spacing-xs)}.batch-tabs,.content-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing);margin-bottom:var(--spacing);border-bottom:none;padding-bottom:calc(var(--spacing-xs) + 6px)}.batch-tabs::-webkit-scrollbar,.content-tabs::-webkit-scrollbar{width:0;height:0;display:none!important;background:#fff0}.tab-btn{flex-shrink:0}}@media (max-width:576px){.topics-grid,.content-grid{grid-template-columns:1fr;gap:15px}.subjects-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.subject-card{width:100%}.subject-card .skeleton-bg{width:2rem;height:2rem}.subject-card .subject-title.skeleton-text{width:75%;height:1.1em}.subject-card .subject-meta-item.skeleton-text{width:55%;height:.8em}.subject-card .subject-teacher.skeleton-text{width:65%;height:.8em}.header-content{padding:0 var(--spacing)}.batch-filter{overflow-x:auto;padding-bottom:12px;margin-bottom:var(--spacing);flex-wrap:nowrap;gap:var(--spacing-sm);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary);scroll-behavior:smooth}.batch-filter::-webkit-scrollbar{height:6px}.batch-filter::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px;margin:0 var(--spacing-sm)}.batch-filter::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));border-radius:10px;transition:background 0.3s ease}.batch-filter::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.filter-btn{white-space:nowrap}.tab-btn{white-space:nowrap;flex-shrink:0}.tab-content{overflow:visible;-webkit-overflow-scrolling:touch;touch-action:pan-y}.tab-content.swiping{transition:transform 0.1s ease-out}.tab-content.swipe-left{transform:translateX(-10px)}.tab-content.swipe-right{transform:translateX(10px)}.note-header,.dpp-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.note-actions,.dpp-actions{justify-content:center;gap:var(--spacing-sm)}.view-pdf-btn,.download-btn{width:3rem;height:3rem}.view-pdf-btn i,.download-btn i{font-size:1.2rem}.lecture-card .completion-icon{width:2.5rem;height:2.5rem;margin-top:.5rem;margin-left:auto;margin-right:0;opacity:1;background-color:rgb(255 255 255 / .98);box-shadow:0 3px 10px rgb(0 0 0 / .2)}.lecture-card .completion-icon i{font-size:1rem}.quiz-card{padding:15px}.quiz-header{margin-bottom:12px}.quiz-icon{width:35px;height:35px;font-size:16px}.quiz-title{font-size:14px;margin-bottom:10px}.quiz-meta{gap:8px;margin-bottom:12px}.quiz-info{font-size:12px;padding:3px 6px}.quiz-footer{margin-top:12px}.start-quiz-btn{padding:6px 12px;font-size:12px}}@media (min-width:577px) and (max-width:767px){.quiz-skeleton-container{grid-template-columns:repeat(2,1fr);gap:15px}.dpp-quiz-grid{grid-template-columns:repeat(2,1fr);gap:15px}.content-grid{grid-template-columns:repeat(2,1fr);gap:15px}}.error-message{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);padding:var(--spacing-lg);border-radius:var(--border-radius);margin:var(--spacing-lg) 0;text-align:center}.error-message h2{color:var(--error-color);margin-bottom:var(--spacing);font-size:1.25rem}.error-message p{margin-bottom:var(--spacing);color:var(--text-secondary)}.error-message .study-btn{display:inline-block;margin-top:var(--spacing)}.error-message.enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--spacing-xl);background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);margin:var(--spacing-lg);border-left:none}.error-message.enhanced .error-icon{margin-bottom:var(--spacing-lg)}.error-message.enhanced .error-icon i{font-size:4rem;color:var(--error-color);opacity:.8}.error-message.enhanced .error-content{text-align:center;max-width:400px}.error-message.enhanced .error-content h3{margin:0 0 var(--spacing-sm) 0;color:var(--error-color);font-weight:600;font-size:1.5rem}.error-message.enhanced .error-content p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);line-height:1.6}.error-message.enhanced .retry-btn{background-color:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 2px 8px rgb(90 75 218 / .3)}.error-message.enhanced .retry-btn:hover{background-color:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgb(90 75 218 / .4)}.error-suggestions{margin:var(--spacing-lg) 0;text-align:left;max-width:400px}.error-suggestions h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm);text-align:center}.error-suggestions ul{list-style:none;padding:0;margin:0}.error-suggestions li{color:var(--text-secondary);font-size:.9rem;padding:var(--spacing-xs) 0;position:relative;padding-left:var(--spacing-lg)}.error-suggestions li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0;top:var(--spacing-xs)}.error-message.enhanced .action-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-lg)}.error-message.enhanced .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs);border:none;cursor:pointer;font-size:.9rem}.error-message.enhanced .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);color:#fff;box-shadow:0 4px 15px rgb(90 75 218 / .3)}.error-message.enhanced .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--card-border)}.error-message.enhanced .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(90 75 218 / .4)}@media (max-width:768px){.error-message.enhanced .action-buttons{flex-direction:column;width:100%}.error-message.enhanced .btn{width:100%;justify-content:center}.error-suggestions{max-width:100%}}.error-message.enhanced .retry-btn i{font-size:.875rem}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .9);z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--spacing);opacity:0;transition:opacity 0.3s ease}.image-modal.visible{opacity:1}.image-modal-content{position:relative;max-width:90%;max-height:90%;border-radius:var(--border-radius);overflow:hidden;transform:scale(.9);transition:transform 0.3s ease}.image-modal.visible .image-modal-content{transform:scale(1)}.image-modal-content img{max-width:100%;max-height:80vh;display:block;margin:0 auto;box-shadow:var(--card-shadow-hover)}.close-modal{position:absolute;top:var(--spacing);right:var(--spacing);width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(0 0 0 / .5);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:10;transition:transform 0.3s ease,background-color 0.3s ease}.close-modal:hover{transform:rotate(90deg);background-color:var(--primary-color)}.loading-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center}.loading-indicator .loader{width:40px;height:40px;border:4px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:rotation 1s linear infinite}.announcement-card .skeleton-bg{background-color:var(--skeleton-bg);position:relative;overflow:hidden;border-radius:var(--border-radius-sm)}.announcement-card .skeleton-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:shimmer 2s infinite}.announcement-card .skeleton-text{height:1em;margin-bottom:.5em;background-color:var(--skeleton-bg);border-radius:var(--border-radius-sm);position:relative;overflow:hidden}.announcement-card .skeleton-text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:shimmer 2s infinite}.subject-card .skeleton-bg{background-color:var(--skeleton-bg);position:relative;overflow:hidden;border-radius:var(--border-radius-sm);width:2.5rem;height:2.5rem}.subject-card .skeleton-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:shimmer 2s infinite}.subject-card .skeleton-text{background-color:var(--skeleton-bg);border-radius:var(--border-radius-sm);position:relative;overflow:hidden;margin-bottom:.5rem}.subject-card .skeleton-text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:shimmer 2s infinite}.subject-card .subject-title.skeleton-text{height:1.2em;width:80%;margin-bottom:.5rem}.subject-card .subject-meta-item.skeleton-text{height:.9em;width:60%;margin-bottom:.3rem}.subject-card .subject-teacher.skeleton-text{height:.9em;width:70%;margin-bottom:0}@media (max-width:768px){.subject-card .skeleton-bg{width:2rem;height:2rem}.subject-card .subject-title.skeleton-text{height:1em;width:75%}.subject-card .subject-meta-item.skeleton-text{height:.8em;width:55%}.subject-card .subject-teacher.skeleton-text{height:.8em;width:65%}}@media (max-width:480px){.subject-card .skeleton-bg{width:1.75rem;height:1.75rem}.subject-card .subject-title.skeleton-text{height:.9em;width:70%}.subject-card .subject-meta-item.skeleton-text{height:.75em;width:50%}.subject-card .subject-teacher.skeleton-text{height:.75em;width:60%}}.error-message{background-color:rgb(239 68 68 / .1);border-left:4px solid var(--error-color);padding:var(--spacing-md);border-radius:var(--spacing-xs);margin:var(--spacing-lg) 0;text-align:center;animation:fadeInUp 0.5s ease-out;display:flex;flex-direction:column;align-items:center;gap:var(--spacing)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:2.5rem;color:var(--error-color);margin-bottom:var(--spacing-sm);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.error-message h2,.error-message h3{color:var(--error-color);margin-bottom:var(--spacing-sm);font-size:1.25rem}.error-message p{margin-bottom:var(--spacing);color:var(--text-secondary);max-width:500px}.retry-btn,.error-message .study-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing);background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-weight:600;transition:background-color var(--transition-fast),transform var(--transition-fast);border:none;cursor:pointer;margin-top:var(--spacing)}.no-results,.no-favorites,.no-subjects,.no-topics,.no-announcements,.no-content,.loading-announcements{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-secondary) 100%);border-radius:var(--border-radius-lg);color:var(--text-secondary);font-weight:500;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);animation:fadeInUp 0.6s ease-out;box-shadow:var(--card-shadow);border:1px solid var(--card-border);margin:var(--spacing-lg) 0;min-height:300px;justify-content:center}.no-results .empty-icon,.no-favorites .empty-icon,.no-subjects .empty-icon,.no-topics .empty-icon,.no-announcements .empty-icon,.no-content .empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);color:var(--text-tertiary);opacity:.7;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-results h3,.no-favorites h3,.no-subjects h3,.no-topics h3,.no-announcements h3,.no-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.no-results p,.no-favorites p,.no-subjects p,.no-topics p,.no-announcements p,.no-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:400px;margin-bottom:var(--spacing-lg)}.no-results .action-buttons,.no-favorites .action-buttons,.no-subjects .action-buttons,.no-topics .action-buttons,.no-announcements .action-buttons,.no-content .action-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.no-results .btn,.no-favorites .btn,.no-subjects .btn,.no-topics .btn,.no-announcements .btn,.no-content .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs);border:none;cursor:pointer}.no-results .btn-primary,.no-favorites .btn-primary,.no-subjects .btn-primary,.no-topics .btn-primary,.no-announcements .btn-primary,.no-content .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);color:#fff;box-shadow:0 4px 15px rgb(90 75 218 / .3)}.no-results .btn-secondary,.no-favorites .btn-secondary,.no-subjects .btn-secondary,.no-topics .btn-secondary,.no-announcements .btn-secondary,.no-content .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--card-border)}.no-results .btn:hover,.no-favorites .btn:hover,.no-subjects .btn:hover,.no-topics .btn:hover,.no-announcements .btn:hover,.no-content .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(90 75 218 / .4)}.loading-announcements{position:relative;min-height:150px}@media (max-width:768px){.no-results,.no-favorites,.no-subjects,.no-topics,.no-announcements,.no-content{padding:var(--spacing-lg);min-height:250px}.no-results .empty-icon,.no-favorites .empty-icon,.no-subjects .empty-icon,.no-topics .empty-icon,.no-announcements .empty-icon,.no-content .empty-icon{font-size:3rem}.no-results h3,.no-favorites h3,.no-subjects h3,.no-topics h3,.no-announcements h3,.no-content h3{font-size:1.25rem}.no-results .action-buttons,.no-favorites .action-buttons,.no-subjects .action-buttons,.no-topics .action-buttons,.no-announcements .action-buttons,.no-content .action-buttons{flex-direction:column;width:100%}.no-results .btn,.no-favorites .btn,.no-subjects .btn,.no-topics .btn,.no-announcements .btn,.no-content .btn{width:100%;justify-content:center}}.loading-announcements:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:3px solid rgb(90 75 218 / .3);border-top-color:var(--primary-color);border-radius:50%;animation:rotation 1s linear infinite}@media (max-width:992px){.announcements-list{grid-template-columns:repeat(2,1fr)}.announcement-card{max-height:350px}.announcement-attachment{max-height:150px}.announcement-attachment img{max-height:150px}}@media (max-width:576px){.announcements-list{grid-template-columns:1fr}.announcement-card{height:auto;min-height:220px;max-height:450px}.announcement-attachment{max-height:180px}.announcement-attachment img{max-height:180px}.error-message{padding:var(--spacing)}.error-icon{font-size:2rem}.error-message h2,.error-message h3{font-size:1.1rem}.image-modal-content{max-width:95%}}.suggestion-category{padding:var(--spacing-xs) var(--spacing);font-size:.8rem;font-weight:600;color:var(--text-tertiary);background-color:var(--bg-secondary);border-bottom:1px solid var(--card-border);text-transform:uppercase;letter-spacing:.5px}.suggestion-image-wrapper{width:100px;height:auto;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin-right:16px}.suggestion-image-wrapper.no-image{background:rgb(90 75 218 / .1)}.suggestion-image-wrapper.no-image i{color:var(--primary-color);font-size:20px;opacity:.5}.suggestion-image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.suggestion-text{display:flex;flex-direction:column;flex:1}@keyframes pulse-search{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:.8}}.suggestion-spinner{width:20px;height:20px;border:2px solid var(--primary-color);border-bottom-color:#fff0;border-radius:50%;animation:rotation 0.8s linear infinite,pulse-search 2s ease infinite;flex-shrink:0}.suggestion-waiting{display:flex;align-items:center;justify-content:center;padding:var(--spacing);color:var(--text-tertiary);font-size:.875rem;font-style:italic;background-color:var(--bg-secondary);opacity:.8;border-radius:var(--border-radius-sm);margin:var(--spacing-xs);animation:fadeIn 0.3s ease}@keyframes blink{0%,100%{opacity:.5}50%{opacity:1}}.suggestion-waiting span{position:relative;display:inline-block}.suggestion-waiting span::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--text-tertiary);animation:typing 1.5s ease infinite}@keyframes typing{0%{width:0;left:0}50%{width:100%;left:0}51%{width:100%;right:0}100%{width:0;right:0;left:auto}}.skeleton-container.batches-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);width:100%;padding:var(--spacing-sm)}@media (max-width:767px){.skeleton-container.batches-container{grid-template-columns:1fr;padding:var(--spacing-xs);gap:var(--spacing-sm)}}@media (min-width:768px){.skeleton-container.batches-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);padding:var(--spacing-sm);max-width:1400px;margin:0 auto}.skeleton-card{height:360px}.skeleton-card .batch-content{max-height:160px}}@media (min-width:1200px){.skeleton-container.batches-container{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);max-width:1600px;padding:var(--spacing-sm) var(--spacing-md)}}@media (min-width:1600px){.skeleton-container.batches-container{max-width:1800px;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width:480px){.skeleton-container.batches-container{padding:var(--spacing-xs);gap:var(--spacing-xs)}.skeleton-card{height:320px;min-width:100%;max-width:100%}.skeleton-card .batch-content{max-height:140px}}.skeleton-card{position:relative;overflow:hidden;box-shadow:var(--card-shadow);border-radius:var(--border-radius-lg);height:380px;width:100%;max-width:380px;min-width:280px}.skeleton-card::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,transparent 0%,var(--skeleton-shine) 50%,transparent 100%);animation:shimmer 2s infinite;z-index:1}@keyframes shimmer{100%{transform:translateX(100%)}}.favorite-btn-skeleton{position:absolute;top:var(--spacing);right:var(--spacing);width:2rem;height:2rem;border-radius:50%;background-color:var(--skeleton-bg);opacity:.7}.skeleton-card .batch-image{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.skeleton-card .batch-content{padding:var(--spacing);flex:1;display:flex;flex-direction:column;max-height:170px}.skeleton-card .batch-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);height:22px}.skeleton-card .batch-title{height:1.2em!important;margin-bottom:4px!important;margin-top:6px!important}.skeleton-card .batch-subtitle{height:0.9em!important;margin-top:6px!important;margin-bottom:6px!important}.skeleton-card .batch-footer{margin-top:auto!important;padding-top:8px!important;height:36px;display:flex;justify-content:space-between;align-items:center}@keyframes pulse-skeleton{0%,100%{opacity:.7}50%{opacity:1}}.skeleton-card .skeleton-text{border-radius:var(--border-radius-sm);margin-bottom:6px}.skeleton-card .skeleton-btn{width:110px;height:32px;border-radius:var(--border-radius)}.schedule-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:var(--spacing);margin-bottom:var(--spacing-lg);border-left:3px solid var(--primary-color);animation:fadeIn 0.5s ease;position:relative}.schedule-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--border-radius-lg);pointer-events:none;z-index:1}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.schedule-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.view-all-btn{display:flex;align-items:center;justify-content:center;column-gap:8px;height:40px;padding:8px 16px;background:#fff0;color:var(--primary-color);font-size:14px;font-weight:600;border:2px solid var(--primary-color);border-radius:8px;cursor:pointer;position:relative;overflow:visible;transition:all 0.3s ease}.view-all-btn::before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:10px;border:2px solid #fff0;background:linear-gradient(135deg,var(--primary-color),#764ba2,var(--primary-color)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:viewAllOutline 3s ease-in-out infinite;pointer-events:none}@keyframes viewAllOutline{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.view-all-btn:hover{background:rgb(91 75 199 / .1);transform:translateY(-2px);box-shadow:0 4px 12px rgb(91 75 199 / .3)}.view-all-btn:hover::before{animation:none;opacity:0}.view-all-btn:active{transform:translateY(0)}.view-all-btn i{font-size:14px}.view-all-btn span{font-weight:600}.schedule-container{display:flex;gap:var(--spacing);overflow-x:auto;padding:var(--spacing-sm) 0;margin:var(--spacing-sm) 0;padding-bottom:20px;padding-top:10px;position:relative;border-radius:10px;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary)}.schedule-container::-webkit-scrollbar{height:6px}.schedule-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.schedule-container::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.schedule-item{flex:0 0 300px;background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);border-left:3px solid #fff0;height:180px;display:flex;flex-direction:column;position:relative;overflow:hidden;margin-bottom:5px;box-shadow:0 8px 25px rgb(0 0 0 / .15),0 4px 15px rgb(0 0 0 / .1)}.schedule-item.upcoming{border-left-color:var(--info-color)}.schedule-item.live{border-left-color:var(--success-color);box-shadow:0 0 8px rgb(16 185 129 / .3)}.schedule-item.ended{border-left-color:var(--text-tertiary)}.schedule-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs)}.schedule-subject{font-size:.875rem;font-weight:600;color:var(--primary-color)}.schedule-status{font-size:.75rem;padding:2px 8px;border-radius:20px;font-weight:600}.schedule-status.upcoming{background-color:rgb(59 130 246 / .1);color:var(--info-color)}.schedule-status.live{background-color:rgb(16 185 129 / .2);color:var(--success-color);font-weight:700;padding:3px 10px;display:flex;align-items:center;gap:4px}.schedule-status.live::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--success-color);animation:pulse 1.5s infinite}.schedule-status.ended{background-color:var(--bg-tertiary);color:var(--text-tertiary)}.schedule-topic{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.schedule-time{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.825rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.schedule-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.schedule-tag{font-size:.75rem;padding:2px 8px;border-radius:20px;background-color:var(--bg-tertiary);color:var(--text-secondary)}.schedule-item.live::before{content:"";position:absolute;top:var(--spacing);right:var(--spacing);width:12px;height:12px;border-radius:50%;background-color:var(--success-color);animation:pulse 1.5s infinite;z-index:2;box-shadow:0 0 0 rgb(16 185 129 / .8)}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgb(16 185 129 / .5)}70%{transform:scale(1);box-shadow:0 0 0 6px #fff0}100%{transform:scale(.95);box-shadow:0 0 0 0 #fff0}}.dark-mode .schedule-item{background-color:var(--card-bg-dark);box-shadow:0 8px 25px rgb(0 0 0 / .4),0 4px 12px rgb(0 0 0 / .3);border-left:none}.dark-mode .schedule-item.live{box-shadow:0 8px 25px rgb(0 0 0 / .4),0 4px 12px rgb(0 0 0 / .3)}.dark-mode .schedule-item.upcoming{border-left:none}.dark-mode .schedule-item.ended{border-left:none}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000}.toast{background-color:var(--card-bg);box-shadow:var(--card-shadow-hover);border-radius:var(--border-radius);padding:var(--spacing);margin-bottom:var(--spacing);min-width:250px;max-width:350px;display:flex;align-items:flex-start;animation:slideInRight 0.3s,fadeOut 0.5s 4.5s;opacity:0;animation-fill-mode:forwards;border:1px solid var(--card-border)}.toast.success{border-left:none}.toast.info{border-left:none}.toast.warning{border-left:none}.toast.error{border-left:none}.toast-icon{margin-right:var(--spacing);font-size:1.5rem}.toast.success .toast-icon{color:var(--success-color)}.toast.info .toast-icon{color:var(--info-color)}.toast.warning .toast-icon{color:var(--warning-color)}.toast.error .toast-icon{color:var(--error-color)}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:4px}.toast-message{font-size:.875rem;color:var(--text-secondary)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:1.125rem;padding:0;margin-left:var(--spacing)}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.no-schedule{text-align:center;padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-secondary);width:100%;font-weight:500}.no-schedule:before{content:"\f133";font-family:"Font Awesome 5 Free";font-weight:900;font-size:2rem;display:block;margin-bottom:var(--spacing-sm);color:var(--text-tertiary)}@keyframes pulseArrow{0%,100%{transform:translateY(-50%);opacity:.9}50%{transform:translateY(-50%) translateX(3px);opacity:1}}@media (max-width:896px) and (orientation:landscape){.subjects-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:var(--spacing-sm) 0;margin:0 -10px;padding-bottom:15px}.subject-card{flex:0 0 300px;margin:0 10px;height:auto}.subjects-grid::before{top:calc(50% - 20px)}}@supports (scrollbar-width:thin){.subjects-grid{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary)}}.quick-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md);margin:1.5rem 0;background-color:var(--card-bg);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);position:relative}.quick-nav::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:1}.quick-nav-btn{background-color:var(--bg-primary);border:1px solid var(--card-border);color:var(--text-primary);width:48px;height:48px;padding:0;border-radius:var(--border-radius);cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem;text-decoration:none;box-shadow:0 4px 15px rgb(0 0 0 / .12),0 2px 8px rgb(0 0 0 / .08);flex-shrink:0}.dark-mode .quick-nav-btn{box-shadow:0 6px 20px rgb(0 0 0 / .6),0 3px 12px rgb(0 0 0 / .5)}.quick-nav-btn i{margin:0;font-size:1.2rem}.quick-nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .15),0 3px 10px rgb(0 0 0 / .1)}.quick-nav-btn.active{background-color:var(--primary-color);color:#fff;pointer-events:none;box-shadow:0 6px 20px rgb(90 75 218 / .4),0 4px 12px rgb(90 75 218 / .3)}.dark-mode .quick-nav-btn.active{box-shadow:0 8px 25px rgb(109 98 238 / .6),0 5px 15px rgb(109 98 238 / .5)}@media (max-width:768px){.quick-nav-btn{width:44px;height:44px;font-size:1.1rem}.quick-nav-btn i{font-size:1.1rem}}@media (max-width:576px){.quick-nav{gap:.5rem;padding:.75rem}.quick-nav-btn{width:40px;height:40px;font-size:1rem}.quick-nav-btn i{font-size:1rem}}.breadcrumb-nav{margin:1rem 0 1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(var(--primary-color-rgb,90,75,218),.05) 100%);border-radius:var(--border-radius);border:1px solid var(--card-border);box-shadow:0 2px 8px rgb(0 0 0 / .05);position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.breadcrumb-nav::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .05) 0%,transparent 50%,rgb(0 0 0 / .02) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:1}.breadcrumb-list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;flex-wrap:wrap;position:relative;z-index:2}.breadcrumb-item{display:flex;align-items:center;font-size:.875rem}.breadcrumb-link{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);text-decoration:none;padding:.4rem .75rem;border-radius:var(--border-radius-sm);transition:all 0.2s ease;font-weight:500}.breadcrumb-link:hover{color:var(--primary-color);background:rgba(var(--primary-color-rgb,90,75,218),.1);transform:translateY(-1px)}.breadcrumb-link i{font-size:.75rem;opacity:.8}.breadcrumb-current{display:flex;align-items:center;color:var(--primary-color);font-weight:600;padding:.4rem .75rem;border-radius:var(--border-radius-sm);background:rgba(var(--primary-color-rgb,90,75,218),.1);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-separator{display:flex;align-items:center;color:var(--text-tertiary);font-size:.7rem;opacity:.5}.breadcrumb-separator i{font-size:.6rem}.dark-mode .breadcrumb-nav{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(var(--primary-color-rgb,109,98,238),.08) 100%);border-color:rgb(255 255 255 / .1);box-shadow:0 2px 12px rgb(0 0 0 / .3)}.dark-mode .breadcrumb-link:hover{background:rgba(var(--primary-color-rgb,109,98,238),.15)}.dark-mode .breadcrumb-current{background:rgba(var(--primary-color-rgb,109,98,238),.15);color:var(--primary-color)}@media (max-width:768px){.breadcrumb-nav{padding:.6rem .75rem;margin:.75rem 0 1rem}.breadcrumb-list{gap:.4rem}.breadcrumb-item{font-size:.8rem}.breadcrumb-link,.breadcrumb-current{padding:.35rem .6rem}.breadcrumb-current{max-width:150px}}.batch-details-page.mahapack-batches-list .breadcrumb-nav{background:linear-gradient(135deg,rgb(255 215 0 / .08) 0%,rgb(218 165 32 / .06) 50%,rgb(255 215 0 / .08) 100%);border:1px solid rgb(255 215 0 / .3);box-shadow:0 2px 12px rgb(255 215 0 / .15),0 0 0 1px rgb(255 215 0 / .1) inset}.batch-details-page.mahapack-batches-list .breadcrumb-link{color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list .breadcrumb-link:hover{color:gold;background:rgb(255 215 0 / .15)}.batch-details-page.mahapack-batches-list .breadcrumb-current{color:gold;background:rgb(255 215 0 / .15);text-shadow:0 1px 2px rgb(255 215 0 / .3)}.batch-details-page.mahapack-batches-list .breadcrumb-separator{color:rgb(255 215 0 / .6)}.network-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .8);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.network-details-content{background:var(--card-bg);border:2px solid var(--card-border);border-radius:16px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px rgb(0 0 0 / .5);animation:slideInUp 0.3s ease}.network-details-content.dark{background:var(--card-bg);border-color:var(--card-border)}.network-details-content.light{background:var(--card-bg);border-color:var(--card-border)}.network-details-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--bg-tertiary);background:var(--bg-secondary);position:sticky;top:0;z-index:1}.network-details-header h3{margin:0;color:var(--text-primary);font-size:1.125rem;font-weight:600}.close-network-modal{background:none;border:none;color:var(--text-secondary);font-size:1.125rem;cursor:pointer;padding:6px;border-radius:6px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-network-modal:hover{background:var(--bg-tertiary);color:var(--text-primary)}.network-details-body{padding:16px 20px}.network-detail-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bg-tertiary)}.network-detail-item:last-child{border-bottom:none}.detail-icon{width:36px;height:36px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;flex-shrink:0}.detail-icon .fa-circle.online{color:#10b981}.detail-icon .fa-circle.offline{color:#ef4444}.detail-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.detail-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.detail-value{font-size:.9375rem;color:var(--text-primary);font-weight:600;word-break:break-word}.network-details-footer{padding:16px 20px;border-top:1px solid var(--bg-tertiary);background:var(--bg-secondary);text-align:center;position:sticky;bottom:0}.refresh-network-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:8px}.refresh-network-btn:hover{background:var(--primary-color-dark);transform:translateY(-1px)}.refresh-network-btn:active{transform:translateY(0)}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.network-details-modal{padding:12px}.network-details-content{max-width:100%;border-radius:12px}.network-details-header{padding:12px 16px}.network-details-header h3{font-size:1rem}.network-details-body{padding:12px 16px}.network-detail-item{gap:10px;padding:10px 0}.detail-icon{width:32px;height:32px;font-size:.8125rem}.detail-label{font-size:.75rem}.detail-value{font-size:.875rem}.network-details-footer{padding:12px 16px}.refresh-network-btn{padding:8px 16px;font-size:.875rem;gap:6px}}.search-restoration-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;min-height:300px;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);margin:1rem 0}.search-restoration-message .loading-spinner{margin-bottom:1.5rem}.search-restoration-message .loading-spinner i{font-size:2.5rem;color:var(--primary-color);animation:rotation 1s linear infinite}.search-restoration-message h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.search-restoration-message p{font-size:.875rem;color:var(--text-secondary);margin:0}.dark-mode .search-restoration-message{background:var(--card-bg-dark);color:var(--text-primary-dark)}.dark-mode .search-restoration-message h3{color:var(--text-primary-dark)}.dark-mode .search-restoration-message p{color:var(--text-secondary-dark)}.security-error-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;z-index:10000;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.security-error-content{background:rgb(255 255 255 / .95);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);text-align:center;max-width:500px;width:90%;box-shadow:0 25px 50px rgb(0 0 0 / .25),0 15px 35px rgb(0 0 0 / .15);border:1px solid rgb(255 255 255 / .2);animation:securityErrorSlideIn 0.6s ease-out}@keyframes securityErrorSlideIn{from{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.security-error-icon{font-size:4rem;color:var(--error-color);margin-bottom:var(--spacing-lg);animation:securityErrorPulse 2s infinite}@keyframes securityErrorPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.security-error-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing);background:linear-gradient(135deg,var(--error-color),#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.security-error-message{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.security-error-actions{display:flex;gap:var(--spacing);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.retry-security-btn,.complete-task-btn{padding:var(--spacing) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition);cursor:pointer;min-width:160px;justify-content:center}.retry-security-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 8px 20px rgb(90 75 218 / .3)}.retry-security-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgb(90 75 218 / .4)}.complete-task-btn{background:linear-gradient(135deg,var(--success-color),#059669);color:#fff;box-shadow:0 8px 20px rgb(16 185 129 / .3)}.complete-task-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgb(16 185 129 / .4)}.security-status{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgb(0 0 0 / .1)}.status-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--error-color);animation:statusBlink 1.5s infinite}@keyframes statusBlink{0%,50%{opacity:1}51%,100%{opacity:.3}}.turnstile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;box-sizing:border-box}.turnstile-popup{background:#1a1a1a;border-radius:12px;padding:30px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;text-align:center;box-shadow:0 20px 40px rgb(0 0 0 / .5);border:1px solid rgb(91 75 199 / .2);color:#fff;position:relative;box-sizing:border-box}.turnstile-close-btn{position:absolute;top:15px;right:15px;background:rgb(239 68 68 / .2);border:1px solid rgb(239 68 68 / .5);color:#ef4444;border-radius:50%;width:32px;height:32px;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all 0.3s ease;z-index:10001;border:none;outline:none}.turnstile-close-btn:hover{background:rgb(239 68 68 / .4);transform:scale(1.1)}.turnstile-close-btn:active{transform:scale(.95)}@media (max-width:768px){.turnstile-overlay{padding:15px}.turnstile-popup{padding:20px;max-width:95%;border-radius:10px}.turnstile-close-btn{top:10px;right:10px;width:28px;height:28px;font-size:12px}.turnstile-popup h3{font-size:clamp(16px, 5vw, 18px)!important}.turnstile-popup p{font-size:clamp(11px, 3.5vw, 13px)!important}#turnstile-widget{margin:15px 0!important}#turnstile-widget iframe{max-width:100%!important;transform:scale(.9);transform-origin:center}}@media (max-width:480px){.turnstile-overlay{padding:10px}.turnstile-popup{padding:15px;border-radius:8px}.turnstile-close-btn{top:8px;right:8px;width:24px;height:24px;font-size:11px}#turnstile-widget iframe{transform:scale(.85)}}.status-text{font-size:.9rem;color:var(--text-tertiary);font-weight:500}.dark-mode .security-error-content{background:rgb(30 30 30 / .95);border:1px solid rgb(255 255 255 / .1)}.dark-mode .security-error-title{color:var(--text-primary-dark)}.dark-mode .security-error-message{color:var(--text-secondary-dark)}.dark-mode .status-text{color:var(--text-tertiary-dark)}.dark-mode .security-status{border-top:1px solid rgb(255 255 255 / .1)}@media (max-width:768px){.security-error-content{padding:var(--spacing-lg);margin:var(--spacing)}.security-error-title{font-size:1.5rem}.security-error-message{font-size:1rem}.security-error-actions{flex-direction:column;align-items:center}.retry-security-btn,.complete-task-btn{width:100%;max-width:250px}}@media (max-width:480px){.security-error-content{padding:var(--spacing)}.security-error-icon{font-size:3rem}.security-error-title{font-size:1.25rem}}.community-section{padding:var(--spacing-md) 0}.community-header{margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--card-border);padding-bottom:var(--spacing)}.community-channel-switch{display:flex;gap:8px;margin-bottom:var(--spacing);position:relative;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;padding:6px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.community-channel-switch::-webkit-scrollbar{display:none}.channel-switch-btn{padding:12px 20px;color:var(--text-secondary);font-weight:600;font-size:14px;position:relative;transition:all 0.3s ease;border-radius:8px;background-color:#fff0;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px}.channel-switch-btn:hover{background-color:var(--card-bg);color:var(--text-primary)}.channel-switch-btn.active{color:var(--primary-color);background:var(--card-bg);box-shadow:0 2px 8px rgb(0 0 0 / .1);border:1px solid var(--primary-color)}.channel-switch-btn i{font-size:16px;color:inherit}.dark-mode .channel-switch-btn.active{background:rgb(91 75 199 / .15);box-shadow:0 2px 8px rgb(91 75 199 / .2)}@media (max-width:768px){.channel-switch-btn{padding:10px 16px;font-size:13px}.channel-switch-btn i{font-size:14px}}@media (max-width:480px){.community-channel-switch{padding:4px;gap:6px}.channel-switch-btn{padding:8px 12px;font-size:12px;gap:6px}.channel-switch-btn i{font-size:13px}}.dark-mode .community-channel-switch::after{background:var(--primary-color);box-shadow:0 1px 3px rgb(109 98 238 / .25)}.community-tabs{display:flex;gap:var(--spacing-sm);border-bottom:2px solid #fff0}.community-tab-btn{padding:var(--spacing-xs) var(--spacing-md);border:none;background:#fff0;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;position:relative;transition:all var(--transition);border-bottom:2px solid #fff0;margin-bottom:-2px}.community-tab-btn:hover{color:var(--primary-color)}.community-tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.community-posts-container{position:relative;min-height:200px;overflow:visible}.community-posts-list{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);overflow:visible;padding-right:var(--spacing-xs)}@media (min-width:1024px){.community-posts-list{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1440px){.community-posts-list{grid-template-columns:repeat(3,1fr);gap:24px}}.community-posts-loading{display:none}.community-initial-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.community-initial-loader .loader{width:48px;height:48px;border:4px solid rgb(91 75 199 / .2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.community-initial-loader p{color:var(--text-secondary);font-size:14px;margin:0}.skeleton-post{background:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--card-shadow)}.skeleton-post-card{background:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--card-shadow);border:1px solid var(--card-border);pointer-events:none;opacity:.8;height:fit-content}.skeleton-post-card .post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing)}.skeleton-post-card .post-user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.skeleton-post-card .post-content{margin:var(--spacing-md) 0}.skeleton-post-card .post-engagement{display:flex;align-items:center;justify-content:space-between;margin:var(--spacing-md) 0;padding:var(--spacing-sm) 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.skeleton-post-card .post-reactions{display:flex;align-items:center;gap:var(--spacing-xs)}.skeleton-post-card .post-stats{display:flex;align-items:center;gap:var(--spacing-sm)}.skeleton-post-card .post-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dark-mode .skeleton-post-card{background:var(--card-bg);border-color:rgb(255 255 255 / .1)}.dark-mode .skeleton-post-card .post-engagement{border-color:rgb(255 255 255 / .1)}.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing)}.post-user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--card-border)}.post-user-details{display:flex;flex-direction:column;gap:2px}.post-author{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--text-primary);font-size:.95rem}.author-name{color:var(--text-primary)}.verified-badge{color:#3b82f6;font-size:.85rem}.post-time{font-size:.8rem;color:var(--text-tertiary)}.post-options-btn{background:#fff0;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius);transition:all var(--transition)}.post-options-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.community-post-card{background:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--card-shadow);border:1px solid var(--card-border);height:fit-content}.post-content{margin:var(--spacing-md) 0;color:var(--text-primary);line-height:1.6;font-size:.95rem;word-wrap:break-word}.post-content p{margin:var(--spacing-xs) 0}.post-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:var(--spacing-xs) 0}.post-link{color:var(--primary-color);text-decoration:none;word-break:break-all;border-bottom:1px solid #fff0;transition:all var(--transition)}.post-link:hover{border-bottom-color:var(--primary-color);text-decoration:underline}.post-avatar{transition:all var(--transition)}.post-avatar:hover{transform:scale(1.05);box-shadow:0 2px 8px rgb(90 75 218 / .3)}.comment-avatar{transition:all var(--transition)}.comment-avatar:hover{transform:scale(1.05);box-shadow:0 2px 8px rgb(90 75 218 / .3)}.post-attachments{margin:var(--spacing-md) 0}.post-image-wrapper{width:100%;max-width:400px;margin:0 auto var(--spacing-sm);border-radius:12px;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative;min-height:200px}.post-image-wrapper.image-loaded{min-height:auto}.post-image-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);z-index:1}.post-image-spinner .spinner{width:40px;height:40px;border:3px solid rgb(91 75 199 / .2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 0.8s linear infinite}.post-image{width:100%;height:auto;max-width:400px;max-height:600px;border-radius:12px;display:block;position:relative;z-index:2;opacity:0;transition:opacity 0.3s ease;object-fit:contain}.post-image-wrapper.image-loaded .post-image{opacity:1}.post-image-wrapper.image-loaded .post-image-spinner{display:none}@media (max-width:768px){.post-image-wrapper{max-width:100%}.post-image{max-width:100%;max-height:500px}}@media (max-width:480px){.post-image-wrapper{min-height:150px}.post-image{max-height:400px}}.post-engagement{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);margin:var(--spacing-md) 0}.post-reactions{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.reaction-item{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--text-secondary);font-weight:500}.reaction-item.heart{color:#ef4444}.reaction-item.fire{color:#f59e0b}.reaction-item.laugh{color:#fcd34d}.reaction-item.smile{color:#fcd34d}.reaction-item.like{color:#3b82f6}.reaction-item i{font-size:1rem}.post-stats{display:flex;gap:var(--spacing-md);align-items:center;font-size:.85rem;color:var(--text-secondary)}.post-comments,.post-views{display:flex;align-items:center;gap:4px}.post-actions{display:flex;gap:var(--spacing);margin-top:var(--spacing)}.post-action-btn{flex:1;padding:var(--spacing-sm) var(--spacing);border:1px solid var(--card-border);background:#fff0;color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:500;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.post-action-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.post-action-btn i{font-size:.9rem}.no-posts{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.no-posts i{font-size:3rem;margin-bottom:var(--spacing);color:var(--text-tertiary)}.no-posts p{font-size:1rem;margin:0}.no-posts-both-empty{padding:4rem 2rem;max-width:500px;margin:2rem auto}.no-posts-both-empty .no-posts-icon{margin-bottom:1.5rem}.no-posts-both-empty .no-posts-icon i{font-size:4rem;color:var(--text-tertiary);opacity:.6;animation:pulse 2s ease-in-out infinite}.no-posts-both-empty h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem 0}.no-posts-both-empty p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:.5rem 0}.no-posts-both-empty .no-posts-hint{font-size:.9rem;color:var(--text-tertiary);font-style:italic;margin-top:1rem}.dark-mode .no-posts-both-empty .no-posts-icon i{opacity:.4}.dark-mode .no-posts-both-empty h3{color:var(--text-primary)}.dark-mode .no-posts-both-empty p{color:var(--text-secondary)}@keyframes pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.dark-mode .community-header{border-bottom-color:rgb(255 255 255 / .1)}.dark-mode .community-channel-switch{background:#fff0;border-bottom-color:rgb(255 255 255 / .1)}.dark-mode .channel-switch-btn{color:rgb(255 255 255 / .7)}.dark-mode .channel-switch-btn:hover{color:var(--primary-color)}.dark-mode .channel-switch-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.dark-mode .community-post-card{background:rgb(255 255 255 / .03);border-color:rgb(255 255 255 / .1)}.dark-mode .post-engagement{border-color:rgb(255 255 255 / .1)}.dark-mode .post-action-btn{border-color:rgb(255 255 255 / .1);color:rgb(255 255 255 / .9)}.dark-mode .post-action-btn:hover{background:rgb(90 75 218 / .2);border-color:var(--primary-color)}@media (max-width:768px){.community-channel-switch{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:0;padding-bottom:2px}.community-channel-switch::-webkit-scrollbar{display:none}.channel-switch-btn{width:auto;min-width:fit-content;padding:var(--spacing-xs) var(--spacing-md);margin-right:var(--spacing-md);font-size:.85rem;white-space:nowrap;flex-shrink:0}.channel-switch-btn i{font-size:.95rem}.community-tabs{justify-content:flex-start;overflow-x:auto}.post-engagement{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.post-actions{flex-direction:row;gap:var(--spacing-xs);flex-wrap:nowrap;width:100%}.post-action-btn{flex:1;min-width:0;width:auto;padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-action-btn i{font-size:.8rem;flex-shrink:0}.post-action-btn span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-reactions{gap:var(--spacing-sm)}.post-stats{width:100%;justify-content:space-between}.post-image-wrapper{aspect-ratio:9 / 16}}@media (max-width:480px){.channel-switch-btn{padding:var(--spacing-xs) var(--spacing-sm);margin-right:var(--spacing-sm);font-size:.8rem}.channel-switch-btn i{font-size:.85rem}.post-action-btn{padding:var(--spacing-xs);font-size:.75rem;gap:4px}.post-action-btn i{font-size:.75rem}.post-action-btn span{display:none}}.reaction-popup{background:var(--card-bg);border-radius:var(--border-radius-xl);padding:var(--spacing-sm);box-shadow:0 8px 24px rgb(0 0 0 / .15),0 4px 12px rgb(0 0 0 / .1);border:1px solid var(--card-border);animation:popupFadeIn 0.2s ease;min-width:280px}@keyframes popupFadeIn{from{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-options{display:flex;gap:var(--spacing-xs);align-items:center}.reaction-emoji-btn{background:#fff0;border:none;padding:var(--spacing-xs);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.reaction-emoji-btn:hover{background:var(--bg-secondary);transform:scale(1.2)}.reaction-emoji-btn .emoji{font-size:1.5rem;line-height:1}.post-action-btn.reacted{color:var(--primary-color);background:rgb(90 75 218 / .1)}.comments-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.comments-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6)}.comments-modal-content{position:relative;background:var(--card-bg);border-radius:var(--border-radius-xl);width:95%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgb(0 0 0 / .4),0 0 0 1px rgb(255 255 255 / .05);animation:modalSlideIn 0.3s ease;z-index:10001;overflow:hidden}@keyframes modalSlideIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.comments-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--card-border);background:var(--bg-secondary);position:sticky;top:0;z-index:10}.comments-modal-header h3{margin:0;font-size:1.3rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.comments-modal-header h3 i{color:var(--primary-color);font-size:1.2rem}.comments-modal-close{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.comments-modal-close:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}.comments-modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg);min-height:200px;max-height:calc(85vh - 180px);background:var(--card-bg)}.comments-modal-body::-webkit-scrollbar{width:8px}.comments-modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.comments-modal-body::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.comments-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}body.modal-open{overflow:hidden!important;position:fixed;width:100%;height:100%}.comments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing)}.comments-loading .spinner{width:40px;height:40px;border:3px solid var(--bg-secondary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.comment-card{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--card-border);transition:all var(--transition);box-shadow:0 2px 4px rgb(0 0 0 / .02)}.comment-card:hover{border-color:var(--primary-color);box-shadow:0 4px 8px rgb(90 75 218 / .1);transform:translateY(-2px)}.comment-card.reply-card{margin-left:var(--spacing-lg);margin-top:var(--spacing-sm);border-left:3px solid var(--primary-color);background:var(--card-bg)}.comment-replies-container{margin-top:var(--spacing-md);padding-left:var(--spacing-md);border-left:2px solid var(--card-border)}.comment-replies-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.comment-replies-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-secondary);font-size:.9rem}.spinner-small{width:16px;height:16px;border:2px solid var(--bg-secondary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 0.8s linear infinite}.no-replies{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:.9rem;font-style:italic}.comment-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--card-border);transition:all var(--transition)}.comment-info{flex:1}.comment-author{font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:4px}.comment-time{font-size:.75rem;color:var(--text-tertiary)}.comment-text{color:var(--text-primary);line-height:1.7;font-size:.95rem;margin-bottom:var(--spacing-md);word-wrap:break-word;padding:var(--spacing-sm);background:var(--card-bg);border-radius:var(--border-radius);border-left:3px solid var(--primary-color)}.comment-actions{display:flex;gap:var(--spacing-md);align-items:center;padding-top:var(--spacing-sm);margin-top:var(--spacing-xs);border-top:1px solid var(--card-border)}.comment-vote-btn{background:#fff0;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:all var(--transition);display:flex;align-items:center;gap:4px}.comment-vote-btn:hover{background:var(--card-border);color:var(--text-primary)}.comment-reply-btn{background:#fff0;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:all var(--transition);display:flex;align-items:center;gap:4px}.comment-reply-btn:hover{background:var(--card-border);color:var(--text-primary)}.no-comments{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.no-comments i{font-size:2.5rem;margin-bottom:var(--spacing);color:var(--text-tertiary)}.no-comments p{font-size:.95rem;margin:0}.comments-modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--card-border);text-align:center;background:var(--bg-secondary);position:sticky;bottom:0;z-index:10}.load-more-comments-btn{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.load-more-comments-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgb(90 75 218 / .3)}.load-more-comments-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dark-mode .comments-modal-content{background:rgb(255 255 255 / .05);border-color:rgb(255 255 255 / .1)}.dark-mode .comment-card{background:rgb(255 255 255 / .03);border-color:rgb(255 255 255 / .1)}.dark-mode .comment-vote-btn:hover,.dark-mode .comment-reply-btn:hover{background:rgb(255 255 255 / .1)}.comments-loading-more,.posts-loading-more{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-secondary);font-size:.9rem}.spinner-small{width:20px;height:20px;border:2px solid var(--bg-secondary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 0.8s linear infinite}@media (max-width:768px){.comments-modal-content{width:95%;max-height:90vh}.reaction-popup{bottom:auto!important;top:auto!important;left:50%!important;transform:translateX(-50%);bottom:80px!important}}.full-image-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10002;display:flex;align-items:center;justify-content:center}.full-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .9)}.full-image-content{position:relative;max-width:90%;max-height:90vh;z-index:10003;display:flex;align-items:center;justify-content:center}.full-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--border-radius-lg);box-shadow:0 20px 60px rgb(0 0 0 / .5)}.full-image-close{position:fixed;top:20px;right:20px;background:rgb(0 0 0 / .6);border:2px solid rgb(255 255 255 / .2);color:#fff;font-size:1.5rem;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10004;box-shadow:0 4px 12px rgb(0 0 0 / .3)}.full-image-close:hover{background:rgb(0 0 0 / .8);transform:scale(1.1);border-color:rgb(255 255 255 / .4)}.full-image-close:active{transform:scale(.95)}.scroll-to-top-btn{position:fixed;bottom:80px;right:20px;width:50px;height:50px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px rgb(90 75 218 / .4);transition:all 0.3s ease;z-index:9998;opacity:0;transform:translateY(20px)}.scroll-to-top-btn.show{display:flex;opacity:1;transform:translateY(0)}.scroll-to-top-btn:hover{background:var(--primary-hover);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px rgb(90 75 218 / .5)}.scroll-to-top-btn:active{transform:translateY(-1px) scale(.98)}.dark-mode .full-image-overlay{background:rgb(0 0 0 / .95)}.dark-mode .full-image-close{background:rgb(255 255 255 / .15)}.dark-mode .full-image-close:hover{background:rgb(255 255 255 / .25)}@media (max-width:768px){.full-image-content{max-width:95%;max-height:85vh}.full-image-close{top:15px;right:15px;width:40px;height:40px;font-size:1.3rem}.scroll-to-top-btn{bottom:70px;right:15px;width:45px;height:45px;font-size:1.1rem}}@media (max-width:480px){.full-image-close{top:10px;right:10px;width:36px;height:36px;font-size:1.2rem}.full-image-content{max-width:98%;max-height:90vh}.scroll-to-top-btn{bottom:65px;right:12px;width:42px;height:42px;font-size:1rem}}.batch-details-page.mahapack-batches-list{background:linear-gradient(135deg,#1a0f0a 0%,#2d1b0f 25%,#3d2815 50%,#2d1b0f 75%,#1a0f0a 100%);background-size:400% 400%;animation:treasureGlow 15s ease infinite;position:relative;padding:0;margin:0;width:100%;max-width:100%}.batch-details-page.mahapack-batches-list::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgb(255 215 0 / .1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgb(255 223 0 / .1) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgb(218 165 32 / .08) 0%,transparent 50%);pointer-events:none;z-index:0}@keyframes treasureGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.mahapack-batches-container{padding:0;position:relative;z-index:1;width:100%;max-width:100%}.mahapack-batches-container .container{max-width:100%!important;padding:0!important}.mahapack-search-container{margin:0 0 var(--spacing-lg) 0;width:100%;max-width:100%;position:relative;box-sizing:border-box;padding:0}.mahapack-search-wrapper{display:flex;align-items:stretch;gap:0;position:relative;background:rgb(255 255 255 / .08);border:1px solid rgb(255 215 0 / .3);border-radius:12px;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 4px 20px rgb(255 215 0 / .1),0 0 0 1px rgb(255 215 0 / .1) inset;transition:all 0.3s ease}.mahapack-search-wrapper:focus-within{border-color:rgb(255 215 0 / .5);box-shadow:0 6px 30px rgb(255 215 0 / .2),0 0 0 2px rgb(255 215 0 / .2) inset}.mahapack-search-icon-wrapper{width:50px;min-width:50px;background:rgb(255 215 0 / .15);border-right:1px solid rgb(255 215 0 / .3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mahapack-search-icon{color:gold;font-size:1.1rem}.mahapack-search-input-wrapper{flex:1;background:#fff0;border:none;padding:14px 16px;display:flex;align-items:center;position:relative;gap:12px}.mahapack-search-input{flex:1;background:#fff0;border:none;outline:none;color:gold;font-size:1rem;font-weight:500;min-width:0;padding:0}.mahapack-search-input::placeholder{color:rgb(255 215 0 / .6);font-weight:400}.mahapack-clear-btn{background:#fff0;border:none;color:rgb(255 215 0 / .6);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px;padding:0}.mahapack-clear-btn:hover{color:rgb(255 215 0 / .9)}.mahapack-batches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin:0;padding:0;position:relative;width:100%;max-width:100%;box-sizing:border-box}.mahapack-skeleton-card{pointer-events:none;cursor:default}.mahapack-skeleton-card .skeleton-bg{background:linear-gradient(90deg,rgb(255 255 255 / .1) 0%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .1) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:50%}.mahapack-skeleton-card .skeleton-text{background:linear-gradient(90deg,rgb(255 255 255 / .1) 0%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .1) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.mahapack-loading-spinner{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.mahapack-loading-spinner .loader{width:40px;height:40px;border:3px solid rgb(255 215 0 / .2);border-top-color:gold;border-radius:50%;animation:spin 0.8s linear infinite}.mahapack-loading-spinner p{color:rgb(255 215 0 / .7);font-size:.9rem;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.mahapack-batch-card{background:rgb(255 255 255 / .05);border:1px solid rgb(255 215 0 / .2);border-radius:12px;padding:var(--spacing-sm) var(--spacing-md);position:relative;overflow:hidden;cursor:pointer;width:100%;box-sizing:border-box;transition:all 0.3s ease}.mahapack-batch-card:hover{background:rgb(255 255 255 / .08);border-color:rgb(255 215 0 / .4);transform:translateY(-2px);box-shadow:0 8px 25px rgb(255 215 0 / .15),0 0 0 1px rgb(255 215 0 / .1) inset}.mahapack-batch-card-inner{display:flex;align-items:center;gap:var(--spacing-sm);position:relative;z-index:1}.mahapack-batch-image-wrapper{width:80px;height:80px;min-width:80px;border-radius:50%;overflow:hidden;border:2px solid rgb(255 215 0 / .3);background:rgb(255 255 255 / .05);position:relative}.mahapack-batch-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.mahapack-live-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ff4444 0%,#cc0000 100%);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px rgb(255 68 68 / .5);z-index:10;border:2px solid rgb(255 255 255 / .3);text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s ease infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.mahapack-batch-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);width:100%}.mahapack-favorite-btn{background:#fff0;border:none;color:rgb(255 255 255 / .5);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:50%;transition:all 0.2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.mahapack-favorite-btn:hover{color:rgb(255 215 0 / .8);background:rgb(255 215 0 / .1)}.mahapack-favorite-btn.active{color:#f44}.mahapack-favorite-btn.active:hover{color:#f66;background:rgb(255 68 68 / .1)}.mahapack-batch-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.mahapack-batch-title{font-size:1rem;font-weight:600;color:rgb(255 255 255 / .9);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mahapack-batch-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.85rem;color:rgb(255 255 255 / .6)}.mahapack-batch-meta span{display:inline-block}.batch-details-page.mahapack-batches-list .back-link{background:linear-gradient(135deg,rgb(255 215 0 / .15) 0%,rgb(218 165 32 / .12) 50%,rgb(255 215 0 / .15) 100%);border:1px solid rgb(255 215 0 / .4);color:gold;box-shadow:0 4px 15px rgb(255 215 0 / .2),0 0 0 1px rgb(255 215 0 / .2) inset}.batch-details-page.mahapack-batches-list .back-link i{color:gold;filter:drop-shadow(0 2px 4px rgb(255 215 0 / .4))}.batch-details-page.mahapack-batches-list .quick-nav{background:linear-gradient(135deg,rgb(255 215 0 / .12) 0%,rgb(218 165 32 / .1) 50%,rgb(255 215 0 / .12) 100%);border:1px solid rgb(255 215 0 / .3);box-shadow:0 8px 30px rgb(255 215 0 / .2),0 0 0 1px rgb(255 215 0 / .15) inset}.batch-details-page.mahapack-batches-list .quick-nav::before{background:linear-gradient(135deg,rgb(255 215 0 / .1) 0%,transparent 50%,rgb(255 215 0 / .05) 100%)}.batch-details-page.mahapack-batches-list .quick-nav-btn{background:rgb(255 215 0 / .1);border:1px solid rgb(255 215 0 / .3);color:rgb(255 215 0 / .9);box-shadow:0 4px 15px rgb(255 215 0 / .15),0 0 0 1px rgb(255 215 0 / .2) inset}.batch-details-page.mahapack-batches-list .quick-nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(255 215 0 / .25),0 0 0 1px rgb(255 215 0 / .3) inset}.batch-details-page.mahapack-batches-list .quick-nav-btn.active{background:linear-gradient(135deg,#ffd700 0%,#ffed4e 50%,#ffd700 100%);color:#1a0f0a!important;border-color:rgb(255 215 0 / .6);box-shadow:0 6px 20px rgb(255 215 0 / .4),0 0 0 2px rgb(255 215 0 / .3) inset}.batch-details-page.mahapack-batches-list .quick-nav-btn i{color:gold;filter:drop-shadow(0 2px 4px rgb(255 215 0 / .4))}.batch-details-page.mahapack-batches-list .quick-nav-btn.active i{color:#1a0f0a;filter:none}.batch-details-page.mahapack-batches-list .batch-header-content{background:linear-gradient(135deg,rgb(255 215 0 / .12) 0%,rgb(218 165 32 / .1) 50%,rgb(255 215 0 / .12) 100%);border:1px solid rgb(255 215 0 / .3);border-left:3px solid rgb(255 215 0 / .6);box-shadow:0 8px 30px rgb(255 215 0 / .2),0 0 0 1px rgb(255 215 0 / .15) inset}.batch-details-page.mahapack-batches-list .batch-header-content::before{background:linear-gradient(135deg,rgb(255 215 0 / .1) 0%,transparent 50%,rgb(255 215 0 / .05) 100%)}.batch-details-page.mahapack-batches-list .batch-title{color:gold;text-shadow:0 2px 8px rgb(255 215 0 / .4),0 0 20px rgb(255 215 0 / .2)}.batch-details-page.mahapack-batches-list .batch-subtitle{color:rgb(255 215 0 / .8)}.batch-details-page.mahapack-batches-list .batch-meta{color:rgb(255 215 0 / .7)}.batch-details-page.mahapack-batches-list .batch-meta .meta-item{background:rgb(255 215 0 / .1);border:1px solid rgb(255 215 0 / .2);color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list .batch-meta .meta-item i{color:gold;filter:drop-shadow(0 2px 4px rgb(255 215 0 / .4))}body:has(.batch-details-page.mahapack-batches-list){background:linear-gradient(135deg,#1a0f0a 0%,#2d1b0f 15%,#1a0f0a 30%,#0f0805 50%,#1a0f0a 70%,#2d1b0f 85%,#1a0f0a 100%)}.app-container:has(.batch-details-page.mahapack-batches-list){background:linear-gradient(135deg,#1a0f0a 0%,#2d1b0f 15%,#1a0f0a 30%,#0f0805 50%,#1a0f0a 70%,#2d1b0f 85%,#1a0f0a 100%)}.main-content:has(.batch-details-page.mahapack-batches-list){background:#fff0}.batch-details-page.mahapack-batches-list .container{position:relative;max-width:100%!important;padding:0!important;margin:0!important;width:100%!important}.batch-details-page.mahapack-batches-list .main-content .container{max-width:100%!important;padding:0!important}.batch-details-page.mahapack-batches-list .mahapack-batches-container{padding:0!important;width:100%!important;max-width:100%!important;margin:0!important}.batch-details-page.mahapack-batches-list .mahapack-search-container{width:100%!important;max-width:100%!important;margin:0 0 var(--spacing-lg) 0!important;padding:0!important}.batch-details-page.mahapack-batches-list .mahapack-batches-grid{width:100%!important;max-width:100%!important;padding:0!important;margin-left:0!important;margin-right:0!important}body:has(.batch-details-page.mahapack-batches-list) .app-header .header-content{background:linear-gradient(135deg,rgb(255 215 0 / .15) 0%,rgb(218 165 32 / .12) 50%,rgb(255 215 0 / .15) 100%);border-radius:var(--border-radius-md);box-shadow:0 4px 20px rgb(255 215 0 / .2),0 0 0 1px rgb(255 215 0 / .2) inset}body:has(.batch-details-page.mahapack-batches-list) .app-header .logo img{border-color:rgb(255 215 0 / .4);box-shadow:0 8px 25px rgb(255 215 0 / .2),0 4px 15px rgb(255 215 0 / .15)}body:has(.batch-details-page.mahapack-batches-list) .app-header .logo img:hover{border-color:rgb(255 215 0 / .6);box-shadow:0 12px 35px rgb(255 215 0 / .3),0 8px 20px rgb(255 215 0 / .2)}body:has(.batch-details-page.mahapack-batches-list) .app-header .network-indicator{background:linear-gradient(135deg,rgb(255 215 0 / .15) 0%,rgb(218 165 32 / .12) 50%,rgb(255 215 0 / .15) 100%);border:1px solid rgb(255 215 0 / .3);box-shadow:0 4px 15px rgb(255 215 0 / .2),0 2px 8px rgb(255 215 0 / .15)}body:has(.batch-details-page.mahapack-batches-list) .app-header .network-icon{color:#ffd700!important;filter:drop-shadow(0 2px 4px rgb(255 215 0 / .4))}body:has(.batch-details-page.mahapack-batches-list) .app-header .icon-btn{background:rgb(255 215 0 / .1);border:1px solid rgb(255 215 0 / .2);color:rgb(255 215 0 / .9);box-shadow:0 4px 15px rgb(255 215 0 / .15),0 2px 8px rgb(255 215 0 / .1)}body:has(.batch-details-page.mahapack-batches-list) .app-header .icon-btn:hover{background:rgb(255 215 0 / .2);border-color:rgb(255 215 0 / .4);color:gold;box-shadow:0 6px 20px rgb(255 215 0 / .25),0 3px 12px rgb(255 215 0 / .15)}.dark-mode .batch-details-page.mahapack-batches-list,.dark-mode .mahapack-batches-container{background:linear-gradient(135deg,#0f0805 0%,#1a0f0a 25%,#2d1b0f 50%,#1a0f0a 75%,#0f0805 100%)}.dark-mode body:has(.batch-details-page.mahapack-batches-list){background:linear-gradient(135deg,#0f0805 0%,#1a0f0a 25%,#2d1b0f 50%,#1a0f0a 75%,#0f0805 100%)}.dark-mode .app-container:has(.batch-details-page.mahapack-batches-list){background:linear-gradient(135deg,#0f0805 0%,#1a0f0a 25%,#2d1b0f 50%,#1a0f0a 75%,#0f0805 100%)}.dark-mode .mahapack-batch-card{background:rgb(255 255 255 / .03);border-color:rgb(255 215 0 / .15)}.batch-details-page.mahapack-batches-list .batch-tabs-container{background:linear-gradient(135deg,rgb(255 215 0 / .08) 0%,rgb(218 165 32 / .06) 50%,rgb(255 215 0 / .08) 100%);border:1px solid rgb(255 215 0 / .2);border-radius:var(--border-radius);padding:var(--spacing-sm);box-shadow:0 4px 15px rgb(255 215 0 / .15),0 0 0 1px rgb(255 215 0 / .1) inset}.batch-details-page.mahapack-batches-list .batch-tabs,.batch-details-page.mahapack-batches-list .content-tabs{background:#fff0}.batch-details-page.mahapack-batches-list .tab-btn{color:rgb(255 215 0 / .7);background:rgb(255 215 0 / .05);border:1px solid rgb(255 215 0 / .2);border-radius:var(--border-radius)}.batch-details-page.mahapack-batches-list .tab-btn:hover{color:rgb(255 215 0 / .9);background:rgb(255 215 0 / .1);border-color:rgb(255 215 0 / .4)}.batch-details-page.mahapack-batches-list .tab-btn.active{color:#1a0f0a;background:linear-gradient(135deg,#ffd700 0%,#ffed4e 50%,#ffd700 100%);border-color:rgb(255 215 0 / .6);box-shadow:0 4px 15px rgb(255 215 0 / .3),0 0 0 2px rgb(255 215 0 / .2) inset}.batch-details-page.mahapack-batches-list .tab-content{background:#fff0}.batch-details-page.mahapack-batches-list .tab-pane{background:#fff0}.batch-details-page.mahapack-batches-list .subjects-grid{background:#fff0}.batch-details-page.mahapack-batches-list .subject-card{background:linear-gradient(135deg,rgb(255 215 0 / .1) 0%,rgb(218 165 32 / .08) 50%,rgb(255 215 0 / .1) 100%);border:1px solid rgb(255 215 0 / .3);box-shadow:0 4px 15px rgb(255 215 0 / .15),0 0 0 1px rgb(255 215 0 / .1) inset}.batch-details-page.mahapack-batches-list .subject-card:hover{border-color:rgb(255 215 0 / .5);box-shadow:0 6px 20px rgb(255 215 0 / .25),0 0 0 1px rgb(255 215 0 / .2) inset}.batch-details-page.mahapack-batches-list .subject-card .subject-title{color:gold;text-shadow:0 2px 8px rgb(255 215 0 / .3)}.batch-details-page.mahapack-batches-list .subject-card .subject-meta{color:rgb(255 215 0 / .8)}.batch-details-page.mahapack-batches-list .subject-card i{color:gold;filter:drop-shadow(0 2px 4px rgb(255 215 0 / .4))}.batch-details-page.mahapack-batches-list .announcement-card{background:linear-gradient(135deg,rgb(255 215 0 / .1) 0%,rgb(218 165 32 / .08) 50%,rgb(255 215 0 / .1) 100%);border:1px solid rgb(255 215 0 / .3);border-left:3px solid rgb(255 215 0 / .6);box-shadow:0 4px 15px rgb(255 215 0 / .15),0 0 0 1px rgb(255 215 0 / .1) inset}.batch-details-page.mahapack-batches-list .announcement-card .announcement-title{color:gold;text-shadow:0 2px 8px rgb(255 215 0 / .3)}.batch-details-page.mahapack-batches-list .announcement-card .announcement-content{color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list .announcement-card .announcement-date{color:rgb(255 215 0 / .7)}.batch-details-page.mahapack-batches-list .schedule-card{background:linear-gradient(135deg,rgb(255 215 0 / .1) 0%,rgb(218 165 32 / .08) 50%,rgb(255 215 0 / .1) 100%);border:1px solid rgb(255 215 0 / .3);box-shadow:0 4px 15px rgb(255 215 0 / .15),0 0 0 1px rgb(255 215 0 / .1) inset}.batch-details-page.mahapack-batches-list .schedule-header{border-bottom:1px solid rgb(255 215 0 / .3)}.batch-details-page.mahapack-batches-list .schedule-title{color:gold;text-shadow:0 2px 8px rgb(255 215 0 / .3)}.batch-details-page.mahapack-batches-list .schedule-title i{color:gold;filter:drop-shadow(0 2px 4px rgb(255 215 0 / .4))}.batch-details-page.mahapack-batches-list .view-all-btn{background:rgb(255 215 0 / .1);border:1px solid rgb(255 215 0 / .3);color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list .view-all-btn:hover{background:rgb(255 215 0 / .2);border-color:rgb(255 215 0 / .5);color:gold}.batch-details-page.mahapack-batches-list .schedule-item{background:rgb(255 215 0 / .05);border:1px solid rgb(255 215 0 / .2);border-left:3px solid rgb(255 215 0 / .4)}.batch-details-page.mahapack-batches-list .schedule-item:hover{background:rgb(255 215 0 / .1);border-color:rgb(255 215 0 / .4)}.batch-details-page.mahapack-batches-list .schedule-subject{color:gold}.batch-details-page.mahapack-batches-list .schedule-topic{color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list .schedule-time{color:rgb(255 215 0 / .7)}.batch-details-page.mahapack-batches-list .schedule-tag{background:rgb(255 215 0 / .1);border:1px solid rgb(255 215 0 / .2);color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list .community-section{background:#fff0}.batch-details-page.mahapack-batches-list .community-header{background:linear-gradient(135deg,rgb(255 215 0 / .08) 0%,rgb(218 165 32 / .06) 50%,rgb(255 215 0 / .08) 100%);border:1px solid rgb(255 215 0 / .2);border-radius:var(--border-radius);padding:var(--spacing-sm);box-shadow:0 4px 15px rgb(255 215 0 / .1),0 0 0 1px rgb(255 215 0 / .05) inset}.batch-details-page.mahapack-batches-list .channel-switch-btn{background:rgb(255 215 0 / .1);border:1px solid rgb(255 215 0 / .3);color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list .channel-switch-btn:hover{background:rgb(255 215 0 / .2);border-color:rgb(255 215 0 / .4);color:gold}.batch-details-page.mahapack-batches-list .channel-switch-btn.active{background:linear-gradient(135deg,#ffd700 0%,#ffed4e 50%,#ffd700 100%);color:#1a0f0a;border-color:rgb(255 215 0 / .6);box-shadow:0 4px 15px rgb(255 215 0 / .3),0 0 0 2px rgb(255 215 0 / .2) inset}.batch-details-page.mahapack-batches-list .channel-switch-btn i{color:gold;filter:drop-shadow(0 2px 4px rgb(255 215 0 / .4))}.batch-details-page.mahapack-batches-list .channel-switch-btn.active i{color:#1a0f0a;filter:none}.batch-details-page.mahapack-batches-list a:not(.back-link):not(.quick-nav-btn):not(.icon-btn){color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list a:not(.back-link):not(.quick-nav-btn):not(.icon-btn):hover{color:gold;text-shadow:0 0 10px rgb(255 215 0 / .5)}.batch-details-page.mahapack-batches-list button:not(.tab-btn):not(.quick-nav-btn):not(.channel-switch-btn):not(.icon-btn):not(.view-all-btn):not(.hint-close){background:rgb(255 215 0 / .1);border:1px solid rgb(255 215 0 / .3);color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list button:not(.tab-btn):not(.quick-nav-btn):not(.channel-switch-btn):not(.icon-btn):not(.view-all-btn):not(.hint-close):hover{background:rgb(255 215 0 / .2);border-color:rgb(255 215 0 / .5);color:gold}.batch-details-page.mahapack-batches-list .tabs-hint-overlay{background:linear-gradient(135deg,#ffd700 0%,#ffed4e 50%,#ffd700 100%);color:#1a0f0a;box-shadow:0 4px 15px rgb(255 215 0 / .4),0 0 0 2px rgb(255 215 0 / .3) inset}.batch-details-page.mahapack-batches-list .hint-close{background:rgb(26 15 10 / .2);color:#1a0f0a}.batch-details-page.mahapack-batches-list .hint-close:hover{background:rgb(26 15 10 / .3)}.batch-details-page.mahapack-batches-list .tabs-scroll-hint{background:rgb(255 215 0 / .15);border:1px solid rgb(255 215 0 / .3);color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list .tabs-scroll-hint i{color:gold;filter:drop-shadow(0 2px 4px rgb(255 215 0 / .4))}.batch-details-page.mahapack-batches-list h1:not(.batch-title):not(.schedule-title):not(.subject-title):not(.announcement-title),.batch-details-page.mahapack-batches-list h2:not(.schedule-title):not(.subject-title):not(.announcement-title),.batch-details-page.mahapack-batches-list h3{color:gold;text-shadow:0 2px 8px rgb(255 215 0 / .3)}.batch-details-page.mahapack-batches-list p,.batch-details-page.mahapack-batches-list span:not(.batch-subtitle):not(.batch-meta):not(.meta-item){color:rgb(255 215 0 / .9)}.batch-details-page.mahapack-batches-list .skeleton-bg{background:rgb(255 215 0 / .1)!important}.batch-details-page.mahapack-batches-list .skeleton-text{background:linear-gradient(90deg,rgb(255 215 0 / .1) 25%,rgb(255 215 0 / .2) 50%,rgb(255 215 0 / .1) 75%)}.dark-mode .batch-details-page.mahapack-batches-list .subject-card,.dark-mode .batch-details-page.mahapack-batches-list .announcement-card,.dark-mode .batch-details-page.mahapack-batches-list .schedule-card{background:rgb(255 215 0 / .05);border-color:rgb(255 215 0 / .2)}.dark-mode .batch-details-page.mahapack-batches-list .tab-btn.active{background:linear-gradient(135deg,#ffd700 0%,#ffed4e 50%,#ffd700 100%);color:#0f0805}.dark-mode .batch-details-page.mahapack-batches-list .channel-switch-btn.active{background:linear-gradient(135deg,#ffd700 0%,#ffed4e 50%,#ffd700 100%);color:#0f0805}@media (min-width:1600px){.mahapack-batches-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);max-width:100%}.mahapack-search-container{max-width:100%;padding:0 var(--spacing-lg)}}@media (min-width:1200px) and (max-width:1599px){.batch-details-page.mahapack-batches-list{padding:0}.mahapack-batches-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);max-width:100%;padding:0;margin:0}.mahapack-search-container{max-width:100%;padding:0;margin:0 0 var(--spacing-lg) 0}}@media (min-width:1024px) and (max-width:1199px){.batch-details-page.mahapack-batches-list{padding:0}.mahapack-batches-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);max-width:100%;padding:0;margin:0}.mahapack-search-container{max-width:100%;padding:0;margin:0 0 var(--spacing-lg) 0}.mahapack-batch-card{padding:var(--spacing-sm) var(--spacing-md)}}@media (min-width:768px) and (max-width:1023px){.mahapack-batches-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.mahapack-batch-card{padding:var(--spacing-md);width:100%!important;margin:0!important;max-width:100%!important;box-sizing:border-box}.mahapack-batch-image-wrapper{width:70px;height:70px;min-width:70px}.mahapack-search-container{width:100%!important;max-width:100%!important;padding:0!important;margin:0 0 var(--spacing-md) 0!important;box-sizing:border-box}.mahapack-search-wrapper{width:100%;max-width:100%}.mahapack-search-icon-wrapper{width:45px;min-width:45px}.mahapack-search-input-wrapper{padding:10px 14px}.mahapack-search-input{font-size:.95rem}.mahapack-batches-container{padding:0!important;width:100%!important;max-width:100%!important}.batch-details-page.mahapack-batches-list .main-content .container{padding:0!important;max-width:100%!important}}@media (min-width:600px) and (max-width:767px){.mahapack-batches-grid{grid-template-columns:1fr;gap:var(--spacing-md);width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.mahapack-batch-card{padding:var(--spacing-md);width:100%!important;margin:0!important;max-width:100%!important;box-sizing:border-box}.mahapack-batch-image-wrapper{width:65px;height:65px;min-width:65px}.mahapack-batch-title{font-size:.95rem}.mahapack-batch-meta{font-size:.85rem}.mahapack-search-container{width:100%!important;max-width:100%!important;padding:0!important;margin:0 0 var(--spacing-md) 0!important;box-sizing:border-box}.mahapack-search-wrapper{width:100%;max-width:100%}.mahapack-search-icon-wrapper{width:45px;min-width:45px}.mahapack-search-input-wrapper{padding:10px 12px}.mahapack-search-input{font-size:.95rem}.mahapack-batches-container{padding:0!important;width:100%!important;max-width:100%!important}.batch-details-page.mahapack-batches-list .main-content .container{padding:0!important;max-width:100%!important}}@media (min-width:480px) and (max-width:599px){.mahapack-batches-grid{grid-template-columns:1fr;gap:var(--spacing-sm);width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.mahapack-batch-card{padding:var(--spacing-sm);width:100%!important;margin:0!important;max-width:100%!important;box-sizing:border-box}.mahapack-batch-card-inner{gap:var(--spacing-sm)}.mahapack-batch-image-wrapper{width:60px;height:60px;min-width:60px}.mahapack-batch-title{font-size:.9rem}.mahapack-batch-meta{font-size:.8rem}.mahapack-search-container{width:100%!important;max-width:100%!important;padding:0 var(--spacing-sm)!important;margin-bottom:var(--spacing-md);margin-left:0!important;margin-right:0!important;box-sizing:border-box}.mahapack-search-wrapper{width:100%;max-width:100%}.mahapack-search-icon-wrapper{width:40px;min-width:40px}.mahapack-search-icon{font-size:1rem}.mahapack-search-input-wrapper{padding:10px 12px}.mahapack-search-input{font-size:.9rem}.mahapack-search-input::placeholder{font-size:.9rem}.mahapack-batches-container{padding:0!important;width:100%!important;max-width:100%!important}.batch-details-page.mahapack-batches-list .main-content .container{padding:0!important;max-width:100%!important}}@media (max-width:479px){.mahapack-batches-grid{grid-template-columns:1fr;gap:var(--spacing-sm);width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.mahapack-batch-card{padding:var(--spacing-sm);width:100%!important;margin:0!important;max-width:100%!important;box-sizing:border-box}.mahapack-batch-card-inner{gap:var(--spacing-sm)}.mahapack-batch-image-wrapper{width:55px;height:55px;min-width:55px}.mahapack-batch-title{font-size:.85rem;line-height:1.3}.mahapack-batch-meta{font-size:.75rem}.mahapack-search-container{width:100%!important;max-width:100%!important;padding:0 var(--spacing-sm)!important;margin-bottom:var(--spacing-md);margin-left:0!important;margin-right:0!important;box-sizing:border-box}.mahapack-search-wrapper{width:100%;max-width:100%}.mahapack-search-icon-wrapper{width:40px;min-width:40px}.mahapack-search-icon{font-size:.95rem}.mahapack-search-input-wrapper{padding:8px 10px}.mahapack-search-input{font-size:.85rem}.mahapack-search-input::placeholder{font-size:.85rem}.mahapack-clear-btn{width:20px;height:20px;margin-left:6px}.mahapack-batches-container{padding:0!important;width:100%!important;max-width:100%!important}.batch-details-page.mahapack-batches-list .main-content .container{padding:0!important;max-width:100%!important}}.search-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .7);z-index:10000;display:none;align-items:flex-start;justify-content:center;padding:var(--spacing-lg);animation:fadeIn 0.3s ease}.search-modal.active{display:flex}.search-modal-content{background:var(--card-bg);border-radius:var(--border-radius-lg);width:100%;max-width:700px;max-height:80vh;margin-top:10vh;box-shadow:0 20px 60px rgb(0 0 0 / .3);display:flex;flex-direction:column;animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.search-modal-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);padding-right:60px;border-bottom:1px solid var(--card-border);position:relative}.search-modal-input-wrapper{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);position:relative;max-width:100%}.search-modal-input-wrapper i.fa-search{color:var(--text-tertiary);font-size:1.1rem;flex-shrink:0}#modal-search-input{flex:1;border:none;background:#fff0;color:var(--text-primary);font-size:1rem;outline:none;padding-right:35px;min-width:0}#modal-search-input::placeholder{color:var(--text-tertiary)}#modal-clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#fff0;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px;display:none;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease;flex-shrink:0}#modal-clear-search:hover{background:var(--bg-tertiary);color:var(--text-primary)}#modal-clear-search.visible{display:flex}.close-modal-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:var(--bg-secondary);border:none;color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10;flex-shrink:0}.close-modal-btn:hover{background:var(--bg-tertiary);transform:translateY(-50%) rotate(90deg)}.modal-search-results{flex:1;overflow-y:auto;padding:var(--spacing-md);max-height:60vh}.modal-search-results::-webkit-scrollbar{width:6px}.modal-search-results::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.modal-search-results::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.modal-search-result-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-lg);cursor:pointer;transition:background 0.2s ease;border:none;margin-bottom:var(--spacing-sm);outline:none}.modal-search-result-item:hover{background:var(--bg-secondary)}.modal-search-result-item:focus{outline:none}.modal-search-result-item:active{background:var(--bg-tertiary)}.modal-result-image-wrapper{width:100px;height:auto;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative}.modal-result-image-wrapper.no-image{background:rgb(90 75 218 / .1)}.modal-result-image-wrapper.no-image i{color:var(--primary-color);font-size:20px;opacity:.5}.modal-image-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.modal-result-image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:transform 0.3s ease,opacity 0.3s ease}.modal-result-image.loaded{opacity:1}.modal-search-result-item:hover .modal-result-image{transform:scale(1.05)}.modal-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.modal-result-title{font-weight:600;font-size:1rem;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-result-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary)}.modal-result-badge{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-new{background:rgb(16 185 129 / .1);color:var(--success-color)}.badge-old{background:rgb(59 130 246 / .1);color:var(--info-color)}.modal-result-favorite{flex-shrink:0;background:#fff0;border:none;color:var(--text-tertiary);font-size:1.2rem;cursor:pointer;transition:all 0.3s ease;padding:8px}.modal-result-favorite:hover{color:var(--error-color);transform:scale(1.2)}.modal-result-favorite.active{color:var(--error-color)}.modal-no-results{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.modal-no-results i{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.modal-loading .loader{width:48px;height:48px;border:5px solid var(--primary-color);border-bottom-color:#fff0;border-radius:50%;animation:rotation 1s linear infinite}@media (max-width:992px){.modal-result-image-wrapper{width:44px;height:44px}.modal-result-image-wrapper.no-image i{font-size:18px}.modal-result-title{font-size:.95rem}}@media (max-width:768px){.search-modal{padding:0}.search-modal-content{max-width:100%;max-height:100vh;margin-top:0;border-radius:0}.search-modal-header{padding:var(--spacing-sm) var(--spacing-md);padding-right:55px}.close-modal-btn{width:36px;height:36px;right:10px}.close-modal-btn:hover{transform:translateY(-50%) rotate(90deg)}#modal-clear-search{right:8px;width:22px;height:22px;padding:5px}.modal-search-results{max-height:calc(100vh - 80px);padding:var(--spacing-sm)}.modal-search-result-item{padding:var(--spacing-sm);gap:var(--spacing-sm)}.modal-result-image-wrapper{width:70px;height:auto}.modal-result-image-wrapper.no-image i{font-size:16px}.modal-result-title{font-size:.9rem}.modal-result-meta{font-size:.8rem}.modal-result-badge{font-size:.7rem;padding:2px 8px}.modal-result-favorite{font-size:1.1rem}}@media (max-width:480px){.search-modal-header{padding:10px 12px;padding-right:50px}.search-modal-input-wrapper{padding:var(--spacing-xs) var(--spacing-sm)}#modal-search-input{font-size:.9rem;padding-right:30px}.close-modal-btn{width:32px;height:32px;right:8px}#modal-clear-search{right:6px;width:20px;height:20px}.modal-search-result-item{padding:10px;gap:10px}.modal-result-image-wrapper{width:60px;height:auto}.modal-result-image-wrapper.no-image i{font-size:14px}.modal-result-title{font-size:.85rem;line-height:1.3}.modal-result-meta{font-size:.75rem;gap:6px}.modal-result-badge{font-size:.65rem;padding:2px 6px}.modal-result-favorite{font-size:1rem;padding:6px}}.weekly-schedule-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn 0.3s ease}.weekly-schedule-content{background:var(--card-bg);border-radius:16px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgb(0 0 0 / .5);animation:slideUp 0.3s ease}.weekly-schedule-content.dark{background:#1a1a1a;color:#fff}.weekly-schedule-content.light{background:#fff;color:#333}.weekly-schedule-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.weekly-schedule-header h2{margin:0;font-size:24px;font-weight:600;display:flex;align-items:center;gap:12px;color:var(--text-primary)}.weekly-schedule-header h2 i{color:var(--primary-color)}.close-weekly-modal{background:rgb(239 68 68 / .1);border:1px solid rgb(239 68 68 / .3);color:#ef4444;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all 0.3s ease}.close-weekly-modal:hover{background:rgb(239 68 68 / .2);transform:scale(1.1)}.weekly-schedule-body{padding:24px;overflow-y:auto;flex:1}.schedule-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.schedule-loading .loader{width:48px;height:48px;border:4px solid rgb(91 75 199 / .2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.schedule-loading p{color:var(--text-secondary);font-size:14px}.no-schedule,.schedule-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;text-align:center}.no-schedule i,.schedule-error i{font-size:64px;color:var(--text-secondary);opacity:.5}.no-schedule p,.schedule-error p{color:var(--text-primary);font-size:18px;font-weight:500;margin:0}.no-schedule-subtitle{color:var(--text-secondary);font-size:14px;margin-top:-8px}.schedule-error .retry-btn{margin-top:16px;padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all 0.3s ease}.schedule-error .retry-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.weekly-schedule-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:16px;transition:all 0.3s ease}.weekly-schedule-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.weekly-schedule-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.weekly-schedule-item .schedule-subject{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);font-size:14px}.weekly-schedule-item .schedule-subject i{color:var(--primary-color)}.weekly-schedule-item .schedule-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.weekly-schedule-item .schedule-status.live{background:rgb(239 68 68 / .1);color:#ef4444;animation:pulse 2s infinite}.weekly-schedule-item .schedule-status.upcoming{background:rgb(59 130 246 / .1);color:#3b82f6}.weekly-schedule-item .schedule-status.ended{background:rgb(34 197 94 / .1);color:#22c55e}.weekly-schedule-item .schedule-topic{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:12px;line-height:1.5}.weekly-schedule-item .schedule-time{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);margin-bottom:12px}.weekly-schedule-item .schedule-time i{color:var(--primary-color)}.weekly-schedule-item .schedule-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.weekly-schedule-item .schedule-tag{background:rgb(91 75 199 / .1);color:var(--primary-color);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.weekly-schedule-item .type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;margin-right:8px}.weekly-schedule-item .type-badge.lecture{background:rgb(139 92 246 / .1);color:#8b5cf6}.weekly-schedule-item .type-badge.dpp{background:rgb(249 115 22 / .1);color:#f97316}.weekly-schedule-item .type-badge.schedule{background:rgb(59 130 246 / .1);color:#3b82f6}.weekly-schedule-item .dpp-count,.weekly-schedule-item .has-attachment{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-top:8px}.weekly-schedule-item .dpp-count i,.weekly-schedule-item .has-attachment i{color:var(--primary-color)}@media (max-width:768px){.weekly-schedule-modal{padding:10px}.weekly-schedule-content{max-height:95vh;border-radius:12px}.weekly-schedule-header{padding:16px}.weekly-schedule-header h2{font-size:20px}.weekly-schedule-body{padding:16px}.weekly-schedule-item{padding:12px}.weekly-schedule-item .schedule-topic{font-size:14px}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.weekly-schedule-page{padding-bottom:40px}.weekly-schedule-header-section{text-align:center;padding:30px 20px;background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);border-radius:16px;margin-bottom:30px;color:#fff}.weekly-schedule-header-section .page-title{font-size:28px;font-weight:700;margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:12px}.weekly-schedule-header-section .page-subtitle{font-size:14px;opacity:.9;margin:0}.schedule-main-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.schedule-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:24px}.schedule-content{min-width:0}.mobile-filter-toggle{display:none;margin-bottom:20px}.subject-filter-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px}.sidebar-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.sidebar-title i{color:var(--primary-color)}.subject-filter-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.filter-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:12px}.loader-small{width:24px;height:24px;border:3px solid rgb(91 75 199 / .2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.filter-loading p{font-size:12px;color:var(--text-secondary);margin:0}.no-subjects-message,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:8px;text-align:center}.no-subjects-message i,.error-message i{font-size:24px;color:var(--text-secondary);opacity:.5}.no-subjects-message p,.error-message p{font-size:12px;color:var(--text-secondary);margin:0}.error-message i{color:#ef4444;opacity:.7}.filter-toggle-btn{width:100%;padding:14px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all 0.3s ease}.filter-toggle-btn:hover{border-color:var(--primary-color);background:rgb(91 75 199 / .05)}.filter-toggle-btn.active{border-color:var(--primary-color);background:rgb(91 75 199 / .1)}.filter-toggle-btn i:last-child{margin-left:auto;transition:transform 0.3s ease}.filter-toggle-btn.active i:last-child{transform:rotate(180deg)}.filter-option{padding:10px;border-radius:8px;transition:background 0.2s ease}.filter-option:hover{background:rgb(91 75 199 / .05)}.filter-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.filter-checkbox input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.filter-checkbox span{font-size:14px;color:var(--text-primary)}.calendar-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px}.calendar-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.calendar-nav-btn{width:36px;height:36px;border-radius:8px;background:rgb(91 75 199 / .1);border:1px solid rgb(91 75 199 / .2);color:var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.calendar-nav-btn:hover{background:rgb(91 75 199 / .2);transform:scale(1.05)}.calendar-month{flex:1;text-align:center;font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.today-btn{width:100%;padding:10px 16px;border-radius:8px;background:var(--primary-color);color:#fff;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;margin-bottom:16px}.today-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day-header{text-align:center;font-size:12px;font-weight:600;color:var(--text-secondary);padding:8px 0}.calendar-day{aspect-ratio:1;border-radius:8px;background:#fff0;border:1px solid var(--border-color);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.calendar-day:hover:not(.empty){background:rgb(91 75 199 / .1);border-color:var(--primary-color)}.calendar-day.empty{border:none;cursor:default}.calendar-day.today{background:rgb(91 75 199 / .1);border-color:var(--primary-color);color:var(--primary-color);font-weight:700}.calendar-day.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.schedule-list-section{background:#fff0;padding:0}.schedule-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px 16px 0 0}.selected-date-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.schedule-count{font-size:14px;color:var(--text-secondary);background:rgb(91 75 199 / .1);padding:6px 12px;border-radius:20px}.schedule-items-container{display:flex;flex-direction:column;gap:16px;background:var(--card-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 16px 16px;padding:20px}.schedule-item-card{display:flex;gap:16px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all 0.3s ease}.schedule-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.schedule-item-time{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;padding:12px;background:rgb(91 75 199 / .1);border-radius:8px}.time-display{font-size:18px;font-weight:700;color:var(--primary-color)}.time-period{font-size:12px;color:var(--text-secondary);margin-top:4px}.schedule-item-content{flex:1}.schedule-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.schedule-subject-badge{font-size:12px;font-weight:600;color:var(--primary-color);background:rgb(91 75 199 / .1);padding:4px 12px;border-radius:20px}.schedule-item-card .schedule-status{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.schedule-item-card .schedule-status.live{background:rgb(239 68 68 / .1);color:#ef4444;animation:pulse 2s infinite}.schedule-item-card .schedule-status.upcoming{background:rgb(59 130 246 / .1);color:#3b82f6}.schedule-item-card .schedule-status.ended{background:rgb(34 197 94 / .1);color:#22c55e}.schedule-item-card .schedule-topic{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:12px;line-height:1.4}.schedule-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.teacher-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.teacher-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:rgb(91 75 199 / .1);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:14px}.schedule-item-card .type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.schedule-item-card .type-badge.lecture{background:rgb(139 92 246 / .1);color:#8b5cf6}.schedule-item-card .type-badge.dpp{background:rgb(249 115 22 / .1);color:#f97316}.schedule-item-card .type-badge.schedule{background:rgb(59 130 246 / .1);color:#3b82f6}.schedule-item-card .dpp-count{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.view-lecture-btn,.join-live-btn{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease}.view-lecture-btn{background:var(--primary-color);color:#fff}.view-lecture-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.join-live-btn{background:#ef4444;color:#fff;animation:pulse 2s infinite}.join-live-btn:hover{background:#dc2626;transform:translateY(-2px)}@media (max-width:1024px){.schedule-main-layout{grid-template-columns:1fr}.schedule-sidebar{position:static;display:none}.schedule-sidebar.mobile-active{display:flex;margin-bottom:20px}.mobile-filter-toggle{display:block}}@media (max-width:768px){.weekly-schedule-header-section{padding:20px 16px}.weekly-schedule-header-section .page-title{font-size:22px}.subject-filter-section,.calendar-section{padding:16px}.calendar-header{gap:6px}.calendar-month{font-size:14px}.calendar-nav-btn{width:32px;height:32px}.today-btn{padding:8px 12px;font-size:13px}.calendar-grid{gap:4px}.calendar-day{font-size:12px}.schedule-list-section{padding:0}.schedule-list-header{padding:16px;border-radius:12px 12px 0 0}.schedule-items-container{padding:16px;border-radius:0 0 12px 12px}.schedule-item-card{flex-direction:column;gap:12px;padding:14px}.schedule-item-time{flex-direction:row;width:100%;justify-content:flex-start;gap:8px;padding:10px;min-width:auto}.time-display{font-size:15px}.time-period{font-size:11px}.schedule-item-card .schedule-topic{font-size:14px}.schedule-item-card .schedule-subject-badge{font-size:11px}}.profile-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:none;justify-content:center;align-items:center;z-index:10000;animation:fadeIn 0.3s ease}.profile-modal-content{background:var(--card-bg);border-radius:20px;padding:32px;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px rgb(0 0 0 / .3);animation:slideUp 0.3s ease}.close-profile-modal{position:absolute;top:16px;right:16px;background:rgb(239 68 68 / .1);border:1px solid rgb(239 68 68 / .3);color:#ef4444;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all 0.3s ease}.close-profile-modal:hover{background:rgb(239 68 68 / .2);transform:scale(1.1)}.profile-header{margin-bottom:24px}.profile-logo{width:80px;height:80px;border-radius:50%;margin-bottom:16px;border:3px solid var(--primary-color);box-shadow:0 4px 12px rgb(91 75 199 / .3)}.profile-header h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px;background:linear-gradient(135deg,var(--primary-color),#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.profile-subtitle{font-size:16px;color:var(--text-secondary);margin:0;font-weight:500}.profile-info{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.info-item i{color:var(--primary-color);font-size:16px;width:20px;text-align:center}.info-item span{color:var(--text-primary);font-weight:500;font-size:14px}.dark-mode .profile-modal-content{background:#1a1a1a;border:1px solid rgb(255 255 255 / .1)}@media (max-width:480px){.profile-modal-content{padding:24px;width:95%}.profile-logo{width:60px;height:60px}.profile-header h2{font-size:24px}.profile-subtitle{font-size:14px}.info-item{padding:10px 16px}.info-item span{font-size:13px}}.pull-to-refresh{position:fixed;top:-80px;left:50%;transform:translateX(-50%);width:100px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-bg);border-radius:0 0 16px 16px;box-shadow:0 4px 12px rgb(0 0 0 / .1);z-index:9998;transition:top 0.3s ease}.pull-to-refresh.visible{top:0}.pull-to-refresh.refreshing{top:0}.pull-refresh-icon{font-size:24px;color:var(--primary-color);transition:transform 0.3s ease}.pull-to-refresh.pulling .pull-refresh-icon{transform:rotate(180deg)}.pull-to-refresh.refreshing .pull-refresh-icon{animation:spin 1s linear infinite}.pull-refresh-text{font-size:12px;color:var(--text-secondary);margin-top:4px;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.animation-modal,.theme-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:flex;justify-content:center;align-items:center;z-index:10000}.animation-modal-content{background:var(--card-bg);border-radius:20px;padding:32px;max-width:400px;width:90%;position:relative;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.theme-modal-content{background:var(--card-bg);border-radius:20px;padding:32px;max-width:440px;width:90%;max-height:85vh;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 60px rgb(0 0 0 / .3)}.close-animation-modal,.close-theme-modal{position:absolute;top:16px;right:16px;background:rgb(239 68 68 / .1);border:1px solid rgb(239 68 68 / .3);color:#ef4444;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all 0.3s ease}.close-animation-modal:hover,.close-theme-modal:hover{background:rgb(239 68 68 / .2);transform:scale(1.1)}.animation-modal-title,.theme-modal-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 24px;text-align:center;flex-shrink:0}.animation-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;overflow-y:auto;padding:8px 6px}.theme-options::-webkit-scrollbar{width:6px}.theme-options::-webkit-scrollbar-track{background:#fff0}.theme-options::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.theme-options::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.animation-option,.theme-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all 0.3s ease}.animation-option:hover,.theme-option:hover{background:var(--bg-tertiary);border-color:var(--primary-color);transform:translateY(-4px)}.animation-option.active,.theme-option.active{background:linear-gradient(135deg,rgb(90 75 218 / .2),rgb(118 75 162 / .2));border-color:var(--primary-color);border-width:3px;box-shadow:0 0 30px rgb(90 75 218 / .5),inset 0 0 20px rgb(90 75 218 / .1);transform:scale(1.05)}.animation-option.active::before,.theme-option.active::before{content:"\2713";position:absolute;top:8px;right:8px;background:var(--primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px rgb(90 75 218 / .4)}.animation-option i,.theme-option i{font-size:32px;color:var(--primary-color);margin-bottom:12px;transition:transform 0.3s ease}.animation-option.active i,.theme-option.active i{transform:scale(1.2);filter:drop-shadow(0 0 8px rgb(90 75 218 / .6))}.animation-option span,.theme-option span{font-size:14px;font-weight:500;color:var(--text-primary);text-align:center}.animation-option.active span,.theme-option.active span{font-weight:700;color:var(--primary-color)}@media (max-width:480px){.animation-modal-content,.theme-modal-content{padding:24px;width:95%}.animation-modal-title,.theme-modal-title{font-size:20px}.animation-options,.theme-options{gap:12px}.animation-option,.theme-option{padding:20px 12px}.animation-option i,.theme-option i{font-size:28px}.animation-option span,.theme-option span{font-size:12px}}.thank-you-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 32px;margin-bottom:24px;background:#1a1a1a;border:2px solid gold;border-radius:16px;box-shadow:0 8px 24px rgb(255 215 0 / .3),0 4px 12px rgb(0 0 0 / .2);position:relative;overflow:hidden}.thank-you-banner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#ffd700 1px,transparent 1px),radial-gradient(circle,#ffa500 1px,transparent 1px),radial-gradient(circle,#ffd700 1px,transparent 1px);background-size:50px 50px,80px 80px,100px 100px;background-position:0 0,40px 60px,130px 270px;animation:goldParticles 20s linear infinite;opacity:.3}@keyframes goldParticles{0%{transform:translateY(0)}100%{transform:translateY(-100px)}}.dark-mode .thank-you-banner{background:#0a0a0a;border-color:gold;box-shadow:0 8px 24px rgb(255 215 0 / .4),0 4px 12px rgb(0 0 0 / .3)}.thank-you-banner i{color:gold;font-size:28px;animation:trophyShine 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgb(255 215 0 / .8));z-index:1}@keyframes trophyShine{0%,100%{transform:scale(1);filter:drop-shadow(0 0 10px rgb(255 215 0 / .8))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px #ffd700)}}.thank-you-banner span{color:gold;font-size:20px;font-weight:800;text-shadow:0 2px 10px rgb(255 215 0 / .5);letter-spacing:1px;z-index:1}.dark-mode .thank-you-banner span{color:gold}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes bannerPulse{0%,100%{transform:scale(1);box-shadow:0 8px 24px rgb(102 126 234 / .4),0 4px 12px rgb(0 0 0 / .1)}50%{transform:scale(1.02);box-shadow:0 12px 32px rgb(102 126 234 / .6),0 6px 16px rgb(0 0 0 / .15)}}@keyframes heartbeat{0%,100%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}@media (max-width:768px){.thank-you-banner{padding:12px 20px;gap:10px}.thank-you-banner i{font-size:18px}.thank-you-banner span{font-size:16px}}@media (max-width:480px){.thank-you-banner{padding:10px 16px;gap:8px}.thank-you-banner i{font-size:16px}.thank-you-banner span{font-size:14px}}.khazana-section{padding:0;width:100%}.khazana-breadcrumb{margin:var(--spacing-lg) 0 var(--spacing-lg);padding:.75rem 1rem;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(var(--primary-color-rgb,90,75,218),.05) 100%);border-radius:var(--border-radius);border:1px solid var(--card-border);box-shadow:0 2px 8px rgb(0 0 0 / .05);position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.khazana-breadcrumb::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .05) 0%,transparent 50%,rgb(0 0 0 / .02) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:1}.khazana-breadcrumb-list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;flex-wrap:wrap;position:relative;z-index:2}.khazana-breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);text-decoration:none;padding:.4rem .75rem;border-radius:var(--border-radius-sm);transition:none;font-weight:500;font-size:.875rem;cursor:pointer}.khazana-breadcrumb .breadcrumb-item i{font-size:.75rem;opacity:.8}.khazana-breadcrumb .breadcrumb-item.active{color:var(--primary-color);font-weight:600;background:rgba(var(--primary-color-rgb,90,75,218),.1);cursor:default}.khazana-breadcrumb .breadcrumb-separator{display:flex;align-items:center;color:var(--text-tertiary);font-size:.7rem;opacity:.5}.dark-mode .khazana-breadcrumb{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(var(--primary-color-rgb,109,98,238),.08) 100%);border-color:rgb(255 255 255 / .1);box-shadow:0 2px 12px rgb(0 0 0 / .3)}.dark-mode .khazana-breadcrumb .breadcrumb-item.active{background:rgba(var(--primary-color-rgb,109,98,238),.15);color:var(--primary-color)}.khazana-header{margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing)}.khazana-header h2{font-size:2rem;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.btn-back{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing);background-color:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--card-shadow)}.btn-back:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.khazana-filter-bar{margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing);align-items:center}.filter-search{flex:1;position:relative;display:flex;align-items:center}.filter-search i{position:absolute;left:var(--spacing);color:var(--text-tertiary);font-size:1rem;pointer-events:none}.filter-search input{width:100%;padding:var(--spacing-sm) var(--spacing) var(--spacing-sm) calc(var(--spacing) * 3);border:1px solid var(--card-border);border-radius:var(--border-radius);background-color:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-search input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(90 75 218 / .1)}.no-results{grid-column:1 / -1;text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.no-results i{font-size:3rem;color:var(--text-tertiary);margin-bottom:var(--spacing)}.no-results p{font-size:1.125rem;margin-bottom:var(--spacing-xs)}.no-results small{font-size:.875rem;color:var(--text-tertiary)}.khazana-programs-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing)}.khazana-playlist-card{display:flex;align-items:center;gap:var(--spacing);padding:var(--spacing);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);transition:all var(--transition);box-shadow:var(--card-shadow)}.khazana-playlist-icon{width:60px;height:60px;min-width:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 12px rgb(90 75 218 / .3)}.khazana-playlist-icon.subject-icon{background:linear-gradient(135deg,#10b981,#059669)}.khazana-playlist-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.khazana-playlist-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.khazana-playlist-info{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.3}.khazana-playlist-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:none;display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;box-shadow:0 4px 12px rgb(90 75 218 / .3)}.khazana-subjects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.khazana-subject-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:var(--spacing);transition:all var(--transition);box-shadow:var(--card-shadow);display:flex;align-items:center;gap:var(--spacing)}.subject-icon-wrapper{width:50px;height:50px;min-width:50px;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;box-shadow:0 4px 12px rgb(16 185 129 / .3)}.subject-info{flex:1;min-width:0}.subject-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-study-btn{padding:var(--spacing-sm) var(--spacing);background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);box-shadow:0 4px 12px rgb(90 75 218 / .3);white-space:nowrap;flex-shrink:0}.khazana-chapters-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.khazana-topic-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow)}.topic-header-left{flex:1}.topic-chapter-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.topic-teacher-name{font-size:1rem;color:var(--text-secondary);margin:0}.teacher-highlight{color:var(--primary-color);font-weight:600}.topic-header-right{display:flex;align-items:center;gap:var(--spacing)}.teacher-avatar{width:auto;height:120px;border-radius:var(--border-radius-lg);object-fit:cover;box-shadow:0 4px 12px rgb(0 0 0 / .1);flex-shrink:0}.teacher-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.teacher-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.teacher-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.badge{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600}.badge-subject{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-program{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.teacher-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.teacher-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.teacher-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.badge{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600}.badge-subject{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-program{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.khazana-topics-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing)}.khazana-topic-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:var(--spacing);transition:all var(--transition);box-shadow:var(--card-shadow);position:relative;display:flex;align-items:center;gap:var(--spacing)}.topic-card-border{width:4px;height:calc(100% - 24px);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:100px;position:absolute;left:12px;top:12px;bottom:12px}.topic-card-content{flex:1;padding-left:var(--spacing-sm)}.topic-card-title{font-size:1rem;font-weight:600;color:var(--primary-color);margin:0 0 var(--spacing-xs) 0;line-height:1.3}.topic-card-stats{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.topic-card-stats::-webkit-scrollbar{display:none}.topic-stat{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.topic-stat-separator{color:var(--text-tertiary);opacity:.5;margin:0 2px}.topic-card-number{font-size:1.5rem;font-weight:700;color:var(--text-tertiary);opacity:.3;min-width:40px;text-align:right}.khazana-content-header{margin-bottom:var(--spacing-lg);margin-top:0}.content-header-left{flex:1}.content-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.content-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.content-container{height:auto;overflow:visible;padding-right:0;padding-bottom:var(--spacing-lg)}.khazana-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.khazana-topic-card{cursor:pointer;transition:all var(--transition)}.note-card,.dpp-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing);display:flex;flex-direction:column;border:1px solid var(--card-border);position:relative}.note-card::before,.dpp-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:1}.note-title,.dpp-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing);transition:color var(--transition-fast);position:relative;padding-left:24px}.note-title:before,.dpp-title:before{content:"\f15c";font-family:"Font Awesome 6 Free";font-weight:400;position:absolute;left:0;top:0;color:var(--primary-color);font-size:16px}.note-header,.dpp-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.note-actions,.dpp-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);margin-top:auto;background-color:rgb(90 75 218 / .05);padding:10px;border-radius:var(--border-radius-sm);position:relative;z-index:2}.btn-icon{width:2rem;height:2rem;border-radius:50%;background-color:rgb(90 75 218 / .1);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--primary-color);position:relative;z-index:10}.image-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);z-index:1}.loader-small{width:30px;height:30px;border:3px solid var(--primary-color);border-bottom-color:#fff0;border-radius:50%;animation:rotation 1s linear infinite}.lazy-image{opacity:0;filter:blur(10px);transform:scale(1.05);transition:opacity 0.4s ease,filter 0.6s ease,transform 0.6s ease}.lazy-image.loaded{opacity:1;filter:blur(0);transform:scale(1)}.khazana-chapter-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;border:1px solid var(--card-border);position:relative;cursor:pointer;transition:none}.khazana-chapter-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:1}.chapter-thumbnail{position:relative;width:100%;height:auto;overflow:hidden;background:var(--bg-secondary)}.chapter-thumbnail img{width:100%;height:auto;object-fit:cover;transition:none}.chapter-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .3);display:flex;align-items:center;justify-content:center;opacity:0;transition:none}.chapter-overlay i{font-size:3rem;color:#fff;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .3))}.chapter-details{padding:var(--spacing);background:linear-gradient(to bottom,rgb(90 75 218 / .03),transparent);border-top:1px solid var(--card-border);position:relative;z-index:2}.chapter-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.chapter-teacher{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-xs)}.chapter-teacher i{color:var(--primary-color)}.chapter-meta{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--text-tertiary);overflow-x:auto;overflow-y:hidden;max-width:100%;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--border-color) #fff0}.chapter-meta::-webkit-scrollbar{height:4px}.chapter-meta::-webkit-scrollbar-track{background:#fff0}.chapter-meta::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.chapter-meta::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.meta-item{display:flex;align-items:center;gap:4px;white-space:nowrap}.meta-separator{color:var(--text-tertiary);opacity:.5;margin:0 2px}.meta-item i{color:var(--primary-color)}.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.khazana-program-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;transition:none;box-shadow:var(--card-shadow);cursor:pointer}.program-icon{width:80px;height:80px;margin:0 auto var(--spacing);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 20px rgb(90 75 218 / .3)}.program-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.program-batches{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing)}.btn-primary{background:var(--primary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:all var(--transition-fast);box-shadow:0 4px 12px rgb(90 75 218 / .3)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgb(90 75 218 / .4)}.error-message{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow)}.error-message i{font-size:3rem;color:var(--error-color);margin-bottom:var(--spacing)}.error-message p{font-size:1.125rem;margin-bottom:var(--spacing-lg)}.dark-mode .program-icon,.dark-mode .khazana-playlist-icon{box-shadow:0 8px 20px rgb(109 98 238 / .4)}.dark-mode .subject-badge{box-shadow:0 2px 8px rgb(109 98 238 / .4)}.dark-mode .btn-primary,.dark-mode .khazana-playlist-btn{box-shadow:0 4px 12px rgb(109 98 238 / .4)}@media (max-width:1400px){.khazana-programs-list,.khazana-subjects-grid{grid-template-columns:repeat(2,1fr)}.khazana-chapters-list{grid-template-columns:repeat(3,1fr)}.khazana-topics-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.khazana-programs-list,.khazana-subjects-grid,.khazana-chapters-list{grid-template-columns:repeat(2,1fr)}.khazana-topics-list{grid-template-columns:repeat(2,1fr)}.khazana-topic-header{flex-direction:column;gap:var(--spacing);padding:var(--spacing)}.topic-header-right{width:100%;justify-content:flex-start}.teacher-avatar{width:auto;height:100px}}@media (max-width:768px){.programs-grid,.subjects-grid,.chapters-grid,.khazana-chapters-list,.khazana-subjects-grid,.khazana-programs-list,.khazana-topics-list{grid-template-columns:1fr}.khazana-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.khazana-header h2{font-size:1.5rem}.chapter-image,.chapter-thumbnail{width:100%;height:auto}.chapter-thumbnail img{width:100%;height:auto;object-fit:cover}.khazana-playlist-card{flex-direction:row;align-items:center;padding:var(--spacing-sm)}.khazana-playlist-content{flex:1}.khazana-playlist-title{white-space:normal;overflow:visible;text-overflow:clip;font-size:1rem}.khazana-playlist-info{font-size:.8125rem}.khazana-playlist-btn{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.khazana-playlist-icon{width:50px;height:50px;min-width:50px;font-size:1.25rem}.khazana-subject-card{flex-direction:row;align-items:center;padding:var(--spacing-sm)}.subject-icon-wrapper{width:50px;height:50px;min-width:50px;font-size:1.25rem}.subject-name{white-space:normal;overflow:visible;text-overflow:clip;font-size:.9375rem}.subject-study-btn{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.subject-study-btn i{font-size:.875rem}.khazana-topic-header{padding:var(--spacing-sm)}.teacher-avatar{width:auto;height:80px}.topic-chapter-title{font-size:1.25rem}.teacher-name{font-size:1rem}}@media (max-width:480px){.khazana-section{padding:0}.khazana-header h2{font-size:1.25rem}.khazana-playlist-card,.khazana-subject-card{padding:var(--spacing-xs);gap:var(--spacing-sm)}.khazana-playlist-icon,.subject-icon-wrapper{width:45px;height:45px;min-width:45px;font-size:1.125rem}.chapter-image,.chapter-thumbnail{width:100%;height:auto}.chapter-thumbnail img{width:100%;height:auto;object-fit:cover}.chapter-meta{overflow-x:auto;flex-wrap:nowrap;gap:4px;padding-bottom:2px}.meta-separator{display:inline-block}.khazana-topic-header{padding:var(--spacing-sm)}.teacher-avatar{width:auto;height:70px}.topic-chapter-title{font-size:1.125rem}.topic-teacher-name{font-size:.875rem}.teacher-info{gap:4px}.teacher-name{font-size:.9375rem}.teacher-badges{gap:4px}.badge{padding:3px 10px;font-size:.6875rem}.khazana-playlist-btn{padding:var(--spacing-xs) var(--spacing-xs);font-size:.8125rem}.khazana-playlist-btn span{display:none}.khazana-playlist-title{font-size:.9375rem}.khazana-playlist-info{font-size:.75rem}.subject-name{font-size:.875rem}.subject-study-btn{padding:var(--spacing-xs) var(--spacing-xs);font-size:.8125rem}.subject-study-btn span{display:none}.subject-study-btn i{margin:0}.khazana-breadcrumb{padding:.6rem .75rem;margin:.75rem 0 1rem}.khazana-breadcrumb-list{gap:.4rem}.khazana-breadcrumb .breadcrumb-item{font-size:.8rem;padding:.35rem .6rem}.btn-back{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}}@media (max-width:360px){.khazana-playlist-icon,.subject-icon-wrapper{width:40px;height:40px;min-width:40px;font-size:1rem}.khazana-playlist-title,.subject-name{font-size:.875rem}.khazana-playlist-info{font-size:.6875rem}.khazana-header h2{font-size:1.125rem}}@media (max-width:1024px){.khazana-content-grid .lecture-card{display:flex;flex-direction:row;align-items:stretch}.khazana-content-grid .lecture-card .image-wrapper{width:160px;min-width:160px;aspect-ratio:16 / 9;flex-shrink:0;margin-left:var(--spacing-sm);margin-right:var(--spacing);border-radius:var(--border-radius);overflow:hidden}.khazana-content-grid .lecture-content{flex:1;border-top:none;border-left:none;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 0;display:flex;flex-direction:column;justify-content:center}.khazana-content-grid .lecture-meta{position:absolute;bottom:4px;right:4px;background:rgb(0 0 0 / .8);padding:3px 8px;border-radius:4px;margin:0;z-index:2}.khazana-content-grid .lecture-meta .meta-item{color:#fff;font-size:.6875rem;font-weight:600}.khazana-content-grid .lecture-meta .meta-item i{font-size:.625rem}.khazana-content-grid .lecture-title{font-size:.9375rem;min-height:auto;margin:0}}@media (max-width:768px){.khazana-content-grid .lecture-card .image-wrapper{width:140px;min-width:140px;margin-left:var(--spacing-xs);margin-right:var(--spacing-sm)}.khazana-content-grid .lecture-content{padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) 0}.khazana-content-grid .lecture-title{font-size:.875rem;-webkit-line-clamp:3}}@media (max-width:480px){.khazana-content-grid .lecture-card .image-wrapper{width:120px;min-width:120px;margin-left:var(--spacing-xs);margin-right:var(--spacing-sm)}.khazana-content-grid .lecture-title{font-size:.8125rem}.khazana-content-grid .lecture-meta{padding:2px 6px}.khazana-content-grid .lecture-meta .meta-item{font-size:.625rem}.khazana-content-grid .lecture-meta .meta-item i{font-size:.5625rem}}.khazana-content-grid .note-card{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);min-height:100px;padding:var(--spacing)}.khazana-content-grid .note-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:0}.khazana-content-grid .note-header{display:flex;align-items:center;gap:var(--spacing-sm);position:relative;z-index:2;flex:1;min-width:0;overflow:hidden}.khazana-content-grid .pdf-icon{width:2.5rem;height:2.5rem;min-width:2.5rem;border-radius:50%;background-color:rgb(239 68 68 / .1);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2}.khazana-content-grid .pdf-icon i{color:#ef4444;font-size:1.25rem}.khazana-content-grid .note-info{flex:1;min-width:0;overflow:hidden}.khazana-content-grid .note-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px 0;padding-left:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;word-break:break-word;line-height:1.4}.khazana-content-grid .note-title:before{display:none}.khazana-content-grid .note-filename{font-size:.75rem;color:var(--text-tertiary);margin:0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word;display:block}.khazana-content-grid .note-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);position:relative;z-index:10;flex-shrink:0;margin-left:var(--spacing-sm);margin-top:0;background:none;padding:0}@media (max-width:768px){.khazana-content-grid .pdf-icon{display:none}}.original-lecture-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;border:1px solid var(--card-border);position:relative}.original-lecture-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:1}.original-lecture-card .image-wrapper{position:relative;aspect-ratio:16 / 9;cursor:pointer}.original-lecture-card img{width:100%;height:auto;object-fit:cover}.original-lecture-card .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition)}.original-lecture-card .lecture-content{padding:var(--spacing);background:linear-gradient(to bottom,rgb(90 75 218 / .03),transparent);border-top:1px solid var(--card-border);display:flex;flex-direction:column}.original-lecture-card .lecture-meta{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:.75rem;color:var(--text-tertiary);align-items:center}.original-lecture-card .meta-separator{color:var(--text-tertiary);font-weight:300;margin:0 var(--spacing-xs)}.original-lecture-card .lecture-title{font-size:1rem;font-weight:600;color:var(--text-primary);transition:color var(--transition-fast)}.lecture-attachments{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgb(90 75 218 / .08)}.attachment-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:rgb(90 75 218 / .06);border:1px solid rgb(90 75 218 / .12);border-radius:6px;color:var(--primary-color);font-size:.7rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;position:relative;letter-spacing:.3px}.attachment-btn:active{transform:scale(.96)}.attachment-btn i{font-size:.8rem;opacity:.9}.attachment-btn .attachment-count{background:rgb(90 75 218 / .15);padding:1px 5px;border-radius:4px;font-size:.65rem;font-weight:700;min-width:16px;text-align:center}.dark-mode .attachment-btn{background:rgb(109 98 238 / .1);border-color:rgb(109 98 238 / .2)}.dark-mode .attachment-btn .attachment-count{background:rgb(109 98 238 / .2)}.attachment-btn.notes-btn{color:#3b82f6;background:rgb(59 130 246 / .06);border-color:rgb(59 130 246 / .12)}.attachment-btn.notes-btn .attachment-count{background:rgb(59 130 246 / .15)}.dark-mode .attachment-btn.notes-btn{background:rgb(59 130 246 / .1);border-color:rgb(59 130 246 / .2)}.dark-mode .attachment-btn.notes-btn .attachment-count{background:rgb(59 130 246 / .2)}.attachment-btn.dpp-btn{color:#f59e0b;background:rgb(245 158 11 / .06);border-color:rgb(245 158 11 / .12)}.attachment-btn.dpp-btn .attachment-count{background:rgb(245 158 11 / .15)}.dark-mode .attachment-btn.dpp-btn{background:rgb(245 158 11 / .1);border-color:rgb(245 158 11 / .2)}.dark-mode .attachment-btn.dpp-btn .attachment-count{background:rgb(245 158 11 / .2)}.khazana-batch-section{padding:var(--spacing-md) 0}.khazana-batch-section .program-header{display:flex;align-items:center;gap:var(--spacing);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--card-bg),var(--bg-secondary));border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.khazana-batch-section .program-header .program-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.khazana-batch-section .program-header .program-info h3{margin:0 0 4px 0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.khazana-batch-section .program-header .program-info p{margin:0;font-size:.875rem;color:var(--text-secondary)}.khazana-batch-section .khazana-no-data{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.khazana-batch-section .khazana-no-data i{font-size:3rem;color:var(--text-tertiary);margin-bottom:var(--spacing)}.khazana-batch-section .khazana-no-data p{font-size:1.125rem;margin-bottom:var(--spacing)}.khazana-batch-section .section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing)}.khazana-batch-section .section-title h4{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.khazana-batch-section .section-title .view-all-btn{font-size:.875rem;color:var(--primary-color);cursor:pointer;padding:6px 14px;border-radius:var(--border-radius);background:rgb(90 75 218 / .08);border:none;font-weight:600}.khazana-batch-section .lists-horizontal-scroll{display:flex;gap:var(--spacing);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.khazana-batch-section .lists-horizontal-scroll::-webkit-scrollbar{display:none;height:0}.khazana-batch-section .lists-horizontal-scroll::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.khazana-batch-section .teachers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing)}@media (max-width:640px){.khazana-batch-section .teachers-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing)}}.khazana-batch-section .teacher-card{border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.khazana-batch-section .teacher-card-img-wrap{width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--bg-tertiary);position:relative}.khazana-batch-section .teacher-card-img{width:100%;height:100%;object-fit:cover;display:block}.khazana-batch-section .teacher-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.khazana-batch-section .teacher-card-name{padding:8px 10px 10px;font-size:.8125rem;font-weight:600;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--card-border)}.khazana-batch-section .teacher-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgb(0 0 0 / .75) 100%);pointer-events:none}.khazana-batch-section .teacher-card-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:10px 8px 8px;color:#fff;font-size:.8125rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgb(0 0 0 / .5)}.khazana-batch-section .list-card{min-width:280px;max-width:300px;scroll-snap-align:start;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:visible;cursor:pointer;box-shadow:var(--card-shadow);flex-shrink:0;padding:12px 12px 0 12px;transition:transform 0.2s ease,box-shadow 0.2s ease}.khazana-batch-section .list-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.khazana-batch-section .list-card-banner{width:100%;height:130px;overflow:hidden;background:var(--bg-tertiary);position:relative;border-radius:8px}.khazana-batch-section .list-card-badge{position:absolute;top:8px;left:8px;z-index:3;background:#f97066;color:#fff;font-size:.6875rem;font-weight:600;padding:3px 10px;border-radius:4px;line-height:1.4;letter-spacing:.02em;text-shadow:0 1px 2px rgb(0 0 0 / .15);box-shadow:0 2px 6px rgb(249 112 102 / .4)}.khazana-batch-section .list-card-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.khazana-batch-section .list-card-teacher-overlay{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:110px;z-index:2;pointer-events:none}.khazana-batch-section .list-card-teacher-overlay img{height:100%;width:auto;object-fit:contain;object-position:bottom;display:block;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .35))}.khazana-batch-section .list-card-teacher-overlay .list-card-teacher-placeholder{height:100%;width:110px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px}@media (max-width:640px){.khazana-batch-section .list-card-banner{height:95px}.khazana-batch-section .list-card-teacher-overlay{height:80px;bottom:0}.khazana-batch-section .list-card-teacher-overlay .list-card-teacher-placeholder{width:80px;font-size:1.6rem}}.khazana-batch-section .list-card-body{padding:12px 0}@media (max-width:640px){.khazana-batch-section .list-card-body{padding:10px 0}}.khazana-batch-section .list-card .list-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.khazana-batch-section .list-card .list-desc{font-size:.8125rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.khazana-batch-section .batch-khazana-subject-section{margin-bottom:var(--spacing-lg)}.khazana-batch-section .batch-khazana-subject-section:last-of-type{margin-bottom:0}@media (max-width:640px){.khazana-batch-section .program-header{padding:var(--spacing);gap:var(--spacing-sm)}.khazana-batch-section .program-header .program-icon{width:48px;height:48px;font-size:1.25rem}.khazana-batch-section .program-header .program-info h3{font-size:1.125rem}.khazana-batch-section .program-header .program-info p{font-size:.8125rem}.khazana-batch-section .batch-khazana-subject-section{margin-bottom:var(--spacing)}.khazana-batch-section .section-title{margin-bottom:var(--spacing-sm)}.khazana-batch-section .section-title h4{font-size:1rem}.khazana-batch-section .section-title .view-all-btn{padding:4px 10px;font-size:.75rem}}.khazana-batch-section .khazana-subtopics-wrapper{margin-bottom:var(--spacing-lg)}.khazana-batch-section .khazana-subtopics-tabs{display:flex;gap:6px;position:relative;overflow-x:visible;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;background:rgb(90 75 218 / .08);padding:6px;border-radius:12px;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.dark-mode .khazana-batch-section .khazana-subtopics-tabs{background:rgb(109 98 238 / .15)}.khazana-batch-section .khazana-subtopics-tabs::-webkit-scrollbar{display:none}@media (max-width:768px){.khazana-batch-section .khazana-subtopics-tabs{flex-wrap:nowrap;overflow-x:auto}}.khazana-batch-section .khazana-subtopic-tab{padding:10px 20px;border-radius:8px;border:none;background:#fff0;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:all 0.3s ease}.khazana-batch-section .khazana-subtopic-tab.active{background:#fff;color:var(--primary-color);box-shadow:0 2px 8px rgb(0 0 0 / .1)}.dark-mode .khazana-batch-section .khazana-subtopic-tab.active{background:#1e1e28;color:var(--primary-color);box-shadow:0 2px 12px rgb(0 0 0 / .5)}@media (max-width:480px){.khazana-batch-section .khazana-subtopic-tab{padding:8px 16px;font-size:.85rem}}.khazana-batch-section .chapters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing)}@media (min-width:768px){.khazana-batch-section .chapters-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.khazana-batch-section .chapters-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.khazana-batch-section .chapters-grid{grid-template-columns:repeat(4,1fr)}}.khazana-batch-section .chapter-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;box-shadow:var(--card-shadow);transition:transform 0.2s ease,box-shadow 0.2s ease}.khazana-batch-section .chapter-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.khazana-batch-section .chapter-thumb-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-tertiary)}.khazana-batch-section .chapter-thumb-wrap .chapter-play-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.khazana-batch-section .chapter-thumb-wrap:hover .chapter-play-overlay{opacity:1}.khazana-batch-section .chapter-thumb-wrap .chapter-play-overlay i{font-size:2.5rem;color:#fff;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .4))}.khazana-batch-section .chapter-thumb-wrap .chapter-type-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:4px;font-size:.6875rem;font-weight:600;color:#fff;z-index:2}.khazana-batch-section .chapter-thumb-wrap .chapter-type-badge.video{background:var(--primary-color)}.khazana-batch-section .chapter-thumb-wrap .chapter-type-badge.note{background:#ef4444}.khazana-batch-section .chapter-thumb-wrap .chapter-type-badge.dpp{background:#f59e0b}.khazana-batch-section .chapter-thumb-wrap .chapter-duration-badge{position:absolute;bottom:8px;right:8px;padding:2px 6px;border-radius:4px;font-size:.6875rem;font-weight:600;color:#fff;background:rgb(0 0 0 / .75);z-index:2}.khazana-batch-section .chapter-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--bg-tertiary)}.khazana-batch-section .chapter-body{padding:var(--spacing)}.khazana-batch-section .chapter-body h5{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.khazana-batch-section .chapter-body p{font-size:.8125rem;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.khazana-batch-section .load-more-btn{display:block;width:100%;max-width:400px;margin:var(--spacing-lg) auto;padding:var(--spacing) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;text-align:center}.khazana-batch-section .load-more-btn:disabled{opacity:.5;cursor:not-allowed}.khazana-batch-section .khazana-skeleton{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing)}.khazana-batch-section .khazana-skeleton .skeleton-line{height:16px;background:var(--skeleton-bg,#e0e0e0);border-radius:4px;margin-bottom:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}.khazana-batch-section .khazana-skeleton .skeleton-line:last-child{width:60%}@keyframes skeleton-pulse{0%,100%{opacity:.4}50%{opacity:1}}.dark-mode .khazana-batch-section .khazana-skeleton .skeleton-line{background:var(--skeleton-bg-dark,#333)}.khazana-batch-section .khazana-back-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing);background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing)}.khazana-batch-section .all-lists-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md)}@media (max-width:1024px){.khazana-batch-section .all-lists-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.khazana-batch-section .all-lists-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}@media (max-width:768px){.khazana-batch-section .teachers-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.khazana-batch-section .list-card{min-width:240px;max-width:260px}.khazana-batch-section .chapters-grid{grid-template-columns:1fr}}.attachment-btn.exercise-btn{color:#10b981;background:rgb(16 185 129 / .06);border-color:rgb(16 185 129 / .12)}.attachment-btn.exercise-btn .attachment-count{background:rgb(16 185 129 / .15)}.dark-mode .attachment-btn.exercise-btn{background:rgb(16 185 129 / .1);border-color:rgb(16 185 129 / .2)}.dark-mode .attachment-btn.exercise-btn .attachment-count{background:rgb(16 185 129 / .2)}.attachments-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .75);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity 0.25s ease;padding:20px}.attachments-modal.visible{opacity:1}.attachments-modal-content{background:var(--card-bg);border-radius:12px;max-width:600px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px rgb(0 0 0 / .5);border:1px solid var(--card-border);transform:scale(.95);transition:transform 0.25s ease}.attachments-modal.visible .attachments-modal-content{transform:scale(1)}.attachments-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-color);background:linear-gradient(to bottom,rgb(90 75 218 / .03),transparent)}.attachments-modal-header h2{font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px;margin:0}.attachments-modal-header h2 i{color:var(--primary-color);font-size:1rem}.attachments-modal-header .close-modal{width:32px;height:32px;border-radius:8px;background:rgb(239 68 68 / .08);border:1px solid rgb(239 68 68 / .15);color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;font-size:.9rem}.attachments-modal-header .close-modal:active{transform:scale(.95)}.attachments-modal-subtitle{padding:10px 20px;font-size:.8rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:rgb(90 75 218 / .02);font-weight:500}.attachments-list{padding:16px 20px;overflow-y:auto;flex:1}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:10px;transition:all 0.2s ease}.attachment-item:last-child{margin-bottom:0}.attachment-item:active{transform:scale(.98)}.attachment-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.attachment-info i{font-size:1.4rem;color:#ef4444;flex-shrink:0}.attachment-title{font-size:.85rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.attachment-actions{display:flex;gap:6px;flex-shrink:0}.attachment-view-btn,.attachment-download-btn{width:34px;height:34px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;font-size:.85rem}.attachment-view-btn{background:rgb(59 130 246 / .08);color:#3b82f6;border:1px solid rgb(59 130 246 / .15)}.attachment-view-btn:active{transform:scale(.95)}.attachment-download-btn{background:rgb(16 185 129 / .08);color:#10b981;border:1px solid rgb(16 185 129 / .15)}.attachment-download-btn:active{transform:scale(.95)}.attachment-download-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.attachments-modal{padding:10px}.attachments-modal-content{max-height:90vh;border-radius:10px}.attachments-modal-header{padding:14px 16px}.attachments-modal-header h2{font-size:1.05rem}.attachments-modal-subtitle{padding:8px 16px;font-size:.75rem}.attachments-list{padding:12px 16px}.attachment-item{padding:10px 12px}.attachment-title{font-size:.8rem}.attachment-view-btn,.attachment-download-btn{width:32px;height:32px;font-size:.8rem}}@media (max-width:480px){.attachments-modal-header h2{font-size:.95rem;gap:8px}.attachment-info i{font-size:1.2rem}.attachment-title{font-size:.75rem}}.exercise-modal-content{max-width:700px;width:90%}.exercise-cards-container{padding:16px 20px;overflow-y:auto;flex:1;display:grid;gap:14px;max-height:70vh}.exercise-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all 0.2s ease}.exercise-card:active{transform:scale(.98)}.exercise-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:rgb(90 75 218 / .03);border-bottom:1px solid var(--border-color)}.exercise-number{width:36px;height:36px;border-radius:8px;background:rgb(90 75 218 / .1);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;border:1px solid rgb(90 75 218 / .2)}.exercise-status{padding:4px 12px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.exercise-status.pending{background:rgb(245 158 11 / .1);color:#f59e0b;border:1px solid rgb(245 158 11 / .2)}.exercise-status.completed{background:rgb(16 185 129 / .1);color:#10b981;border:1px solid rgb(16 185 129 / .2)}.exercise-content{padding:16px}.exercise-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 12px 0;line-height:1.4}.exercise-meta{display:flex;gap:16px;margin-bottom:14px;flex-wrap:wrap}.exercise-info{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.exercise-info i{color:var(--primary-color);font-size:.85rem}.exercise-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border-color)}.start-exercise-btn{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s ease}.start-exercise-btn:active{transform:scale(.96);opacity:.9}.start-exercise-btn:disabled{opacity:.6;cursor:not-allowed}.start-exercise-btn i{font-size:.9rem}.dark-mode .exercise-number{background:rgb(109 98 238 / .15);border-color:rgb(109 98 238 / .3)}@media (max-width:1024px){.exercise-modal-content{width:85%;max-width:650px}}@media (max-width:768px){.exercise-modal-content{width:92%;max-width:100%}.exercise-cards-container{padding:12px 14px;gap:12px;max-height:65vh}.exercise-header{padding:12px 14px}.exercise-number{width:32px;height:32px;font-size:.9rem}.exercise-status{padding:3px 10px;font-size:.65rem}.exercise-content{padding:14px}.exercise-title{font-size:.9rem;margin-bottom:10px}.exercise-meta{gap:12px}.exercise-info{font-size:.75rem}.exercise-footer{padding-top:10px}.start-exercise-btn{padding:9px 16px;font-size:.8rem}}@media (max-width:480px){.exercise-modal-content{width:95%;max-width:100%;margin:10px}.exercise-cards-container{padding:10px 12px;gap:10px;max-height:60vh}.exercise-header{padding:10px 12px}.exercise-number{width:28px;height:28px;font-size:.85rem}.exercise-status{padding:2px 8px;font-size:.6rem}.exercise-content{padding:12px}.exercise-title{font-size:.85rem;margin-bottom:8px}.exercise-meta{gap:10px;flex-direction:column;align-items:flex-start}.exercise-info{font-size:.7rem}.exercise-footer{padding-top:8px}.start-exercise-btn{width:100%;justify-content:center;padding:10px 14px;font-size:.8rem;gap:6px}}@media (max-width:360px){.exercise-modal-content{width:98%;margin:5px}.exercise-cards-container{padding:8px 10px;gap:8px}.exercise-title{font-size:.8rem}.exercise-info{font-size:.65rem;gap:4px}.start-exercise-btn{padding:8px 12px;font-size:.75rem}}.original-note-card,.original-dpp-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:var(--spacing);display:flex;flex-direction:column;border:1px solid var(--card-border);position:relative}.original-note-card::before,.original-dpp-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:1}.original-note-card .note-title,.original-dpp-card .dpp-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing);transition:color var(--transition-fast);position:relative;padding-left:24px}.original-note-card .note-title:before,.original-dpp-card .dpp-title:before{content:"\f15c";font-family:"Font Awesome 6 Free";font-weight:400;position:absolute;left:0;top:0;color:var(--primary-color);font-size:16px}.original-note-card .note-header,.original-dpp-card .dpp-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.original-note-card .note-actions,.original-dpp-card .dpp-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);margin-top:auto;background-color:rgb(90 75 218 / .05);padding:10px;border-radius:var(--border-radius-sm)}.original-note-card .pdf-icon,.original-dpp-card .pdf-icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(90 75 218 / .1);display:flex;align-items:center;justify-content:center;color:var(--primary-color);box-shadow:0 6px 20px rgb(90 75 218 / .2),0 4px 12px rgb(90 75 218 / .15);flex-shrink:0;min-width:2.5rem;min-height:2.5rem}.dark-mode .original-note-card .pdf-icon,.dark-mode .original-dpp-card .pdf-icon{box-shadow:0 8px 25px rgb(109 98 238 / .4),0 5px 15px rgb(109 98 238 / .3)}.original-note-card .download-btn,.original-dpp-card .download-btn{width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(90 75 218 / .1);display:flex;align-items:center;justify-content:center;color:var(--primary-color);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;box-shadow:0 6px 20px rgb(90 75 218 / .2),0 4px 12px rgb(90 75 218 / .15)}.dark-mode .original-note-card .download-btn,.dark-mode .original-dpp-card .download-btn{box-shadow:0 8px 25px rgb(109 98 238 / .4),0 5px 15px rgb(109 98 238 / .3)}.original-note-card .download-btn:hover,.original-dpp-card .download-btn:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px rgb(90 75 218 / .2)}.original-note-card .view-pdf-btn,.original-dpp-card .view-pdf-btn{width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(90 75 218 / .1);display:flex;align-items:center;justify-content:center;color:var(--primary-color);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);border:none;cursor:pointer;box-shadow:0 6px 20px rgb(90 75 218 / .2),0 4px 12px rgb(90 75 218 / .15)}.dark-mode .original-note-card .view-pdf-btn,.dark-mode .original-dpp-card .view-pdf-btn{box-shadow:0 8px 25px rgb(109 98 238 / .4),0 5px 15px rgb(109 98 238 / .3)}.original-note-card .view-pdf-btn:hover,.original-dpp-card .view-pdf-btn:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px rgb(90 75 218 / .2)}.original-note-card .view-pdf-btn i,.original-dpp-card .view-pdf-btn i{font-size:1rem}.original-lecture-card .completion-icon{display:flex!important;position:relative;margin-top:.75rem;margin-left:auto;margin-right:0;width:2rem;height:2rem;border-radius:50%;background-color:rgb(255 255 255 / .95);color:#333;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);opacity:1;z-index:10;box-shadow:0 6px 20px rgb(0 0 0 / .2),0 4px 12px rgb(0 0 0 / .15);border:2px solid #e9ecef;flex-shrink:0}.original-lecture-card .completion-icon i{font-size:.75rem;transition:all var(--transition-fast)}.original-lecture-card.completed .completion-icon{background-color:var(--success-color);color:#fff;opacity:1;box-shadow:0 8px 25px rgb(16 185 129 / .4),0 4px 15px rgb(16 185 129 / .3)}.dark-mode .original-lecture-card.completed .completion-icon{box-shadow:0 10px 30px rgb(16 185 129 / .6),0 6px 20px rgb(16 185 129 / .5)}@media (max-width:768px){.original-note-card .pdf-icon,.original-dpp-card .pdf-icon{width:2rem;height:2rem;min-width:2rem;min-height:2rem}.original-lecture-card .completion-icon{width:2.5rem;height:2.5rem}.original-lecture-card .completion-icon i{font-size:1rem}}@media (max-width:480px){.original-note-card .pdf-icon,.original-dpp-card .pdf-icon{width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem}}.load-more-topics-btn,.load-more-lectures-btn,.load-more-content-btn{display:flex;justify-content:center;align-items:center;padding:var(--spacing);width:100%}.load-more-topics-btn .btn-load-more,.load-more-lectures-btn .btn-load-more,.load-more-content-btn .btn-load-more{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--spacing-xs);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);box-shadow:0 6px 20px rgb(90 75 218 / .3),0 4px 12px rgb(90 75 218 / .2);display:flex;align-items:center;gap:8px;font-size:14px}.dark-mode .load-more-topics-btn .btn-load-more,.dark-mode .load-more-lectures-btn .btn-load-more,.dark-mode .load-more-content-btn .btn-load-more{box-shadow:0 8px 25px rgb(109 98 238 / .5),0 5px 15px rgb(109 98 238 / .4)}.load-more-topics-btn .btn-load-more.loading,.load-more-lectures-btn .btn-load-more.loading,.load-more-content-btn .btn-load-more.loading{position:relative;color:#fff0;pointer-events:none}.load-more-topics-btn .btn-load-more.loading::after,.load-more-lectures-btn .btn-load-more.loading::after,.load-more-content-btn .btn-load-more.loading::after{content:"";position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;margin-top:-.75rem;margin-left:-.75rem;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:rotation 1s linear infinite}.khazana-lecture-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;border:1px solid var(--card-border);position:relative;cursor:pointer}.khazana-lecture-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--bg-secondary)}.khazana-lecture-image-wrapper img{width:100%;height:100%;object-fit:cover}.khazana-lecture-meta{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);background:rgb(0 0 0 / .8);color:#fff;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;z-index:2}.khazana-meta-item{display:flex;align-items:center;gap:4px}.khazana-meta-item i{font-size:.7rem}.khazana-lecture-content{padding:var(--spacing);background:linear-gradient(to bottom,rgb(90 75 218 / .03),transparent);border-top:1px solid var(--card-border)}.khazana-lecture-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.khazana-lecture-date{font-size:.8125rem;color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:6px}.khazana-lecture-date i{font-size:.75rem;opacity:.7}.khazana-lecture-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--card-border)}.khazana-lecture-duration{font-size:.8125rem;color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.khazana-lecture-duration i{font-size:.75rem}.khazana-note-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;border:1px solid var(--card-border);position:relative;padding:var(--spacing);display:flex;align-items:center;gap:var(--spacing);cursor:pointer}.khazana-note-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,transparent 50%,rgb(0 0 0 / .03) 100%);border-radius:var(--border-radius);pointer-events:none;z-index:0}.khazana-note-header{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;position:relative;z-index:1}.khazana-pdf-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgb(239 68 68 / .3)}.khazana-pdf-icon i{color:#fff;font-size:1.25rem}.khazana-note-info{flex:1;min-width:0}.khazana-note-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.khazana-note-filename{font-size:.75rem;color:var(--text-tertiary);margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.khazana-note-teacher{font-size:.7rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:4px}.khazana-note-teacher i{font-size:.65rem;opacity:.8}.khazana-note-actions{display:flex;align-items:center;gap:var(--spacing-xs);position:relative;z-index:1}.khazana-btn-icon{width:2rem;height:2rem;border-radius:50%;background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (max-width:1024px){.khazana-lecture-card{display:flex;flex-direction:row;align-items:stretch}.khazana-lecture-image-wrapper{width:160px;min-width:160px;aspect-ratio:auto;height:auto;border-radius:var(--border-radius);overflow:hidden}.khazana-lecture-image-wrapper img{border-radius:var(--border-radius);object-fit:cover}.khazana-lecture-content{flex:1;border-top:none;border-left:1px solid var(--card-border);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing)}.khazana-lecture-meta{position:absolute;bottom:4px;right:4px;padding:2px 6px;font-size:.6875rem}.khazana-meta-item i{font-size:.625rem}.khazana-lecture-title{font-size:.9375rem;-webkit-line-clamp:3;margin-left:0}.khazana-lecture-date{display:none}.khazana-lecture-footer{display:none}}@media (max-width:768px){.khazana-lecture-image-wrapper{width:140px;min-width:140px;border-radius:var(--border-radius)}.khazana-lecture-image-wrapper img{border-radius:var(--border-radius)}.khazana-lecture-content{padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-sm)}.khazana-lecture-title{font-size:.875rem;margin-left:0}.khazana-pdf-icon{display:none}}@media (max-width:480px){.khazana-lecture-image-wrapper{width:120px;min-width:120px;border-radius:var(--border-radius)}.khazana-lecture-image-wrapper img{border-radius:var(--border-radius)}.khazana-lecture-content{padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-sm)}.khazana-lecture-title{font-size:.8125rem;margin-left:0}.khazana-lecture-meta{padding:2px 6px}.khazana-meta-item{font-size:.625rem}.khazana-meta-item i{font-size:.5625rem}}.khazana-video-mapping-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s ease}.khazana-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .7)}.khazana-modal-content{position:relative;background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 20px 60px rgb(0 0 0 / .3);max-width:900px;width:90%;max-height:90vh;overflow-y:auto;z-index:1;animation:slideUp 0.3s ease}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.khazana-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:2px solid var(--card-border);background:linear-gradient(135deg,rgb(90 75 218 / .1) 0%,transparent 100%);position:sticky;top:0;z-index:10}.khazana-modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.khazana-modal-header h2 i{color:var(--primary-color)}.khazana-modal-close{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-tertiary);border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.khazana-modal-close:hover{background:var(--primary-color);color:#fff;transform:rotate(90deg)}.khazana-modal-body{padding:var(--spacing-lg)}.khazana-info-section{margin-bottom:var(--spacing-xl)}.khazana-info-section:last-child{margin-bottom:0}.khazana-info-section h3{font-size:1.125rem;color:var(--text-primary);margin:0 0 var(--spacing) 0;display:flex;align-items:center;gap:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--card-border)}.khazana-info-section h3 i{color:var(--primary-color);font-size:1rem}.khazana-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing)}.khazana-info-item{background:var(--bg-secondary);padding:var(--spacing);border-radius:var(--border-radius);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:var(--spacing-xs)}.khazana-info-item label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.khazana-info-item span{font-size:.9375rem;color:var(--text-primary);font-weight:500}.khazana-code{display:block;background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-family:"Courier New",monospace;font-size:.8125rem;color:var(--primary-color);word-break:break-all;border:1px solid var(--card-border)}.khazana-copy-btn{align-self:flex-start;margin-top:var(--spacing-xs);padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.8125rem;display:flex;align-items:center;gap:6px;transition:all 0.2s ease}.khazana-copy-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.khazana-copy-btn:active{transform:translateY(0)}.khazana-api-urls{display:flex;flex-direction:column;gap:var(--spacing)}.khazana-api-item{background:var(--bg-secondary);padding:var(--spacing);border-radius:var(--border-radius);border:1px solid var(--card-border)}.khazana-api-item label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.khazana-url-box{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid var(--card-border)}.khazana-url-box code{flex:1;font-family:"Courier New",monospace;font-size:.75rem;color:var(--primary-color);word-break:break-all;line-height:1.5}.khazana-url-box .khazana-copy-btn{margin:0;flex-shrink:0}.khazana-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgb(90 75 218 / .9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:3}.khazana-play-overlay i{color:#fff;font-size:2rem}.khazana-lecture-card:hover .khazana-play-overlay{opacity:1}@media (max-width:1024px){.khazana-play-overlay{display:none}}@media (max-width:768px){.khazana-modal-content{width:95%;max-height:95vh}.khazana-modal-header{padding:var(--spacing)}.khazana-modal-header h2{font-size:1.25rem}.khazana-modal-body{padding:var(--spacing)}.khazana-info-grid{grid-template-columns:1fr}.khazana-url-box{flex-direction:column;align-items:stretch}.khazana-url-box .khazana-copy-btn{width:100%;justify-content:center}}@media (max-width:480px){.khazana-modal-header h2{font-size:1.125rem}.khazana-info-section h3{font-size:1rem}}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.test-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);transition:all var(--transition);display:flex;flex-direction:column;gap:var(--spacing);position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.test-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.test-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.test-status-tag{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.test-status-live{background:rgb(16 185 129 / .1);color:#10b981}.test-status-expired{background:rgb(239 68 68 / .1);color:#ef4444}.test-status-upcoming{background:rgb(59 130 246 / .1);color:#3b82f6}.test-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.test-info-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.test-info-value{font-size:1rem;font-weight:700;color:var(--primary-color)}.test-info-label{font-size:.7rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase}.test-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing)}.test-time-info{display:flex;flex-direction:column;gap:2px}.test-time-label{font-size:.75rem;color:var(--text-tertiary)}.test-time-value{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.test-action-btn{padding:10px 20px;background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-weight:600;font-size:.9rem;transition:all var(--transition-fast);text-align:center;border:none}.test-action-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.test-filters-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.test-filter-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);overflow-x:auto;scrollbar-width:none}.test-filter-group::-webkit-scrollbar{display:none}.test-filter-chip{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.test-filter-chip.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px rgb(90 75 218 / .3)}.test-type-toggle{display:flex;background:var(--bg-tertiary);padding:4px;border-radius:8px;align-self:flex-start}.test-type-btn{padding:6px 20px;border-radius:6px;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.test-type-btn.active{background:#fff;color:var(--primary-color);box-shadow:0 2px 8px rgb(0 0 0 / .1)}.dark-mode .test-type-btn.active{background:var(--bg-primary);color:var(--primary-color)}.weekly-schedule-top-btn{position:absolute!important;top:15px!important;right:15px!important;z-index:10;padding:8px 16px!important;font-size:0.85rem!important;border-radius:8px!important}@media (max-width:768px){.weekly-schedule-top-btn{top:10px!important;right:10px!important;padding:6px 12px!important;font-size:0.75rem!important}}.weekly-schedule-page{padding:20px;background:var(--bg-secondary);border-radius:12px}.schedule-page-body{display:flex;gap:30px;margin-top:20px}.calendar-sidebar{flex:0 0 320px;display:flex;flex-direction:column;gap:20px}.calendar-compact{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;box-shadow:var(--card-shadow)}.calendar-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header-compact h3{font-size:1.1rem;font-weight:700;margin:0}.calendar-nav-btn-compact{background:var(--bg-tertiary);border:none;border-radius:8px;width:32px;height:32px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all 0.2s}.calendar-nav-btn-compact:hover{background:var(--primary-color);color:#fff}.calendar-grid-compact{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day-header{text-align:center;font-size:.8rem;font-weight:700;color:var(--text-secondary);padding:5px 0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;border-radius:8px;cursor:pointer;transition:all 0.2s;position:relative}.calendar-day:hover:not(.disabled){background:var(--bg-tertiary)}.calendar-day.today{color:var(--primary-color);font-weight:800;background:rgb(90 75 218 / .1)}.calendar-day.selected{background:var(--primary-color)!important;color:white!important;font-weight:700}.calendar-day.has-schedule::after{content:"";position:absolute;bottom:4px;width:4px;height:4px;background:var(--accent-color);border-radius:50%}.calendar-day.disabled{opacity:.3;cursor:default}.subject-dropdown-filter{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;box-shadow:var(--card-shadow)}.subject-dropdown-filter label{display:block;font-weight:700;margin-bottom:15px;font-size:1rem;color:var(--text-primary)}.subject-checkbox-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto}.subject-checkbox-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:8px;transition:all 0.2s}.subject-checkbox-item:hover{background:var(--bg-tertiary)}.subject-checkbox-item input{width:18px;height:18px;cursor:pointer}.schedule-content-area{flex:1}.schedule-date-header-page{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.schedule-date-header-page i{color:var(--primary-color)}@media (max-width:992px){.schedule-page-body{flex-direction:column}.calendar-sidebar{flex:1}}.subjects-grid,.lectures-grid,.notes-grid,.dpp-grid,.batch-cards-grid,.announcements-list,.content-grid{contain:layout style}@media (min-width:769px){.subjects-grid,.lectures-grid,.batch-cards-grid{content-visibility:auto;contain-intrinsic-size:0 300px}}.app-header,.bottom-nav,.modal,.drawer,.toast-notification{transform:translateZ(0);-webkit-transform:translateZ(0)}@media (max-width:768px){.batch-card,.subject-card,.lecture-card,.content-card,.note-card,.dpp-card{transition:box-shadow 0.15s ease}.tab-btn{transition:background-color 0.15s ease,color 0.15s ease}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}.skeleton-card::after,.skeleton-title::after,.skeleton-text::after,.skeleton-image::after,.skeleton-button::after{animation:none!important;background:var(--skeleton-bg)!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}img{image-rendering:auto;decoding:async}.content-end-msg{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin:1.25rem auto .25rem;color:var(--success-color);font-size:.875rem;font-weight:500;opacity:.85}.content-end-msg i{font-size:1rem}[id^="content-load-more-"]{margin-top:var(--spacing-md)}.khazana-teacher-nav{width:100%;margin-bottom:var(--spacing);padding:8px 0;overflow:hidden}.teacher-nav-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 10px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.teacher-nav-scroll::-webkit-scrollbar{display:none;height:0}.teacher-nav-scroll::-webkit-scrollbar-track{background:#fff0}.teacher-nav-scroll::-webkit-scrollbar-thumb{background:rgb(90 75 218 / .2);border-radius:10px;transition:background 0.3s}.teacher-nav-scroll::-webkit-scrollbar-thumb:hover{background:rgb(90 75 218 / .45)}.khazana-teacher-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:6px;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all 0.25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 5px rgb(0 0 0 / .03);outline:none}.khazana-teacher-chip:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgb(90 75 218 / .05);transform:translateY(-1px);box-shadow:0 4px 8px rgb(0 0 0 / .06)}.khazana-teacher-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px rgb(90 75 218 / .28)}.teacher-chip-img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid currentColor;background:var(--bg-tertiary)}.teacher-chip-placeholder{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:700;border:1.5px solid currentColor}.khazana-teacher-chip.active .teacher-chip-placeholder{background:rgb(255 255 255 / .25);color:#fff}