body{
  background:#f4f6f9;
  font-family:'Segoe UI',sans-serif;
}

.sidebar{
  height:100vh;
  background:#1e293b;
  color:#fff;
  position:fixed;
  width:240px;
}

.sidebar h4{
  padding:20px;
  border-bottom:1px solid rgba(255,255,255,0.1);
}

.sidebar a{
  display:block;
  padding:12px 20px;
  color:#cbd5e1;
  text-decoration:none;
  font-size:14px;
}

.sidebar a.active,
.sidebar a:hover{
  background:#334155;
  color:#fff;
}

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

.card{
  border:none;
  border-radius:14px;
  box-shadow:0 4px 20px rgba(0,0,0,0.06);
}