.realtime-badge[data-v-aff001a4]{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-2);height:24px;padding:0 var(--space-3);white-space:nowrap}.realtime-badge[data-v-aff001a4],.realtime-dot[data-v-aff001a4]{border-radius:var(--radius-full)}.realtime-dot[data-v-aff001a4]{background:var(--color-success);flex-shrink:0;height:7px;width:7px}@media(max-width:768px){.realtime-label[data-v-aff001a4]{display:none}.realtime-badge[data-v-aff001a4]{padding:0 var(--space-1)}}.sync-badge[data-v-ce8c4ddb]{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-2);height:24px;padding:0 var(--space-3);white-space:nowrap}.sync-dot[data-v-ce8c4ddb]{background:currentColor;border-radius:var(--radius-full);flex-shrink:0;height:6px;width:6px}.sync-spinner[data-v-ce8c4ddb]{animation:sync-spin-ce8c4ddb .8s linear infinite;border:2px solid;border-radius:var(--radius-full);border-top:2px solid transparent;flex-shrink:0;height:12px;width:12px}@keyframes sync-spin-ce8c4ddb{to{transform:rotate(1turn)}}.sync-badge[data-state=synced][data-v-ce8c4ddb]{background:transparent;color:var(--color-text-faint)}.sync-badge[data-state=syncing][data-v-ce8c4ddb]{background:var(--color-surface-muted);color:var(--color-text-secondary)}.sync-badge[data-state=pending][data-v-ce8c4ddb]{background:var(--color-warning-soft);color:var(--color-warning-strong)}.sync-badge[data-state=offline][data-v-ce8c4ddb]{background:var(--color-surface-muted);color:var(--color-text-secondary)}.sync-badge[data-state=error][data-v-ce8c4ddb]{background:var(--color-danger-soft);color:var(--color-danger-strong)}.sync-badge[data-state=authRequired][data-v-ce8c4ddb]{background:var(--color-action-soft);color:var(--color-action-hover)}.app-shell[data-v-4674b820]{display:flex;min-height:100vh}.sidebar[data-v-4674b820]{background:var(--color-bg);border-right:1px solid var(--color-border);inset:0 auto 0 0;position:fixed;width:var(--sidebar-width)}.sidebar[data-v-4674b820],.sidebar-brand[data-v-4674b820]{display:flex;flex-direction:column}.sidebar-brand[data-v-4674b820]{gap:2px;height:var(--topbar-height);justify-content:center;padding:0 var(--space-5)}.brand-name[data-v-4674b820]{color:var(--color-text);font-size:var(--text-base);font-weight:800;letter-spacing:.14em}.brand-baseline[data-v-4674b820]{color:var(--color-text-faint);font-size:var(--text-xs)}.drawer-close[data-v-4674b820],.hamburger[data-v-4674b820]{display:none}.topbar-left[data-v-4674b820]{align-items:center;display:flex;gap:var(--space-3);min-width:0}.sidebar-nav[data-v-4674b820]{display:flex;flex:1;flex-direction:column;gap:2px;padding:var(--space-3)}.nav-link[data-v-4674b820]{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;font-size:var(--text-base);font-weight:500;gap:var(--space-3);height:36px;padding:0 var(--space-3);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-link[data-v-4674b820]:hover{background:var(--color-surface-muted);color:var(--color-text);text-decoration:none}.nav-link-active[data-v-4674b820],.nav-link-active[data-v-4674b820]:hover{background:var(--color-action-soft);color:var(--color-action-hover);font-weight:600}.nav-icon[data-v-4674b820]{flex-shrink:0;height:20px;width:20px}.main-column[data-v-4674b820]{display:flex;flex:1;flex-direction:column;margin-left:var(--sidebar-width)}.topbar[data-v-4674b820]{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;height:var(--topbar-height);justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:10}.topbar-studio[data-v-4674b820]{color:var(--color-text);font-size:var(--text-md);font-weight:700}.topbar-right[data-v-4674b820]{align-items:center;display:flex;gap:var(--space-4)}.theme-toggle[data-v-4674b820]{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);width:34px}.theme-toggle[data-v-4674b820]:hover{background:var(--color-surface-muted);color:var(--color-text)}.theme-toggle[data-v-4674b820]:active{transform:scale(.94)}.theme-icon[data-v-4674b820]{height:18px;width:18px}.user-menu[data-v-4674b820]{position:relative}.user-menu-trigger[data-v-4674b820]{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:background-color var(--duration-fast) var(--ease-out)}.user-menu-trigger[data-v-4674b820]:hover{background:var(--color-surface-muted)}.user-avatar[data-v-4674b820]{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-weight:700;height:32px;justify-content:center;width:32px}.user-caret[data-v-4674b820]{color:var(--color-text-faint);height:14px;width:14px}.user-menu-dropdown[data-v-4674b820]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-width:180px;padding:var(--space-2);position:absolute;right:0;top:calc(100% + var(--space-2))}.user-menu-item[data-v-4674b820]{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:block;font-size:var(--text-base);padding:var(--space-2) var(--space-3);text-align:left;transition:background-color var(--duration-fast) var(--ease-out);width:100%}.user-menu-item[data-v-4674b820]:hover{background:var(--color-surface-muted)}.page-content[data-v-4674b820]{flex:1;max-width:1200px;padding:var(--space-6);width:100%}.topbar-studio[data-v-4674b820]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.main-column[data-v-4674b820]{margin-left:0}.sidebar[data-v-4674b820]{background:var(--color-surface);box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out);width:min(84vw,300px);z-index:60}.sidebar-open[data-v-4674b820]{transform:translate(0)}.drawer-scrim[data-v-4674b820]{animation:scrim-in-4674b820 var(--duration-base) var(--ease-out);background:#16213e66;inset:0;position:fixed;z-index:55}@keyframes scrim-in-4674b820{0%{opacity:0}to{opacity:1}}.hamburger[data-v-4674b820]{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color var(--duration-fast) var(--ease-out);width:40px}.hamburger[data-v-4674b820]:hover{background:var(--color-surface-muted)}.hamburger svg[data-v-4674b820]{height:22px;width:22px}.drawer-close[data-v-4674b820]{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;margin-left:auto;width:36px}.drawer-close svg[data-v-4674b820]{height:20px;width:20px}.sidebar-brand[data-v-4674b820]{align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.nav-link[data-v-4674b820]{font-size:var(--text-md);height:44px}.topbar[data-v-4674b820]{padding:0 var(--space-3)}.topbar-right[data-v-4674b820]{gap:var(--space-2)}.user-name[data-v-4674b820]{display:none}.page-content[data-v-4674b820]{padding:var(--space-4)}}