:root{--bg-root: #f5f5f5;--bg-panel: #1E1E2E;--bg-surface: #fff;--bg-elevated: #f9f9f9;--text-primary: #1a1a1a;--text-secondary: #555;--text-tertiary: #888;--text-muted: #aaa;--accent: #5e6ad2;--accent-hover: #4a56d0;--accent-soft: rgba(94,106,210,.12);--border: #e8e8e8;--border-subtle: #f0f0f0;--green: #27a644;--red: #e5484d;--orange: #f5a623;--radius: 8px;--radius-lg: 12px;--transition: .15s ease;--shadow-soft: 0 4px 12px rgba(0,0,0,.06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--bg-root);color:var(--text-primary);min-height:100vh;overflow:auto;-webkit-font-smoothing:antialiased}#app{min-height:100vh}.app-layout[data-v-3edcafd4]{display:flex;height:100vh}.sidebar[data-v-3edcafd4]{width:220px;background:var(--bg-panel);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0;position:relative;transition:width var(--transition)}.sidebar.collapsed[data-v-3edcafd4]{width:64px}.sidebar-logo[data-v-3edcafd4]{padding:18px 20px;font-size:17px;font-weight:600;color:var(--accent);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8px;min-height:61px}.sidebar-logo img[data-v-3edcafd4]{width:22px;height:22px;border-radius:6px;flex-shrink:0}.sidebar-toggle[data-v-3edcafd4]{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:28px;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffff9e;background:#ffffff0a;cursor:pointer;transition:var(--transition)}.sidebar-toggle[data-v-3edcafd4]:hover{color:#fff;border-color:#5e6ad28c;background:#5e6ad22e}.sidebar-toggle svg[data-v-3edcafd4]{width:16px;height:16px}.sidebar.collapsed .sidebar-logo[data-v-3edcafd4]{justify-content:center;padding:16px 8px}.sidebar.collapsed .sidebar-logo span[data-v-3edcafd4],.sidebar.collapsed .nav-label[data-v-3edcafd4],.sidebar.collapsed .sidebar-user span[data-v-3edcafd4],.sidebar.collapsed .sidebar-user button[data-v-3edcafd4],.sidebar.collapsed .ws-status span[data-v-3edcafd4]{display:none}.sidebar.collapsed .sidebar-toggle[data-v-3edcafd4]{position:absolute;top:58px;left:18px;margin-left:0}.sidebar.collapsed .sidebar-nav[data-v-3edcafd4]{padding-top:40px}.sidebar-nav[data-v-3edcafd4]{flex:1;padding:10px 8px}.nav-item[data-v-3edcafd4]{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:500;color:#ffffff73;cursor:pointer;transition:var(--transition);margin-bottom:1px}.nav-item[data-v-3edcafd4]:hover{background:#ffffff0d;color:#ffffffbf}.nav-item.active[data-v-3edcafd4]{background:#5e6ad226;color:var(--accent)}.nav-item[data-v-3edcafd4] svg{width:16px;height:16px;opacity:.6;flex-shrink:0}.sidebar.collapsed .nav-item[data-v-3edcafd4]{justify-content:center;padding:10px}.ws-status[data-v-3edcafd4]{display:flex;align-items:center;gap:7px;margin:0 12px 10px;padding:8px 10px;border-radius:6px;color:#ffffff7a;font-size:12px;background:#ffffff0a}.sidebar.collapsed .ws-status[data-v-3edcafd4]{justify-content:center;margin:0 10px 10px;padding:10px 0}.ws-dot[data-v-3edcafd4]{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.ws-status.connected .ws-dot[data-v-3edcafd4]{background:var(--green)}.ws-status.connecting .ws-dot[data-v-3edcafd4]{background:var(--orange)}.ws-status.disconnected .ws-dot[data-v-3edcafd4]{background:var(--red)}.nav-item.active[data-v-3edcafd4] svg{opacity:1}.sidebar-user[data-v-3edcafd4]{border-top:1px solid rgba(255,255,255,.06);display:grid;gap:8px;padding:12px 16px;font-size:12px;color:#ffffff4d}.sidebar-user span[data-v-3edcafd4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user button[data-v-3edcafd4]{width:100%;min-height:32px;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;background:#ffffff0d;cursor:pointer;font:inherit;transition:var(--transition)}.sidebar-user button[data-v-3edcafd4]:hover{color:#fff;border-color:#5e6ad28c;background:#5e6ad22e}.main[data-v-3edcafd4]{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-content[data-v-3edcafd4]{flex:1;overflow-y:auto;padding:20px 28px}@media (max-width: 768px){.sidebar[data-v-3edcafd4]{width:64px}.sidebar-logo[data-v-3edcafd4]{justify-content:center;padding:16px 8px}.sidebar-logo span[data-v-3edcafd4],.nav-label[data-v-3edcafd4],.sidebar-user span[data-v-3edcafd4],.sidebar-user button[data-v-3edcafd4],.ws-status span[data-v-3edcafd4]{display:none}.nav-item[data-v-3edcafd4]{justify-content:center;padding:10px}.ws-status[data-v-3edcafd4]{justify-content:center;margin:0 10px 10px;padding:10px 0}.main-content[data-v-3edcafd4]{padding:14px}}