@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Gloock&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.gloock-regular{font-family:Gloock,serif;font-style:normal;font-weight:400}*{outline:none}#root,.ant-app,.thecoder-layout,body,html{background:#f6f7f8;height:100%;margin:0;padding:0}.demo-logo-vertical>img{filter:brightness(0) invert(1)}.ant-dropdown-trigger{height:100%}.demo-logo-vertical{-webkit-margin-end:24px;align-content:center;box-shadow:inset 0 0 14px #001628;margin-inline-end:24px;min-width:120px;padding:20px 15px}.demo-logo-vertical,.demo-logo-vertical-v2{align-items:center;background:#fff;border-radius:6px;display:flex;height:50px;justify-content:center}.demo-logo-vertical-v2{margin-bottom:16px;margin-top:8px}.demo-logo-vertical-v2-header{align-items:center;background:#fff;border-radius:6px;display:flex;height:50px;justify-content:center;margin-left:8px;margin-top:7px;padding:0 35px!important}.numberPadItem{cursor:pointer;transition:all .5s ease-in-out}.numberPadItem:active{background:red}.numberPadItem:hover{box-shadow:0 0 11px #0000003d;transition:all .5s ease-in-out}.thecoder-layout-header{justify-content:space-between}.thecoder-menu-item{cursor:pointer}*{-webkit-user-select:none;user-select:none}#root>div,.ant-layout{height:100%;width:100%}.ant-layout{background:#fff;margin-bottom:35px}.red-row{background:red;color:#000}.ant-layout-header{z-index:3!important}.btn-77{align-items:center;background:linear-gradient(90deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);background-size:200% 200%;border:1px solid #796703;border-radius:8px;box-shadow:5px 5px 10px rgba(0,0,0,.144);color:#796703;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:300;gap:8px;height:31px;justify-content:center;margin-right:10px;padding:0 15px;position:relative;text-decoration:none;width:-webkit-max-content!important;width:max-content!important;z-index:2}.btn-77,.btn-77:hover{transition-duration:3s}.btn-77:hover{animation:gradient 5s ease infinite;background-position:100%;transform:scale(.95)}.ant-layout,.ant-layout-content{background:#f6f7f8}body{background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}.ant-layout-sider{background:#fff!important;box-shadow:1px 0 0 0 #e5e7eb;transition:all .2s!important}@media (max-width:768px){.ant-layout-sider{display:none!important}}.ant-drawer-header{padding:16px 20px!important}.ant-drawer-close{color:#6b7280!important}.ant-menu{background:#0000!important;border-right:none!important}.ant-menu-item-group-title{color:#6b7280!important;font-size:11px!important;font-weight:600;letter-spacing:.05em;padding:12px 25px 6px!important;text-transform:uppercase;transition:all .2s!important}.ant-layout-sider-collapsed .ant-menu-item-group-title{display:none!important}.ant-menu-item,.ant-menu-submenu-title{align-items:center!important;border-radius:5px!important;color:#374151!important;display:flex!important;font-size:13px!important;height:31px!important;line-height:31px!important;margin:0 25px!important;padding:0 5px!important;transition:all .2s!important}.ant-layout-sider-collapsed .ant-menu-item,.ant-layout-sider-collapsed .ant-menu-submenu-title{justify-content:center!important;margin:0 4px!important;padding:0!important}.ant-layout-sider-collapsed .ant-menu-item span:not(.anticon),.ant-layout-sider-collapsed .ant-menu-submenu-title span:not(.anticon){display:none!important}.ant-menu-item-selected,.ant-menu-item:hover,.ant-menu-submenu-title:hover{background:#f3f4f6!important;color:#111827!important}.ant-menu-item-selected{font-weight:500}.ant-menu-sub .ant-menu-item{font-size:15px!important;height:31px!important;line-height:31px!important;margin:0!important;padding:0 5px 0 30px!important}.ant-menu-item-selected:after{display:none!important}.ant-layout-sider .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#111827!important;font-weight:500}.ant-layout-sider .ant-menu-sub{border-left:1px dashed #d1d5db!important;margin-left:37px!important;margin-top:5px!important;width:80%}.ant-layout-sider-collapsed .ant-menu-sub{border:none!important}.ant-layout-sider .ant-menu-sub .ant-menu-item{margin-bottom:2px!important;margin-left:15px!important;padding-left:15px!important}.ant-layout-sider .ant-menu-sub .ant-menu-item>span{font-size:13px!important}.ant-menu-inline .ant-layout-sider .ant-menu-submenu-arrow{right:25px}.ant-layout-sider-collapsed .ant-layout-sider .ant-menu-submenu-arrow{display:none!important}.ant-layout-sider-collapsed{margin:0!important;padding:0!important}.ant-menu-sub .ant-menu-inline{background:#ff0!important}.ant-menu-submenu-popup>ul>li{left:4px}.ant-menu-submenu-popup>ul{margin:0!important;padding:5px;padding:5px 0!important}.ant-menu-submenu-popup{padding:0!important}.ant-layout-sider-collapsed .ant-menu-submenu-popup,.ant-menu-submenu-popup{background:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px #00000014!important}.ant-layout-sider-collapsed .ant-menu-submenu-popup{border:1px solid #e5e7eb!important}.ant-layout-sider-collapsed .ant-menu-submenu-popup .ant-menu{border-right:none!important;box-shadow:none!important;min-width:200px!important;padding:4px!important}.ant-layout-sider-collapsed .ant-menu-submenu-popup .ant-menu-item{border-radius:6px!important;color:#374151!important;font-size:13px!important;height:32px!important;line-height:32px!important;margin:2px 4px!important;padding:0 12px!important;transition:all .2s!important}.ant-layout-sider-collapsed .ant-menu-submenu-popup .ant-menu-item:hover{background:#f3f4f6!important;color:#111827!important}.ant-layout-sider-collapsed .ant-menu-submenu-popup .ant-menu-item-selected{background:#f3f4f6!important;color:#111827!important;font-weight:500!important}.ant-layout-sider-collapsed .ant-menu-submenu-popup .ant-menu-item:after{display:none!important}.ant-layout-sider-collapsed .ant-menu-submenu-placement-rightTop>.ant-menu{margin-left:4px}.logo-section{align-items:center;display:flex;gap:8px;height:48px;margin-bottom:6px;margin-top:10px;padding:0 25px;transition:all .2s}.ant-menu .ant-menu-item-group .ant-menu-item-group-list{display:flex;flex-direction:column;gap:6px}.ant-layout-sider-collapsed .logo-section{justify-content:center;padding:0}.logo-wrapper{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:15px;font-weight:700;height:28px;justify-content:center;width:28px}.logo-text{display:flex;flex-direction:column;line-height:1.1;transition:all .2s}.logo-title{color:#111827;font-size:13px;font-weight:600}.logo-subtitle{color:#6b7280;font-size:11px}.content-header{align-items:center;background:#fff;display:flex;gap:16px;height:56px;padding:16px 24px}@media (max-width:768px){.content-header{padding:16px}}.user-section{bottom:0;left:0;padding:10px 25px 15px;position:absolute;right:0;transition:all .2s}.ant-layout-sider-collapsed .user-section{padding:10px}.user-dropdown{align-items:center;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s;width:100%}.ant-layout-sider-collapsed .user-dropdown{justify-content:center;padding:8px}.user-dropdown:hover{background:#f3f4f6}.user-info{align-items:center;display:flex;gap:10px}.user-details{flex:1 1;text-align:left;transition:all .2s}.user-name{color:#111827;font-size:13px;font-weight:500;line-height:1.2}.user-email{color:#6b7280;font-size:12px;line-height:1.2}.ant-breadcrumb{font-size:13px}.ant-breadcrumb-link{color:#6b7280}.ant-breadcrumb-link:hover{color:#111827}.ant-breadcrumb li:last-child .ant-breadcrumb-link{color:#111827;font-weight:500}.toggle-btn{align-items:center!important;background:none!important;border:none!important;border-radius:6px!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;width:32px!important}.toggle-btn:hover{background:#f3f4f6!important;color:#111827!important}.ant-layout-sider-trigger{display:none!important}.ant-tooltip{font-size:13px!important}@media (max-width:768px){.ant-layout-content{margin-left:0!important}}#root,body,html{margin:0;padding:0}.whatsapp-interface{display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.header{background-color:#075e54;color:#fff;justify-content:space-between;padding:10px 20px}.connection-status,.header{align-items:center;display:flex}.connection-status{background:#000;height:40px;justify-content:center;width:100%}.connected{color:#25d366}.disconnected{color:tomato}.error-message{background-color:#fdd;border-radius:4px;color:#d8000c;margin:10px;padding:10px}.main-container{display:flex;flex:1 1;overflow:hidden}.devices-panel{border-right:1px solid #ddd;overflow-y:auto;padding:10px;width:250px}.devices-list{list-style:none;padding:0}.device-item{border:1px solid #ddd;border-radius:5px;cursor:pointer;margin-bottom:5px;padding:10px}.device-item.selected{background-color:#e2f7cb}.device-item.active{border-left:3px solid #25d366}.device-item.inactive{border-left:3px solid tomato}.device-name{font-weight:700}.device-status{color:#666;font-size:12px}.device-phone{color:#888;font-size:12px}.chats-panel{border-right:1px solid #ddd;overflow-y:auto;padding:10px;width:300px}.chats-list{list-style:none;padding:0}.chat-item{border-bottom:1px solid #eee;cursor:pointer;padding:10px;position:relative}.chat-item.selected{background-color:#e2f7cb}.chat-contact-name{font-weight:700}.chat-last-message{color:#666;font-size:13px;margin-top:5px}.outgoing{color:#25d366}.incoming{color:#34b7f1}.unread-badge{align-items:center;background-color:#25d366;border-radius:50%;color:#fff;display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:10px;top:10px;width:18px}.messages-panel{display:flex;flex:1 1;flex-direction:column}.messages-header{border-bottom:1px solid #ddd;padding:10px 20px}.messages-container{flex-direction:column;padding:20px}.messages-container,.messages-list{display:flex;flex:1 1;overflow-y:auto}.messages-list{flex-direction:column}.message-bubble{border-radius:15px;margin-bottom:10px;max-width:70%;padding:10px 15px;position:relative}.message-bubble.outgoing{align-self:flex-end;background-color:#dcf8c6;border-bottom-right-radius:0}.message-bubble.incoming{align-self:flex-start;background-color:#fff;border-bottom-left-radius:0;box-shadow:0 1px .5px #00000021}.message-timestamp{color:#999;font-size:11px;margin-top:5px;text-align:right}.message-form{border-top:1px solid #ddd;display:flex;margin-top:auto;padding:10px}.message-form input{border:1px solid #ddd;border-radius:20px;flex:1 1;margin-right:10px;padding:10px}.message-form button{background-color:#25d366;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px}.message-form button:disabled{background-color:#a0a0a0;cursor:not-allowed}.no-selection{align-items:center;color:#888;display:flex;font-style:italic;height:100%;justify-content:center}.message-notification-dot{animation:pulse 2s infinite}.new-message-row{transition:background-color .3s}.new-message-row:hover{background-color:#1677ff0d!important}@keyframes pulse{0%{box-shadow:0 0 0 0 #1890ffb3}70%{box-shadow:0 0 0 10px #1890ff00}to{box-shadow:0 0 0 0 #1890ff00}}@keyframes highlight{0%{background-color:#1890ff1a}50%{background-color:#1890ff33}to{background-color:#1890ff1a}}.typing-indicator{align-items:center;display:flex}.typing-indicator span{background-color:#9e9ea1;border-radius:50%;display:block;float:left;height:8px;margin:0 1px;opacity:.4;width:8px}.typing-indicator span:first-of-type{animation:blink 1s .3333s infinite}.typing-indicator span:nth-of-type(2){animation:blink 1s .6666s infinite}.typing-indicator span:nth-of-type(3){animation:blink 1s .9999s infinite}@keyframes blink{50%{opacity:1}}.unread-chat-pulse{animation:chatPulse 2s infinite}.unread-indicator-dot{animation:dotPulse 2s infinite}@keyframes chatPulse{0%{background-color:#52c41a1a}50%{background-color:#52c41a33}to{background-color:#52c41a1a}}@keyframes dotPulse{0%{box-shadow:0 0 0 0 #52c41a66}70%{box-shadow:0 0 0 8px #52c41a00}to{box-shadow:0 0 0 0 #52c41a00}}