html, body { height: 100%; }
body { display: flex; justify-content: center; align-items: flex-start; background: #f5f6f8; color: #222; margin: 0; }
.wrap { width: 100%; max-width: 1100px; margin: 40px auto; background: transparent; }

.section { margin: 24px 0; }

.table_container { border: 2px solid #bfc5cd; border-radius: 6px; background: #fff; overflow: auto; }
.data_table { width: 100%; border-collapse: collapse; table-layout: auto; }
.data_table thead th { background: #eef1f5; border: 1px solid #bfc5cd; padding: 10px 12px; font-weight: 700; text-align: left; }
.data_table tbody td { border: 1px solid #cfd5dd; padding: 10px 12px; text-align: left; vertical-align: middle; }
.data_table tbody tr:hover { background: #fafbfc; }

.text_center { text-align: center; }
.nowrap { white-space: nowrap; }