:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.whatsapp-layout{display:flex;height:100vh;width:100vw;background:#0a0a0a}.card{padding:2em}.read-the-docs{color:#b0b0b0}.whatsapp-layout{display:flex;height:100vh;width:100vw;background:#181a20}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;height:100vh;width:100vw;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#2d2d2d);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-sizing:border-box;position:fixed;inset:0}.login-card{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;box-shadow:0 20px 60px #0009,0 8px 32px #0006;border:1px solid rgba(60,60,60,.3);max-width:420px;width:100%;text-align:center;box-sizing:border-box}.logo-container{margin-bottom:32px}.logo{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.logo img{width:120px;height:auto;max-width:100%;opacity:.9}.logo-fallback{display:inline-flex;align-items:center;gap:4px;font-size:28px;font-weight:700}.logo-text{color:#00d4aa;background:linear-gradient(135deg,#00d4aa,#00bfa5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-system{color:#a0a0a0;font-weight:500}.title-container{margin-bottom:40px}.main-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.025em}.subtitle{font-size:16px;color:#b0b0b0;margin:0;font-weight:400}.login-form{display:flex;flex-direction:column;gap:24px}.input-group{text-align:left}.input-label{display:block;font-size:14px;font-weight:600;color:#d0d0d0;margin-bottom:8px;letter-spacing:.025em}.token-input{width:100%;padding:16px 20px;border:2px solid #404040;border-radius:12px;font-size:16px;color:#fff;background:#202020;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.token-input:focus{outline:none;border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa1a}.token-input::placeholder{color:gray}.token-input:disabled{background:#303030;color:#606060;cursor:not-allowed}.login-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#00d4aa,#00bfa5);color:#000;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;letter-spacing:.025em}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00d4aa4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.3);border-top:2px solid #000000;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#2d1b69;border:1px solid #553c9a;color:#feb2b2;padding:16px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;margin-top:16px;transition:all .2s ease;animation:slideIn .3s ease-out}.error-message:hover{background:#553c9a;border-color:#805ad5}.error-icon{font-size:16px;flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.login-container{padding:16px}.login-card{padding:32px 24px;margin:16px}.main-title{font-size:28px}.subtitle{font-size:14px}.token-input,.login-button{padding:14px 16px;font-size:16px}.logo img{width:100px}}@media (prefers-color-scheme: dark){.login-card{background:#1e1e1ef2;border-color:#3c3c3c4d}.main-title{color:#fff}.subtitle{color:#b0b0b0}.input-label{color:#d0d0d0}.token-input{background:#202020;border-color:#404040;color:#fff}.token-input:focus{border-color:#00d4aa}.token-input::placeholder{color:gray}.token-input:disabled{background:#303030;color:#606060}}.contact-item,.contact-list-item-container{-webkit-user-select:none;user-select:none;padding:0% 8px;cursor:pointer;border-bottom:1px solid #2d2d2d;background:transparent;transition:background .15s,color .15s;color:#fff;font-size:.92em;min-height:70px;display:flex;flex-direction:column;justify-content:center;border-left:3px solid transparent}.contact-item:hover,.contact-list-item-container:hover{background:#00d4aa08}.contact-item.selected,.contact-list-item-selected{background:#00d4aa14!important;color:#fff!important;font-weight:700;border-left:3px solid #00d4aa}.contact-desc,.contact-list-item-description{color:#b0b0b0;font-size:.8em;font-weight:400!important;margin-top:2px}.contact-item.selected .contact-desc,.contact-list-item-selected .contact-list-item-description{color:#e0e0e0;font-weight:400!important}.contact-phone,.contact-list-item-phone{color:#00d4aa;font-size:.8em;margin-top:2px;font-weight:400!important}.contact-item.selected .contact-phone,.contact-list-item-selected .contact-list-item-phone{color:#00d4aa;font-weight:400!important}.contact-list-item-header{display:flex;align-items:center;font-weight:700;font-size:.98em}.contact-list-item-name{flex:1}.contact-list-item-unread-badge{background:#00d4aa;color:#fff;border-radius:12px;min-width:18px;height:18px;font-size:.7em;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:0 6px;font-weight:700;z-index:10;position:relative;box-shadow:0 2px 4px #00d4aa4d;border:1px solid rgba(255,255,255,.2)}.contact-list-menu-btn{position:relative;overflow:hidden}.contact-list-menu-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#00d4aa33;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.contact-list-menu-btn:hover:before{width:100%;height:100%}.contact-list-dropdown-menu{transform-origin:top right}.contact-list-menu-item{position:relative;overflow:hidden}.contact-list-menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.contact-list-menu-item:hover:before{left:100%}.contact-list-menu-item:active{transform:scale(.98);transition:transform .1s ease}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-list-menu-btn:focus,.contact-list-menu-item:focus{outline:2px solid #00d4aa;outline-offset:2px}.contact-list-menu-item:disabled{opacity:.5;cursor:not-allowed}.contact-list-menu-item:disabled:hover{background:none!important}.contacts-list{-webkit-user-select:none;user-select:none;background:#1a1a1a;border-right:1px solid #2d2d2d;font-size:.95rem;color:#fff;transition:width .2s,background .2s;display:flex;flex-direction:column;height:100vh;position:relative;z-index:2;overflow-y:auto;width:300px;box-sizing:border-box}.contacts-list .contacts-container{flex:1;overflow-y:auto;padding:0;margin:0}.contacts-list.collapsed{width:60px;max-width:60px}.collapse-btn{position:absolute;top:10px;right:10px;background:#0a0a0a;color:#fff;border-radius:0 0 8px;border:none;padding:8px 0;width:100%;font-size:1.2rem;margin-bottom:8px;transition:background .2s}.collapse-btn:hover{background:#00d4aa;color:#000}.contact-list-update-section{padding:8px 12px;border-top:1px solid #2d2d2d;background:#00d4aa0d;position:relative;z-index:5;margin-bottom:60px}.contact-list-update-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #667eea4d;position:relative;overflow:hidden}.contact-list-update-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.contact-list-update-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.contact-list-update-btn:hover:before{left:100%}.contact-list-update-btn:active{transform:translateY(0);box-shadow:0 2px 4px #667eea4d}.contact-list-update-btn .update-icon{font-size:1.1em;animation:spin 2s linear infinite}.contact-list-update-btn .update-text{font-weight:600;letter-spacing:.5px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-area{flex:1;display:flex;flex-direction:column;background:#0a0a0a;align-items:stretch;min-width:0;width:100%;height:100%;box-sizing:border-box}.chat-header{background:#1a1a1a;color:#fff;padding:12px 16px;font-size:1.1em;font-weight:700;display:flex;align-items:center;border-bottom:1px solid #2d2d2d;width:100%;box-sizing:border-box}.chat-messages{flex:1;width:100%;overflow-y:auto;padding:12px 8px 8px;background:#0a0a0a;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.chat-input{display:flex;align-items:center;padding:8px 16px;background:#1a1a1a;border-top:1px solid #2d2d2d;box-sizing:border-box;gap:8px;width:100%}.chat-input input[type=text]{flex:1;padding:8px 14px;border-radius:6px;border:1px solid #404040;background:#202020;color:#fff;font-size:1em;min-width:0}.chat-input button{background:#00d4aa;color:#000;border:none;border-radius:6px;padding:8px 16px;font-size:1em;cursor:pointer;transition:background .2s;max-width:120px}.chat-input button:hover{background:#00bfa5}.message.me{align-self:flex-end;background:#00d4aa;color:#000;border-radius:8px 8px 2px;padding:8px 12px;max-width:90%;font-size:1em;box-shadow:0 1px 4px #0000001a}.message.user{align-self:flex-start;background:#1a1a1a;color:#fff;border-radius:8px 8px 8px 2px;padding:8px 12px;max-width:90%;font-size:1em;box-shadow:0 1px 4px #0000001a}.message img,.message video{width:100%;max-width:100%;height:auto;display:block;margin:6px 0;border-radius:6px}.message audio{display:block;margin:6px auto;border-radius:6px}.msg-date{font-size:.75em;color:#b0b0b0;text-align:right;padding-right:8px;margin-top:2px;display:block}.message.me .msg-date{color:#404040}.message.user .msg-date{color:#b0b0b0}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.message span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4;word-break:break-word;white-space:pre-wrap}.message span:has(span){font-size:1.1em}.emoji-button{font-size:1.2em;transition:transform .2s ease}.emoji-button:hover{transform:scale(1.1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.contact-info-modal{animation:modalSlideIn .3s ease-out}.chat-summary-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.chat-summary-popup{background:#1a1a1a;border-radius:8px;border:1px solid #2d2d2d;box-shadow:0 4px 20px #0006;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.chat-summary-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 10px;border-bottom:1px solid #2d2d2d}.chat-summary-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.chat-summary-close-btn{background:none;border:none;font-size:24px;color:#b0b0b0;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.chat-summary-close-btn:hover{background-color:#2d2d2d;color:#fff}.chat-summary-form{padding:20px}.chat-summary-field{margin-bottom:16px}.chat-summary-field label{display:block;margin-bottom:6px;font-weight:500;color:#fff;font-size:14px}.chat-summary-field textarea,.chat-summary-field select{width:100%;padding:10px 12px;border:1px solid #404040;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box;transition:all .2s;background:#202020;color:#fff}.chat-summary-field textarea:focus,.chat-summary-field select:focus{outline:none;border-color:#00d4aa;box-shadow:0 0 0 2px #00d4aa40}.chat-summary-field textarea{resize:vertical;min-height:80px}.chat-summary-field textarea::placeholder{color:#b0b0b0}.chat-summary-checkbox-label{display:flex!important;align-items:center;cursor:pointer;margin-bottom:0!important;color:#fff}.chat-summary-checkbox-label input[type=checkbox]{margin-right:8px;margin-bottom:0;width:auto;accent-color:#00d4aa}.chat-summary-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #2d2d2d}.chat-summary-cancel-btn,.chat-summary-ok-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.chat-summary-cancel-btn{background-color:#2d2d2d;color:#b0b0b0;border:1px solid #404040}.chat-summary-cancel-btn:hover:not(:disabled){background-color:#404040;color:#fff}.chat-summary-ok-btn{background-color:#00d4aa;color:#000}.chat-summary-ok-btn:hover:not(:disabled){background-color:#00bfa5}.chat-summary-cancel-btn:disabled,.chat-summary-ok-btn:disabled{opacity:.6;cursor:not-allowed}.chat-summary-field textarea:disabled,.chat-summary-field select:disabled,.chat-summary-checkbox-label input[type=checkbox]:disabled{background-color:#1a1a1a;color:#666;cursor:not-allowed;border-color:#2d2d2d}@media (max-width: 480px){.chat-summary-popup{width:95%;margin:10px}.chat-summary-header,.chat-summary-form{padding:16px}.chat-summary-buttons{flex-direction:column}.chat-summary-cancel-btn,.chat-summary-ok-btn{width:100%}}.loading-messages-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-messages-content{background:#fff;border-radius:12px;padding:32px;text-align:center;max-width:400px;width:90%;box-shadow:0 8px 32px #0000004d}.loading-messages-icon{margin-bottom:24px}.spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #25d366;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-messages-content h3{margin:0 0 8px;color:#333;font-size:20px;font-weight:600}.loading-messages-content p{margin:0 0 24px;color:#666;font-size:14px}.progress-container{margin-top:16px}.progress-bar{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background-color:#25d366;border-radius:4px;transition:width .3s ease}.progress-text{font-size:12px;color:#666;font-weight:500}