*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}body{background-color:#d1d7db;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:130px;background-color:#00a884;z-index:-1}.app-container{width:100%;max-width:1600px;height:95vh;background-color:#f0f2f5;display:flex;box-shadow:0 6px 18px #0b141a0d;border-radius:4px;overflow:hidden}.sidebar{width:30%;min-width:300px;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #d1d7db}.sidebar-header{height:60px;background-color:#f0f2f5;display:flex;align-items:center;padding:10px 16px;justify-content:space-between}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#dfe5e7;display:flex;justify-content:center;align-items:center;color:#54656f}.sidebar-actions button{background:none;border:none;color:#54656f;cursor:pointer;margin-left:15px}.webhook-config{padding:12px;background-color:#fff;border-bottom:1px solid #f2f2f2}.webhook-config label{font-size:12px;color:#00a884;font-weight:700;display:block;margin-bottom:5px}.webhook-input-group{display:flex}.webhook-input-group input{flex:1;padding:8px;border:1px solid #d1d7db;border-radius:6px 0 0 6px;outline:none}.webhook-input-group button{background-color:#00a884;color:#fff;border:none;padding:8px 12px;border-radius:0 6px 6px 0;cursor:pointer}.webhook-input-group button:hover{background-color:#008f6f}.instance-creator{padding:12px;background-color:#f0f2f5;border-bottom:1px solid #d1d7db;display:flex;gap:8px}.instance-creator input{flex:1;padding:8px;border:none;border-radius:6px;outline:none}.instance-creator button{background-color:#00a884;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.chat-list{flex:1;overflow-y:auto}.chat-item{display:flex;padding:12px 16px;border-bottom:1px solid #f2f2f2;cursor:pointer;transition:background-color .2s}.chat-item:hover,.chat-item.active{background-color:#f5f6f6}.chat-avatar{width:48px;height:48px;border-radius:50%;background-color:#dfe5e7;margin-right:15px;display:flex;justify-content:center;align-items:center;color:#54656f}.chat-info{flex:1;display:flex;flex-direction:column;justify-content:center}.chat-title{font-size:16px;color:#111b21}.chat-subtitle{font-size:13px;color:#667781;margin-top:3px}.chat-area{flex:1;display:flex;flex-direction:column;background-color:#efeae2;position:relative}.chat-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.06;background-image:url(https://web.whatsapp.com/img/bg-chat-tile-dark_a4be512e7195b6b733d9110b408f075d.png);z-index:0}.chat-header{height:60px;background-color:#f0f2f5;display:flex;align-items:center;padding:10px 16px;z-index:1;border-bottom:1px solid #d1d7db}.chat-messages{flex:1;padding:20px 60px;overflow-y:auto;z-index:1;display:flex;flex-direction:column}.message-bubble{max-width:65%;padding:8px 12px;border-radius:7.5px;margin-bottom:12px;position:relative;font-size:14.2px;line-height:19px;color:#111b21;box-shadow:0 1px .5px #0b141a21;display:inline-block;word-wrap:break-word}.message-bubble.incoming{background-color:#fff;align-self:flex-start;border-top-left-radius:0}.message-bubble.outgoing{background-color:#d9fdd3;align-self:flex-end;border-top-right-radius:0}.message-time{font-size:11px;color:#667781;float:right;margin-top:5px;margin-left:10px}.chat-input-area{height:62px;background-color:#f0f2f5;padding:10px 16px;display:flex;align-items:center;z-index:1}.simulate-receive{background-color:#54656f;color:#fff;border:none;padding:10px 15px;border-radius:8px;margin-right:10px;cursor:pointer}.simulate-receive:hover{background-color:#3e4a52}.chat-input{flex:1;background-color:#fff;border:none;padding:12px;border-radius:8px;outline:none;font-size:15px}.send-button{background:none;border:none;color:#54656f;margin-left:15px;cursor:pointer}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#54656f;z-index:1}.empty-chat h2{font-weight:300;margin-top:20px}