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

.layout{
display:flex;
min-height:100vh;
}

.sidebar{
width:170px;
background:#111827;
color:white;
padding:22px 16px;
box-sizing:border-box;
min-height:100vh;
}

.sidebar h2{
margin-bottom:22px;
font-size:20px;
}

.sidebar p{
margin:16px 0;
}

.sidebar a{
color:white;
text-decoration:none;
font-size:16px;
display:inline-block;
transition:0.2s;
}

.sidebar a:hover{
opacity:0.8;
padding-left:4px;
}

.main{
flex:1;
padding:35px;
overflow-x:auto;
box-sizing:border-box;
}

.card{
background:white;
padding:20px;
border-radius:16px;
box-shadow:0 2px 10px rgba(0,0,0,0.08);
}