.layout[data-v-2b6e44da]{display:flex;min-height:100vh;--sidebar-w: var(--sidebar-width);transition:--sidebar-w var(--transition-slow)}.layout-collapsed[data-v-2b6e44da]{--sidebar-w: var(--sidebar-collapsed)}.sidebar[data-v-2b6e44da]{width:var(--sidebar-w);min-width:var(--sidebar-w);max-width:var(--sidebar-w);background:var(--color-bg-2);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sticky);transition:width var(--transition-slow),min-width var(--transition-slow),max-width var(--transition-slow);overflow:hidden}.main-content[data-v-2b6e44da]{flex:1;margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left var(--transition-slow);overflow-x:hidden}.sidebar-logo[data-v-2b6e44da]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border);overflow:hidden;white-space:nowrap;min-height:68px}.logo-icon[data-v-2b6e44da]{width:36px;height:36px;flex-shrink:0;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.logo-text[data-v-2b6e44da]{font-family:var(--font-mono);font-weight:var(--font-bold);font-size:var(--text-sm)}.sidebar-nav[data-v-2b6e44da]{flex:1;padding:var(--space-3) var(--space-2);overflow-y:auto;overflow-x:hidden}.nav-item[data-v-2b6e44da]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast);margin-bottom:2px;overflow:hidden;white-space:nowrap;min-height:40px}.nav-item[data-v-2b6e44da]:hover{background:var(--color-muted);color:var(--color-text)}.nav-active[data-v-2b6e44da]{background:var(--color-primary-subtle)!important;color:var(--color-primary)!important;font-weight:var(--font-medium)}.nav-icon[data-v-2b6e44da]{width:18px;height:18px;flex-shrink:0;display:flex}.nav-icon[data-v-2b6e44da] svg{width:18px;height:18px}.nav-label[data-v-2b6e44da]{font-size:var(--text-sm);flex:1}.nav-badge[data-v-2b6e44da]{background:var(--color-danger);color:#fff;font-size:10px;font-weight:var(--font-bold);padding:1px 6px;border-radius:var(--radius-full);flex-shrink:0}.sidebar-bottom[data-v-2b6e44da]{padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border)}.footer-nav[data-v-2b6e44da]{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.collapse-btn[data-v-2b6e44da]{width:100%;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast);margin-bottom:var(--space-2)}.collapse-btn[data-v-2b6e44da]:hover{background:var(--color-muted);color:var(--color-text)}.user-info[data-v-2b6e44da]{display:flex;align-items:center;gap:var(--space-2);overflow:hidden;padding:var(--space-1) var(--space-1)}.user-avatar[data-v-2b6e44da]{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.user-detail[data-v-2b6e44da]{flex:1;overflow:hidden;min-width:0}.user-name[data-v-2b6e44da]{font-size:var(--text-sm);font-weight:var(--font-medium)}.user-role[data-v-2b6e44da]{font-size:var(--text-xs);color:var(--color-text-muted)}.logout-btn[data-v-2b6e44da]{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.logout-btn[data-v-2b6e44da]:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.fade-text-enter-active[data-v-2b6e44da],.fade-text-leave-active[data-v-2b6e44da]{transition:opacity .15s}.fade-text-enter-from[data-v-2b6e44da],.fade-text-leave-to[data-v-2b6e44da]{opacity:0}@media(max-width:768px){.sidebar[data-v-2b6e44da]{width:100%!important;height:56px;top:auto;bottom:0;flex-direction:row;border-right:none;border-top:1px solid var(--color-border)}.sidebar-logo[data-v-2b6e44da],.sidebar-bottom[data-v-2b6e44da]{display:none}.sidebar-nav[data-v-2b6e44da]{display:flex;flex-direction:row;align-items:center;padding:0 var(--space-2);gap:var(--space-1);overflow-x:auto;overflow-y:hidden}.nav-item[data-v-2b6e44da]{flex-direction:column;gap:2px;padding:var(--space-1) var(--space-2);min-width:60px;min-height:unset;height:52px;justify-content:center}.nav-label[data-v-2b6e44da]{font-size:10px}.nav-icon[data-v-2b6e44da]{width:20px;height:20px}.main-content[data-v-2b6e44da]{margin-left:0;padding:var(--space-4);padding-bottom:72px}}