.user-menu{position:absolute;z-index:120;top:calc(100% + 10px);left:0;box-sizing:border-box;width:340px;padding:10px;overflow:hidden;border:1px solid #e4eae7;border-radius:20px;background:#fff;box-shadow:0 24px 64px rgba(23,62,56,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transform-origin:top left;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.user-hub.open .user-menu{opacity:1;visibility:visible;transform:none}
.user-menu-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:15px;background:#f6f9f8}
.user-menu-head>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#ff6508;color:#fff;font-size:17px;font-weight:900}
.user-menu-head>div{min-width:0}.user-menu-head b,.user-menu-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-head b{color:#183b35;font-size:11px}.user-menu-head small{margin-top:3px;color:#7d8e89;font-size:8px}.user-menu-head>em{padding:5px 8px;border-radius:999px;background:#eaf2ff;color:#3268ad;font-size:7px;font-style:normal;font-weight:900}.user-menu.is-customer .user-menu-head>em{background:#fff0e6;color:#d9570b}
.user-menu nav{max-height:min(510px,calc(100vh - 210px));overflow-x:hidden;overflow-y:auto;padding:7px 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd8d4 transparent}
.user-menu-label{display:flex!important;align-items:center;gap:8px;padding:9px 9px 5px!important;color:#93a19d!important;font-size:7px!important;font-weight:900}.user-menu-label:after{height:1px;flex:1;background:#e9efed;content:""}
.user-menu nav>a{position:relative;display:grid;min-height:48px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;margin:2px 0;padding:6px 8px;border:1px solid transparent;border-radius:13px;color:#405752;transition:background .16s ease,border-color .16s ease,color .16s ease}
.user-menu nav>a>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#f1f5f4;color:#547069;font-size:20px}.user-menu nav>a>div{min-width:0}.user-menu nav b,.user-menu nav small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu nav b{color:#344d48;font-size:9px}.user-menu nav small{margin-top:2px;color:#96a4a1;font-size:7px}.user-menu nav>a:hover{border-color:#f0dfd4;background:#fff8f3;color:#dc5b0e}.user-menu nav>a:hover>span{background:#ffeadd;color:#e65d0b}
.user-menu nav>a.active,.user-menu.is-technician nav>a.active{border-color:#cdddf2;background:#eff5fd;color:#2863aa}.user-menu nav>a.active:after{position:absolute;top:10px;bottom:10px;left:0;width:3px;border-radius:0 4px 4px 0;background:#3473bd;content:""}.user-menu nav>a.active>span,.user-menu.is-technician nav>a.active>span{background:#3473bd;color:#fff}.user-menu nav em{display:grid;min-width:22px;height:22px;place-items:center;padding:0 5px;border-radius:999px;background:#ee5c17;color:#fff;font-size:7px;font-style:normal;font-weight:900}
.user-menu>form{padding-top:9px;border-top:1px solid #e7edeb}.user-menu>form button{display:flex;width:100%;height:42px;align-items:center;justify-content:center;gap:7px;border:1px solid #f4d1ce;border-radius:12px;background:#fff2f1;color:#c9362c;font-family:inherit;font-size:9px;font-weight:900;cursor:pointer;transition:.16s}.user-menu>form button:hover{background:#ffe7e4}.user-menu>form button span{font-size:19px}
@media(max-width:960px){.site-header:has(.mobile-hub.open){z-index:10000}.mobile-hub .user-menu{position:fixed!important;z-index:10001!important;top:82px!important;right:12px!important;bottom:16px!important;left:12px!important;display:flex!important;width:auto!important;height:auto!important;max-height:none!important;flex-direction:column;overflow:hidden;opacity:0!important;visibility:hidden!important;pointer-events:none;transform:translateY(8px)!important;transform-origin:top center}.mobile-hub.open .user-menu{opacity:1!important;visibility:visible!important;pointer-events:auto;transform:none!important}.mobile-hub .user-menu-head,.mobile-hub .user-menu>form{flex:0 0 auto}.mobile-hub .user-menu nav{min-height:0;max-height:none!important;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}}
.user-menu.mobile-user-menu-portal{position:fixed!important;z-index:10001!important;top:82px!important;right:12px!important;bottom:16px!important;left:12px!important;display:flex!important;width:auto!important;height:auto!important;max-height:none!important;flex-direction:column;overflow:hidden;opacity:0!important;visibility:hidden!important;pointer-events:none;transform:translateY(8px)!important;transform-origin:top center}.user-menu.mobile-user-menu-portal.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto;transform:none!important}.mobile-user-menu-portal .user-menu-head,.mobile-user-menu-portal>form{flex:0 0 auto}.mobile-user-menu-portal nav{min-height:0;max-height:none!important;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
@media(max-width:600px){.mobile-hub .user-menu{position:fixed!important;top:72px!important;right:8px!important;bottom:76px!important;left:8px!important;display:flex;width:auto!important;height:auto!important;max-height:none!important;flex-direction:column;padding:9px;border-radius:18px;transform:translateY(8px);transform-origin:top center}.mobile-hub.open .user-menu{transform:none}.mobile-hub .user-menu-head,.mobile-hub .user-menu>form{flex:0 0 auto}.mobile-hub .user-menu nav{min-height:0;max-height:none!important;flex:1 1 auto;padding:6px 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-hub .user-menu-head{grid-template-columns:45px minmax(0,1fr) auto;padding:10px}.mobile-hub .user-menu-head>span{width:45px;height:45px}.mobile-hub .user-menu nav>a{min-height:46px;padding:5px 7px}.mobile-hub .user-menu nav>a>span{width:36px;height:36px}.mobile-hub .user-menu>form{padding-top:7px}.mobile-hub .user-menu>form button{height:40px}}
@media(max-width:600px){.user-menu.mobile-user-menu-portal{top:72px!important;right:8px!important;bottom:76px!important;left:8px!important;padding:9px;border-radius:18px}.mobile-user-menu-portal nav{padding:6px 0}.mobile-user-menu-portal .user-menu-head{grid-template-columns:45px minmax(0,1fr) auto;padding:10px}.mobile-user-menu-portal .user-menu-head>span{width:45px;height:45px}.mobile-user-menu-portal nav>a{min-height:46px;padding:5px 7px}.mobile-user-menu-portal nav>a>span{width:36px;height:36px}.mobile-user-menu-portal>form{padding-top:7px}.mobile-user-menu-portal>form button{height:40px}}
@media(max-width:380px){.mobile-hub .user-menu{top:66px!important;right:5px!important;bottom:70px!important;left:5px!important;padding:7px}.mobile-hub .user-menu-head{grid-template-columns:42px minmax(0,1fr) auto}.mobile-hub .user-menu-head>span{width:42px;height:42px}.mobile-hub .user-menu nav>a{min-height:43px}.mobile-hub .user-menu nav small{font-size:6.5px}}
@media(max-height:560px) and (max-width:600px){.mobile-hub .user-menu{top:60px!important;bottom:10px!important}.mobile-hub .user-menu-head{padding:7px}.mobile-hub .user-menu-head>span{width:40px;height:40px}.mobile-hub .user-menu nav>a{min-height:41px}.mobile-hub .user-menu nav>a>span{width:33px;height:33px;font-size:18px}}