body{

margin:0;
font-family:Arial;
display:flex;
height:100vh;
}

.sidebar{

width:220px;
background:#1d4f91;
color:white;
padding:25px;
display:flex;
flex-direction:column;
}

.sidebar a{

color:white;
text-decoration:none;
margin-bottom:10px;
}

.main{

flex:1;
padding:30px;
}

.stats{

display:flex;
gap:20px;
}

.stat{

background:white;
padding:20px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

.video-grid{

display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:20px;
}

.video-card{

background:white;
padding:10px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

video{

width:100%;
border-radius:8px;
}

.dropzone{

border:2px dashed #ccc;
padding:50px;
text-align:center;
border-radius:10px;
}