:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--border-color:#334155;--glass-bg:#1e293bb3;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.dashboard-container{background:radial-gradient(circle at 10% 20%,#1a1a2e 0%,#0f172a 100%);grid-template-columns:320px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);flex-direction:column;padding:24px;display:flex;overflow-y:auto}.sidebar-header{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;margin-bottom:24px;font-size:1.5rem;font-weight:700;display:flex}.channel-list{flex-direction:column;gap:12px;display:flex}.channel-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.channel-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626}.channel-card.active{border-color:var(--accent-color);background:linear-gradient(135deg,#3b82f633,#a78bfa33)}.channel-icon{background:var(--bg-primary);width:48px;height:48px;color:var(--accent-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.channel-info{flex-direction:column;display:flex;overflow:hidden}.channel-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;overflow:hidden}.channel-category{color:var(--text-secondary);font-size:.85rem}.main-content{flex-direction:column;height:100vh;padding:32px;display:flex;overflow-y:auto}.player-wrapper{aspect-ratio:16/9;background:#000;border-radius:24px;flex:none;justify-content:center;align-items:center;width:100%;max-height:75vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0006}.player-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;flex-shrink:0;margin-top:24px;margin-bottom:32px;padding:24px}.player-title{margin-bottom:8px;font-size:1.8rem;font-weight:700}.player-description{color:var(--text-secondary);line-height:1.6}.video-js{width:100%!important;height:100%!important}.vjs-big-play-button{background-color:#3b82f6cc!important;border:none!important;border-radius:50%!important;width:80px!important;height:80px!important;margin-top:-40px!important;margin-left:-40px!important;line-height:80px!important;transition:transform .2s!important}.vjs-big-play-button:hover{transform:scale(1.1);background-color:var(--accent-color)!important}@media (width<=1024px){.dashboard-container{grid-template-columns:280px 1fr}.main-content{padding:20px}}@media (width<=768px){.dashboard-container{flex-direction:column;height:auto;min-height:100vh;display:flex;overflow:visible}.main-content{order:1;height:auto;padding:0;overflow:visible}.player-wrapper{aspect-ratio:16/9;z-index:50;border-radius:0;width:100%;max-height:none;position:sticky;top:0;box-shadow:0 10px 30px #00000080}.player-header{border-radius:12px;margin:16px;padding:16px}.player-title{font-size:1.25rem}.player-description{font-size:.85rem}.sidebar{border-top:1px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex:none;order:2;height:auto;padding:16px;overflow:visible}.sidebar-header{margin-bottom:16px;font-size:1.2rem}.channel-card{gap:12px;padding:12px}.channel-icon{width:40px;height:40px;font-size:1rem}.channel-name{font-size:.95rem}}