.navbar[data-v-1166d540]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;transition:background var(--transition-normal),border-color var(--transition-normal);z-index:100}.navbar-content[data-v-1166d540]{height:60px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px;position:relative}.navbar-brand[data-v-1166d540],.navbar-content[data-v-1166d540]{align-items:center;display:flex}.navbar-brand[data-v-1166d540]{flex-shrink:0;gap:8px;text-decoration:none}.logo-icon[data-v-1166d540]{color:var(--primary);font-size:18px;transition:transform var(--transition-normal)}.navbar-brand:hover .logo-icon[data-v-1166d540]{transform:rotate(45deg)}.logo-text[data-v-1166d540]{color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.5px;transition:color var(--transition-fast)}.navbar-items[data-v-1166d540]{align-items:center;display:flex;flex:1;gap:24px;justify-content:flex-end}.nav-links[data-v-1166d540]{display:flex;gap:6px}.nav-link[data-v-1166d540]{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.nav-link.router-link-active[data-v-1166d540],.nav-link[data-v-1166d540]:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.nav-right[data-v-1166d540]{gap:10px}.nav-right[data-v-1166d540],.user-pill[data-v-1166d540]{align-items:center;display:flex}.user-pill[data-v-1166d540]{background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid var(--border);border-radius:24px;gap:8px;padding:4px 12px 4px 4px}.user-avatar[data-v-1166d540]{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.user-name[data-v-1166d540]{color:var(--text)}.nav-btn[data-v-1166d540],.user-name[data-v-1166d540]{font-size:13px;font-weight:600}.nav-btn[data-v-1166d540]{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;gap:4px;padding:6px 16px;text-decoration:none;transition:all var(--transition-fast)}.login-btn[data-v-1166d540]{background:transparent;border:1.5px solid var(--primary);color:var(--primary)}.login-btn[data-v-1166d540]:hover,.register-btn[data-v-1166d540]{background:var(--primary);color:#fff}.register-btn[data-v-1166d540]:hover{background:var(--primary-dark);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 40%,transparent)}.logout-btn[data-v-1166d540]{align-items:center;background:transparent;border-radius:var(--radius-sm);color:var(--text-muted);display:flex;font-size:16px;height:32px;justify-content:center;padding:0;width:32px}.logout-btn[data-v-1166d540]:hover{background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error)}.btn-icon[data-v-1166d540]{font-size:16px}.hamburger[data-v-1166d540]{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:5px}.hamburger span[data-v-1166d540]{background:var(--text);border-radius:2px;height:2px;transition:all .3s;width:22px}.hamburger span.open[data-v-1166d540]:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger span.open[data-v-1166d540]:nth-child(2){opacity:0}.hamburger span.open[data-v-1166d540]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.dropdown-menu[data-v-1166d540]{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;padding:6px;position:absolute;right:16px;top:100%;z-index:101}.dropdown-enter-active[data-v-1166d540],.dropdown-leave-active[data-v-1166d540]{transition:opacity .2s,transform .2s}.dropdown-enter-from[data-v-1166d540],.dropdown-leave-to[data-v-1166d540]{opacity:0;transform:translateY(-8px)}.dropdown-item[data-v-1166d540]{background:none;border:none;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:block;font-size:14px;font-weight:500;padding:10px 14px;text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.dropdown-item[data-v-1166d540]:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.dropdown-item.logout[data-v-1166d540]{color:var(--error)}.dropdown-item.logout[data-v-1166d540]:hover{background:color-mix(in srgb,var(--error) 8%,transparent)}.dropdown-user[data-v-1166d540]{color:var(--text-muted);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase}.dropdown-divider[data-v-1166d540]{background:var(--border);border:none;height:1px;margin:4px 0}@media(max-width:768px){.navbar-content[data-v-1166d540]{height:56px;padding:0 16px}.login-btn[data-v-1166d540],.logout-btn[data-v-1166d540],.nav-links[data-v-1166d540],.register-btn[data-v-1166d540],.user-pill[data-v-1166d540]{display:none}.hamburger[data-v-1166d540]{display:flex}.dropdown-menu[data-v-1166d540]{left:12px;right:12px;width:auto}}:root{--gradient-1:#1a0033;--gradient-2:#4d0080;--primary:#7c3aed;--primary-light:#a78bfa;--primary-dark:#5b21b6;--accent:#f59e0b;--surface:hsla(0,0%,100%,.95);--surface-elevated:#fff;--text:#1e1b4b;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.1);--shadow-lg:0 8px 30px rgba(0,0,0,.15);--shadow-xl:0 16px 48px rgba(0,0,0,.2);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);line-height:1.6}body{background:var(--gradient-1);min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container[data-v-3d102f43]{min-height:100vh;position:relative;width:100%}.gradient-background[data-v-3d102f43]{animation:gradientShift-3d102f43 12s ease infinite;background:linear-gradient(135deg,var(--gradient-1) 0,var(--gradient-2) 50%,var(--gradient-1) 100%);background-size:300% 300%;height:100%;left:0;position:fixed;top:0;transition:background var(--transition-slow);width:100%;z-index:-1}@keyframes gradientShift-3d102f43{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}