:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e5edf8;font:15px system-ui}header{display:flex;align-items:center;gap:20px;padding:20px 5%;border-bottom:1px solid #283449}.brand{color:#a7f3d0;font-size:24px;font-weight:800}header button{margin-left:auto}main{max-width:1100px;margin:32px auto;padding:0 20px}h1{font-size:28px}p{line-height:1.6;color:#b5c3d8}form,#created{padding:24px;border:1px solid #2c3b53;border-radius:14px;background:#121e30;margin:18px 0}#login{max-width:520px;margin:40px auto}label{display:block;margin:12px 0}input{display:block;width:100%;padding:12px;margin-top:6px;background:#0c1524;border:1px solid #465875;border-radius:8px;color:white;font:inherit}button{padding:10px 14px;border:0;border-radius:8px;background:#a7f3d0;color:#123028;font-weight:700;cursor:pointer;margin:5px}button:disabled{opacity:.5;cursor:wait}#create{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:center}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:14px;border-bottom:1px solid #2c3b53}td small{display:block;color:#aebdd1}.table{overflow:auto}#status{white-space:pre-wrap;color:#ffdb99}#newKey{font-family:monospace}[hidden]{display:none!important}@media(max-width:700px){#create{grid-template-columns:1fr}td,th{padding:10px}}