: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-3ce14719]{display:flex;height:100vh}.sidebar[data-v-3ce14719]{width:220px;background:var(--bg-panel);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo[data-v-3ce14719]{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}.sidebar-logo img[data-v-3ce14719]{width:22px;height:22px;border-radius:6px;flex-shrink:0}.sidebar-nav[data-v-3ce14719]{flex:1;padding:10px 8px}.nav-item[data-v-3ce14719]{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-3ce14719]:hover{background:#ffffff0d;color:#ffffffbf}.nav-item.active[data-v-3ce14719]{background:#5e6ad226;color:var(--accent)}.nav-item[data-v-3ce14719] svg{width:16px;height:16px;opacity:.6;flex-shrink:0}.ws-status[data-v-3ce14719]{display:flex;align-items:center;gap:7px;margin:0 12px 10px;padding:8px 10px;border-radius:6px;color:#ffffff7a;font-size:12px;background:#ffffff0a}.ws-dot[data-v-3ce14719]{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.ws-status.connected .ws-dot[data-v-3ce14719]{background:var(--green)}.ws-status.connecting .ws-dot[data-v-3ce14719]{background:var(--orange)}.ws-status.disconnected .ws-dot[data-v-3ce14719]{background:var(--red)}.nav-item.active[data-v-3ce14719] svg{opacity:1}.sidebar-user[data-v-3ce14719]{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-3ce14719]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user button[data-v-3ce14719]{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-3ce14719]:hover{color:#fff;border-color:#5e6ad28c;background:#5e6ad22e}.main[data-v-3ce14719]{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-content[data-v-3ce14719]{flex:1;overflow-y:auto;padding:20px 28px}@media (max-width: 768px){.sidebar[data-v-3ce14719]{width:64px}.sidebar-logo[data-v-3ce14719]{justify-content:center;padding:16px 8px}.sidebar-logo span[data-v-3ce14719],.nav-label[data-v-3ce14719],.sidebar-user span[data-v-3ce14719],.sidebar-user button[data-v-3ce14719],.ws-status span[data-v-3ce14719]{display:none}.nav-item[data-v-3ce14719]{justify-content:center;padding:10px}.ws-status[data-v-3ce14719]{justify-content:center;margin:0 10px 10px;padding:10px 0}.main-content[data-v-3ce14719]{padding:14px}}