:root{font-family:Inter,system-ui,Arial,sans-serif;color:#e8e8f1;background:#0c0d14}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:11px 15px;background:#7954e8;color:white;font-weight:600}button:hover{filter:brightness(1.13)}button.secondary{background:#292a3c}button.danger{background:#81354a}input,select{display:block;width:100%;background:#171824;border:1px solid #39394c;border-radius:8px;padding:12px;color:#f1f1fa;margin:8px 0 16px}label{display:block;color:#b7b7c9;font-size:13px;margin-top:10px}h1{font-size:28px;margin:5px 0 0}h2{font-size:18px}p,small{color:#9899ae}small{letter-spacing:2px;font-size:10px}#app{display:flex;min-height:100vh}aside{width:250px;flex-shrink:0;background:#11121c;padding:25px 15px;border-right:1px solid #292a38}aside h2{margin:0 10px 32px;color:#c6b4ff}.nav{width:100%;text-align:left;background:transparent;color:#a9a9bc;margin-bottom:8px}.nav.selected{background:#28203e;color:#fff}main{padding:32px 40px;flex:1;min-width:0}header,.toolbar,.actions{display:flex;align-items:center;justify-content:space-between;gap:15px}header{margin-bottom:42px}#connection{color:#72d3a6;font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:15px;margin:20px 0 38px}.card,.panel{background:#171824;border:1px solid #2d2e40;border-radius:13px;padding:20px}.card h3{margin:0 0 5px}.card p{font-size:13px;margin:5px 0 18px;overflow-wrap:anywhere}.card .actions{justify-content:flex-start;flex-wrap:wrap;gap:7px}.card button{padding:8px 10px;font-size:12px}.state{font-size:12px;color:#e9ae7a}.state.on{color:#77d5ac}.center{min-height:100vh;display:grid;place-items:center}.center .panel{width:min(400px,90vw)}.error{color:#ff8295}dialog{background:#171824;border:1px solid #414158;border-radius:14px;color:white;width:min(540px,94vw);max-height:90vh;overflow:auto;padding:25px}dialog::backdrop{background:#000b}dialog .actions{margin-top:20px}#terminal{width:min(900px,95vw)}#terminalText{height:50vh;overflow:auto;background:#090b10;border:1px solid #303040;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;color:#b9efc7}#terminalForm{display:flex;gap:10px}#terminalForm input{margin:0}#toast{position:fixed;bottom:25px;right:25px;background:#33294e;padding:14px 20px;border-radius:9px;display:none;max-width:400px}#events>div,#unknown>div{padding:13px;border-bottom:1px solid #2e2e40;color:#babacc}#unknown button{margin-left:12px}@media(max-width:700px){#app{display:block}aside{width:auto;display:flex;flex-wrap:wrap;gap:5px;padding:12px}aside h2{width:100%;margin:4px}.nav{width:auto;margin:0}main{padding:20px}header{margin-bottom:25px}.toolbar{align-items:flex-start;flex-direction:column}}

[hidden]{display:none!important}