.header{background:var(--glass-background);backdrop-filter:blur(10px);padding:10px 20px;margin-bottom:20px;box-shadow:var(--shadow);position:sticky;top:20px;z-index:1000;border-radius:100px;border:1px solid var(--glass-border)}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:24px;font-weight:bold;color:var(--text-color)}.nav-links{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav-link{color:var(--text-color);text-decoration:none;font-size:16px;padding:5px 10px;transition:background .3s,color .3s}.nav-link:hover{background:hsla(0,0%,100%,.2);color:var(--primary-color)}.logo{height:40px;margin-right:20px}@media(max-width: 768px){.nav-links{flex-direction:column;align-items:center}}.nav-link:focus{background:hsla(0,0%,100%,.2);outline:none}.nav-link:active{background:hsla(0,0%,100%,.3)}.nav-link.current{background:hsla(0,0%,100%,.2)}.profile-dropdown{position:relative;display:inline-block}.sidebar-profile-toggle{background:var(--glass-background);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:background .3s;margin-left:20px}.sidebar-profile-toggle svg{width:24px;height:24px;fill:var(--text-color);transition:fill .3s}.sidebar-profile-toggle:hover{background:var(--hover-bg)}.sidebar-profile-toggle:hover svg{fill:var(--primary-color)}.dropdown-content{position:absolute;right:0;top:50px;background:var(--glass-background);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow);min-width:300px;z-index:1001;padding:20px;text-align:left;opacity:0;transform:translateY(-30px);transition:opacity .3s ease-out,transform .3s ease-out;pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out;visibility:hidden}.dropdown-content.open{opacity:1;pointer-events:auto;transform:translateY(10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;visibility:visible}.dropdown-content.closed{opacity:0 !important;pointer-events:none !important;transform:translateY(-30px) !important;transition:opacity .3s ease-in-out,transform .3s ease-in-out !important}.profile-info{text-align:center;margin-bottom:20px}.profile-image{width:80px;height:80px;border-radius:50%;margin-bottom:10px;object-fit:cover}.profile-button{width:100%}.profile-button:not(:last-child){margin-bottom:5px}/*# sourceMappingURL=header.css.map */