.pill-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.5rem 0;background:white}.dark .pill-navbar{background:#000000}.pill-navbar-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.pill-navbar-logo{display:flex;align-items:center;text-decoration:none;z-index:10}.pill-navbar-logo-icon{display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.pill-navbar-logo:hover .pill-navbar-logo-icon{transform:rotate(1turn)}.pill-navbar-logo-img{height:32px;width:32px;border-radius:8px;transition:transform .3s ease}.pill-navbar-logo:hover .pill-navbar-logo-img{transform:scale(1.05)}.pill-navbar-center{flex:1;display:flex;justify-content:center}.pill-navbar-items{display:flex;align-items:center;gap:.25rem;position:relative;background:rgba(0,0,0,.08);padding:.375rem;border-radius:9999px;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.12)}.dark .pill-navbar-items{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}.pill-navbar-indicator{position:absolute;top:.375rem;height:calc(100% - .75rem);border-radius:9999px;background:black;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}.dark .pill-navbar-indicator{background:white}.pill-navbar-item{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;color:#374151;transition:color .2s ease;white-space:nowrap;border-radius:9999px}.dark .pill-navbar-item{color:#d1d5db}.pill-navbar-item.active,.pill-navbar-item:hover{color:white}.dark .pill-navbar-item.active,.dark .pill-navbar-item:hover{color:black}.pill-navbar-chevron{width:14px;height:14px;transition:transform .2s ease}.pill-navbar-item-wrapper:hover .pill-navbar-chevron{transform:rotate(180deg)}.pill-navbar-item-wrapper{position:relative}.pill-navbar-dropdown{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);min-width:160px;background:white;border:1px solid rgba(0,0,0,.1);border-radius:1rem;padding:.5rem;box-shadow:0 10px 40px rgba(0,0,0,.15);animation:dropdownFadeIn .2s ease}.dark .pill-navbar-dropdown{background:#1f2937;border-color:rgba(255,255,255,.1)}.pill-navbar-dropdown-item{display:block;padding:.75rem 1rem;font-size:.875rem;color:#374151;text-decoration:none;border-radius:.75rem;transition:all .2s ease}.dark .pill-navbar-dropdown-item{color:#d1d5db}.pill-navbar-dropdown-item:hover{background:rgba(139,92,246,.1);color:#cdc3ff}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pill-navbar-right{display:none;align-items:center;gap:1rem}@media (min-width:768px){.pill-navbar-right{display:flex}}.pill-navbar-theme-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.05);color:#374151;cursor:pointer;transition:all .2s ease}.dark .pill-navbar-theme-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:#ffffff}.pill-navbar-theme-btn:hover{transform:scale(1.05);background:rgba(139,92,246,.1)}.pill-navbar-auth,.pill-navbar-user{display:flex;align-items:center;gap:.5rem}.pill-navbar-user{padding:.5rem 1rem;font-size:.875rem;color:#6b7280;background:rgba(0,0,0,.05);border-radius:9999px}.dark .pill-navbar-user{background:rgba(255,255,255,.1);color:#ffffff}.pill-navbar-logout{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:rgba(239,68,68,.1);color:#ef4444;cursor:pointer;transition:all .2s ease}.pill-navbar-logout:hover{background:#ef4444;color:white}.pill-navbar-login{padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;color:white;background:black;border-radius:9999px;text-decoration:none;transition:all .2s ease}.dark .pill-navbar-login{color:black;background:white}.pill-navbar-login:hover{transform:translateY(-2px);background:#333333;box-shadow:0 4px 20px rgba(0,0,0,.4)}.dark .pill-navbar-login:hover{background:#f0f0f0;box-shadow:0 4px 20px rgba(255,255,255,.2)}.pill-navbar-mobile-controls{display:flex;align-items:center;gap:.5rem}@media (min-width:768px){.pill-navbar-mobile-controls{display:none}.pill-navbar-center{display:flex}}@media (max-width:767px){.pill-navbar-center{display:none}}.pill-navbar-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.05);color:#374151;cursor:pointer;transition:all .2s ease}.dark .pill-navbar-menu-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:#d1d5db}.pill-navbar-mobile{position:absolute;top:100%;left:1rem;right:1rem;margin-top:.5rem;padding:.5rem;background:white;border:1px solid rgba(0,0,0,.1);border-radius:1rem;box-shadow:0 10px 40px rgba(0,0,0,.15);animation:dropdownFadeIn .2s ease}.dark .pill-navbar-mobile{background:#1f2937;border-color:rgba(255,255,255,.1)}.pill-navbar-mobile-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;font-size:.95rem;color:#374151;text-decoration:none;border:none;background:transparent;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.dark .pill-navbar-mobile-item{color:#d1d5db}.pill-navbar-mobile-item.active,.pill-navbar-mobile-item:hover{background:rgba(139,92,246,.1);color:#8b5cf6}.pill-navbar-mobile-item.sub{padding-left:2rem;font-size:.875rem;color:#6b7280}.pill-navbar-mobile-item.logout{color:#ef4444}.pill-navbar-mobile-item.login{background:black;color:white;font-weight:600;justify-content:center}.dark .pill-navbar-mobile-item.login{background:white;color:black}