:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7edf7;background:#0b1220;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0b1220,#101827 70%);min-height:100vh}
header{height:72px;border-bottom:1px solid #243047;background:#0b1220dd;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1280px)/2));position:sticky;top:0;z-index:10}
.brand{display:flex;gap:12px;align-items:center}.brand small{display:block;color:#8fa0ba}.mark{width:38px;height:38px;border-radius:11px;background:#4f8cff;display:grid;place-items:center;font-weight:900}
nav{display:flex;gap:18px;align-items:center}nav a,.link{color:#c8d4e7;text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}nav form{margin:0}
main{max-width:1280px;margin:0 auto;padding:38px 24px 80px}footer{text-align:center;color:#72839d;padding:30px}
h1{font-size:34px;margin:0 0 6px}h2{margin:0}.muted,.hint{color:#91a2bc}.title-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}
.button,button{border:0;background:#4f8cff;color:white;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.secondary,.buttonlike.secondary{background:#182438;color:#cbd6e8;border:1px solid #31405a}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px}.card,.panel,.login-card{background:#111b2b;border:1px solid #26344d;border-radius:14px;padding:20px;box-shadow:0 12px 28px #0002}.card-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.card-head>div{display:flex;gap:10px;align-items:center}
.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;background:#26344d}.status.ok{background:#143b2c;color:#84edb8}.status.failed{background:#4a1f28;color:#ff9eae}.status.running{background:#3e351a;color:#f8dc78}.status.new{background:#22304a;color:#abc4ed}.pill{font-size:12px;color:#9eb1ce}
dl{display:grid;grid-template-columns:135px 1fr;gap:8px 10px;margin:20px 0}dt{color:#8294af}dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions form{margin:0}.errorbox{padding:10px;border-radius:8px;background:#3a1d25;color:#ffb1bc;margin-bottom:14px;overflow-wrap:anywhere}
.section-title{margin:34px 0 14px}.tablewrap{overflow:auto;border:1px solid #26344d;border-radius:12px}table{width:100%;border-collapse:collapse;background:#101a29}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #22304a;font-size:14px}th{color:#8fa1bb}.empty{padding:40px;border:1px dashed #34445f;border-radius:14px;color:#91a2bc}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin-top:22px}.full{grid-column:1/-1}.stack{display:grid;gap:15px}label{display:grid;gap:7px;color:#b9c6d9}input{width:100%;padding:11px 12px;border-radius:8px;border:1px solid #34435e;background:#0b1423;color:#fff;outline:none}input:focus{border-color:#4f8cff}.narrow,.login-card{max-width:520px}.login-card{margin:70px auto}.flash{padding:12px 14px;border-radius:9px;margin-bottom:18px}.flash.ok{background:#143b2c;color:#a4f4ca}.flash.error{background:#4a1f28;color:#ffb1bc}
@media(max-width:800px){header{height:auto;align-items:flex-start;padding:16px 20px;gap:15px;flex-direction:column}nav{flex-wrap:wrap}.title-row{align-items:flex-start;flex-direction:column}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}}

.node-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0 8px}.node-summary>div{background:#111b2b;border:1px solid #26344d;border-radius:12px;padding:14px}.node-summary span{display:block;color:#8294af;font-size:12px;margin-bottom:5px}.node-summary strong{font-size:17px}.cards.compact{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}

.prompt-box{width:100%;min-height:520px;border:1px solid #34435e;background:#0b1423;color:#dce7f8;border-radius:10px;padding:14px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.test-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
code{background:#0b1423;border:1px solid #26344d;border-radius:5px;padding:2px 5px}

.pairing-code{font:700 15px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#0b1423;border:1px solid #34435e;border-radius:9px;padding:14px;margin:14px 0;overflow-wrap:anywhere}

.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px}.settings-card{display:flex;gap:16px;background:#111b2b;border:1px solid #26344d;border-radius:14px;padding:20px;color:#e7edf7;text-decoration:none;transition:transform .12s ease,border-color .12s ease}.settings-card:hover{transform:translateY(-1px);border-color:#4f8cff}.settings-card h2{margin:0 0 6px}.settings-card p{margin:0 0 10px;color:#91a2bc;line-height:1.45}.settings-card span{font-size:12px;color:#8294af}.settings-icon{min-width:42px;height:42px;border-radius:11px;background:#182438;display:grid;place-items:center;font-size:20px;font-weight:800}
