body{
  margin:0;
  font-family:Arial;
  background:#0f172a;
  color:#e2e8f0;
}

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

.sidebar h2{
  color:#38bdf8;
}

.sidebar a{
  display:block;
  color:#cbd5f5;
  text-decoration:none;
  margin:12px 0;
}

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

.card{
  background:#020617;
  padding:20px;
  border-radius:12px;
  margin-bottom:20px;
}

input, select{
  width:100%;
  padding:10px;
  margin:6px 0;
  border-radius:8px;
  border:none;
}

button{
  padding:10px;
  border:none;
  border-radius:8px;
  background:#38bdf8;
  cursor:pointer;
}

table{
  width:100%;
  margin-top:10px;
  border-collapse:collapse;
}

td, th{
  padding:8px;
  border-bottom:1px solid #1e293b;
}