.app-sidebar[data-v-c4023886]{background:var(--color-sidebar);flex-direction:column;flex-shrink:0;width:260px;height:100%;display:flex}.sidebar-content[data-v-c4023886]{padding:var(--space-4) 0;flex:1;overflow-y:auto}.nav-group[data-v-c4023886]{margin-bottom:var(--space-6)}.nav-group-title[data-v-c4023886]{padding:0 var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.nav-list[data-v-c4023886]{flex-direction:column;display:flex}.nav-link[data-v-c4023886]{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none;display:flex}.nav-link[data-v-c4023886]:hover{background:var(--color-sidebar-hover)}.nav-link--active[data-v-c4023886]{background:var(--color-sidebar-active);font-weight:var(--fw-medium)}.nav-link--active[data-v-c4023886],.nav-link--active .nav-icon[data-v-c4023886]{color:var(--color-brand)}.nav-icon[data-v-c4023886]{color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.sidebar-footer[data-v-c4023886]{padding:var(--space-4);border-top:1px solid var(--color-border-light);gap:var(--space-3);flex-direction:column;margin-top:auto;display:flex}.logout-btn[data-v-c4023886],.user-info[data-v-c4023886]{gap:var(--space-2)}.user-avatar[data-v-c4023886],.user-info[data-v-c4023886]{align-items:center;display:flex}.user-avatar[data-v-c4023886]{background:var(--color-surface-secondary);width:32px;height:32px;color:var(--color-text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;font-size:14px}.user-details[data-v-c4023886]{flex-direction:column;min-width:0;display:flex}.user-name[data-v-c4023886]{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-role[data-v-c4023886]{font-size:var(--text-xs);color:var(--color-text-tertiary)}.logout-btn[data-v-c4023886]{width:100%;padding:var(--space-2);background:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;display:flex}.logout-btn[data-v-c4023886]:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.logout-btn i[data-v-c4023886]{font-size:14px}.app-header[data-v-c94c313b]{z-index:var(--z-sticky);height:60px;padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@media (width>=768px){.app-header[data-v-c94c313b]{padding:0 var(--space-6)}}.header-left[data-v-c94c313b]{align-items:center;gap:var(--space-3);display:flex}.burger[data-v-c94c313b]{color:var(--color-text);display:flex}@media (width>=1024px){.burger[data-v-c94c313b]{display:none}}.logo[data-v-c94c313b]{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--color-brand)}.header-right[data-v-c94c313b]{align-items:center;gap:var(--space-4);display:flex}.icon-btn[data-v-c94c313b]{color:var(--color-text-secondary);transition:color var(--transition-fast);display:flex}.icon-btn[data-v-c94c313b]:hover{color:var(--color-text)}.notif-link[data-v-c94c313b]{position:relative}.unread-dot[data-v-c94c313b]{background:var(--color-danger);color:#fff;border:2px solid var(--color-surface);border-radius:50%;justify-content:center;width:18px;height:18px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-4px}.unread-dot[data-v-c94c313b],.user-profile[data-v-c94c313b]{align-items:center;display:flex}.user-profile[data-v-c94c313b]{gap:var(--space-2)}.user-name[data-v-c94c313b]{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text)}.mobile-menu-overlay[data-v-c94c313b]{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}@media (width>=1024px){.mobile-menu-overlay[data-v-c94c313b]{display:none}}.mobile-menu[data-v-c94c313b]{background:var(--color-sidebar);width:280px;animation:slideIn-c94c313b var(--transition-fast) ease-out;position:absolute;top:0;bottom:0;left:0}@keyframes slideIn-c94c313b{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-enter-active[data-v-c94c313b],.fade-leave-active[data-v-c94c313b]{transition:opacity var(--transition-fast)}.fade-enter-from[data-v-c94c313b],.fade-leave-to[data-v-c94c313b]{opacity:0}