.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3rem 1.5rem;display:flex}.empty-state.full-height{flex-grow:1;min-height:50vh}.empty-state .empty-state-icon{color:#adb5bd;background:rgba(var(--main-accent-rgb,253,126,20),.05);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:1.5rem;font-size:4rem;transition:transform .3s;display:inline-flex;position:relative}.empty-state .empty-state-icon i{z-index:1}.empty-state .empty-state-icon:after{content:"";border:2px dashed #dee2e6;border-radius:50%;width:100%;height:100%;animation:20s linear infinite spin;position:absolute}.empty-state:hover .empty-state-icon{color:var(--main-accent);transform:scale(1.05)}.empty-state:hover .empty-state-icon:after{border-color:var(--main-accent);opacity:.3}.empty-state .empty-state-title{color:#343a40;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-state .empty-state-description{color:#6c757d;max-width:400px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.empty-state .empty-state-action{margin-top:.5rem}[data-theme=dark] .empty-state .empty-state-title{color:var(--text-primary,#e9ecef)}[data-theme=dark] .empty-state .empty-state-description{color:var(--text-secondary,#adb5bd)}[data-theme=dark] .empty-state .empty-state-icon{color:#6c757d;background:#ffffff0d}[data-theme=dark] .empty-state .empty-state-icon:after{border-color:#495057}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.auth-controls{z-index:1050;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem;transition:all .3s;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 4px 15px #0000001a}.auth-controls:hover{box-shadow:0 6px 20px #00000026}.auth-control-btn{color:#495057;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:all .3s;display:flex}.auth-control-btn:hover{color:var(--main-accent);background:#bb7efb1a;transform:scale(1.05)}.auth-control-btn:focus{outline:none;box-shadow:0 0 0 3px #bb7efb40}.language-btn{border-radius:20px;width:auto;padding:0 .75rem;font-size:.9rem;font-weight:500}.language-btn .lang-text{font-size:.85rem}.language-btn:after{margin-left:.3rem;font-size:.7rem}html[dir=rtl] .auth-controls{left:1rem;right:auto}html[dir=rtl] .language-btn .bi-globe2{margin-left:.25rem;margin-right:0}[data-theme=dark] .auth-controls{background:#2d2d2df2;box-shadow:0 4px 15px #0000004d}[data-theme=dark] .auth-controls:hover{box-shadow:0 6px 20px #0006}[data-theme=dark] .auth-control-btn{color:#fff}[data-theme=dark] .auth-control-btn:hover{color:var(--main-accent);background:#bb7efb33}[data-theme=dark] .dropdown-menu{background-color:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .dropdown-menu .dropdown-item{color:var(--text-primary)}[data-theme=dark] .dropdown-menu .dropdown-item:hover,[data-theme=dark] .dropdown-menu .dropdown-item.active{color:var(--main-accent);background-color:#bb7efb33}@media (max-width:576px){.auth-controls{gap:.25rem;padding:.35rem;top:.5rem;right:.5rem}.auth-control-btn{width:36px;height:36px;font-size:1rem}.language-btn{padding:0 .5rem;font-size:.85rem}html[dir=rtl] .auth-controls{left:.5rem;right:auto}}
.post-card-skeleton .card-body{padding:1.5rem}
.channel-profile-skeleton{animation:.3s ease-in fadeIn}.channel-profile-skeleton .profile-header-card{background:var(--card-bg,#fff);border-radius:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.channel-profile-skeleton .profile-header-card .cover-photo-wrapper{background:linear-gradient(135deg,#e0e0e0 0%,#f0f0f0 100%);width:100%;height:250px;position:relative}.channel-profile-skeleton .profile-header-card .cover-photo-wrapper:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.channel-profile-skeleton .profile-header-card .profile-info-section{flex-wrap:wrap;align-items:flex-end;gap:2rem;margin-top:-60px;padding:1.5rem 2.5rem;display:flex;position:relative}.channel-profile-skeleton .profile-header-card .profile-info-section .avatar-wrapper{background:var(--card-bg,#fff);z-index:2;border-radius:2rem;flex-shrink:0;width:150px;height:150px;padding:6px;position:relative;box-shadow:0 10px 25px #0000001a}.channel-profile-skeleton .profile-header-card .profile-info-section .avatar-wrapper .skeleton{border-radius:1.6rem!important}.channel-profile-skeleton .profile-header-card .profile-info-section .info-content{flex:1;min-width:200px;padding-bottom:1rem}.channel-profile-skeleton .profile-header-card .profile-info-section .info-content .skeleton:first-child{margin-bottom:.5rem}.channel-profile-skeleton .profile-header-card .profile-info-section .action-buttons{align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.channel-profile-skeleton .profile-header-card .profile-stats-bar{border-top:1px solid var(--border-color,#0000000d);gap:3rem;padding:1.5rem 2.5rem;display:flex}.channel-profile-skeleton .profile-header-card .profile-stats-bar .stat-item{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.channel-profile-skeleton .profile-content-grid .content-sidebar .card-info{background:var(--card-bg,#fff);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 15px #00000008}.channel-profile-skeleton .profile-content-grid .content-sidebar .card-info .skeleton:first-child{margin-bottom:1rem}.channel-profile-skeleton .profile-content-grid .content-sidebar .card-info .info-item{align-items:center;gap:.75rem;display:flex}.channel-profile-skeleton .profile-content-grid .content-sidebar .card-info .info-item:not(:last-child){margin-bottom:.75rem}.channel-profile-skeleton .profile-content-grid .content-feed .posts-skeleton{background:var(--card-bg,#fff);border-radius:1rem;padding:2rem;box-shadow:0 4px 15px #00000008}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}[data-theme=dark] .channel-profile-skeleton .profile-header-card{background:#2d2d2d;box-shadow:0 10px 30px #0003}[data-theme=dark] .channel-profile-skeleton .profile-header-card .cover-photo-wrapper{background:linear-gradient(135deg,#3a3a3a 0%,#2a2a2a 100%)}[data-theme=dark] .channel-profile-skeleton .profile-header-card .cover-photo-wrapper:after{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}[data-theme=dark] .channel-profile-skeleton .profile-header-card .profile-info-section .avatar-wrapper{background:#2d2d2d}[data-theme=dark] .channel-profile-skeleton .profile-header-card .profile-stats-bar{border-top-color:#ffffff0d}[data-theme=dark] .channel-profile-skeleton .profile-content-grid .content-sidebar .card-info,[data-theme=dark] .channel-profile-skeleton .profile-content-grid .content-feed .posts-skeleton{background:#2d2d2d;box-shadow:0 4px 15px #0000001a}[data-theme=dark] .channel-profile-skeleton{--card-bg:#2d2d2d;--border-color:#ffffff0d}@media (max-width:991px){.channel-profile-skeleton .profile-header-card .profile-info-section{text-align:center;flex-direction:column;align-items:center;margin-top:-75px}.channel-profile-skeleton .profile-header-card .profile-info-section .info-content{flex-direction:column;align-items:center;padding-bottom:0;display:flex}.channel-profile-skeleton .profile-header-card .profile-info-section .action-buttons{justify-content:center;padding-bottom:0}.channel-profile-skeleton .profile-header-card .profile-stats-bar{flex-wrap:wrap;justify-content:center;gap:1.5rem}.channel-profile-skeleton .profile-header-card .profile-stats-bar .stat-item{align-items:center}}[dir=rtl] .channel-profile-skeleton .profile-info-section .action-buttons{margin-left:0;margin-right:auto}[dir=rtl] .channel-profile-skeleton .profile-stats-bar .stat-item{align-items:flex-end}@media (max-width:991px){[dir=rtl] .channel-profile-skeleton .profile-stats-bar .stat-item{align-items:center}}
.toast-container-fixed{z-index:1050;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast-container-fixed .custom-toast{pointer-events:auto;color:#fff;opacity:0;border-radius:12px;justify-content:space-between;align-items:center;min-width:280px;max-width:400px;padding:14px 18px;font-size:.95rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;transform:translateY(20px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.toast-container-fixed .custom-toast.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-container-fixed .custom-toast.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-container-fixed .custom-toast.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-container-fixed .custom-toast .btn-close-custom{color:#fffc;cursor:pointer;background:0 0;border:none;margin-left:12px;padding:0;font-size:1.2rem;line-height:1;transition:color .2s}.toast-container-fixed .custom-toast .btn-close-custom:hover{color:#fff}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}
.home-page{width:100%;max-width:100vw}.home-page .mobile-tabs{z-index:90;background:#fff;border-bottom:1px solid #00000014;width:100%;position:sticky;top:70px;overflow-x:hidden;box-shadow:0 2px 8px #0000000d}.home-page .mobile-tabs .tabs-wrapper{justify-content:space-around;align-items:center;gap:.5rem;width:100%;padding:.5rem 0;display:flex}.home-page .mobile-tabs .tab-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:0;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:all .3s;display:flex;overflow:hidden}.home-page .mobile-tabs .tab-btn i{font-size:1.25rem;transition:all .3s}.home-page .mobile-tabs .tab-btn span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;transition:all .3s;overflow:hidden}.home-page .mobile-tabs .tab-btn:hover{color:var(--main-accent);background-color:#bb7efb14}.home-page .mobile-tabs .tab-btn.active{color:var(--main-accent);background-color:#bb7efb1f;font-weight:600}.home-page .mobile-tabs .tab-btn.active i{transform:scale(1.1)}.home-page .mobile-tabs .tab-btn:active{transform:scale(.95)}.home-page .sidebar-column,.home-page .feed-column,.home-page .rightbar-column{max-width:100%}@media (max-width:991px){.home-page .sidebar-column,.home-page .feed-column,.home-page .rightbar-column{width:100%;display:none;overflow-x:hidden}.home-page .sidebar-column.active,.home-page .feed-column.active,.home-page .rightbar-column.active{display:block}}@media (min-width:992px){.home-page .sidebar-column,.home-page .feed-column,.home-page .rightbar-column{display:block!important}}.home-page .sticky-sidebar{width:100%;overflow-x:hidden}@media (min-width:992px){.home-page .sticky-sidebar{max-height:calc(100vh - 100px);position:sticky;top:80px;overflow:hidden auto}.home-page .sticky-sidebar::-webkit-scrollbar{width:6px}.home-page .sticky-sidebar::-webkit-scrollbar-track{background:0 0}.home-page .sticky-sidebar::-webkit-scrollbar-thumb{background:#bb7efb4d;border-radius:3px}.home-page .sticky-sidebar::-webkit-scrollbar-thumb:hover{background:#bb7efb80}}@media (max-width:991px){.home-page .feed-header{padding:.5rem 0}.home-page .posts-container{padding-bottom:1rem}}.home-page .sidebar-column,.home-page .feed-column,.home-page .rightbar-column{transition:opacity .3s,transform .3s}@media (max-width:991px){.home-page .sidebar-column:not(.active),.home-page .feed-column:not(.active),.home-page .rightbar-column:not(.active){opacity:0;pointer-events:none;transform:translateY(10px)}.home-page .sidebar-column.active,.home-page .feed-column.active,.home-page .rightbar-column.active{opacity:1;animation:.3s fadeInUp;transform:translateY(0)}}@media (min-width:992px){.home-page .sidebar-column,.home-page .feed-column,.home-page .rightbar-column{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}}@media (max-width:575px){.home-page .mobile-tabs .tab-btn{padding:.4rem .5rem}.home-page .mobile-tabs .tab-btn i{font-size:1.1rem}.home-page .mobile-tabs .tab-btn span{font-size:.7rem}}[data-theme=dark] .home-page .mobile-tabs{background:var(--bg-secondary);border-bottom-color:var(--border-color);box-shadow:0 2px 8px var(--shadow-color)}[data-theme=dark] .home-page .mobile-tabs .tab-btn{color:var(--text-secondary)}[data-theme=dark] .home-page .mobile-tabs .tab-btn:hover{color:var(--main-accent);background-color:#bb7efb26}[data-theme=dark] .home-page .mobile-tabs .tab-btn.active{color:var(--main-accent);background-color:#bb7efb33}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.custom-audio-player{background:#fff;border:1px solid #0000000d;border-radius:12px;width:100%;padding:12px 16px;transition:all .3s;box-shadow:0 4px 12px #00000014}.custom-audio-player:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.custom-audio-player .player-controls{align-items:center;gap:16px;display:flex}.custom-audio-player .play-pause-btn{background:var(--main-accent,#fd7e14);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 10px #fd7e144d}.custom-audio-player .play-pause-btn:hover{background:#f57102;transform:scale(1.08);box-shadow:0 6px 14px #fd7e1466}.custom-audio-player .play-pause-btn:active{transform:scale(.95)}.custom-audio-player .play-pause-btn i{position:relative}.custom-audio-player .play-pause-btn i.bi-play-fill{left:2px}.custom-audio-player .player-main{flex-direction:column;flex-grow:1;gap:4px;display:flex}.custom-audio-player .file-name{color:#333;margin-bottom:2px;font-size:13px;font-weight:600}.custom-audio-player .progress-container{align-items:center;gap:10px;width:100%;display:flex}.custom-audio-player .time-display{color:#6c757d;font-variant-numeric:tabular-nums;min-width:35px;font-size:12px;font-weight:500}.custom-audio-player .time-display.current{color:var(--main-accent,#fd7e14)}.custom-audio-player .progress-bar-wrapper{cursor:pointer;flex-grow:1;align-items:center;height:16px;display:flex;position:relative}.custom-audio-player .progress-bar-wrapper:hover .progress-bar-bg{height:6px}.custom-audio-player .progress-bar-wrapper:hover .progress-handle{opacity:1;transform:scale(1)}.custom-audio-player .progress-bar-bg{background:#e9ecef;border-radius:3px;width:100%;height:4px;transition:height .2s;position:relative;overflow:hidden}.custom-audio-player .progress-bar-fill{background:var(--main-accent,#fd7e14);border-radius:3px;height:100%;transition:width .1s linear;position:relative}.custom-audio-player .progress-handle{border:3px solid var(--main-accent,#fd7e14);opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0);box-shadow:0 2px 4px #0000001a}.custom-audio-player .player-secondary{flex-shrink:0;align-items:center;gap:8px;display:flex}.custom-audio-player .volume-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:18px;transition:color .2s;display:flex}.custom-audio-player .volume-btn:hover{color:var(--main-accent,#fd7e14)}[data-theme=dark] .custom-audio-player,.dark-mode .custom-audio-player{background:#2b2b2b;border-color:#ffffff0d;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .custom-audio-player .file-name,.dark-mode .custom-audio-player .file-name{color:#eee}[data-theme=dark] .custom-audio-player .progress-bar-bg,.dark-mode .custom-audio-player .progress-bar-bg{background:#444}[data-theme=dark] .custom-audio-player .volume-btn,[data-theme=dark] .custom-audio-player .time-display.duration,.dark-mode .custom-audio-player .volume-btn,.dark-mode .custom-audio-player .time-display.duration{color:#adb5bd}html[dir=rtl] .custom-audio-player .progress-handle{left:-6px;right:auto}html[dir=rtl] .custom-audio-player .play-pause-btn i.bi-play-fill{left:auto;right:1px;transform:scaleX(-1)}
.custom-video-player{color:#fff;cursor:pointer;background:#000;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.custom-video-player.controls-hidden{cursor:none}.custom-video-player.controls-hidden .video-controls{opacity:0;transform:translateY(10px)}.custom-video-player .video-element{width:100%;height:auto;max-height:80vh;display:block}.custom-video-player .video-overlay{background:#0003;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.custom-video-player .video-overlay .big-play-btn{background:var(--main-accent,#fd7e14e6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:40px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #0000004d}.custom-video-player .video-overlay .big-play-btn i{margin-left:5px}.custom-video-player .video-overlay:hover .big-play-btn{filter:brightness(1.1);transform:scale(1.1)}.custom-video-player .video-controls{z-index:5;cursor:default;background:linear-gradient(#0000,#000c);padding:15px 20px;transition:all .3s;position:absolute;bottom:0;left:0;right:0}.custom-video-player .video-controls .progress-container{cursor:pointer;align-items:center;width:100%;height:15px;margin-bottom:8px;display:flex}.custom-video-player .video-controls .progress-container:hover .progress-bar-bg{height:6px}.custom-video-player .video-controls .progress-container:hover .progress-handle{transform:scale(1)}.custom-video-player .video-controls .progress-bar-bg{background:#fff3;border-radius:3px;width:100%;height:4px;transition:height .2s;position:relative}.custom-video-player .video-controls .progress-bar-fill{background:var(--main-accent,#fd7e14);border-radius:3px;height:100%;position:relative}.custom-video-player .video-controls .progress-handle{background:var(--main-accent,#fd7e14);border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0);box-shadow:0 0 5px #00000080}.custom-video-player .video-controls .controls-main{justify-content:space-between;align-items:center;display:flex}.custom-video-player .video-controls .controls-left,.custom-video-player .video-controls .controls-right{align-items:center;gap:15px;display:flex}.custom-video-player .video-controls .control-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:20px;transition:color .2s;display:flex}.custom-video-player .video-controls .control-btn:hover{color:var(--main-accent,#fd7e14)}.custom-video-player .video-controls .time-display{align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.custom-video-player .video-controls .time-display .separator{opacity:.6}.custom-video-player:fullscreen{border-radius:0}.custom-video-player:fullscreen .video-element{max-height:100vh}
