body{

margin:0;

background:#f5f7fb;

font-family:Inter,sans-serif;

display:flex;

}

.sidebar{

width:260px;

height:100vh;

background:#1E0C42;

position:fixed;

left:0;

top:0;

color:#fff;

}

.logo{

padding:25px;

text-align:center;

}

.logo img{

width:170px;

}

.sidebar ul{

margin:0;

padding:0;

list-style:none;

}

.sidebar li{

padding:15px 25px;

cursor:pointer;

display:flex;

gap:12px;

align-items:center;

transition:.2s;

}

.sidebar li:hover{

background:#2B1758;

}

.sidebar i{

font-size:18px;

}

.main-content{

margin-left:260px;

width:100%;

}

.topbar{

height:70px;

background:#fff;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 25px;

box-shadow:0 1px 4px rgba(0,0,0,.08);

}

.topbar i{

font-size:22px;

margin-left:20px;

cursor:pointer;

}