.menu-toggle{position:fixed;top:20px;left:20px;width:48px;height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:none;border-radius:12px;background:#fff;box-shadow:0 4px 18px #00000026;cursor:pointer;z-index:99999;transition:transform .2s ease,box-shadow .2s ease}.menu-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 22px #0003}.menu-toggle span{display:block;width:22px;height:2px;background:#222;border-radius:2px;transition:.25s ease}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-overlay{position:fixed;inset:0;background:#00000059;z-index:1000}.side-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:#fff;box-shadow:8px 0 30px #0000001f;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease;z-index:1001;overflow-y:auto}.side-menu.open{transform:translate(0)}.menu-header{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid #eeeeee}.menu-logo img{width:48px;height:48px;object-fit:contain;border-radius:10px}.menu-title{display:flex;flex-direction:column;gap:3px}.menu-title strong{font-size:18px;color:#222}.menu-title span{font-size:13px;color:#888}.menu-nav{display:flex;flex-direction:column;padding:20px 12px;gap:6px}.menu-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;color:#333;text-decoration:none;font-size:15px;font-weight:500;transition:background .2s ease,color .2s ease}.menu-nav a:hover{background:#f4f4f4}.menu-nav a.active{background:#eee;color:#111}.menu-nav mat-icon{width:22px;height:22px;font-size:22px}.menu-footer{margin-top:auto;padding:16px 12px;border-top:1px solid #eeeeee}.menu-footer button{width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;border:none;border-radius:10px;background:transparent;color:#c62828;font-size:15px;font-weight:500;cursor:pointer;text-align:left;transition:background .2s ease}.menu-footer button:hover{background:#fff1f1}.app-content{min-height:100vh;width:100%;position:relative;z-index:0}@media(max-width:768px){.menu-toggle{top:14px;left:14px;width:44px;height:44px}.side-menu{width:260px}}router-outlet{display:contents}