.app-navbar[data-v-233fbad4]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid hsla(0,0%,91%,.8);display:flex;left:0;padding:0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:100}.app-navbar.transparent[data-v-233fbad4]{background:#ffffff1a}.app-navbar.dark[data-v-233fbad4],.app-navbar.transparent[data-v-233fbad4]{border-bottom:1px solid hsla(0,0%,100%,.1)}.app-navbar.dark[data-v-233fbad4]{background:#0f172af2}.navbar-container[data-v-233fbad4]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem;width:100%}.navbar-brand[data-v-233fbad4]{flex-shrink:0}.brand-link[data-v-233fbad4]{color:inherit;gap:.75rem;text-decoration:none}.brand-link[data-v-233fbad4],.logo-icon[data-v-233fbad4]{align-items:center;display:flex}.logo-icon[data-v-233fbad4]{border-radius:8px;height:40px;justify-content:center;overflow:hidden;width:40px}.logo-icon img[data-v-233fbad4]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.logo-text[data-v-233fbad4]{color:#2d3748;font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.dark .logo-text[data-v-233fbad4]{color:#fff}.transparent .logo-text[data-v-233fbad4]{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.text-gradient[data-v-233fbad4]{background:var(--tech-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-nav[data-v-233fbad4]{align-items:center;display:flex;gap:2rem}.nav-link[data-v-233fbad4]{color:#666;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.dark .nav-link[data-v-233fbad4]{color:#fffc}.nav-link[data-v-233fbad4]:hover{color:#7749e7}.dark .nav-link[data-v-233fbad4]:hover{color:#fff}.transparent .nav-link[data-v-233fbad4]:hover{text-shadow:0 2px 4px rgba(0,0,0,.4)}.link-indicator[data-v-233fbad4]{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;bottom:-5px;height:3px;left:50%;position:absolute;transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform .3s ease;width:100%}.nav-link:hover .link-indicator[data-v-233fbad4]{transform:translate(-50%) scaleX(1)}.navbar-actions[data-v-233fbad4]{gap:1rem}.create-btn[data-v-233fbad4],.navbar-actions[data-v-233fbad4]{align-items:center;display:flex}.create-btn[data-v-233fbad4]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-btn[data-v-233fbad4]:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.create-btn i[data-v-233fbad4]{font-size:1rem}.user-avatar[data-v-233fbad4],.user-menu[data-v-233fbad4]{position:relative}.user-avatar[data-v-233fbad4]{border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;height:40px;overflow:hidden;transition:all .3s ease;width:40px}.user-avatar[data-v-233fbad4]:hover{border-color:#667eea;transform:scale(1.05)}.user-avatar img[data-v-233fbad4]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-status[data-v-233fbad4]{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.user-dropdown[data-v-233fbad4]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:1rem;box-shadow:0 20px 60px #0000001f,0 8px 25px #00000014;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);width:220px;z-index:1000}.dropdown-header[data-v-233fbad4]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(226,232,240,.5);padding:1.5rem}.user-info[data-v-233fbad4]{align-items:center;display:flex;gap:1rem}.user-avatar-large[data-v-233fbad4]{border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:50px;overflow:hidden;position:relative;width:50px}.user-avatar-large img[data-v-233fbad4]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-status-large[data-v-233fbad4]{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0000001a;height:14px;position:absolute;right:2px;width:14px}.user-details[data-v-233fbad4]{flex:1}.username[data-v-233fbad4]{color:#1a202c;font-size:1rem;font-weight:600;margin-bottom:.25rem}.user-type[data-v-233fbad4]{color:#667eea;font-size:.875rem;font-weight:500}.dropdown-divider[data-v-233fbad4]{background:#e2e8f0;height:1px;margin:0}.dropdown-menu[data-v-233fbad4]{padding:.5rem 0}.dropdown-item[data-v-233fbad4]{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;justify-content:flex-start;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.dropdown-item[data-v-233fbad4]:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#2d3748}.dropdown-item .iconfont[data-v-233fbad4]:first-child{font-size:1.2rem;margin-right:.75rem;text-align:center;width:1.25rem}.dropdown-arrow[data-v-233fbad4]{color:#a0aec0;font-size:.75rem;opacity:0;transform:translate(-8px);transition:all .3s ease}.dropdown-item:hover .dropdown-arrow[data-v-233fbad4]{color:#667eea;opacity:1;transform:translate(0)}.logout-item[data-v-233fbad4]{color:#e53e3e}.logout-item[data-v-233fbad4]:hover{background:linear-gradient(135deg,#fed7d7,#fecaca);color:#c53030}.logout-item:hover .dropdown-arrow[data-v-233fbad4]{color:#e53e3e}.login-btn[data-v-233fbad4]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.login-btn[data-v-233fbad4]:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.dropdown-enter-active[data-v-233fbad4]{transition:all .3s cubic-bezier(.4,0,.2,1)}.dropdown-leave-active[data-v-233fbad4]{transition:all .2s cubic-bezier(.4,0,1,1)}.dropdown-enter-from[data-v-233fbad4]{opacity:0;transform:translateY(-10px) scale(.95)}.dropdown-leave-to[data-v-233fbad4]{opacity:0;transform:translateY(-5px) scale(.98)}.dropdown-enter-to[data-v-233fbad4],.dropdown-leave-from[data-v-233fbad4]{opacity:1;transform:translateY(0) scale(1)}@media (max-width:1024px){.navbar-nav[data-v-233fbad4]{display:none}}@media (max-width:768px){.navbar-container[data-v-233fbad4]{padding:1rem}.logo-text[data-v-233fbad4]{font-size:1.125rem}.create-btn span[data-v-233fbad4]{display:none}.create-btn[data-v-233fbad4]{border-radius:50%;height:40px;justify-content:center;padding:.75rem;width:40px}.user-dropdown[data-v-233fbad4]{right:-1rem;width:280px}}@media (max-width:480px){.navbar-container[data-v-233fbad4]{padding:.75rem}.user-dropdown[data-v-233fbad4]{max-width:320px;right:-1rem;width:calc(100vw - 2rem)}.dropdown-header[data-v-233fbad4]{padding:1.25rem}.user-avatar-large[data-v-233fbad4]{height:45px;width:45px}.user-status-large[data-v-233fbad4]{height:12px;width:12px}}