:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f5f7fb}
*{box-sizing:border-box}
body{margin:0}
.wrap{max-width:1100px;margin:0 auto;padding:28px 18px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
h1{margin:0;letter-spacing:.08em}
p{color:#667085}
.card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 4px 16px #1018280a}
input,select{display:block;width:100%;max-width:420px;padding:12px;border:1px solid #d0d5dd;border-radius:10px;margin:12px 0;background:#fff;color:#172033}
button{border:0;border-radius:10px;padding:10px 16px;cursor:pointer;background:#172033;color:#fff}
button:disabled{opacity:.55;cursor:wait}
.ghost{background:transparent;color:#172033;border:1px solid #d0d5dd}
.hidden{display:none!important}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.stats span{display:block;color:#667085}
.stats strong{font-size:30px}
.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:12px}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:12px;border-bottom:1px solid #eef0f3;font-size:14px;vertical-align:top}
small{color:#667085}
.msg{min-height:20px}
.msg.error{color:#b42318}
.adminNav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.adminNav button{background:#fff;color:#172033;border:1px solid #d0d5dd}
.adminNav button.selected{background:#172033;color:#fff}
.formGrid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px 18px;align-items:end;margin-top:18px}
.formGrid label{font-size:14px;color:#475467}
.formGrid input,.formGrid select{margin:8px 0 0;max-width:none}
.formGrid button{min-height:44px}
.oneTimeKey{display:grid;gap:12px;padding:16px;margin:14px 0;background:#f4f3ff;border:1px solid #d9d6fe;border-radius:12px}
.oneTimeKey code{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:.12em;overflow-wrap:anywhere;color:#172033}
.oneTimeKey button{justify-self:start}
.keyMetadata{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0}
.keyMetadata dt{color:#667085}
.keyMetadata dd{margin:0;color:#172033}
.otp{font-family:ui-monospace,monospace;letter-spacing:.18em}
.reveal{background:transparent;color:#172033;border:1px solid #d0d5dd;padding:6px 10px}
.environmentBadge{display:inline-block;padding:5px 9px;border-radius:999px;background:#fff1f0;color:#b42318;font-size:12px;font-weight:700;letter-spacing:.08em}
@media(max-width:700px){.stats{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr}.sectionHead{align-items:flex-start;flex-wrap:wrap}.tableWrap{overflow:auto}table{min-width:650px}}