:root{--bg-color:#1e1e24;--panel-bg:#2b2b36;--text-color:#f1f1f1;--text-muted:#a1a1aa;--primary:#3b82f6;--primary-hover:#2563eb;--border-color:#3f3f46;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b}@media (prefers-color-scheme:light){:root{--bg-color:#f4f4f5;--panel-bg:#fff;--text-color:#18181b;--text-muted:#71717a;--border-color:#e4e4e7}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;height:100vh;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;display:flex}header{background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}h1{font-size:1.25rem;font-weight:600}h2{margin-bottom:1rem;font-size:1.5rem}h3{margin-bottom:.75rem;font-size:1.2rem}.layout{flex:1;display:flex;overflow:hidden}.sidebar{background-color:var(--panel-bg);border-right:1px solid var(--border-color);flex-direction:column;width:200px;display:flex}.tab-btn{color:var(--text-color);text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:1rem;font-size:1rem}.tab-btn:hover{background-color:var(--bg-color)}.tab-btn.active{border-left-color:var(--primary);background-color:var(--bg-color);font-weight:600}.content{flex:1;padding:2rem;overflow-y:auto}.tab-content{display:none}.tab-content.active{display:block}.card{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.hidden{display:none!important}button{background-color:var(--panel-bg);color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;border-radius:.25rem;margin-bottom:.5rem;margin-right:.5rem;padding:.5rem 1rem;font-size:.9rem}button:hover{background-color:var(--border-color)}button.primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover{background-color:var(--primary-hover)}.badge{border-radius:1rem;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.badge.disconnected{background-color:var(--border-color);color:var(--text-color)}.badge.connected{background-color:var(--success);color:#fff}#error-banner{background-color:var(--danger);color:#fff;border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}#dismiss-error{color:#fff;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:1.5rem}.form-group{align-items:center;margin-bottom:1rem;display:flex}.form-group label{width:200px;font-weight:500}input[type=text],input[type=number],select,textarea{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:.25rem;width:100%;max-width:400px;padding:.5rem}textarea{max-width:100%;margin-bottom:1rem;font-family:monospace}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border-color);text-align:left;padding:.5rem}th{font-weight:600}td input[type=text],td input[type=number]{max-width:100px}.log-container{background-color:var(--bg-color);border:1px solid var(--border-color);white-space:pre-wrap;border-radius:.25rem;height:400px;padding:1rem;font-family:monospace;font-size:.85rem;overflow-y:auto}.log-tx{color:var(--primary)}.log-rx{color:var(--success)}pre{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.25rem;padding:1rem;font-size:.85rem;overflow-x:auto}