*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111b21;color:#e9edef;height:100vh;overflow:hidden}#root{height:100vh}.app{display:flex;height:100vh}.sidebar{width:400px;min-width:350px;background:#111b21;border-right:1px solid #2a3942;display:flex;flex-direction:column}.sidebar-header{padding:16px;background:#202c33;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-header h2{font-size:16px;font-weight:600}.sidebar-tabs{display:flex;border-bottom:1px solid #2a3942}.sidebar-tabs button{flex:1;padding:12px;background:none;border:none;color:#8696a0;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.sidebar-tabs button.active{color:#00a884;border-bottom-color:#00a884}.source-tabs{display:flex;padding:4px 8px;gap:4px;background:#111b21}.source-tabs button{flex:1;padding:6px 8px;background:#202c33;border:none;color:#8696a0;font-size:12px;cursor:pointer;border-radius:6px;transition:all .2s}.source-tabs button.active{background:#00a884;color:#111b21;font-weight:600}.search-box{padding:8px 12px;background:#111b21}.search-box input{width:100%;padding:8px 16px;border-radius:8px;border:none;background:#202c33;color:#e9edef;font-size:14px;outline:none}.search-box input::placeholder{color:#8696a0}.chat-list,.contact-list{flex:1;overflow-y:auto}.chat-item,.contact-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid #222d34}.chat-item:hover,.contact-item:hover{background:#202c33}.chat-item.active{background:#2a3942}.avatar{width:48px;height:48px;border-radius:50%;background:#2a3942;display:flex;align-items:center;justify-content:center;font-size:20px;color:#aebac1;flex-shrink:0;margin-right:12px}.chat-info,.contact-info{flex:1;min-width:0}.chat-info .name,.contact-info .name{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-info .preview{font-size:13px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-info .meta{text-align:right;flex-shrink:0}.chat-info .time{font-size:12px;color:#8696a0}.chat-item .meta .tel{font-size:11px;color:#8696a0;margin-top:2px}.badge{background:#00a884;color:#111b21;border-radius:12px;padding:1px 8px;font-size:12px;font-weight:600;margin-top:4px;display:inline-block}.contact-info .number{font-size:13px;color:#8696a0;margin-top:2px}.chat-panel{flex:1;display:flex;flex-direction:column;background:#0b141a}.chat-panel-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8696a0;gap:8px}.chat-panel-empty .icon{font-size:64px;opacity:.4}.chat-header{padding:12px 16px;background:#202c33;display:flex;align-items:center;gap:12px;border-bottom:1px solid #2a3942}.chat-header .name{font-size:16px;font-weight:500}.chat-header .subtitle{font-size:13px;color:#8696a0}.messages-container{flex:1;overflow-y:auto;padding:16px 60px;display:flex;flex-direction:column;gap:4px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 L35 15 L30 12 L25 15 Z' fill='%23091b11' opacity='0.15'/%3E%3C/svg%3E")}.message{max-width:65%;padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.4;position:relative;word-wrap:break-word}.message.incoming{align-self:flex-start;background:#202c33;border-top-left-radius:0}.message.outgoing{align-self:flex-end;background:#005c4b;border-top-right-radius:0}.message .text{white-space:pre-wrap}.message .timestamp{font-size:11px;color:#ffffff80;text-align:right;margin-top:4px}.message .media{margin-bottom:4px}.message .media img{max-width:300px;max-height:300px;border-radius:6px;cursor:pointer}.message .media audio{max-width:280px}.message .media video{max-width:300px;border-radius:6px}.message .media .pdf-link,.message .media .doc-link{display:inline-block;padding:8px 12px;background:#ffffff1a;border-radius:6px;color:#00a884;text-decoration:none;font-size:13px;word-break:break-all}.message .media .pdf-link:hover,.message .media .doc-link:hover{background:#ffffff26}.date-separator{align-self:center;background:#182229;color:#8696a0;padding:4px 12px;border-radius:8px;font-size:12px;margin:8px 0}.load-more,.load-more-btn{align-self:center;padding:8px 24px;background:#202c33;border:none;color:#00a884;border-radius:20px;cursor:pointer;font-size:13px;margin:8px;text-align:center}.load-more:hover,.load-more-btn:hover{background:#2a3942}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#374045;border-radius:3px}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#8696a0}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.lightbox img{max-width:90%;max-height:90%;object-fit:contain}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:#111b21}.login-form{background:#202c33;padding:40px;border-radius:12px;display:flex;flex-direction:column;gap:16px;min-width:320px}.login-form h2{text-align:center;color:#e9edef;margin-bottom:8px}.login-form input{padding:12px 16px;border-radius:8px;border:1px solid #2a3942;background:#111b21;color:#e9edef;font-size:14px;outline:none}.login-form input:focus{border-color:#00a884}.login-form button{padding:12px;background:#00a884;color:#111b21;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.login-form button:hover{background:#00c896}.login-form button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#ff6b6b;font-size:13px;text-align:center}.logout-btn{background:none;border:1px solid #2a3942;color:#8696a0;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:12px}.logout-btn:hover{color:#e9edef;border-color:#8696a0}.copy-field{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding:3px 0;border-radius:4px;transition:background .15s}.copy-field:hover{background:#00a8841a}.copy-field.nome .copy-field-text{font-size:15px;font-weight:500;color:#e9edef}.copy-field.telefone .copy-field-text,.copy-field.email .copy-field-text{font-size:13px;color:#8696a0}.copy-field-btn{font-size:11px;color:#00a884;background:#00a88426;padding:2px 8px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .15s;flex-shrink:0}.copy-field:hover .copy-field-btn{opacity:1}