.dashboard {
  display: grid;
  grid-template-columns: 250px 2fr 1fr;
  grid-template-rows: 60px 1fr 50px;
  gap: 15px;
  height: 400px;
  margin: 20px 0;
}

.dashboard > div {
  padding: 15px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: white;
}

.header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  grid-column: 1 / -1;
}

.sidebar {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.main-content {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.widget-area {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.footer {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  grid-column: 1 / -1;
}