.drawer-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:100000;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;backdrop-filter:blur(4px)}.drawer-menu-overlay.active{opacity:1;visibility:visible}.drawer-menu{position:fixed;top:0;right:0;width:var(--drawer-width);max-width:85vw;height:100%;background:#ffffff;z-index:100001;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.2,0.9,0.4,1.1);box-shadow:-8px 0 30px rgba(0,0,0,0.2);overflow-y:auto}.drawer-menu.open{transform:translateX(0)}.drawer-header{padding:24px 20px;text-align:center;border-bottom:1px solid #eef2f6;margin-bottom:16px;background:#fafafa}.drawer-logo{max-height:48px;width:auto;margin:0 auto}.drawer-logo-text{font-size:1.5rem;font-weight:700;color:#000000;text-decoration:none;letter-spacing:-0.5px}.drawer-menu .close-drawer{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;font-size:18px;width:40px;height:40px;border-radius:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;color:#1e293b;font-weight:bold;z-index:10}.drawer-menu .close-drawer:hover{background:#e2e8f0;transform:scale(1.05)}.drawer-menu .menu li a,.drawer-menu ul li a{display:flex;align-items:center;gap:14px;padding:14px 20px;text-decoration:none;color:#1e293b;font-size:1rem;font-weight:500;transition:all 0.2s ease;border-bottom:1px solid #f1f5f9}.drawer-menu .menu li a:hover,.drawer-menu ul li a:hover{background:#f8fafc;padding-left:26px;color:#000000}.drawer-menu .menu li ul.sub-menu,.drawer-menu ul li ul{margin-left:20px;background:#fefefe}.drawer-menu .menu li ul li a,.drawer-menu ul li ul li a{font-size:0.9rem;font-weight:400;padding-left:36px}body.menu-open{overflow:hidden;position:fixed;width:100%}.drawer-my-account-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-top:6px;font-weight:500}.drawer-user-section{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#f8fafc;margin:8px 12px 12px 12px;border-radius:16px}.drawer-user-section .user-avatar{flex-shrink:0}.drawer-user-section .user-avatar .avatar-img,.drawer-user-section .user-avatar svg{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#e2e8f0;color:#64748b}.drawer-user-section .user-info{flex:1}.drawer-user-section .user-name{font-weight:700;font-size:1rem;color:#0f172a}.drawer-user-section .user-email{font-size:0.7rem;color:#64748b;word-break:break-all}.drawer-user-section .sign-in-link{background:#000000;color:#ffffff;padding:6px 14px;border-radius:30px;font-size:0.7rem;font-weight:500;text-decoration:none;white-space:nowrap}.drawer-actions{padding:0 12px 8px 12px}.drawer-action-link{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;color:#334155;font-size:0.85rem;font-weight:500;border-radius:12px;transition:all 0.2s ease}.drawer-action-link:hover{background:#f1f5f9;color:#000000}.drawer-action-link svg{width:18px;height:18px;flex-shrink:0;color:#475569}.drawer-divider{height:1px;background:#eef2f6;margin:12px 20px}.drawer-menu-label{font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#64748b;padding:0 20px;margin-bottom:8px}.drawer-nav-menu{margin-bottom:12px}.drawer-primary-menu{list-style:none;margin:0;padding:0}.drawer-primary-menu li{margin:0;padding:0}.drawer-primary-menu li a{display:flex;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;color:#1e293b;font-size:0.9rem;font-weight:500;transition:all 0.2s ease}.drawer-primary-menu li a:hover{background:#f8fafc;color:#000000;padding-left:26px}.drawer-primary-menu li ul.sub-menu{margin-left:24px;list-style:none;background:#fefefe}.drawer-primary-menu li ul.sub-menu li a{font-size:0.85rem;font-weight:400;padding:8px 20px 8px 36px}.drawer-support-links{padding:0 12px}.drawer-support-link{display:flex;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;color:#334155;font-size:0.85rem;border-radius:10px;transition:all 0.2s ease}.drawer-support-link:hover{background:#f1f5f9;color:#000000}.drawer-support-link .support-icon{font-size:1.1rem;width:24px;text-align:center}.drawer-logout{padding:16px 20px;margin-bottom:20px}.drawer-logout-link{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;color:#dc2626;font-weight:600;font-size:0.9rem;border-radius:12px;transition:all 0.2s ease}.drawer-logout-link:hover{background:#fef2f2;color:#b91c1c}.drawer-logout-link svg{width:20px;height:20px}@media (prefers-color-scheme:dark){.drawer-menu{background:#1a1a1f}.drawer-header{background:#141418;border-bottom-color:#2a2a30}.drawer-logo-text{color:#ffffff}.drawer-menu .menu li a,.drawer-menu ul li a{color:#e2e8f0;border-bottom-color:#2a2a30}.drawer-menu .menu li a:hover,.drawer-menu ul li a:hover{background:#25252c;color:#ffffff}.drawer-menu .close-drawer{background:#2a2a30;color:#ffffff}.drawer-menu .close-drawer:hover{background:#3a3a40}.drawer-user-section{background:#25252c}.drawer-user-section .user-name{color:#f1f5f9}.drawer-user-section .user-email{color:#94a3b8}.drawer-action-link{color:#cbd5e1}.drawer-action-link:hover{background:#2a2a30;color:#ffffff}.drawer-action-link svg{color:#94a3b8}.drawer-divider{background:#2a2a30}.drawer-menu-label{color:#94a3b8}.drawer-primary-menu li a{color:#e2e8f0}.drawer-primary-menu li a:hover{background:#25252c;color:#ffffff}.drawer-primary-menu li ul.sub-menu{background:#1a1a1f}.drawer-support-link{color:#cbd5e1}.drawer-support-link:hover{background:#2a2a30;color:#ffffff}}.drawer-menu{background:#ffffff;box-shadow:-18px 0 50px rgba(0,0,0,0.18);transition:transform 220ms cubic-bezier(0.22,1,0.36,1)}.drawer-header,.drawer-user-section{background:#f5f5f7}.drawer-header{border-bottom-color:#e5e5e7}.drawer-logo-text,.drawer-user-section .user-name{color:#111111}.drawer-user-section .user-email,.drawer-menu-label{color:#6e6e73}.drawer-menu .close-drawer{background:#e8e8ed;color:#111111}.drawer-primary-menu li a,.drawer-action-link,.drawer-support-link,.drawer-menu .menu li a,.drawer-menu ul li a{color:#1d1d1f;border-bottom-color:#eeeeef}.drawer-primary-menu li a:hover,.drawer-action-link:hover,.drawer-support-link:hover,.drawer-menu .menu li a:hover,.drawer-menu ul li a:hover{background:#f5f5f7;color:#111111}.drawer-divider{background:#e5e5e7}