body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.top-nav{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;height:100%;width:100%}.top-nav-left{flex-shrink:0}.top-nav-center{display:flex;justify-content:center}.top-nav-center .d-flex{max-width:600px;width:100%}.top-nav-center .form-control{border-radius:25px}.top-nav-right{flex-shrink:0;gap:1rem;position:relative;z-index:100}.sidebar-toggle,.top-nav-right{align-items:center;display:flex}.sidebar-toggle{background:none;background-color:#d5d7d8;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;font-size:1.5rem;justify-content:center;padding:8px;transition:background-color .2s ease}.sidebar-toggle:hover{background-color:#d1d5da}.nav-link-top{align-items:center;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;padding:8px;position:relative;text-decoration:none;z-index:101}.nav-link-top.active,.nav-link-top:hover{background-color:#ffffff1a;color:var(--primary-color)}.profile-link{display:block}.profile-pic{object-fit:cover}.profile-pic,.profile-pic-icon{border-radius:50%;height:36px;width:36px}.profile-pic-icon{background-color:#ccc;color:#fff}.notification-bell{color:var(--text-color);position:relative;text-decoration:none}.notification-badge{background-color:red;border:1px solid var(--top-nav-bg);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;padding:2px 5px;position:absolute;right:-8px;top:-5px}.sidenav{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:calc(100vh - 60px);left:0;position:fixed;top:60px;transition:width .3s ease;z-index:1020}.sidenav.open{width:240px}.sidenav.closed{width:80px}.sidenav-scroll-container{-ms-overflow-style:none;flex-grow:1;overflow-x:hidden;overflow-y:auto}.sidenav-scroll-container::-webkit-scrollbar{display:none}.sidenav ul{list-style:none;margin:0;padding:0}.sidenav li .button-link,.sidenav li a{align-items:center;color:var(--text-color);display:flex;gap:20px;padding:12px 28px;text-decoration:none;white-space:nowrap}.sidenav.closed li .button-link,.sidenav.closed li a{gap:0;justify-content:center;padding:12px 0}.sidenav li .button-link:hover,.sidenav li a:hover{background-color:var(--hover-bg)}.sidenav li a.active{background-color:var(--active-bg);font-weight:700}.sidenav li .button-link span,.sidenav li a span{opacity:1;transition:opacity .2s ease}.sidenav.closed li .button-link span,.sidenav.closed li a span{display:none;opacity:0}.sidenav-badge{background-color:red;border-radius:10px;color:#fff;font-size:.8rem;margin-left:auto;padding:2px 8px}.accordion-item .accordion-header{text-align:left;width:100%}@media (max-width:767px){.sidenav{transform:translateX(-100%);transition:transform .3s ease;width:240px}.sidenav.open{transform:translateX(0)}}.accordion-content{background-color:#f0f0f0;background-color:var(--accordion-bg,#f0f0f0)}.accordion-content .form-control{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid var(--border-color);color:var(--text-color)}.channel-list{list-style:none;margin:0;padding:0}.channel-link{align-items:center;display:flex!important;gap:15px!important;padding:8px 15px!important;white-space:normal}.channel-image,.channel-image-placeholder{border-radius:50%;flex-shrink:0;height:24px;object-fit:cover;width:24px}.channel-image-placeholder{background-color:#ccc}.channel-image-container{display:inline-block;position:relative}.online-indicator-sidenav{background-color:#28a745;border:2px solid var(--sidebar-bg);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.ai-modal .modal-body{padding:0}.ai-chat-body{display:flex;flex-direction:column;gap:1rem;height:60vh;overflow-y:auto;padding:1rem}.ai-chat-body .message{display:flex;gap:.75rem;max-width:80%}.ai-chat-body .message.user{align-self:flex-end;flex-direction:row-reverse}.ai-chat-body .message.ai{align-self:flex-start}.ai-chat-body .message-icon{align-items:center;background-color:#f1f3f5;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ai-chat-body .message-text{background-color:#e9ecef;border-radius:.5rem;padding:.75rem;white-space:pre-wrap;word-break:break-word}.ai-chat-body .message.user .message-text{background-color:#0d6efd;color:#fff}:root{--sidebar-bg:#f8f9fa;--text-primary:#333;--text-secondary:#555;--border-color:#ddd;--border-color-light:#ccc;--search-bg:#f7f7f7;--accent-color:#000;--accent-text-color:#fff}@supports (scroll-behavior:smooth){html{scroll-behavior:smooth}}body{margin:0;padding:0}.app-container{background:#fff;font-family:Poppins,sans-serif;min-height:100vh}.home-body{display:flex}.home-sidebar{flex:0 0 240px}.home-main-content{flex:1 1;overflow-y:auto;padding:2px}.sticky-header{background-color:#fff;box-shadow:0 2px 4px #0000000d;top:0;z-index:1020}.search-bar{background:var(--background-primary);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);margin:0;padding-bottom:4px}.search-input{background:#f7f7f7;background:var(--search-bg);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:18px;color:#333;color:var(--text-primary);font-size:.9rem;margin:0 auto;max-width:400px;padding:4px 12px;transition:border-color .3s,box-shadow .3s;width:90%}.search-input:focus{border-color:#000;border-color:var(--accent-color);box-shadow:0 0 0 2px #0000001a;outline:none}.category-bar{-ms-overflow-style:none;background:var(--background-primary);flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:8px 6px 4px;white-space:nowrap}@supports (scrollbar-width:none){.category-bar{scrollbar-width:none}}.category-bar::-webkit-scrollbar{display:none}.category-btn{align-items:center;background:#0000;border:none;border-radius:20px;color:#555;display:flex;flex:0 0 auto;font-size:.8rem;gap:5px;margin:0 2px;padding:5px 10px;transition:.3s}.category-btn.active,.category-btn:hover{background:#000;background:var(--accent-color);color:#fff;color:var(--accent-text-color)}.category-btn:focus-visible{outline:2px solid #000;outline:2px solid var(--accent-color);outline-offset:2px}.after-nav{padding:10px}.latest-videos-section{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color)}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.latest-videos-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-bottom:1.5rem}.latest-video-card{background:#0000;border-radius:2px;cursor:pointer;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.latest-video-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-5px)}.latest-video-thumbnail-container{height:0;overflow:hidden;padding-top:56.25%;position:relative;width:100%}@supports (aspect-ratio:16/9){.latest-video-thumbnail-container{aspect-ratio:16/9;height:auto;padding-top:0}}.latest-video-thumbnail{border-bottom:1px solid #eee;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.latest-video-info{align-items:center;display:flex;gap:12px;padding:10px;position:relative}.latest-video-channel-pic-container{flex-shrink:0}.latest-video-channel-pic{border-radius:50%;height:40px;object-fit:cover;overflow:hidden;width:40px}.latest-video-text{align-items:center;display:flex;flex-grow:1;justify-content:space-between;min-width:0}.latest-video-title{font-size:.85rem;font-weight:600;margin-bottom:2px!important}.latest-video-channel-name,.latest-video-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-video-channel-name{color:#666;font-size:.8rem}.latest-video-stats{flex-shrink:0}.latest-video-meta{min-width:0}.close-player-btn{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:24px;line-height:22px;padding:0;position:absolute;right:5px;text-align:center;top:5px;width:24px}.movie-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.movie-card{border-radius:2px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease}.movie-card-placeholder{align-items:center;background-color:#e0e0e0;border-radius:10px;color:#606060;display:flex;height:220px;justify-content:center;width:100%}.movie-card img{height:220px;object-fit:cover;width:100%}.movie-card:hover{transform:scale(1.05)}@media (max-width:768px){.home-body{flex-direction:column}.home-sidebar{flex:1 1 100%;padding:0 1rem}.movie-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.movie-card img,.movie-card-placeholder{height:150px}.channel-page .latest-video-thumbnail-container{min-width:280px}.category-btn{font-size:.7rem;padding:3px 8px}}@media (max-width:576px){.search-input{max-width:none;width:100%}}@media (max-width:768px){.movie-accordion-header h4{font-size:1.1rem;margin-bottom:0}}.home-post-card{background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color);display:flex;flex-direction:column}.home-post-content{flex-grow:1}.home-post-card-image{background-color:#f0f2f5;border-radius:4px;max-height:400px;object-fit:contain;width:100%}@media (max-width:576px){.home-post-card,.latest-video-card{overflow:visible!important}.home-post-card-image,.latest-video-thumbnail-container,.video-js{border-radius:0;left:50%;max-width:none;position:relative;transform:translateX(-50%);width:100vw!important}.video-js{height:auto}}.skeleton-loader{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:200% 100%;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.video-card-skeleton{display:flex;flex-direction:column;gap:12px;padding:0}.video-thumbnail-skeleton{display:block!important}.video-info-skeleton{display:flex;flex-direction:column;gap:8px;padding:8px}.video-subtitle-skeleton,.video-title-skeleton{display:block!important}.video-meta-skeleton{display:flex;gap:12px;margin-top:8px}.video-meta-skeleton>div{flex:1 1}.video-grid-skeleton{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}@media (max-width:1200px){.video-grid-skeleton{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.video-grid-skeleton{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.video-grid-skeleton{grid-template-columns:1fr}}.post-card-skeleton{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.post-header-skeleton{align-items:flex-start;display:flex;gap:12px}.post-avatar-skeleton{flex-shrink:0}.post-user-info-skeleton{display:flex;flex:1 1;flex-direction:column;gap:6px}.post-content-skeleton,.post-name-skeleton,.post-time-skeleton{display:block!important}.post-actions-skeleton{border-top:1px solid #f0f0f0;display:flex;gap:16px;padding-top:8px}.post-actions-skeleton>div{flex:1 1}.posts-section-skeleton{display:flex;flex-direction:column;gap:16px;width:100%}.product-card-skeleton{border-radius:8px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.product-image-skeleton{display:block!important}.product-info-skeleton{display:flex;flex-direction:column;gap:8px;padding:12px}.product-desc-skeleton,.product-name-skeleton,.product-price-skeleton{display:block!important}.product-carousel-skeleton{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}@media (max-width:768px){.product-carousel-skeleton{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.product-carousel-skeleton{grid-template-columns:1fr}}.channel-header-skeleton{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:24px;padding-bottom:24px}.channel-banner-skeleton{display:block!important}.channel-header-info-skeleton{align-items:flex-start;display:flex;gap:24px}.channel-avatar-skeleton{flex-shrink:0}.channel-details-skeleton{display:flex;flex:1 1;flex-direction:column;gap:12px}.channel-handle-skeleton,.channel-name-skeleton{display:block!important}.channel-stats-skeleton{display:flex;gap:24px;padding-top:12px}.channel-stats-skeleton>div{flex:0 1 120px}.follower-item-skeleton{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:12px;padding:12px}.follower-avatar-skeleton{flex-shrink:0}.follower-info-skeleton{display:flex;flex:1 1;flex-direction:column;gap:6px}.follower-handle-skeleton,.follower-name-skeleton{display:block!important}.follower-grid-skeleton{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width:768px){.follower-grid-skeleton{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.follower-grid-skeleton{grid-template-columns:1fr}}.section-skeleton{display:flex;flex-direction:column;gap:16px;padding:20px}.section-title-skeleton{display:block!important}.section-content-skeleton{display:flex;flex-direction:column;gap:12px}.section-item-skeleton{display:block!important}.skeleton-loading{opacity:.8;pointer-events:none}.user-profile{margin:0 auto;max-width:1200px;padding:20px}.profile-header{align-items:center;display:flex;gap:20px;margin-bottom:2rem}.profile-pic,.profile-pic-icon{border-radius:50%;box-shadow:0 4px 12px #0000001a;height:40px;object-fit:cover;width:40px}.profile-pic-icon{align-items:center;background-color:#f0f0f0;color:#6c757d;display:flex;justify-content:center}.user-profile h2,.user-profile h3{margin-bottom:1rem}.followed-channels-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(10,1fr)}.followed-channel-item{align-items:center;display:flex;flex-direction:column}.followed-channel-image,.followed-channel-image-placeholder{border-radius:50%;height:80px;object-fit:cover;width:80px}.followed-channel-image-placeholder{align-items:center;background-color:#f0f0f0;color:#6c757d;display:flex;justify-content:center}.followed-channel-name{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width:576px){.followed-channels-list{grid-template-columns:repeat(4,1fr)}}.create-channel-page{margin:0 auto;max-width:500px;padding:20px}.image-preview-container{margin-bottom:15px}.image-preview{border-radius:50%;height:120px;width:120px}.create-channel-page h2{margin-bottom:20px}.create-channel-page form{display:flex;flex-direction:column;gap:10px;max-width:400px}.create-channel-page input{border:1px solid #ddd;border-radius:5px;padding:10px}.create-channel-page button{background-color:#10a37f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.channel-page-container{display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0;width:100%}.channel-header-card{background-color:#f8f9fa;border-radius:7px;box-shadow:0 4px 12px #0000000d;margin:1rem 1rem 2rem;padding:5px}.channel-identity{align-items:center;display:flex;gap:15px;width:100%}.accordion-button:not(.collapsed){background-color:initial;box-shadow:none;color:inherit}.accordion-button:focus{border-color:rgba(0,0,0,.125);box-shadow:none}.accordion-button{padding-bottom:.5rem;padding-top:.5rem}.accordion-body{padding-bottom:.75rem;padding-top:.75rem}.accordion-button:after,.accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}.channel-info-main{flex-grow:1}.channel-profile-pic{object-fit:cover}.channel-profile-pic,.channel-profile-pic-icon{border:3px solid #eee;border-radius:50%;height:80px;width:80px}.channel-profile-pic-icon{align-items:center;background-color:#e0e0e0;color:#606060;display:flex;justify-content:center}.channel-name{color:#333;font-size:1.8rem;font-weight:700;margin:0}.channel-stats{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:.9rem;gap:5px}.stat-divider{color:#ccc;margin:0 2px}.star-rating .star{cursor:pointer;font-size:1.2rem}.rating-text{margin-left:5px}.channel-actions-group{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.channel-socials{display:flex;gap:10px}.social-icon{color:#007bff;transition:color .2s ease}.social-icon:hover{color:#0056b3}.social-icon-link{align-items:center;display:flex;font-size:1.3rem;justify-content:center;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.social-icon-link:hover{opacity:.9;transform:scale(1.15)}.social-icon-link.facebook{color:#1877f2}.social-icon-link.instagram{color:#e1306c}.social-icon-link.youtube{color:red}.social-icon-link.linkedin{color:#0077b5}.social-icon-link.whatsapp{color:#25d366}.social-icon-link.other,.social-icon-link.website{color:#6c757d}.social-icon-link:visited{color:inherit}.notification{background-color:#d4edda;border-radius:8px;color:#155724;margin-bottom:20px;padding:10px;text-align:center}.form-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}.form-container h3{color:#333;margin-bottom:20px}.image-preview-container{margin-bottom:10px;text-align:center}.image-preview{border:1px solid #ddd;border-radius:4px;max-height:150px;max-width:145px;object-fit:cover}.video-section-layout{margin-bottom:20px}.main-video-player-col{padding-right:0}.main-video-container{background-color:#fff;border-radius:1px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;overflow:hidden}.video-embed{border-radius:1px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.video-accordion-item .accordion-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;color:#333;font-weight:600;padding:10px 15px}.video-accordion-item .accordion-body{padding:5px}.video-info .video-description{color:#555;font-size:.95rem;margin-bottom:10px}.video-info .video-meta{color:#777;font-size:.8rem;margin-bottom:15px}.video-interactions{display:flex;gap:10px;margin-bottom:20px}.interaction-btn{align-items:center;border-radius:5px;display:flex;font-size:.9rem;gap:5px;padding:5px 10px}.interaction-count{margin-left:5px}.video-comments-section .comment-form{display:flex;gap:10px;margin-bottom:20px}.video-comments-section .comment-form input,.video-comments-section .comment-form textarea{border:1px solid #ddd;border-radius:5px;flex-grow:1;padding:8px}.video-comments-section .comments-list{border-top:1px solid #eee;padding-top:15px}.video-comments-section .comment,.video-comments-section .reply{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:10px;padding:10px}.video-comments-section .comment strong,.video-comments-section .reply strong{color:#333}.video-comments-section .comment-actions{margin-top:5px}.video-comments-section .comment-actions .btn{font-size:.8rem;padding:2px 5px}.video-comments-section .replies-container{border-left:2px solid #eee;margin-left:20px;margin-top:10px;padding-left:10px}.video-playlist-col{padding-left:15px}.video-playlist-col h4{color:#333;margin-bottom:15px}.video-list{display:flex;flex-direction:column;gap:10px}.playlist-item{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .2s ease,border-color .2s ease}.playlist-item:hover{background-color:#e2e6ea}.playlist-item.active{background-color:#e0f2f7;border-color:#007bff}.playlist-item-thumbnail{border-radius:4px;flex-shrink:0;height:90px;object-fit:cover;width:160px}.playlist-item-info{flex-grow:1;overflow:hidden}.playlist-item-title{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-views{color:#6c757d;font-size:.7rem}.playlist-item-actions{display:flex;flex-shrink:0;gap:5px}.playlist-item-actions .btn{font-size:.7rem;padding:.1rem .2rem}.product-section{background-color:#fff;border-radius:5px;box-shadow:0 4px 12px #0000000d;margin-top:5px;padding:20px}.product-section .section-title{color:#333;margin-bottom:10px}.product-card{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-3px)}.product-card-link{color:inherit;text-decoration:none}.product-card-image{height:150px;object-fit:cover;width:100%}.product-card-category{color:#6c757d;font-size:.85rem;margin-bottom:5px}.product-card-price{color:#007bff;font-size:1.1rem;font-weight:600}.product-card-actions{border-top:1px solid #e9ecef;display:flex;justify-content:space-around;padding:10px}.product-card-actions .btn{font-size:.85rem}.video-feed-list-item{border-radius:5px;padding:8px;transition:background-color .2s ease}.video-feed-list-item:hover{background-color:#f8f9fa}.video-feed-list-thumbnail{border-radius:6px;height:250px;object-fit:cover;width:510px}.video-feed-list-title{font-size:1rem;font-weight:600}.video-feed-list-channel-logo{border-radius:50%;height:24px;object-fit:cover;width:24px}@media (max-width:768px){.channel-header{align-items:flex-start;flex-direction:column}.video-feed-list-thumbnail{border-radius:6px;height:100px;object-fit:cover;width:210px}.channel-header-actions,.channel-stats{justify-content:flex-start}.channel-header-actions{width:100%}.channel-header-actions .btn{font-size:.8rem;padding:6px 12px}.main-video-player-col{margin-bottom:20px}.main-video-player-col,.video-playlist-col{padding-left:15px;padding-right:15px}}.channel-nav-link{border-bottom:3px solid #0000;color:#6c757d;font-weight:500;padding:8px 16px;text-decoration:none;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.channel-nav-link:hover{color:#343a40}.channel-nav-link.active{border-bottom-color:#0d6efd;color:#0d6efd;font-weight:700}.channel-header-actions{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}@media (min-width:768px){.channel-header-actions{justify-content:flex-end;width:auto}}.channel-header-actions .btn{align-items:center;border-radius:20px;border-width:2px;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:.375rem 1rem;transition:all .2s ease-in-out}.channel-header-actions .btn:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.channel-content-container{min-height:400px;position:relative}.suggested-channels-section{background-color:#fdfdfd;border-bottom:1px solid #e9ecef;border-top:1px solid #e9ecef;padding:1rem 0}.suggested-channels-section .section-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-left:1rem}.suggested-channel-link{border-radius:8px;color:inherit;display:block;flex-shrink:0;padding:.5rem;transition:background-color .2s ease;width:120px}.suggested-channel-link:hover{background-color:#f1f1f1;color:inherit}.suggested-channel-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:80px;object-fit:cover;width:80px}.suggested-channel-name{color:#333;font-size:.85rem;font-weight:600}.horizontal-scroll-container{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;overflow-x:auto}.horizontal-scroll-container::-webkit-scrollbar{display:none}.dashboard-stats-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.dashboard-stat-card{background-color:#fff;border-left:5px solid #007bff;border-radius:8px;box-shadow:0 4px 12px #0000000d;flex:1 1;min-width:220px;padding:20px;transition:transform .2s ease}.dashboard-stat-card:hover{transform:translateY(-2px)}.dashboard-stat-card.earnings{border-left-color:#28a745}.dashboard-stat-card.views{border-left-color:#17a2b8}.stat-card-title{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-card-value{color:#333;font-size:1.75rem;font-weight:700;line-height:1.2}.dashboard-stat-card.earnings .stat-card-value{color:#28a745}.stat-card-progress{background-color:#e9ecef;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.stat-card-progress-bar{border-radius:3px;height:100%}.dashboard-stat-card.earnings .stat-card-progress-bar{background-color:#28a745}.dashboard-stat-card.views .stat-card-progress-bar{background-color:#17a2b8}.dashboard-stat-card.watch-time{border-left-color:#6f42c1}.dashboard-stat-card.watch-time .stat-card-progress-bar,.dashboard-stat-card.watch-time .stat-card-value{background-color:#6f42c1;color:#6f42c1}.dashboard-stat-card.engagement{border-left-color:#fd7e14}.dashboard-stat-card.engagement .stat-card-progress-bar,.dashboard-stat-card.engagement .stat-card-value{background-color:#fd7e14;color:#fd7e14}.highlight-post{animation:highlight-animation 2s ease-out;border-color:var(--bs-primary)!important;box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.5)}@keyframes highlight-animation{0%{border-color:var(--bs-primary)!important;box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.5)}to{border-color:var(--bs-card-border-color);box-shadow:none}}.emoji-sticker-picker{display:inline-block;position:relative}.emoji-picker-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:5px 8px;transition:all .2s ease}.emoji-picker-btn:hover{background-color:#f0f0f0;color:#333;transform:scale(1.1)}.emoji-sticker-popup{animation:slideUp .2s ease;background:#fff;border:1px solid #ddd;border-radius:8px;bottom:40px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;max-height:400px;position:absolute;width:320px;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.picker-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px}.picker-tabs{display:flex;gap:0}.picker-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.picker-tabs .tab.active{border-bottom-color:#4f46e5;color:#4f46e5}.picker-tabs .tab:hover{color:#333}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1rem;padding:4px 8px}.close-btn:hover{color:#333}.picker-content{flex:1 1;overflow-y:auto;padding:8px}.emoji-grid,.sticker-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,1fr)}.emoji-btn,.sticker-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1.8rem;justify-content:center;min-height:40px;padding:8px;transition:all .2s ease}.emoji-btn:hover,.sticker-btn:hover{background-color:#f0f0f0;transform:scale(1.2)}.emoji-btn:active,.sticker-btn:active{transform:scale(.95)}.picker-content::-webkit-scrollbar{width:6px}.picker-content::-webkit-scrollbar-track{background:#0000}.picker-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.picker-content::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:480px){.emoji-sticker-popup{max-height:350px;width:280px}.emoji-grid,.sticker-grid{grid-template-columns:repeat(5,1fr)}}.comment-profile-pic{border-radius:50%;height:32px;object-fit:cover;width:32px}.comment-user-link{color:inherit;text-decoration:none}.comment-container{border-left:2px solid #eee;margin-bottom:1rem;padding-left:1rem}.comment{margin-bottom:.5rem}.comment p{margin-bottom:.25rem}.reply-form{display:flex;gap:.5rem;margin-bottom:.5rem;margin-top:.5rem}.replies-list,.reply-form{margin-left:2rem}.reply{font-size:.9rem;margin-bottom:.5rem}.watch-history-container{background-color:#f9fafb;min-height:100vh}.history-card{background:#fff;border-radius:12px!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.history-card:hover{box-shadow:0 10px 20px #00000014!important;transform:translateY(-4px)}.history-thumbnail-wrapper{background-color:#000;overflow:hidden;padding-top:56.25%;position:relative}.history-card-img{object-fit:cover}.history-card-img,.history-play-overlay{height:100%;left:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.history-play-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;display:flex;justify-content:center;opacity:0}.history-card:hover .history-play-overlay{opacity:1}.history-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.notifications-page{padding:20px 0}.notifications-page h2{color:#333;font-weight:600;margin-bottom:1.5rem}.notification-filters{border-bottom:2px solid #f0f0f0;padding-bottom:1rem}.notification-filters .btn-sm{font-size:.85rem;white-space:nowrap}.list-group{border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;color:inherit!important;display:flex;padding:1rem!important;text-decoration:none!important;transition:all .2s ease-in-out}.notification-item:hover{background-color:#f8f9fa;border-left:4px solid #007bff;padding-left:calc(1rem - 4px)!important}.notification-item:last-child{border-bottom:none}.notification-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:1rem}.notification-content{flex:1 1}.notification-content p{font-size:.95rem;line-height:1.4;margin-bottom:.5rem}.notification-content .text-muted{color:#999!important;font-size:.8rem}.notification-delete-btn{background:none!important;border:none!important;color:#ccc;flex-shrink:0;padding:0 .5rem;text-decoration:none!important;transition:color .2s ease-in-out}.notification-delete-btn:hover{color:#dc3545}.badge{font-size:.75rem;font-weight:600;padding:.35rem .65rem}.notification-item-comment{border-left:4px solid #17a2b8}.notification-item-like{border-left:4px solid #dc3545}.notification-item-follow{border-left:4px solid #28a745}.app-header{align-items:center;background-color:var(--top-nav-bg);box-sizing:border-box;display:flex;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1021}.main-content{margin-top:60px;padding:5px;transition:margin-left .3s}@media (min-width:768px){.main-content.open{margin-left:240px}.main-content.closed{margin-left:80px}}@media (max-width:767px){.main-content{margin-left:0}}
/*# sourceMappingURL=main.407eaf33.css.map*/