/* Restrained professional polish; layout and analytics remain unchanged. */
html {
  background: #060910;
  color-scheme: dark;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: tabular-nums;
}

::selection {
  color: #111827;
  background: #e2b93f;
}

a,
button,
input,
select,
[role="button"] {
  transition: border-color 160ms cubic-bezier(0.23, 1, 0.32, 1),
    background-color 160ms cubic-bezier(0.23, 1, 0.32, 1),
    color 160ms cubic-bezier(0.23, 1, 0.32, 1),
    opacity 160ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 120ms cubic-bezier(0.23, 1, 0.32, 1);
}

button:active,
[role="button"]:active {
  transform: translateY(1px);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid #e2b93f !important;
  outline-offset: 2px;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

thead th {
  position: sticky;
  inset-block-start: 0;
  z-index: 2;
  background: rgba(11, 18, 32, 0.96);
  backdrop-filter: blur(14px);
}

tbody tr:hover td {
  background-color: rgba(78, 156, 255, 0.045);
}

@media (min-width: 761px) {
  header {
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.22);
  }

  main {
    padding-inline: clamp(18px, 2vw, 30px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  a,
  button,
  input,
  select,
  [role="button"] {
    transition: none !important;
  }
}