:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182230;background:#f4f6f9}
*{box-sizing:border-box}body{margin:0}.wrap{max-width:1040px;margin:0 auto;padding:28px 16px 50px}
header,.row{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:24px}
h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:.15rem 0}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#64748b}
h2{font-size:1.2rem;margin:0 0 16px}.muted{color:#667085;line-height:1.5}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;margin-bottom:18px;box-shadow:0 4px 16px #0f172a08}
label{display:block;font-size:.9rem;font-weight:650;margin:14px 0}input{display:block;width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:9px;margin-top:7px;font:inherit;background:white}
button{border:0;border-radius:9px;background:#173b57;color:white;padding:11px 15px;font:inherit;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.55;cursor:wait}.secondary{background:#e8eef4;color:#173b57}
.hidden{display:none!important}.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tab{background:#e8eef4;color:#334155}.tab.active{background:#173b57;color:#fff}
.list{display:grid;gap:10px;margin-top:16px}.item{border:1px solid #e2e8f0;border-radius:12px;padding:14px;display:grid;gap:10px}.item-title{font-weight:800;overflow-wrap:anywhere}.meta{font-size:.86rem;color:#64748b;overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap}.danger{background:#fee2e2;color:#991b1b}.good{color:#166534}.bad{color:#b91c1c}.message{min-height:1.3em;color:#b91c1c}.warning{background:#fff7ed;border-radius:8px;padding:10px;color:#9a3412;font-size:.9rem}
.new-key{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:14px;margin:14px 0;overflow-wrap:anywhere}.new-key code{display:block;margin:10px 0;word-break:break-all}
footer{color:#64748b;font-size:.8rem;text-align:center;margin-top:28px}details{margin-top:20px;border-top:1px solid #e2e8f0;padding-top:14px}summary{cursor:pointer;font-weight:700}
@media(max-width:600px){.wrap{padding:18px 12px}header{align-items:flex-start}.panel{padding:16px}.row{align-items:flex-start}}