*{margin:0;padding:0;box-sizing:border-box}
:root{color-scheme:dark}
body{font-family:Inter,Arial,sans-serif;background:#020617;color:#fff;padding:40px 20px}
.container,main,nav{max-width:1100px;margin:auto}
.card{background:#111827;padding:30px;border-radius:18px;margin-bottom:24px;border:1px solid rgba(255,255,255,.08)}
nav,.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}
nav div,.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
nav a{padding:10px}.brand{font-size:24px;font-weight:700;color:#fff}nav span{color:#94a3b8;font-size:13px}
a{color:#93c5fd;text-decoration:none}
h1{font-size:32px;margin-bottom:8px}h2{font-size:22px;margin-bottom:22px}h3{font-size:18px;margin:18px 0 10px}
.sub,.muted,small{color:#94a3b8}p{line-height:1.6}small{display:block;font-size:11px;margin-top:6px;overflow-wrap:anywhere}
.eyebrow{font-size:11px;letter-spacing:1.6px;color:#94a3b8;margin-bottom:10px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.input-group{margin-bottom:18px}
label{display:block;margin-bottom:8px;font-size:14px;color:#cbd5e1}
input,select{width:100%;padding:14px;border:1px solid transparent;border-radius:10px;background:#1e293b;color:#fff;font-size:15px;outline:none}
.grid input,.grid select{margin-top:8px}input[readonly]{background:#334155}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}
button,.button{display:inline-block;width:auto;padding:12px 18px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}
form button{width:100%;padding:15px}nav form button{width:auto;padding:12px 18px}
button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:not-allowed}
.button.secondary,.quiet{background:#334155;color:#fff}
.button.danger,button.danger{background:#dc2626}
.success-box{background:#14532d;border:1px solid #22c55e;padding:16px;border-radius:10px;margin-bottom:20px}
.failed-box{background:#7f1d1d;border:1px solid #ef4444;padding:16px;border-radius:10px;margin-bottom:20px}
.error,.required,#result{color:#f87171}#result{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin-bottom:16px}#result:empty{display:none}
.terminal{background:#000;padding:20px;border-radius:12px;overflow:auto;border:1px solid #334155;margin-top:20px;max-height:520px}
.terminal pre{color:#22c55e;white-space:pre-wrap;font-size:13px;line-height:1.55;margin-top:18px;overflow-wrap:anywhere}
.terminal button{width:100%;text-align:left;background:#0f172a}.terminal button span{float:right;color:#94a3b8;font-size:12px}
table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #273449;text-align:left;vertical-align:top;font-size:14px}th{color:#cbd5e1;font-weight:600}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:24px}.actions button{width:auto}.actions .muted{font-size:12px;overflow-wrap:anywhere}
.badge,.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:#334155;font-size:12px;white-space:nowrap}
.badge.success{background:#14532d;color:#bbf7d0}.badge.failed{background:#7f1d1d;color:#fecaca}
fieldset{border:0;min-width:0}fieldset:disabled{opacity:.7}
.section-title{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.section-title h2{margin:0}
.steps{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid #273449;padding:22px 0;margin-bottom:24px;font-size:12px;color:#94a3b8}.steps b{color:#93c5fd}
details{border-top:1px solid #273449;margin-top:24px;padding-top:22px}summary{cursor:pointer;color:#cbd5e1}summary span{font-size:12px;color:#94a3b8;margin-left:10px}details[open] summary{margin-bottom:22px}
.table-wrap{overflow:auto}.empty{text-align:center;padding:50px}
dialog{margin:auto;width:min(850px,94vw);max-height:88vh;overflow:auto;background:#111827;color:#fff;border:1px solid #334155;border-radius:18px;padding:30px;box-shadow:0 24px 90px #0008}
dialog::backdrop{background:rgba(2,6,23,.85)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:-30px;background:#111827;padding:10px 0}.modal-head h2{margin:0}.modal-head button{font-size:26px;padding:5px 14px}
#modal-body h3{text-transform:capitalize}#modal-body pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#1e293b;border-radius:10px;padding:16px;font:13px/1.6 monospace}
.login-container{max-width:520px}.login h1{margin-bottom:8px}.login .card:last-child{margin-bottom:0}
[hidden]{display:none!important}
@media(max-width:768px){body{padding:24px 14px}.grid{grid-template-columns:1fr}.topbar,nav{align-items:flex-start;flex-direction:column}th,td{font-size:13px;padding:10px}.section-title{flex-wrap:wrap}.steps{gap:14px}.card{padding:24px}.terminal button span{float:none;display:block;margin-top:6px}}