.hamburger-menu{position:relative}.menu-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer}.menu-toggle svg{width:1.2rem;height:1.2rem}.menu-items{position:absolute;top:calc(100% + .5rem);right:0;width:300px;background-color:#fff;padding:1rem;transition:transform .3s ease-in-out,opacity .3s ease-in-out;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:.5rem;opacity:0;transform:translateY(-10px);pointer-events:none;z-index:999}.menu-items.active{opacity:1;transform:translateY(0);pointer-events:auto}.menu-item{display:flex;align-items:center;padding:.75rem 1rem;color:#374151;text-decoration:none;transition:background-color .2s;border-radius:.375rem;margin-bottom:.25rem}.menu-item:hover{background-color:#f3f4f6}.menu-item svg{margin-right:.75rem;font-size:1.2rem;color:#6b7280}.logout{width:100%;border:none;background:none;cursor:pointer;text-align:left;font-size:1rem;color:#dc2626;display:flex;align-items:center;padding:.75rem 1rem;border-radius:.375rem}.logout:hover{background-color:#fef2f2}.logout svg{margin-right:.75rem;font-size:1.2rem;color:#dc2626}@media (max-width:768px){.menu-items{position:fixed;top:0;right:0;width:100%;height:100vh;transform:translateX(100%)}.menu-items.active{transform:translateX(0)}}