.app[data-v-bf303446]{min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-bf303446]{background:#1e293b;padding:1rem 2rem;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center}.navbar-brand[data-v-bf303446]{display:flex;align-items:center;gap:1rem}.navbar-brand h1[data-v-bf303446]{font-size:1.5rem;font-weight:600}.status-indicator[data-v-bf303446]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8}.status-dot[data-v-bf303446]{width:8px;height:8px;border-radius:50%}.status-dot.connected[data-v-bf303446]{background:#10b981;box-shadow:0 0 8px #10b981}.status-dot.disconnected[data-v-bf303446]{background:#ef4444}.navbar-links[data-v-bf303446]{display:flex;gap:2rem}.nav-link[data-v-bf303446]{color:#cbd5e1;text-decoration:none;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s}.nav-link[data-v-bf303446]:hover{background:#334155;color:#f8fafc}.nav-link.router-link-active[data-v-bf303446]{background:#3b82f6;color:#fff}.main-content[data-v-bf303446]{flex:1;padding:2rem}.footer[data-v-bf303446]{background:#1e293b;padding:1rem 2rem;border-top:1px solid #334155;display:flex;justify-content:space-between;font-size:.875rem;color:#94a3b8}