:root{--bg-primary: #0b141a;--bg-secondary: #111b21;--bg-tertiary: #202c33;--accent-primary: #00a884;--accent-secondary: #53bdeb;--accent-gradient: linear-gradient(135deg, #005c4b 0%, #00a884 100%);--accent-glow: 0 0 15px rgba(0, 168, 132, .3);--text-primary: #e9edef;--text-secondary: #8696a0;--text-muted: #667781;--glass-bg: rgba(17, 27, 33, .95);--glass-border: rgba(34, 45, 52, .5);--glass-blur: none;--glass-shadow: 0 4px 20px 0 rgba(0, 0, 0, .3);--status-online: #00a884;--status-offline: #8696a0;--status-away: #ffd000;--font-title: "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--message-sent-bg: #005c4b;--message-sent-text: #e9edef;--message-received-bg: #202c33;--message-received-text: #e9edef;--message-bubble-shadow: 0 1px .5px rgba(0,0,0,.15);--message-received-border: none;--chat-wallpaper-opacity: .04}[data-theme=light]{--bg-primary: #efeae2;--bg-secondary: #ffffff;--bg-tertiary: #f0f2f5;--accent-primary: #00a884;--accent-secondary: #00a884;--accent-gradient: linear-gradient(135deg, #00a884 0%, #00ca9f 100%);--accent-glow: 0 0 10px rgba(0, 168, 132, .15);--text-primary: #111b21;--text-secondary: #667781;--text-muted: #8696a0;--glass-bg: rgba(255, 255, 255, .98);--glass-border: #e9edef;--glass-blur: none;--glass-shadow: 0 1px 3px rgba(0, 0, 0, .08);--message-sent-bg: #d9fdd3;--message-sent-text: #111b21;--message-received-bg: #ffffff;--message-received-text: #111b21;--message-bubble-shadow: 0 1px .5px rgba(0,0,0,.13);--message-received-border: none;--chat-wallpaper-opacity: .08}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}html,body{position:fixed;top:0;left:0;right:0;bottom:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,color .3s ease}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.app-container{width:100%;height:100%;display:flex;background-color:var(--bg-primary);position:relative;overflow:hidden}@media (min-width: 1024px){.app-container{max-width:1440px;height:90vh;border-radius:24px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button,input,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--accent-gradient);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);opacity:.95;box-shadow:0 0 25px #00a88466}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary);padding:12px 24px;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:var(--glass-border);color:var(--text-primary)}.input-field{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary);padding:14px 16px;border-radius:12px;outline:none;font-size:.95rem;transition:all .2s ease}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #00a88426}.sidebar{width:100%;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--glass-border);background:var(--bg-secondary)}@media (min-width: 768px){.sidebar{width:380px;flex-shrink:0}}.chat-area{flex-grow:1;height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}.auth-wrapper{width:100%;max-width:420px;padding:32px;border-radius:24px;background:var(--bg-secondary);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:24px;margin:16px}.auth-header{text-align:center}.auth-header h1{font-family:var(--font-title);font-size:2.2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.auth-header p{color:var(--text-secondary);font-size:.95rem}.message-bubble{max-width:65%;padding:8px 12px;border-radius:8px;font-size:.9rem;line-height:1.45;position:relative;word-break:break-word;box-shadow:var(--message-bubble-shadow);display:flex;flex-direction:column;gap:4px}.message-sent{background:var(--message-sent-bg);color:var(--message-sent-text);align-self:flex-end;border-top-right-radius:0}.message-received{background:var(--message-received-bg);color:var(--message-received-text);align-self:flex-start;border-top-left-radius:0;border:var(--message-received-border)}.status-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-secondary)}.status-dot.online{background-color:var(--status-online)}.status-dot.offline{background-color:var(--status-offline)}.status-dot.away{background-color:var(--status-away)}.wa-settings-modal-container{width:95%;max-width:920px;height:85vh;max-height:700px;display:flex;flex-direction:row;border-radius:20px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.wa-settings-sidebar{width:320px;border-right:1px solid var(--glass-border);background:#0a0b1073;display:flex;flex-direction:column;flex-shrink:0}[data-theme=light] .wa-settings-sidebar{background:#ffffff80}.wa-settings-sidebar-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--glass-border);background:#0000001a}.wa-settings-sidebar-header h3{font-family:var(--font-title);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.wa-settings-back-btn{background:none;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:all .2s}.wa-settings-back-btn:hover{background:var(--glass-border)}.wa-settings-search-bar-container{padding:12px 18px;border-bottom:1px solid var(--glass-border)}.wa-settings-search-wrapper{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;gap:10px}.wa-settings-search-wrapper input{border:none;background:none;color:var(--text-primary);outline:none;width:100%;font-size:.85rem}.wa-settings-search-wrapper input::placeholder{color:var(--text-muted)}.wa-settings-profile-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--glass-border);background:#ffffff03}.wa-profile-card-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.wa-profile-card-details h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:3px}.wa-profile-card-details p{font-size:.75rem;color:var(--text-secondary)}.wa-settings-menu-list{flex:1;overflow-y:auto;padding:8px 0;display:flex;flex-direction:column}.wa-settings-menu-item{display:flex;align-items:center;width:100%;padding:14px 20px;background:none;border:none;text-align:left;gap:16px;transition:all .2s;border-bottom:1px solid rgba(255,255,255,.01);position:relative}.wa-settings-menu-item:hover{background:#ffffff05}.wa-settings-menu-item.active{background:#00a88414}.wa-settings-menu-item.active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-gradient)}.wa-icon-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 10px #00000026}.circle-blue{background-color:#3b82f6}.circle-teal{background-color:#0d9488}.circle-orange{background-color:#f97316}.circle-purple{background-color:#00a884}.wa-menu-item-text{display:flex;flex-direction:column;gap:2px;flex:1;overflow:hidden}.wa-menu-item-text h5{font-size:.9rem;font-weight:600;color:var(--text-primary)}.wa-menu-item-text span{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chevron{color:var(--text-muted);transition:transform .2s}.wa-settings-menu-item:hover .wa-chevron{color:var(--text-secondary);transform:translate(3px)}.wa-settings-detail-pane{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.wa-settings-detail-header{padding:20px 28px;border-bottom:1px solid var(--glass-border);background:#0000000d}.wa-settings-detail-header h4{font-family:var(--font-title);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.wa-settings-detail-body{flex:1;padding:28px;overflow-y:auto}.wa-pane-content{display:flex;flex-direction:column;height:100%}.wa-settings-section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--accent-secondary);letter-spacing:.05em;margin-bottom:16px;padding-left:2px}.wa-settings-section-divider{height:1px;background:var(--glass-border);margin:24px 0}.wa-accounts-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.wa-account-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--glass-border);transition:all .2s}.wa-account-row:hover:not(.current){border-color:var(--accent-secondary);background:#00a88408}.wa-account-row.current{border-color:var(--accent-primary);background:#00a88408}.wa-account-row-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.wa-account-row-info{display:flex;flex-direction:column;gap:2px}.wa-account-row-info h5{font-size:.9rem;font-weight:600;color:var(--text-primary)}.wa-account-row-info span{font-size:.75rem;color:var(--text-secondary)}.wa-current-badge{margin-left:auto;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:20px;background:var(--accent-primary);color:#fff}.wa-remove-account-btn{margin-left:auto;color:var(--text-muted);padding:6px;border-radius:6px}.wa-remove-account-btn:hover{color:#ef4444;background:#ef44441a}.wa-add-account-trigger-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:12px;border:1px dashed var(--glass-border);color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:all .2s;background:none}.wa-add-account-trigger-btn:hover{border-color:var(--accent-secondary);color:var(--text-primary);background:#ffffff05}.wa-add-account-form-panel{padding:16px;border-radius:16px;display:flex;flex-direction:column;gap:12px;margin-top:10px}.wa-add-account-form-panel h5{font-size:.9rem;font-weight:600;margin-bottom:4px}.wa-form-row{width:100%}.wa-form-input{width:100%;padding:10px 12px;font-size:.85rem}.wa-form-actions{display:flex;gap:10px;justify-content:flex-end}.btn-small{padding:8px 16px;font-size:.8rem;border-radius:8px}.wa-danger-actions-list{display:flex;flex-direction:column;gap:10px}.wa-danger-btn-outline{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.85rem;font-weight:600;background:none;width:100%}.wa-danger-btn-outline:hover{background:#ef444414}.wa-danger-btn-flat{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;background:#ef44441a;color:#ef4444;font-size:.85rem;font-weight:600;width:100%}.wa-danger-btn-flat:hover{background:#ef44442e}.wa-settings-option-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:20px}.wa-settings-row-item{display:flex;justify-content:space-between;align-items:center;gap:16px}.wa-row-item-text{display:flex;flex-direction:column;gap:3px}.wa-row-item-text h5{font-size:.95rem;font-weight:600;color:var(--text-primary)}.wa-row-item-text p{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.wa-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.wa-switch input{opacity:0;width:0;height:0}.wa-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);border:1px solid var(--glass-border);transition:.2s cubic-bezier(.4,0,.2,1);border-radius:34px}.wa-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-muted);transition:.2s cubic-bezier(.4,0,.2,1);border-radius:50%}.wa-switch input:checked+.wa-slider{background:var(--accent-gradient)}.wa-switch input:checked+.wa-slider:before{transform:translate(20px);background-color:#fff}.wa-settings-info-box{display:flex;gap:10px;padding:12px 14px;border-radius:10px;background:#00a8840d;border:1px solid rgba(0,168,132,.1);color:var(--text-secondary);font-size:.75rem;line-height:1.45;margin-top:14px}.wa-settings-info-box .info-icon{flex-shrink:0;color:var(--accent-primary);margin-top:2px}.wa-settings-field-group{display:flex;flex-direction:column;gap:8px}.wa-field-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.wa-select-sound-wrapper{display:flex;gap:10px;align-items:center}.wa-select-control{flex:1;padding:10px 14px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary);outline:none;font-size:.9rem}.wa-sound-play-btn{background:#00a8841f;border:1px solid rgba(0,168,132,.2);color:var(--accent-secondary);padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.wa-sound-play-btn:hover{background:#00a88438;transform:scale(1.05)}.wa-settings-card-divider{height:1px;background:var(--glass-border);margin:16px 0}.wa-settings-card-flat{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;padding:20px}.wa-settings-card-flat form{display:flex;flex-direction:column}.wa-textarea{width:100%;padding:12px;border-radius:10px;font-size:.85rem;background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary);outline:none;resize:vertical}.wa-accordion{display:flex;flex-direction:column;gap:8px}.wa-accordion-row{border-radius:8px;border:1px solid var(--glass-border);background:#ffffff03;overflow:hidden}.wa-accordion-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:left;border:none;background:none}.wa-accordion-trigger:hover{background:#ffffff05}.wa-accordion-panel{padding:14px 18px;font-size:.8rem;color:var(--text-secondary);line-height:1.45;border-top:1px solid var(--glass-border);background:#00000026}.wa-legal-box{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:8px}.wa-legal-box h6{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-top:6px}.wa-legal-box p{font-size:.75rem;color:var(--text-secondary);line-height:1.45}.scroll-inside{max-height:500px;overflow-y:auto}@media (max-width: 768px){.wa-settings-modal-container{flex-direction:column;height:90vh;max-height:600px}.wa-settings-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--glass-border);height:auto}.wa-settings-menu-list{flex-direction:row;overflow-x:auto;padding:8px}.wa-settings-menu-item{padding:8px 12px;width:auto;border-bottom:none}.wa-settings-menu-item.active:after{left:0;right:0;bottom:0;top:auto;height:3px;width:auto}.wa-settings-menu-item span,.wa-settings-menu-item .wa-chevron,.wa-settings-profile-card,.wa-settings-search-bar-container{display:none}}