body.admin {
  .admin-sections {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0.5rem 1rem;
  }

  main {
    overflow-x: auto;
  }

  table {
    border-collapse: collapse;
    font-size: 0.9rem;

    th, td {
      padding: 0.3rem 0.6rem;
      text-align: left;
      border-bottom: 1px solid var(--bg-dark);
      white-space: nowrap;
    }
  }

  dl {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.3rem 1rem;

    dd {
      margin: 0;
    }
  }

  .funnel {
    display: grid;
    grid-template-columns: max-content minmax(6rem, 20rem) max-content;
    gap: 0.3rem 0.75rem;
    align-items: center;
    padding: 0;
    list-style: none;

    li {
      display: contents;
    }
  }

  .funnel-bar {
    height: 0.9rem;
    background: var(--bg-dark);
    border-radius: 0.2rem;

    span {
      display: block;
      height: 100%;
      background: var(--primary);
      border-radius: inherit;
    }
  }

  .admin-periods {
    display: flex;
    gap: 1rem;
  }

  .admin-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 3rem;
    align-items: flex-start;
  }

  .muted {
    opacity: 0.6;
  }
}