body { margin: 0; }
header, .section-nav { display: flex; align-items: center; gap: 16px; padding: 12px 24px; background: #fff; border-bottom: 1px solid var(--bs-border-color); }
header { justify-content: space-between; }
.section-nav { flex-wrap: wrap; gap: 8px 16px; }
main { padding: 24px; max-width: 1500px; margin: auto; min-width: 0; }
.login { max-width: 460px; padding-top: 48px; }
.login h1 { margin-bottom: 24px; }
.login h2 { margin-bottom: 16px; }
.login .language { margin-bottom: 16px; }
small, .muted { color: var(--bs-secondary-color); }
small { font-size: 0.8125rem; }
.forms { display: flex; gap: 16px; align-items: start; flex-wrap: wrap; margin-bottom: 24px; }
.forms details { min-width: min(260px, 100%); max-width: 650px; flex: 1; border-radius: var(--bs-border-radius); overflow: hidden; }
.forms summary { cursor: pointer; font-weight: 500; }
.forms details form { padding: 16px; }
label { display: block; margin: 12px 0 4px; }
label .form-control, label .form-select { margin-top: 4px; }
form > .btn { margin-top: 16px; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.header-actions form > .btn { margin: 0; }
.language { display: flex; align-items: center; gap: 8px; }
.language label { margin: 0; }
.language select { width: auto; }
.table-wrap { overflow: auto; }
table { background: #fff; font-size: 0.875rem; width: 100%; }
td, th { max-width: 400px; overflow-wrap: anywhere; }
th { --bs-table-bg: var(--bs-tertiary-bg); }
img { max-width: 100%; height: auto; }
form { margin: 0; }
@media (max-width: 600px) {
  header { flex-wrap: wrap; }
  header, .section-nav { padding: 12px 16px; }
  main { padding: 16px; }
  .login { padding-top: 32px; }
  .forms details { flex-basis: 100%; }
}