body{
font-family:Arial;
margin:0;
background:#f1f5f9;
}

.sidebar{
width:230px;
height:100vh;
background:#111827;
color:white;
position:fixed;
padding:20px;
}

.sidebar a{
display:block;
color:white;
padding:10px;
text-decoration:none;
margin-bottom:8px;
}

.sidebar a:hover{
background:#1f2937;
}

.main{
margin-left:250px;
padding:30px;
}

.cards{
display:flex;
gap:20px;
margin-top:20px;
}

.card{
flex:1;
background:white;
padding:20px;
border-radius:10px;
box-shadow:0 5px 10px rgba(0,0,0,0.1);
text-align:center;
}

table{
width:100%;
background:white;
border-collapse:collapse;
margin-top:20px;
}

th,td{
padding:12px;
border-bottom:1px solid #ddd;
text-align:left;
}