.admin-shell { min-height: 100vh; }
.admin-back { padding: 9px 14px; border: 1px solid var(--line); border-radius: 999px; color: #bcd0e7; text-decoration: none; background: rgba(255,255,255,.025); font-size: 13px; transition: .18s ease; }
.admin-back:hover { color: var(--cyan); border-color: rgba(65,230,207,.42); }
.admin-layout { min-height: calc(100vh - 175px); display: grid; grid-template-columns: 1fr .88fr; align-items: center; gap: 84px; padding: 66px 0 78px; }
.admin-copy h1 { margin: 0; font-size: clamp(45px,5.4vw,70px); line-height: 1.06; letter-spacing: -.055em; }
.admin-copy h1 span { color: var(--cyan); }
.admin-copy > p:not(.eyebrow) { max-width: 520px; margin: 27px 0; color: #a8b9cd; font-size: 16px; line-height: 1.75; }
.security-note { max-width: 520px; display: grid; grid-template-columns: auto 1fr; gap: 13px; padding: 17px 18px; border: 1px solid rgba(65,230,207,.16); border-radius: 15px; background: rgba(65,230,207,.045); }
.security-note strong { color: var(--cyan); font-size: 12px; }
.security-note span { color: #8298b0; font-size: 11px; line-height: 1.55; }
.admin-card { width: 100%; }
.serial-preview { min-height: 17px; margin: -7px 0 15px; color: #667f99; font-size: 10px; line-height: 1.5; }
.serial-preview.ready { color: var(--cyan); }
.token-field { position: relative; }
.token-field input { padding-right: 66px; }
.token-field button { position: absolute; top: 7px; right: 7px; height: 35px; padding: 0 11px; border: 0; border-radius: 8px; color: #9bb0c7; background: rgba(255,255,255,.065); font-size: 11px; }
.token-field button:hover { color: var(--cyan); }
@media (max-width: 820px) {
  .admin-layout { min-height: auto; grid-template-columns: 1fr; gap: 42px; padding: 50px 0 66px; }
  .admin-copy { text-align: center; }
  .admin-copy > p:not(.eyebrow), .security-note { margin-left: auto; margin-right: auto; }
  .security-note { text-align: left; }
  .admin-card { width: min(500px,100%); margin: 0 auto; }
}
@media (max-width: 540px) {
  .admin-back { padding: 7px 10px; font-size: 11px; }
  .admin-layout { padding-top: 38px; }
  .admin-copy h1 { font-size: clamp(36px,11vw,46px); }
  .admin-copy > p:not(.eyebrow) { margin: 21px 0; font-size: 14px; }
  .security-note { grid-template-columns: 1fr; }
}