.layout.layout--guide .adminGrid {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 1rem;
}

.layout.layout--guide .adminCard {
  border: 1px solid #3f536c;
  border-radius: 8px;
  background: rgba(11, 21, 34, 0.8);
  padding: 1rem;
}

.layout.layout--guide .adminCard--full {
  grid-column: 1 / -1;
}

.layout.layout--guide .adminCard h3 {
  margin: 0 0 .65rem 0;
  color: #d8b260;
}

.layout.layout--guide .adminStats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin-bottom: .9rem;
}

.layout.layout--guide .adminStatCard {
  border: 1px solid #3f536c;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(22, 41, 62, 0.9), rgba(12, 24, 38, 0.85));
  padding: .75rem .85rem;
}

.layout.layout--guide .adminStatCard__label {
  color: #99afc0;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .68rem;
}

.layout.layout--guide .adminStatCard__value {
  margin-top: .35rem;
  color: #d8b260;
  font-size: 1.55rem;
  font-weight: 700;
}

.layout.layout--guide .adminMeta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .7rem;
  margin-bottom: .85rem;
}

.layout.layout--guide .adminField {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.layout.layout--guide .adminField label {
  font-size: .76rem;
  color: #94a9bb;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.layout.layout--guide .adminField input {
  height: 2.1rem;
  border-radius: 6px;
  border: 1px solid #3d4d61;
  background: #0f1b2a;
  color: #cfe0eb;
  padding: 0 .6rem;
}

.layout.layout--guide .adminField input::placeholder {
  color: #68819a;
}

.layout.layout--guide .adminPackages {
  display: flex;
  flex-direction: column;
  gap: .8rem;
}

.layout.layout--guide .adminPackage {
  border: 1px solid #3b4d63;
  border-radius: 7px;
  padding: .7rem;
  background: rgba(16, 30, 46, .75);
}

.layout.layout--guide .adminPackage__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .55rem;
}

.layout.layout--guide .adminPackage__title {
  color: #d8b260;
  font-size: .9rem;
  text-transform: uppercase;
}

.layout.layout--guide .adminGrid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .55rem;
}

.layout.layout--guide .adminGrid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .55rem;
}

.layout.layout--guide .adminMirrors {
  margin-top: .55rem;
  display: flex;
  flex-direction: column;
  gap: .45rem;
}

.layout.layout--guide .adminMirror {
  display: grid;
  grid-template-columns: 1fr 2fr auto;
  gap: .45rem;
}

.layout.layout--guide .adminBtnRow {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-top: .7rem;
}

.layout.layout--guide .adminBtn {
  border: 1px solid #7f6634;
  background: linear-gradient(to bottom, #3a89bc, #255f90);
  color: #dce7ef;
  border-radius: 6px;
  padding: .42rem .75rem;
  text-transform: uppercase;
  font-size: .73rem;
  cursor: pointer;
}

.layout.layout--guide .adminBtn:hover {
  background: linear-gradient(to bottom, #469cd2, #2d70a5);
}

.layout.layout--guide .adminBtn.adminBtn--ghost {
  border-color: #41566f;
  background: rgba(26, 49, 75, 0.8);
}

.layout.layout--guide .adminBtn.adminBtn--danger {
  border-color: #8e4d4d;
  background: rgba(107, 43, 43, 0.85);
}

.layout.layout--guide .adminStatus {
  margin-top: .45rem;
  min-height: 1.2rem;
  font-size: .8rem;
  color: #9fb2c1;
}

.layout.layout--guide .adminAudit {
  max-height: 30rem;
  overflow: auto;
  border: 1px solid #364a61;
  border-radius: 7px;
  background: rgba(9, 17, 28, .7);
}

.layout.layout--guide .adminAudit__item {
  padding: .55rem .6rem;
  border-bottom: 1px solid rgba(130, 155, 178, .18);
}

.layout.layout--guide .adminAudit__item:last-child {
  border-bottom: 0;
}

.layout.layout--guide .adminAudit__event {
  font-size: .82rem;
  color: #d8b260;
}

.layout.layout--guide .adminAudit__meta {
  font-size: .76rem;
  color: #9eb2c0;
}

@media (max-width: 64rem) {
  .layout.layout--guide .adminGrid {
    grid-template-columns: 1fr;
  }

  .layout.layout--guide .adminStats {
    grid-template-columns: 1fr;
  }

  .layout.layout--guide .adminGrid3,
  .layout.layout--guide .adminGrid2 {
    grid-template-columns: 1fr;
  }

  .layout.layout--guide .adminMirror {
    grid-template-columns: 1fr;
  }
}