.whatsapp-chat-container{background:#0b141a;border:1px solid #222d34;border-radius:12px;grid-template-columns:320px 1fr;height:700px;display:grid;overflow:hidden;box-shadow:0 12px 24px #00000080}.wa-sidebar{background:#111b21;border-right:1px solid #222d34;flex-direction:column;display:flex}.sidebar-header{background:#202c33;padding:1rem 1.25rem}.header-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.sidebar-title{color:#e9edef;margin:0;font-size:1.1rem}.action-icon{color:#aebac1;cursor:pointer;transition:color .2s}.action-icon:hover{color:#e9edef}.header-actions{gap:1.5rem;display:flex}.search-box{background:#202c33;position:relative}.wa-search-input{color:#d1d7db;background:#2a3942;border:none;border-radius:8px;outline:none;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.85rem}.search-icon{color:#8696a0;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.conversation-list{flex:1;overflow-y:auto}.conversation-item{cursor:pointer;border-bottom:1px solid #202c33;padding:.75rem 1rem;transition:background .2s;display:flex}.conversation-item:hover{background:#202c33}.conversation-item.active{background:#2a3942}.avatar-wrapper{margin-right:1rem}.wa-avatar{color:#e9edef;background:#6a7175;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wa-avatar.small{width:32px;height:32px}.conv-details{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.conv-header{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.contact-name{color:#e9edef;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.timestamp{color:#8696a0;font-size:.7rem}.last-message{color:#8696a0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.wa-chat-main{background:#0b141a;flex-direction:column;display:flex;position:relative}.wa-chat-main:before{content:"";opacity:.05;pointer-events:none;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);width:100%;height:100%;position:absolute;top:0;left:0}.chat-header{z-index:10;background:#202c33;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.header-info{align-items:center;gap:.8rem;display:flex}.header-text{flex-direction:column;display:flex}.active-contact-name{color:#e9edef;margin:0;font-size:.95rem;font-weight:500}.active-status{color:#8197a4;margin:0;font-size:.75rem}.chat-actions{gap:1.5rem;display:flex}.message-area{z-index:10;flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 2.5rem;display:flex;overflow-y:auto}.date-separator{text-align:center;margin:1rem 0}.date-separator span{color:#8696a0;background:#182229;border-radius:8px;padding:.4rem .8rem;font-size:.7rem;font-weight:600}.wa-message-row{width:100%;margin-bottom:.2rem;display:flex}.wa-received{justify-content:flex-start}.wa-sent{justify-content:flex-end}.wa-bubble{border-radius:8px;max-width:65%;padding:.4rem .6rem .2rem;position:relative;box-shadow:0 1px .5px #00000021}.wa-received .wa-bubble{color:#e9edef;background:#202c33;border-top-left-radius:0}.wa-sent .wa-bubble{color:#e9edef;background:#005c4b;border-top-right-radius:0}.sender-label{color:#35cd96;margin-bottom:.2rem;font-size:.75rem;font-weight:600;display:block}.wa-message-text{white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.4}.wa-message-footer{justify-content:flex-end;margin-top:.2rem;display:flex}.wa-timestamp{color:#8696a0;font-size:.65rem}.chat-input-area{z-index:10;background:#202c33;padding:.6rem 1rem}.input-row{align-items:center;gap:1rem;display:flex}.input-icon{color:#8696a0;cursor:pointer}.wa-input-wrapper{flex:1}.wa-input{color:#d1d7db;background:#2a3942;border:none;border-radius:8px;outline:none;width:100%;padding:.6rem 1rem;font-size:.9rem}.wa-empty-state{text-align:center;z-index:10;background:#222e35;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.empty-illustration{color:#3b4a54;margin-bottom:2rem}.empty-title{color:#e9edef;margin-bottom:1rem;font-size:2rem;font-weight:300}.empty-subtitle{color:#8696a0;max-width:450px;font-size:.9rem;line-height:1.6}.encryption-banner{color:#667781;align-items:center;gap:.5rem;margin-top:auto;padding-top:2rem;font-size:.75rem;display:flex}.empty-contacts{color:#667781;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}