.uv-player{
display:flex;
height:100vh;
background:#0f0f0f;
color:#fff;
font-family:Inter, sans-serif;
}

/* SIDEBAR */

.uv-sidebar{
width:320px;
background:#181818;
overflow-y:auto;
border-right:1px solid #222;
}

.uv-section{
padding:20px 15px;
}

.uv-section-title{
font-size:13px;
color:#999;
text-transform:uppercase;
margin-bottom:10px;
}

.uv-lesson{
padding:10px 12px;
border-radius:6px;
margin-bottom:4px;
}

.uv-lesson a{
color:#ccc;
text-decoration:none;
font-size:14px;
display:block;
}

.uv-lesson:hover{
background:#222;
}

.uv-lesson.active{
background:#2f6df6;
}

.uv-lesson.active a{
color:#fff;
}

/* LESSON AREA */

.uv-lesson-area{
flex:1;
display:flex;
flex-direction:column;
overflow:hidden;
}

/* VIDEO */

#uv-video{
background:#000;
height:420px;
}

/* CONTENT */

#uv-lesson-content{
flex:1;
overflow-y:auto;
padding:40px;
background:#111;
}

/* NAVIGATION */

.uv-navigation{
display:flex;
justify-content:space-between;
padding:20px 40px;
border-top:1px solid #222;
background:#0f0f0f;
}

.uv-navigation a{
background:#2f6df6;
color:#fff;
padding:10px 20px;
border-radius:6px;
text-decoration:none;
font-size:14px;
}

.uv-navigation a:hover{
background:#3f7df8;
}

/* PROGRESS */

.uv-progress{
padding:10px 40px;
background:#141414;
font-size:13px;
color:#aaa;
}

.uv-autonext-box{
position:absolute;
bottom:30px;
right:30px;
background:#111;
color:#fff;
padding:14px 18px;
border-radius:8px;
font-size:14px;
box-shadow:0 4px 20px rgba(0,0,0,0.3);
}

.uv-autonext-inner{
display:flex;
align-items:center;
gap:10px;
}

#uv-autonext-cancel{
background:#ff4b4b;
border:none;
color:#fff;
padding:4px 10px;
border-radius:4px;
cursor:pointer;
}
.uv-lesson-completed{
color:#27ae60;
}

.uv-lesson-current{
font-weight:700;
background:#f5f7ff;
border-left:4px solid #4a6cf7;
}

.uv-lesson-available{
opacity:1;
}

.uv-lesson-locked{
opacity:.45;
pointer-events:none;
}