#dtc-app {
  max-width:1100px;
  margin:auto;
  padding:30px 15px;
  font-family: Arial, sans-serif;
}

.dtc-top {
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
  gap:15px;
  margin-bottom:20px;
}

.field {
  display:flex;
  flex-direction:column;
}

input, select {
  padding:10px;
  border:1px solid #ddd;
  border-radius:6px;
  font-size:14px;
}

.dtc-switches {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  margin-bottom:20px;
}

.dtc-wrapper {
  display:grid;
  grid-template-columns: 1fr 2fr;
  gap:40px;
}

@media(max-width:768px){
  .dtc-wrapper {
    grid-template-columns:1fr;
  }
}

.extra-options label {
  display:block;
  margin-bottom:6px;
  font-size:14px;
}

table {
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border-radius:8px;
  overflow:hidden;
}

td {
  padding:12px;
  border-bottom:1px solid #eee;
}

.chart-wrapper {
  width:180px;
  height:180px;
  margin:30px auto;
}