.navbar[data-v-58c30ba2]{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:#fff;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:9990;gap:2px}.navbar-left[data-v-58c30ba2]{display:flex;align-items:center;gap:8px}.logo[data-v-58c30ba2]{font-size:18px;font-weight:700;color:var(--gold);text-decoration:none;white-space:nowrap}.hamburger[data-v-58c30ba2]{display:none;background:none;border:none;color:var(--text-primary);font-size:22px;cursor:pointer}.page-title-bar[data-v-58c30ba2]{display:none;position:fixed;top:56px;left:0;right:0;z-index:9989;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:6px 16px}.page-title-text[data-v-58c30ba2]{font-size:13px;color:var(--text-secondary);font-weight:500}.nav-links[data-v-58c30ba2]{display:flex;gap:2px;align-items:center}.nav-icon[data-v-58c30ba2]{margin-left:4px;font-size:16px;flex-shrink:0}.nav-label[data-v-58c30ba2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-ext[data-v-58c30ba2]{font-size:10px;color:var(--text-secondary);margin-left:2px;opacity:.6}.nav-item[data-v-58c30ba2]{padding:8px 12px;border-radius:6px;font-size:14px;color:var(--text-primary);text-decoration:none;white-space:nowrap;transition:all .15s;min-height:44px;display:flex;align-items:center}.nav-item[data-v-58c30ba2]:hover{color:var(--gold);background:#c2a77a14}.nav-item.active[data-v-58c30ba2]{color:var(--gold);background:#c2a77a24;font-weight:600}.nav-group[data-v-58c30ba2]{position:relative;flex-shrink:0}.nav-trigger[data-v-58c30ba2]{background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;padding:8px 12px;min-height:44px;display:flex;align-items:center;gap:4px;white-space:nowrap;border-radius:6px;transition:all .15s}.nav-trigger[data-v-58c30ba2]:hover{color:var(--gold);background:#c2a77a14}.nav-trigger.active[data-v-58c30ba2]{color:var(--gold);background:#c2a77a24;font-weight:600}.arrow[data-v-58c30ba2]{font-size:12px;transition:transform .15s}.arrow.down[data-v-58c30ba2]{transform:rotate(180deg)}.nav-menu[data-v-58c30ba2]{display:none;flex-direction:column;position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:6px 0;min-width:150px;z-index:200;box-shadow:var(--shadow-md)}.nav-menu.show[data-v-58c30ba2]{display:flex}.nav-menu a[data-v-58c30ba2]{padding:10px 16px;font-size:14px;color:var(--text-primary);text-decoration:none;white-space:nowrap;transition:background .15s;display:flex;align-items:center;gap:4px}.nav-menu a[data-v-58c30ba2]:hover,.nav-menu a.router-link-active[data-v-58c30ba2]{background:#c2a77a1a;color:var(--gold)}.nav-menu a.nav-dev[data-v-58c30ba2]{font-size:12px;color:var(--text-secondary);padding:8px 16px}.nav-menu a.nav-dev[data-v-58c30ba2]:hover{color:var(--gold)}.nav-divider[data-v-58c30ba2]{height:1px;background:var(--border-color);margin:4px 0}@media (max-width: 1100px){.nav-label[data-v-58c30ba2],.nav-ext[data-v-58c30ba2]{display:none}.nav-item[data-v-58c30ba2],.nav-trigger[data-v-58c30ba2]{padding:8px 10px}.nav-menu .nav-label[data-v-58c30ba2]{display:inline}}@media (max-width: 768px){.nav-label[data-v-58c30ba2]{display:inline}.nav-ext[data-v-58c30ba2]{display:none}.page-title-bar[data-v-58c30ba2]{display:block}.navbar[data-v-58c30ba2]{justify-content:space-between}.hamburger[data-v-58c30ba2]{display:block;margin-left:auto}.nav-links[data-v-58c30ba2]{display:none;flex-direction:column;position:fixed;top:94px;right:0;left:0;background:#fff;padding:8px 12px;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:999;max-height:calc(100vh - 94px);overflow-y:auto;align-items:stretch;gap:2px}.nav-links.show[data-v-58c30ba2]{display:flex}.nav-item[data-v-58c30ba2]{padding:12px 8px;font-size:15px;border-radius:0}.nav-group[data-v-58c30ba2]{width:100%}.nav-trigger[data-v-58c30ba2]{width:100%;justify-content:space-between;font-size:15px;padding:12px 8px;border-radius:0}.nav-menu[data-v-58c30ba2]{position:static;border:none;border-radius:0;padding:0 0 0 16px;box-shadow:none;min-width:auto}.nav-menu a[data-v-58c30ba2]{padding:12px 8px;font-size:14px}}#app-shell{position:relative;z-index:1}.main-content{position:relative;z-index:1;padding-top:56px;height:100dvh;overflow-y:auto;display:flex;flex-direction:column}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#161822;display:flex;align-items:center;justify-content:center;z-index:9999}.auth-box{text-align:center}.auth-box h2{color:#c2a77a;margin-bottom:20px}.auth-box input{padding:12px 20px;font-size:16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#e0e4f0;outline:none;width:240px}.auth-box button{margin-left:8px;padding:12px 24px;background:#e07a5f;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.auth-box .err{color:#c62828;margin-top:12px;font-size:14px}.auth-box .forgot{margin-top:10px;font-size:13px;color:#8e97b0;cursor:pointer;text-decoration:underline}.auth-box .forgot:hover{color:#c2a77a}.auth-box .forgot-hint{margin-top:8px;font-size:13px;color:#e0a080}:root{--c-sand: #C2A77A;--c-sand-light: #d4b08c;--c-sand-bg: rgba(194, 167, 122, .1);--c-sand-bg-hover: rgba(194, 167, 122, .18);--c-orange: #E8A85D;--c-orange-bg: rgba(232, 168, 93, .12);--c-orange-border: rgba(232, 168, 93, .25);--c-dark: #2F3E46;--c-accent: #9A6B3B;--c-dark-secondary: #5A6B73;--c-dark-muted: #3D4F5A;--c-red: #C4574E;--c-green: #27ae60;--c-blue: #2980b9;--c-bg: #FAF9F8;--c-bg-secondary: #F5F3F0;--c-bg-card: #FFFFFF;--c-bg-chat: #FAF7F2;--c-border: #E2DFDA;--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--c-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--c-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--c-role-command: #E8A85D;--c-role-tech: #2F3E46;--c-role-ops: #C2A77A;--c-role-content: #8B7355;--bg-primary: #FAF9F8;--bg-secondary: #F5F3F0;--bg-tertiary: #FFFFFF;--bg-card: #FFFFFF;--text-primary: #2F3E46;--text-secondary: #3D4F5A;--gold: #C2A77A;--gold-light: #d4b08c;--orange: #E8A85D;--red: #c0392b;--green: #27ae60;--blue: #2980b9;--border-color: #E2DFDA;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--font-size-base: 16px;--font-size-sm: 13px;--cc-header-height: 60px;--cc-sidebar-width: 220px;--cc-radius: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:inherit}.mention{color:var(--c-sand);font-weight:600}.mention:hover{text-decoration:underline}.reconnect-banner{position:fixed;top:var(--cc-header-height);left:0;right:0;height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;z-index:999}.reconnect-banner.lost{background:#c4574e1f;color:var(--c-red);border-bottom:1px solid var(--c-red)}.role-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.unread-badge{min-width:20px;height:20px;border-radius:10px;background:var(--c-orange);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.tag-pill{display:inline-block;padding:1px 6px;border-radius:6px;font-size:10px;background:var(--c-sand-bg);color:var(--c-role-content)}.btn-primary{background:var(--c-sand);color:#fff;border:none;border-radius:var(--cc-radius);padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--c-sand-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:none;border:1px solid var(--c-border);color:var(--c-dark-secondary);border-radius:var(--cc-radius);padding:8px 16px;font-size:13px;cursor:pointer}.btn-ghost:hover{background:var(--c-bg-secondary)}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.hide-desktop{display:none!important}}