.site-header[data-v-b0fbd9cb]{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-color:transparent;transition:all var(--duration-normal) var(--ease-out-smooth);padding:var(--spacing-4) 0}.site-header.scrolled[data-v-b0fbd9cb]{background-color:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border)}.header-container[data-v-b0fbd9cb]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.logo[data-v-b0fbd9cb]{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;color:var(--color-accent);transition:transform var(--duration-fast) var(--ease-out-smooth)}.logo[data-v-b0fbd9cb]:hover{transform:translate(2px)}.logo svg[data-v-b0fbd9cb]{width:28px;height:28px}.logo-text[data-v-b0fbd9cb]{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.nav-links[data-v-b0fbd9cb]{display:flex;gap:var(--spacing-8);align-items:center}.auth-buttons[data-v-b0fbd9cb]{display:flex;gap:var(--spacing-4);align-items:center}.btn-text[data-v-b0fbd9cb]{background:none;border:none;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2) var(--spacing-4);transition:color var(--duration-fast) var(--ease-out-smooth)}.btn-text[data-v-b0fbd9cb]:hover{color:var(--color-accent)}.btn-primary[data-v-b0fbd9cb]{background-color:var(--color-accent);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);color:#fff;cursor:pointer;padding:var(--spacing-2) var(--spacing-6);transition:all var(--duration-fast) var(--ease-out-smooth);box-shadow:var(--shadow-sm)}.btn-primary[data-v-b0fbd9cb]:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary[data-v-b0fbd9cb]:active{transform:translateY(0)}@media(max-width:768px){.header-container[data-v-b0fbd9cb]{padding:0 var(--spacing-4)}.logo-text[data-v-b0fbd9cb],.btn-text[data-v-b0fbd9cb]{display:none}}.sidebar[data-v-2ed41b05]{width:260px;height:100vh;display:flex;flex-direction:column;padding:var(--spacing-6);background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);position:fixed;left:0;top:0;z-index:var(--z-sticky)}.logo-area[data-v-2ed41b05]{display:flex;align-items:center;gap:var(--spacing-3);padding-bottom:var(--spacing-6);margin-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.logo-icon[data-v-2ed41b05]{color:var(--color-accent);flex-shrink:0}.app-name[data-v-2ed41b05]{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.nav-menu[data-v-2ed41b05]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1);overflow-y:auto}.nav-item[data-v-2ed41b05]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out-smooth);position:relative}.nav-item[data-v-2ed41b05]:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.router-link-active[data-v-2ed41b05]{background-color:var(--color-accent-soft);color:var(--color-accent)}.nav-item.router-link-active[data-v-2ed41b05]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-item[data-v-2ed41b05] .el-icon{font-size:18px;flex-shrink:0}.footer-area[data-v-2ed41b05]{padding-top:var(--spacing-4);margin-top:var(--spacing-4);border-top:1px solid var(--color-border)}.logout-btn[data-v-2ed41b05]{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-smooth)}.logout-btn[data-v-2ed41b05]:hover{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.logout-btn[data-v-2ed41b05] .el-icon{font-size:16px}.nav-menu[data-v-2ed41b05]::-webkit-scrollbar{width:4px}.nav-menu[data-v-2ed41b05]::-webkit-scrollbar-track{background:transparent}.nav-menu[data-v-2ed41b05]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.nav-menu[data-v-2ed41b05]::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}