:root{--wa-bg: #f0f2f5;--wa-green: #008069;--wa-green-light: #25d366;--wa-sidebar-bg: #ffffff;--wa-header-bg: #f0f2f5;--wa-bubble-in: #ffffff;--wa-bubble-out: #dcf8c6;--wa-text-primary: #111b21;--wa-text-secondary: #667781}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--wa-bg);color:var(--wa-text-primary)}.wa-container{display:flex;height:100vh;width:100vw;overflow:hidden}.wa-sidebar{width:30%;max-width:400px;min-width:300px;background-color:var(--wa-sidebar-bg);border-right:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column}.wa-main{flex:1;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;display:flex;flex-direction:column}.wa-header{height:60px;background-color:var(--wa-header-bg);display:flex;align-items:center;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.08)}.wa-chat-view{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:8px}.wa-bubble{max-width:65%;padding:8px 12px;border-radius:8px;font-size:14.5px;line-height:1.4;position:relative;box-shadow:0 1px .5px #00000021}.wa-bubble.in{align-self:flex-start;background-color:var(--wa-bubble-in)}.wa-bubble.out{align-self:flex-end;background-color:var(--wa-bubble-out)}.wa-input-area{height:62px;background-color:var(--wa-header-bg);display:flex;align-items:center;padding:0 16px;gap:12px}.wa-input{flex:1;height:42px;border-radius:8px;border:none;padding:0 12px;font-size:15px;outline:none}.wa-sidebar-header{height:60px;background-color:var(--wa-header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.sidebar-menu{flex:1;display:flex;flex-direction:column;overflow:hidden}.wa-chat-list{flex:1;overflow-y:auto}.wa-chat-list::-webkit-scrollbar{width:6px}.wa-chat-list::-webkit-scrollbar-track{background:transparent}.wa-chat-list::-webkit-scrollbar-thumb{background:#0000001a}.wa-chat-list::-webkit-scrollbar-thumb:hover{background:#0003}.wa-list-item{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s;flex-shrink:0}.wa-list-item:hover{background-color:#f5f6f6}.wa-list-item.active{background-color:#ebebeb}.chat-panel{display:flex;flex-direction:column;height:100vh;background-color:#fff}.chat-header{height:60px;background-color:var(--wa-header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:8px;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#0003}.message-bubble{max-width:65%;padding:6px 7px 8px 9px;border-radius:7.5px;font-size:14.2px;line-height:19px;position:relative;box-shadow:0 1px .5px #00000021;display:flex;flex-direction:column;gap:4px}.message-bubble.sent{align-self:flex-end;background-color:#d9fdd3}.message-bubble.received{align-self:flex-start;background-color:#fff}.message-content{word-wrap:break-word;white-space:pre-wrap}.message-time{font-size:11px;color:#00000073;align-self:flex-end;margin-top:2px}.chat-input{height:62px;background-color:var(--wa-header-bg);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0}.chat-input input{flex:1;height:42px;border-radius:21px;border:none;padding:0 16px;font-size:15px;outline:none;background-color:#fff}.chat-input input:disabled{background-color:#f0f2f5;cursor:not-allowed}.send-button{width:42px;height:42px;border-radius:50%;border:none;background-color:var(--wa-green);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.send-button:hover:not(:disabled){background-color:#006d57}.send-button:disabled{background-color:#ccc;cursor:not-allowed}