*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{overflow-x:hidden}img{max-width:100%;height:auto}button,input,select,textarea{max-width:100%}@media (width<=992px){.customer-sidebar{width:210px!important}.customer-main{width:calc(100% - 210px)!important;margin-left:210px!important}.vendor-navbar{padding:14px 20px!important}.vendor-nav-links{gap:15px!important}}@media (width<=768px){body{overflow-x:hidden}.customer-sidebar{width:100%!important;height:auto!important;min-height:auto!important;position:relative!important}.customer-main{width:100%!important;margin-left:0!important}.customer-menu{flex-flow:wrap!important}.vendor-navbar{flex-direction:column!important;align-items:flex-start!important;gap:15px!important;padding:15px 20px!important}.vendor-nav-links{width:100%;flex-wrap:wrap!important;gap:10px!important}.vendor-profile{width:100%}.responsive-page{padding:20px!important}.responsive-card{width:100%!important}.chat-container{flex-direction:column!important;height:auto!important}.conversation-panel{border-bottom:1px solid #e5dfd5;max-height:250px;border-right:none!important;width:100%!important}.chat-panel{min-height:500px}}@media (width<=480px){.responsive-page{padding:15px!important}h1{font-size:26px!important}h2{font-size:20px!important}button{max-width:100%}.vendor-nav-links{gap:8px!important}}.chat-container{display:flex}@media (width<=700px){.responsive-page{padding:20px 12px!important}.chat-container{flex-direction:column;min-height:500px;height:calc(100vh - 190px)!important}.conversation-panel{border-bottom:1px solid #e5dfd5;max-height:170px;border-right:none!important;width:auto!important;padding:12px!important}.chat-panel{min-height:320px}.messagesArea{padding:12px!important}.messageBubble{max-width:80%!important}.inputArea{padding:10px!important}.messageInput{min-width:0}.sendButton{padding:10px 14px!important}}@media (width<=450px){.responsive-page{padding:15px 8px!important}.chat-container{height:calc(100vh - 180px)!important}.title{font-size:26px!important}.messageBubble{max-width:85%!important}}