*{
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;

}



.form-box,
.table-box{

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

}



input,
textarea,
select{

width:100%;
padding:12px;
margin:10px 0;
border-radius:8px;
border:1px solid #ccc;

}


textarea{

height:120px;

}



button{

padding:10px 18px;
border:none;
border-radius:8px;
cursor:pointer;
background:#2563eb;
color:white;

}



table{

width:100%;
margin-top:20px;
border-collapse:collapse;

}


th,td{

padding:15px;
border-bottom:1px solid #ddd;

}


.high{

color:red;
font-weight:bold;

}


.low{

color:green;
font-weight:bold;

}


.edit{

background:#f59e0b;

}


.delete{

background:#dc2626;

}



footer{

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

}