.admin-shell { width: min(1120px, calc(100% - 40px)); }
.admin-nav { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 48px; font-size: .72rem; letter-spacing: .14em; color: #70809a; }
.admin-nav a { color: #cbd3e2; text-decoration: none; letter-spacing: 0; border: 1px solid var(--line); border-radius: 10px; padding: 8px 11px; background: rgba(255,255,255,.025); }
.admin-hero { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.admin-hero h1 { margin: 13px 0 14px; font-size: clamp(2.4rem, 6vw, 4.7rem); line-height: .96; letter-spacing: -.065em; }
.admin-hero h1 span { color: transparent; background: linear-gradient(100deg, var(--blue), var(--cyan)); background-clip: text; }
.admin-hero p { margin: 0; color: var(--muted); line-height: 1.7; }
.admin-hero code { color: var(--cyan); }
.admin-chips { display: grid; justify-items: end; gap: 9px; }
.admin-chips span { border: 1px solid var(--line); border-radius: 999px; padding: 8px 11px; color: #aebbd0; background: rgba(7,11,19,.58); font: .7rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.admin-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 22px; margin-bottom: 22px; }
.admin-panel { min-height: 100%; }
.form-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 12px; }
.form-actions { display: flex; gap: 10px; align-items: center; }
.compact-button { min-height: 44px; }
.form-actions .primary { width: auto; min-width: 160px; padding-inline: 22px; }
.form-actions .ghost { min-height: 44px; padding-inline: 16px; }
.keys-panel { margin-bottom: 22px; }
.keys-list { display: grid; gap: 10px; }
.key-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; border: 1px solid var(--line); border-radius: 16px; padding: 15px 16px; background: rgba(5,8,14,.42); }
.key-title { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 8px; }
.key-title strong { font-size: .85rem; }
.key-title .builtin { color: var(--cyan); border: 1px solid rgba(99,243,210,.26); border-radius: 999px; padding: 3px 7px; font-size: .62rem; letter-spacing: .05em; }
.key-value { display: block; overflow: hidden; text-overflow: ellipsis; color: #a8cfff; font: .78rem ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; }
.key-meta { margin-top: 8px; color: #69768b; font-size: .66rem; }
.row-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.row-actions button { border: 1px solid var(--line); border-radius: 8px; padding: 7px 9px; background: rgba(255,255,255,.035); color: #cbd3e2; cursor: pointer; font: .7rem inherit; }
.row-actions button:hover { border-color: rgba(101,168,255,.55); color: white; }
.row-actions .danger { color: var(--danger); }
.row-actions button:disabled { opacity: .34; cursor: not-allowed; }
.empty-key-state { min-height: 130px; display: grid; place-items: center; color: var(--muted); font-size: .82rem; }
.debug-controls { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; }
.debug-controls .field { margin-bottom: 0; }
.test-button { min-height: 46px; padding-inline: 18px; }
.debug-output { min-height: 150px; max-height: 360px; overflow: auto; margin: 18px 0 0; border: 1px solid var(--line); border-radius: 14px; padding: 16px; background: rgba(2,5,10,.72); color: #9be9d7; white-space: pre-wrap; word-break: break-word; font: .72rem/1.65 ui-monospace, SFMono-Regular, Menlo, monospace; }
@media (max-width: 820px) {
  .admin-hero { align-items: start; flex-direction: column; }
  .admin-chips { justify-items: start; }
  .admin-grid, .form-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .admin-shell { width: min(100% - 24px, 1120px); }
  .admin-nav span { display: none; }
  .key-row, .debug-controls { grid-template-columns: 1fr; }
  .row-actions { justify-content: flex-start; }
  .form-actions { align-items: stretch; flex-direction: column; }
  .form-actions .primary { width: 100%; }
}