* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
body{
    font-family:Arial;
    display:flex ;
    min-height: 100vh;
    background: white ;
   } 
.leftbar{
    width:250px;
    background-color: rgb(79, 90, 139) ;
    color:beige;
    padding: 1rem;
   }
.leftbar h2{
 margin-bottom: 2rem;
}
     
.leftbar a{
display: block;
color:aliceblue;
text-decoration: none;
margin-bottom: 1rem;
 }
 .leftbar a:hover{
   text-decoration: underline;
 }
 .main{
   flex-grow: 1;
   padding: 2rem;
 }
 .card{
   background: white;
   padding: 1.5rem;
   border-radius: 8px;
   box-shadow: 0 0 10px rgb(255, 255, 255)
 }
 .card h3{
   margin-bottom: 0.5rem;
 }
 table{
   width:100%;
   border-collapse: collapse;
   margin-top: 2rem;
 }
 table th,table td{
   padding: 0.75rem;
   text-align: left;
   border-bottom: 1px solid #ccc;
 }
 table th{
   background-color: #ecf0f1;
 }