body {
  background-color: #f9fafb;
  color: #333;
  padding: 0px;
  font-family: 'Segoe UI', sans-serif;
}

.container {
  max-width: 1900px; width:94%;
  margin: auto;
  background: #ffffff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
#filters_block { width:100%; max-width:900px; }

h1 { text-align: center; margin-bottom: 25px; color: #0d6efd; }
.filters { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px; }
label { flex-direction: column; font-weight: 500; }
input, select {
  background: #fff;
  border: 1px solid #ccc;
  padding: 6px 10px;
  border-radius: 5px;
}
.table thead th {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.table-hover tbody tr:hover {
  background-color: #e9f5ff;
}
#table_data {  }
#table_data .cell-0 { text-align:left; max-width:180px; min-width:160px; }
#table_data .cell-1 { max-width:240px; min-width:160px; text-align:left; }
#table_data .cell-2 {  }
#table_data .cell-3 {  }
#table_data .cell-4 {  }
#table_data .cell-5 {  }
#table_data .cell-6 {  }
#table_data .cell-7 {  }
#table_data .cell-8 {  }
.table-right-border { border-right:1px solid #dee2e6; }