body{
margin:0;
font-family:Arial;
background:#0f172a;
color:white;
}

.dashboard-wrapper{
display:flex;
min-height:100vh;
}

.sidebar{
width:260px;
background:#111827;
padding:30px;
}

.sidebar h2{
margin-bottom:40px;
color:#a855f7;
}

.sidebar ul{
list-style:none;
padding:0;
}

.sidebar ul li{
margin-bottom:20px;
}

.sidebar ul li a{
text-decoration:none;
color:white;
font-size:18px;
}

.main-content{
flex:1;
padding:30px;
}

.top-bar{
display:flex;
justify-content:space-between;
align-items:center;
}

.template-box{
background:#1e293b;
padding:20px;
border-radius:20px;
transition:0.4s;
}

.template-box:hover{
transform:translateY(-10px);
}

.template-box img{
width:100%;
height:240px;
object-fit:cover;
border-radius:15px;
margin-bottom:15px;
}

@media(max-width:768px){
.dashboard-wrapper{
flex-direction:column;
}

.sidebar{
width:100%;
}
}