.app-shell[data-v-e920ae33]{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns var(--transition-base)}.app-shell.sidebar-collapsed[data-v-e920ae33]{grid-template-columns:64px 1fr}.sidebar[data-v-e920ae33]{background-color:var(--color-stormy);display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:var(--spacing-4) 0;position:sticky;top:0}.sidebar__logo[data-v-e920ae33]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.12);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4) var(--spacing-8)}.sidebar__logo-mark[data-v-e920ae33]{align-items:center;background-color:var(--color-sky);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.logo-icon[data-v-e920ae33]{color:#fff;font-size:var(--text-lg);font-weight:700}.sidebar__logo-text[data-v-e920ae33]{display:flex;flex-direction:column;line-height:1.1}.logo-bricks[data-v-e920ae33],.logo-sync[data-v-e920ae33]{color:#fff}.logo-bricks[data-v-e920ae33],.logo-sync[data-v-e920ae33],.logo-your[data-v-e920ae33]{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em}.logo-your[data-v-e920ae33]{color:var(--color-sky)}.sidebar__nav[data-v-e920ae33]{display:flex;flex:1;flex-direction:column;gap:var(--spacing-1);padding:0 var(--spacing-3)}.nav-item[data-v-e920ae33]{align-items:center;border-radius:var(--radius-md);color:#ffffffa6;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-3);transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.nav-item[data-v-e920ae33]:hover{background-color:#ffffff14;color:#fff}.nav-item--active[data-v-e920ae33]{background-color:var(--color-sky);color:#fff}.nav-item__icon[data-v-e920ae33]{flex-shrink:0;height:18px;width:18px}.sidebar__toggle[data-v-e920ae33]{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-md);color:#ffffff80;cursor:pointer;display:flex;justify-content:center;margin:var(--spacing-4) var(--spacing-3) 0;padding:var(--spacing-2);transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar__toggle[data-v-e920ae33]:hover{background-color:#ffffff14;color:#fff}.main[data-v-e920ae33]{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.top-bar[data-v-e920ae33]{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height);justify-content:space-between;padding:0 var(--spacing-8);position:sticky;top:0;z-index:10}.top-bar[data-v-e920ae33],.top-bar__actions[data-v-e920ae33]{align-items:center;display:flex}.top-bar__actions[data-v-e920ae33]{gap:var(--spacing-4)}.page-content[data-v-e920ae33]{flex:1;padding:var(--spacing-8)}.user-menu[data-v-e920ae33]{position:relative}.user-menu__trigger[data-v-e920ae33]{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);transition:background-color var(--transition-fast)}.user-menu__trigger[data-v-e920ae33]:hover{background-color:var(--color-bg)}.user-menu__avatar[data-v-e920ae33]{align-items:center;background-color:var(--color-sky);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:600;height:32px;justify-content:center;width:32px}.user-menu__name[data-v-e920ae33]{color:var(--color-text-primary);font-size:var(--text-sm);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__chevron[data-v-e920ae33]{color:var(--color-text-muted);height:14px;width:14px}.user-menu__dropdown[data-v-e920ae33]{background-color: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:160px;padding:var(--spacing-1);position:absolute;right:0;top:calc(100% + var(--spacing-2));z-index:20}.user-menu__item[data-v-e920ae33]{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:block;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:background-color var(--transition-fast);width:100%}.user-menu__item[data-v-e920ae33]:hover{background-color:var(--color-bg)}.user-menu__item--danger[data-v-e920ae33]{color:var(--color-danger)}