body {
  margin:0;
  font-family:Inter, sans-serif;
  background:#f5f7fb;
  display:flex;
}

.sidebar {
  width:220px;
  height:100vh;
  background:#0f172a;
  color:white;
  padding:20px;
}

.sidebar button {
  width:100%;
  margin:10px 0;
  padding:10px;
  background:#1e293b;
  border:none;
  color:white;
  border-radius:6px;
  cursor:pointer;
}

.main {
  flex:1;
  padding:20px;
}

/* KANBAN */
.kanban {
  display:flex;
  gap:20px;
}

.column {
  flex:1;
  background:#e5e7eb;
  border-radius:10px;
  padding:10px;
  min-height:500px;
}

.column h4 {
  text-align:center;
}

.card {
  background:white;
  padding:10px;
  margin-bottom:10px;
  border-radius:8px;
  cursor:grab;
  box-shadow:0 2px 5px rgba(0,0,0,0.05);
}

.progress-bar {
  height:6px;
  background:#ddd;
  border-radius:5px;
  margin-top:5px;
}

.progress-bar div {
  height:100%;
  background:#22c55e;
}
input {
  margin:5px;
  padding:8px;
}

table {
  width:100%;
  border-collapse:collapse;
  background:white;
}

td,th {
  border:1px solid #ddd;
  padding:8px;
}

button {
  cursor:pointer;
}