:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0c111b;color:#f2f5fc}
*{box-sizing:border-box}body{margin:0;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:18px max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid #28354b;background:#121a2a;gap:12px}
header>div{display:flex;align-items:baseline;gap:18px}.logo{font-size:27px;letter-spacing:-1.2px}.logo span{color:#66c4ff}small,.muted,#identity{color:#9bacc8}
main{max-width:1180px;margin:30px auto;padding:0 20px}.card{background:#151f31;border:1px solid #2c3a53;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 10px 30px #0002}
h1,h2,h3{margin:0 0 17px}h1{font-size:25px}h2{font-size:21px}h3{font-size:17px}p{line-height:1.6}
button,input,select,textarea{border-radius:8px;padding:10px 12px;font:inherit;border:1px solid #42516b;background:#0d1524;color:inherit;min-width:0}
button{background:#3184e2;border:0;font-weight:650;cursor:pointer}button:hover{filter:brightness(1.15)}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#253650}.small{padding:7px 11px;margin-top:9px}
input,select,textarea{width:100%}label{display:block;color:#aebbd1;font-size:13px;margin:8px 0 6px}
.row,.bar,.filterbar{display:flex;gap:12px;align-items:center}.row input{flex:1}.bar{justify-content:space-between;margin-bottom:12px}.bar h1,.bar h2,.bar h3{margin:0}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.filterbar{margin:12px 0}.filterbar>*{flex:1}.filterbar>button{flex:0 0 auto}
#recordForm{border-top:1px solid #2d3b53;padding-top:22px;margin-top:20px}#recordForm .row{margin-top:18px}
.scroll{overflow:auto;margin-top:14px}table{border-collapse:collapse;width:100%;min-width:460px;font-size:14px}th,td{border-bottom:1px solid #2c3a53;text-align:left;padding:11px 8px;white-space:nowrap}th{color:#c5d2e9}td button{margin-right:6px}
#fields{color:#8fa7cb;font-size:14px}#status{display:block;position:sticky;bottom:12px;min-height:24px;color:#8fe0ad;background:#102333;border-radius:8px;padding:8px 12px;max-width:max-content}#status:empty{display:none}
#newKey{padding:14px;overflow-wrap:anywhere;white-space:pre-wrap;background:#132e38;border-radius:8px;color:#b8f8df}
@media(max-width:750px){.grid3{grid-template-columns:1fr}.filterbar{flex-wrap:wrap}.filterbar>*{flex:1 1 42%}.bar{align-items:flex-start}header>div{display:block}.card{padding:16px}.row{flex-wrap:wrap}}