.notification-menu{display:inline-block;position:relative}@keyframes zoomOut{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}.notification-button{transition:transform .3s}.notification-button.active{animation:.3s ease-in-out zoomOut}.notification-options{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;z-index:100;background-color:#01142bf2;border-radius:8px;min-width:320px;margin-top:8px;padding:8px 0;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;right:0;transform:translateY(10px)}.notification-options.show{opacity:1;visibility:visible;transform:translateY(0)}.notification-item{color:#3af4ef;border-bottom:1px solid #3af4ef1a;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#3af4ef1a}.notification-content{flex:1}.notification-title{margin-bottom:4px;font-size:14px;font-weight:500}.notification-description{color:#a3a3a3;font-size:12px}.notification-time{color:#666;font-size:11px}.notification-unread{background-color:#ffd74d26;border-left:4px solid #ffd277}@media (max-width:768px){.notification-menu{position:static}.notification-options{min-width:unset;width:calc(100% - 32px);max-height:80vh;margin-top:0;position:fixed;inset:auto 16px;overflow-y:auto;transform:translateY(-120%)}.notification-options.show{transform:translateY(-120%)}.mobile-notification-button{color:#01142b}.mobile-notification-button:hover{background-color:#2d3748}.mobile-notification-button:hover .notification-icon{color:#3af4ef}.notification-options .notification-item,.notification-options .notification-title,.notification-options .notification-description,.notification-options .notification-time{color:#3af4ef!important}}
.hamburger{cursor:pointer;justify-content:center;align-items:center;width:85px;height:85px;display:flex;position:relative}.hamburger input{display:none}.hamburger svg{transform-origin:50%;width:52px;height:52px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.line{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform-origin:50%;transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42px}@media (min-width:768px){.hamburger{width:45px;height:45px}.hamburger svg{width:32px;height:32px}.line{stroke-width:2px}}
.header-menu{display:inline-block;position:relative}.menu-selected{color:#3af4ef;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:16px;display:flex}.menu-options{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;background-color:#01142bf2;border-radius:8px;min-width:180px;margin-top:8px;padding:8px 0;transition:all .3s;position:absolute;top:100%;left:90%;transform:translate(-50%)translateY(10px)}.menu-options.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.menu-options.visible{opacity:1;visibility:visible;transform:translateY(0)}.menu-option{color:#3af4ef;padding:8px 16px;transition:all .3s;display:block}.menu-option:hover{background-color:#3af4ef1a}.menu-arrow{fill:currentColor;width:12px;height:12px;transition:transform .3s}.menu-arrow.rotate{transform:rotate(180deg)}