*{

margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial;

}



body{

display:flex;
background:#f1f5f9;

}



.sidebar{

width:250px;
height:100vh;
background:#111827;
color:white;
padding:30px;

}



.sidebar h2{

text-align:center;
margin-bottom:40px;

}



.sidebar ul{

list-style:none;

}



.sidebar li{

padding:15px;
margin:10px 0;
border-radius:10px;

}



.sidebar li:hover{

background:#2563eb;

}




.main{

flex:1;
padding:30px;

}





.notification-box{

margin-top:30px;

}



.notification{

background:white;
padding:25px;
margin-bottom:20px;
border-radius:15px;
box-shadow:0 10px 20px rgba(0,0,0,.08);

border-left:8px solid;

}




.notification h3{

margin-bottom:10px;

}



.notification p{

color:#555;

}



.notification span{

display:block;
margin-top:15px;
color:#888;
font-size:14px;

}



.new{

border-color:#2563eb;

}



.assign{

border-color:#f59e0b;

}



.success{

border-color:#16a34a;

}




footer{

margin-top:40px;
color:#777;

}