*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0f1117;color:#e2e8f0}#layout{display:flex;flex-direction:column;min-height:100vh}nav{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:#1a1d27;border-bottom:1px solid #2d3148}nav a{color:#94a3b8;text-decoration:none;font-size:.875rem}nav a.router-link-active{color:#e2e8f0}main{padding:1.5rem;flex:1}.ws-status{margin-left:auto;font-size:.75rem;padding:.25rem .6rem;border-radius:9999px}.ws-status.connected{background:#14532d;color:#86efac}.ws-status.connecting{background:#78350f;color:#fcd34d}.ws-status.disconnected,.ws-status.auth_error{background:#450a0a;color:#fca5a5}