:root{--wa-green-primary: #25D366;--wa-green-dark: #128C7E;--wa-green-light: #DCF8C6;--wa-blue-tick: #53BDEB;--wa-blue-link: #039BE5;--bg-primary: #FFFFFF;--bg-secondary: #F0F2F5;--bg-tertiary: #E9EDEF;--bg-chat: #EFEAE2;--bg-sidebar: #FFFFFF;--bg-header: #F0F2F5;--bg-input: #FFFFFF;--bg-message-out: #D9FDD3;--bg-message-in: #FFFFFF;--bg-message-ai: #E7F5FF;--text-primary: #111B21;--text-secondary: #667781;--text-tertiary: #8696A0;--text-inverse: #FFFFFF;--text-link: #027EB5;--border-light: #E9EDEF;--border-medium: #D1D7DB;--border-input: #D1D7DB;--status-online: #25D366;--status-offline: #8696A0;--status-typing: #25D366;--status-error: #EA0038;--status-warning: #FFA000;--hover-bg: #F5F6F6;--hover-message: rgba(0, 0, 0, .05);--active-bg: #F0F2F5;--active-chat: #F0F2F5;--shadow-sm: 0 1px 1px rgba(0, 0, 0, .06);--shadow-md: 0 2px 5px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-dropdown: 0 2px 5px 0 rgba(0, 0, 0, .26);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-full: 50%;--radius-message: 7.5px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 24px;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--sidebar-width: 400px;--header-height: 59px;--input-height: 62px;--avatar-sm: 32px;--avatar-md: 40px;--avatar-lg: 49px;--avatar-xl: 200px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--ai-badge-bg: #E7F5FF;--ai-badge-text: #0066CC;--ai-claude: #D97706;--ai-chatgpt: #10A37F;--ai-gemini: #4285F4}[data-theme=dark]{--bg-primary: #111B21;--bg-secondary: #202C33;--bg-tertiary: #2A3942;--bg-chat: #0B141A;--bg-sidebar: #111B21;--bg-header: #202C33;--bg-input: #2A3942;--bg-message-out: #005C4B;--bg-message-in: #202C33;--bg-message-ai: #1A3A4A;--text-primary: #E9EDEF;--text-secondary: #8696A0;--text-tertiary: #667781;--text-inverse: #111B21;--border-light: #2A3942;--border-medium: #3B4A54;--border-input: #3B4A54;--hover-bg: #2A3942;--hover-message: rgba(255, 255, 255, .05);--active-bg: #2A3942;--active-chat: #2A3942;--ai-badge-bg: #1A3A4A;--ai-badge-text: #64B5F6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);min-height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{margin-bottom:var(--spacing-md)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;border:none;background:none}input,textarea{border:none;outline:none;background:transparent}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-tertiary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}:focus-visible{outline:2px solid var(--wa-green-primary);outline-offset:2px}::-moz-selection{background-color:var(--wa-green-light);color:var(--text-primary)}::selection{background-color:var(--wa-green-light);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.hidden{display:none!important}.invisible{visibility:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-in-right{animation:slideInRight var(--transition-normal)}.animate-slide-in-up{animation:slideInUp var(--transition-normal)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--wa-green-primary);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background-color:var(--wa-green-dark)}.btn--secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--border-medium)}.btn--outline{background-color:transparent;border:1px solid var(--border-medium);color:var(--text-primary)}.btn--outline:hover:not(:disabled){background-color:var(--hover-bg)}.btn--danger{background-color:var(--status-error);color:var(--text-inverse)}.btn--danger:hover:not(:disabled){background-color:#c4001f}.btn--ghost{background-color:transparent;color:var(--text-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--hover-bg)}.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn--block{width:100%}.btn--icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-label--required:after{content:"*";color:var(--status-error);margin-left:4px}.form-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--wa-green-primary);box-shadow:0 0 0 3px #25d3661a}.form-input::-moz-placeholder{color:var(--text-tertiary)}.form-input::placeholder{color:var(--text-tertiary)}.form-input--error{border-color:var(--status-error)}.form-input--error:focus{box-shadow:0 0 0 3px #ea00381a}.form-textarea{min-height:100px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667781' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-help{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.form-error{font-size:var(--font-size-sm);color:var(--status-error);margin-top:var(--spacing-xs)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__slider{width:44px;height:24px;background-color:var(--border-medium);border-radius:12px;transition:background-color var(--transition-fast);position:relative}.toggle__slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--bg-primary);border-radius:var(--radius-full);transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle__input:checked+.toggle__slider{background-color:var(--wa-green-primary)}.toggle__input:checked+.toggle__slider:before{transform:translate(20px)}.toggle__label{margin-left:var(--spacing-md);font-size:var(--font-size-md);color:var(--text-primary)}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-fast)}.modal.is-open{opacity:1;visibility:visible}.modal__backdrop{position:absolute;inset:0;background-color:#00000080}.modal__container{position:relative;width:100%;max-width:500px;max-height:90vh;margin:var(--spacing-lg);background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:scale(.95);transition:transform var(--transition-fast);z-index:1}.modal__container--large{max-width:700px}.modal.is-open .modal__container{transform:scale(1)}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-fast)}.modal-backdrop--open{opacity:1;visibility:visible}.modal-backdrop .modal{position:relative;opacity:1;visibility:visible}.modal-backdrop--open .modal{transform:scale(1)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.modal__title{font-size:var(--font-size-lg);font-weight:600}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.modal__close:hover{background-color:var(--hover-bg)}.modal__body{flex:1;padding:var(--spacing-lg);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-light)}.dropdown{position:relative;display:inline-block}.dropdown__menu{position:absolute;top:100%;right:0;min-width:180px;background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.dropdown--open .dropdown__menu,.dropdown__menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown__item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.dropdown__item:hover{background-color:var(--hover-bg)}.dropdown__item--danger{color:var(--status-error)}.dropdown__divider{height:1px;background-color:var(--border-light);margin:var(--spacing-xs) 0}.tabs{display:flex;border-bottom:1px solid var(--border-light)}.tab{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);color:var(--text-secondary);border-bottom:2px solid transparent;transition:all var(--transition-fast);cursor:pointer}.tab:hover{color:var(--text-primary);background-color:var(--hover-bg)}.tab--active{color:var(--wa-green-primary);border-bottom-color:var(--wa-green-primary)}.tab-content{display:none;padding:var(--spacing-lg)}.tab-content--active{display:block}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}.badge--success{background-color:var(--wa-green-light);color:var(--wa-green-dark)}.badge--warning{background-color:#fff3cd;color:#856404}.badge--danger{background-color:#f8d7da;color:#721c24}.badge--info{background-color:var(--ai-badge-bg);color:var(--ai-badge-text)}.avatar{border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;background-color:var(--bg-tertiary)}.avatar--sm{width:var(--avatar-sm);height:var(--avatar-sm)}.avatar--md{width:var(--avatar-md);height:var(--avatar-md)}.avatar--lg{width:var(--avatar-lg);height:var(--avatar-lg)}.avatar--xl{width:var(--avatar-xl);height:var(--avatar-xl)}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);color:var(--text-tertiary);font-weight:500;border-radius:var(--radius-full)}.toast-container{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-normal);max-width:400px}.toast--success{border-left:4px solid var(--wa-green-primary)}.toast--error{border-left:4px solid var(--status-error)}.toast--warning{border-left:4px solid var(--status-warning)}.toast__icon{flex-shrink:0}.toast__content{flex:1}.toast__title{font-weight:500;color:var(--text-primary)}.toast__message{font-size:var(--font-size-sm);color:var(--text-secondary)}.toast__close{color:var(--text-tertiary);padding:var(--spacing-xs)}.qr-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.qr-container__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.qr-container__description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:400px}.qr-code{width:264px;height:264px;padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.qr-container__status{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.qr-container__status--loading .loading-spinner{width:16px;height:16px;border-width:2px}.connect-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;width:100%;background:linear-gradient(135deg,var(--wa-green-dark) 0%,var(--wa-green-primary) 100%);padding:20px}.connect-screen__container{background:var(--bg-primary);border-radius:16px;padding:40px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.connect-screen__header{margin-bottom:32px}.connect-screen__logo{width:80px;height:80px;margin:0 auto 16px;color:var(--wa-green-primary)}.connect-screen__logo svg{width:100%;height:100%}.connect-screen__title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.connect-screen__subtitle{font-size:14px;color:var(--text-secondary);margin:0}.connect-screen__qr-area{margin-bottom:32px}.qr-code-box{width:264px;height:264px;margin:0 auto 20px;border:2px solid var(--border-light);border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);overflow:hidden}.qr-code-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-tertiary);cursor:pointer;padding:20px;transition:color .2s}.qr-code-placeholder:hover{color:var(--wa-green-primary)}.qr-code-placeholder span{font-size:13px}.qr-code-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary)}.qr-code-loading span{font-size:13px}.qr-code-image{width:100%;height:100%;padding:12px}.qr-code-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--wa-green-primary);border-radius:50%;animation:spin 1s linear infinite}.connect-screen__instructions{text-align:left;background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:24px}.connect-screen__instructions h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.connect-screen__instructions ol{margin:0;padding-left:20px}.connect-screen__instructions li{font-size:13px;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.connect-screen__instructions li:last-child{margin-bottom:0}.connect-screen__instructions strong{color:var(--text-primary)}.connect-screen__footer{display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;color:var(--text-secondary);padding-top:16px;border-top:1px solid var(--border-light)}.connect-screen__footer strong{color:var(--text-primary)}.chat-interface .sidebar{width:400px;min-width:300px;max-width:500px;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--border-light);background-color:var(--bg-primary)}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-chat);position:relative}.connection-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--wa-green-light);font-size:13px;color:var(--wa-green-dark)}.connection-status__phone{margin-left:auto;font-weight:500}.chat-input__container{display:flex;align-items:flex-end;gap:8px;padding:8px 16px;background-color:var(--bg-header)}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary)}.empty-state__content{text-align:center;padding:40px}.empty-state__icon{color:var(--text-tertiary);margin-bottom:24px}.empty-state__title{font-size:28px;font-weight:300;color:var(--text-primary);margin:0 0 8px}.empty-state__text{font-size:14px;color:var(--text-secondary);margin:0}.chat-header__back{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--text-secondary);margin-right:8px}@media(max-width:768px){.chat-interface .sidebar{position:fixed;left:0;top:0;bottom:0;width:100%;max-width:100%;z-index:1000}.chat-header__back{display:flex}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998}.chat-list__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px;color:var(--text-secondary)}.chat-list__loading span{font-size:13px}@media(max-width:480px){.connect-screen{padding:40px 16px 16px;align-items:flex-start}.connect-screen__container{padding:24px 20px;border-radius:12px}.connect-screen__logo{width:60px;height:60px}.connect-screen__title{font-size:20px}.qr-code-box{width:220px;height:220px}.connect-screen__instructions{padding:16px}.connect-screen__footer{flex-direction:column;gap:12px}}.sync-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl);width:100%}.sync-screen__content{width:100%;max-width:360px}.sync-screen__spinner{margin-bottom:var(--spacing-lg)}.sync-screen__title{font-size:var(--font-size-xl);font-weight:600;color:var(--wa-green-primary);margin:0 0 var(--spacing-sm)}.sync-screen__message{font-size:var(--font-size-md);color:var(--text-secondary);margin:0 0 var(--spacing-lg)}.sync-screen__progress{width:100%;height:8px;background-color:var(--border-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-md)}.sync-screen__progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--wa-green-primary),var(--wa-green-light));border-radius:var(--radius-full);transition:width .3s ease-out}.sync-screen__details{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-lg)}.sync-screen__log{max-height:150px;overflow-y:auto;text-align:left;background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:var(--font-mono);font-size:11px}.sync-screen__log-entry{color:var(--text-secondary);margin-bottom:var(--spacing-xs);line-height:1.4}.sync-screen__log-entry:last-child{margin-bottom:0}.sync-screen__log-time{color:var(--text-tertiary);margin-right:var(--spacing-sm)}.loading-spinner--large{width:64px;height:64px;border-width:4px}.app-container{display:flex;height:100vh;width:100%;background-color:var(--bg-chat);overflow:hidden}.app-wrapper{display:flex;width:100%;max-width:1600px;height:100%;margin:0 auto;box-shadow:var(--shadow-lg);background-color:var(--bg-primary)}@media(min-width:1440px){.app-container{padding:19px;background-color:var(--wa-green-dark)}.app-wrapper{height:calc(100% - 38px);border-radius:var(--radius-sm);overflow:hidden}.app-container:before{content:"";position:fixed;top:0;left:0;right:0;height:127px;background-color:var(--wa-green-dark);z-index:-1}}.sidebar{width:var(--sidebar-width);min-width:300px;max-width:500px;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--border-light);background-color:var(--bg-sidebar)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-chat);position:relative}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;background-color:var(--bg-secondary)}.empty-state__icon{width:250px;height:250px;margin-bottom:var(--spacing-xl);opacity:.5}.empty-state__title{font-size:var(--font-size-xxl);font-weight:300;color:var(--text-primary);margin-bottom:var(--spacing-md)}.empty-state__text{font-size:var(--font-size-md);color:var(--text-secondary);max-width:500px;line-height:var(--line-height-relaxed)}.header{height:var(--header-height);min-height:var(--header-height);padding:0 var(--spacing-lg);display:flex;align-items:center;background-color:var(--bg-header);border-bottom:1px solid var(--border-light)}.content-area{flex:1;overflow-y:auto;overflow-x:hidden}.footer{min-height:var(--input-height);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-header);border-top:1px solid var(--border-light)}@media(max-width:768px){.sidebar{position:absolute;left:0;top:0;bottom:0;width:100%;max-width:100%;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.is-open{transform:translate(0)}.main-content{width:100%}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;z-index:var(--z-modal-backdrop)}[data-theme=dark] .loading-overlay{background-color:#111b21e6}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--wa-green-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-spinner--small{width:20px;height:20px;border-width:2px}.loading-older{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-sm)}.load-more-indicator,.messages-start{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.load-more-indicator span,.messages-start span{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-xs)}.messages-start span{background-color:rgba(var(--wa-green-primary-rgb),.1);color:var(--wa-green-primary)}.panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:400px;background-color:var(--bg-primary);border-left:1px solid var(--border-light);z-index:var(--z-modal);transform:translate(100%);transition:transform var(--transition-normal)}.panel.is-open{transform:translate(0)}.panel__header{height:var(--header-height);padding:0 var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);background-color:var(--bg-header)}.panel__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.panel__close:hover{background-color:var(--hover-bg)}.panel__title{font-size:var(--font-size-lg);font-weight:500}.panel__content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.divider{height:1px;background-color:var(--border-light);margin:var(--spacing-md) 0}.divider--thick{height:8px;background-color:var(--bg-tertiary)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-header);border-bottom:1px solid var(--border-light);min-height:var(--header-height)}.sidebar__user{display:flex;align-items:center;gap:var(--spacing-md)}.sidebar__avatar{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;cursor:pointer}.sidebar__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:var(--radius-full);transition:background-color var(--transition-fast),color var(--transition-fast)}.action-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.action-btn--active{color:var(--wa-green-primary)}.search-bar{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-header)}.search-bar__input-wrapper{display:flex;align-items:center;gap:var(--spacing-lg);padding:0 var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);height:35px}.search-bar__input{flex:1;height:100%;font-size:var(--font-size-md);color:var(--text-primary)}.filter-tabs{display:flex;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);background-color:var(--bg-header);border-bottom:1px solid var(--border-light)}.filter-tab{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);background-color:var(--bg-tertiary);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.filter-tab:hover{background-color:var(--border-medium)}.filter-tab--active{background-color:var(--wa-green-light);color:var(--wa-green-dark)}.chat-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-light)}.chat-item--active{background-color:var(--active-chat)}.chat-item--unread .chat-item__name{font-weight:600}.chat-item--unread .chat-item__preview{color:var(--text-primary);font-weight:500}.chat-item__avatar{position:relative;flex-shrink:0}.chat-item__avatar-img{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;background-color:var(--bg-tertiary)}.chat-item__avatar-placeholder{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-full);background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--font-size-xl);font-weight:500}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:var(--status-online);border:2px solid var(--bg-sidebar);border-radius:var(--radius-full)}.chat-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.chat-item__name{font-size:var(--font-size-md);color:var(--text-primary);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item__time{font-size:var(--font-size-xs);color:var(--text-tertiary);flex-shrink:0}.chat-item__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.chat-item__preview{flex:1;font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.chat-item__preview-icon{flex-shrink:0;color:var(--text-tertiary)}.unread-badge{min-width:20px;height:20px;padding:0 6px;background-color:var(--wa-green-primary);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.chat-item__ai-badge{display:flex;align-items:center;gap:2px;padding:2px 6px;background-color:var(--ai-badge-bg);color:var(--ai-badge-text);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.chat-item__pinned{color:var(--text-tertiary)}.chat-item__group-icon{margin-left:var(--spacing-xs);color:var(--text-tertiary)}.chat-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;color:var(--text-secondary)}.chat-list__empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.chat-item--skeleton{pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-header);border-bottom:1px solid var(--border-light);min-height:var(--header-height)}.chat-header__info{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0;cursor:pointer}.chat-header__avatar{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.chat-header__details{flex:1;min-width:0}.chat-header__name{font-size:var(--font-size-lg);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header__status{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.chat-header__status--online{color:var(--status-online)}.chat-header__status--typing{color:var(--status-typing)}.chat-header__actions{display:flex;align-items:center;gap:var(--spacing-xs)}.ai-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--font-size-sm);transition:all var(--transition-fast);background-color:var(--bg-tertiary);color:var(--text-secondary)}.ai-toggle:hover{background-color:var(--border-medium)}.ai-toggle--active{background-color:var(--ai-badge-bg);color:var(--ai-badge-text)}.ai-toggle__icon{width:16px;height:16px}.ai-toggle__indicator{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--text-tertiary)}.ai-toggle--active .ai-toggle__indicator{background-color:var(--wa-green-primary);animation:pulse 2s infinite}.chat-background{position:absolute;inset:0;background-color:var(--bg-chat);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath fill='%2300000008' d='M60 0l30 30-30 30-30-30z'/%3E%3C/svg%3E");background-size:120px 120px;opacity:.4;z-index:0}[data-theme=dark] .chat-background{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath fill='%23ffffff05' d='M60 0l30 30-30 30-30-30z'/%3E%3C/svg%3E")}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md) var(--spacing-xl);display:flex;flex-direction:column;position:relative;z-index:1}.date-separator{display:flex;align-items:center;justify-content:center;margin:var(--spacing-lg) 0}.date-separator__text{padding:var(--spacing-xs) var(--spacing-md);background-color:#ffffffe6;color:var(--text-secondary);font-size:var(--font-size-xs);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}[data-theme=dark] .date-separator__text{background-color:var(--bg-tertiary)}.chat-input{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-header);border-top:1px solid var(--border-light);min-height:var(--input-height)}.chat-input__actions{display:flex;align-items:center;gap:var(--spacing-xs);padding-bottom:6px}.chat-input__wrapper{flex:1;display:flex;align-items:flex-end;gap:var(--spacing-sm);background-color:var(--bg-input);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);min-height:42px;max-height:200px}.chat-input__field{flex:1;resize:none;font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-primary);max-height:180px;overflow-y:auto}.chat-input__emoji{padding-bottom:2px}.chat-input__send{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background-color:var(--wa-green-primary);color:var(--text-inverse);border-radius:var(--radius-full);flex-shrink:0;transition:background-color var(--transition-fast),transform var(--transition-fast)}.chat-input__voice{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.chat-input__voice:hover{background-color:var(--hover-bg);color:var(--text-primary)}.chat-input__voice--recording{background-color:var(--status-error);color:var(--text-inverse);animation:pulse 1s infinite}.scroll-to-bottom{position:absolute;bottom:80px;right:var(--spacing-xl);width:42px;height:42px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);color:var(--text-secondary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);z-index:10;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-fast)}.scroll-to-bottom--visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-bottom:hover{background-color:var(--bg-secondary)}.scroll-to-bottom__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background-color:var(--wa-green-primary);color:var(--text-inverse);font-size:var(--font-size-xs);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.typing-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.typing-indicator__dots{display:flex;gap:3px}.typing-indicator__dot{width:6px;height:6px;background-color:var(--text-tertiary);border-radius:var(--radius-full);animation:typing 1.4s infinite}.typing-indicator__dot:nth-child(2){animation-delay:.2s}.typing-indicator__dot:nth-child(3){animation-delay:.4s}.message{display:flex;margin-bottom:var(--spacing-xs);max-width:65%;animation:slideInUp .2s ease}.message--in{align-self:flex-start}.message--out{align-self:flex-end}.message--group-start{margin-top:var(--spacing-sm)}.message--group-end{margin-bottom:var(--spacing-sm)}.message__bubble{position:relative;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-message);box-shadow:var(--shadow-sm);word-wrap:break-word;overflow-wrap:break-word}.message--in .message__bubble{background-color:var(--bg-message-in);border-top-left-radius:0}.message--out .message__bubble{background-color:var(--bg-message-out);border-top-right-radius:0}.message--ai .message__bubble{background-color:var(--bg-message-ai);border:1px solid var(--ai-badge-bg)}.message__bubble:before{content:"";position:absolute;top:0;width:8px;height:13px}.message--in .message__bubble:before{left:-8px;background-color:var(--bg-message-in);clip-path:polygon(100% 0,0 0,100% 100%)}.message--out .message__bubble:before{right:-8px;background-color:var(--bg-message-out);clip-path:polygon(0 0,100% 0,0 100%)}.message--ai .message__bubble:before{background-color:var(--bg-message-ai)}.message__sender{font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs);color:var(--wa-green-dark)}.message__content{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--text-primary);white-space:pre-wrap}.message__content a{color:var(--text-link);word-break:break-all}.message__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-xs);float:right;margin-left:var(--spacing-md)}.message__time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.message__status{display:flex;align-items:center;color:var(--text-tertiary)}.message__status--sent,.message__status--delivered{color:var(--text-tertiary)}.message__status--read{color:var(--wa-blue-tick)}.message__status--failed{color:var(--status-error)}.message__ai-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background-color:var(--ai-badge-bg);color:var(--ai-badge-text);font-size:var(--font-size-xs);border-radius:var(--radius-sm);margin-left:var(--spacing-xs)}.message__ai-badge--claude{color:var(--ai-claude)}.message__ai-badge--chatgpt{color:var(--ai-chatgpt)}.message__ai-badge--gemini{color:var(--ai-gemini)}.message__quoted{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background-color:#0000000d;border-left:4px solid var(--wa-green-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer}[data-theme=dark] .message__quoted{background-color:#ffffff0d}.message__quoted-sender{color:var(--wa-green-dark);font-weight:500;margin-bottom:2px}.message__quoted-content{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__media{max-width:330px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-xs)}.message__media img,.message__media video{width:100%;display:block}.message__media--document{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#0000000d;border-radius:var(--radius-md)}.message__media-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--wa-green-primary);color:var(--text-inverse);border-radius:var(--radius-md)}.message__media-info{flex:1;min-width:0}.message__media-name{font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__media-size{font-size:var(--font-size-xs);color:var(--text-secondary)}.message__audio{display:flex;align-items:center;gap:var(--spacing-md);min-width:250px}.message__audio-play{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--wa-green-primary);color:var(--text-inverse);border-radius:var(--radius-full)}.message__audio-waveform{flex:1;height:30px;display:flex;align-items:center;gap:2px}.message__audio-bar{width:3px;background-color:var(--text-tertiary);border-radius:2px;transition:height .1s ease}.message__audio-duration{font-size:var(--font-size-xs);color:var(--text-secondary);min-width:35px;text-align:right}.message--sticker .message__bubble{background:transparent;box-shadow:none;padding:0}.message--sticker .message__bubble:before{display:none}.message__sticker{max-width:150px}.system-message{display:flex;justify-content:center;margin:var(--spacing-md) 0}.system-message__content{padding:var(--spacing-xs) var(--spacing-md);background-color:#ffd54f4d;color:var(--text-secondary);font-size:var(--font-size-xs);border-radius:var(--radius-md);text-align:center}.message__actions{position:absolute;top:var(--spacing-xs);display:none;align-items:center;background-color:var(--bg-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-dropdown);z-index:10}.message--in .message__actions{right:-8px}.message--out .message__actions{left:-8px}.message:hover .message__actions{display:flex}.message__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color var(--transition-fast)}.message__action-btn:hover{background-color:var(--hover-bg)}.message--loading .message__content{display:flex;align-items:center;gap:var(--spacing-sm)}.message--loading .typing-indicator__dots{display:flex;gap:3px}.settings{height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary)}.settings__header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-header);border-bottom:1px solid var(--border-light)}.settings__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.settings__back:hover{background-color:var(--hover-bg)}.settings__title{font-size:var(--font-size-lg);font-weight:500}.settings__content{flex:1;overflow-y:auto}.settings-section{padding:var(--spacing-lg);border-bottom:8px solid var(--bg-tertiary)}.settings-section:last-child{border-bottom:none}.settings-section__title{font-size:var(--font-size-sm);font-weight:500;color:var(--wa-green-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.settings-section__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;cursor:pointer;transition:background-color var(--transition-fast)}.settings-item:not(:last-child){border-bottom:1px solid var(--border-light)}.settings-item--clickable:hover{background-color:var(--hover-bg);margin:0 calc(var(--spacing-lg) * -1);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.settings-item__info{flex:1;min-width:0}.settings-item__label{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:2px}.settings-item__description{font-size:var(--font-size-sm);color:var(--text-secondary)}.settings-item__value{font-size:var(--font-size-md);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-item__icon{color:var(--text-tertiary)}.ai-provider-card{padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.ai-provider-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.ai-provider-card__title{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);font-weight:500}.ai-provider-card__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.ai-provider-card__icon--claude{background-color:#d977061a;color:var(--ai-claude)}.ai-provider-card__icon--chatgpt{background-color:#10a37f1a;color:var(--ai-chatgpt)}.ai-provider-card__icon--gemini{background-color:#4285f41a;color:var(--ai-gemini)}.ai-provider-card__status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.ai-provider-card__status--connected{color:var(--wa-green-primary)}.ai-provider-card__status--disconnected{color:var(--text-tertiary)}.ai-provider-card__body{display:flex;flex-direction:column;gap:var(--spacing-md)}.ai-provider-card__input{position:relative}.ai-provider-card__input .form-input{padding-right:100px}.ai-provider-card__test{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.chat-ai-settings{padding:var(--spacing-lg)}.chat-ai-settings__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.chat-ai-settings__title{font-size:var(--font-size-lg);font-weight:500}.chat-ai-settings__section{margin-bottom:var(--spacing-xl)}.chat-ai-settings__section-title{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.mode-selector{display:flex;gap:var(--spacing-sm)}.mode-option{flex:1;padding:var(--spacing-md);background-color:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.mode-option:hover{background-color:var(--bg-tertiary)}.mode-option--active{border-color:var(--wa-green-primary);background-color:var(--wa-green-light)}.mode-option__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-sm);background-color:var(--bg-primary);border-radius:var(--radius-full);color:var(--text-secondary)}.mode-option--active .mode-option__icon{background-color:var(--wa-green-primary);color:var(--text-inverse)}.mode-option__label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:2px}.mode-option__description{font-size:var(--font-size-xs);color:var(--text-secondary)}.prompt-editor{margin-top:var(--spacing-md)}.prompt-editor__label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.prompt-editor__templates{font-size:var(--font-size-sm);color:var(--wa-green-primary);cursor:pointer}.prompt-editor__templates:hover{text-decoration:underline}.prompt-editor__textarea{min-height:150px;font-family:var(--font-family)}.prompt-editor__variables{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.prompt-variable{padding:2px 8px;background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.prompt-variable:hover{background-color:var(--wa-green-light);color:var(--wa-green-dark)}.time-range{display:flex;align-items:center;gap:var(--spacing-md)}.time-range__input{width:120px}.time-range__separator{color:var(--text-secondary)}.keyword-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);min-height:44px}.keyword-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 8px;background-color:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.keyword-tag__remove{color:var(--text-tertiary);cursor:pointer}.keyword-tag__remove:hover{color:var(--status-error)}.keyword-tags__input{flex:1;min-width:100px;border:none;outline:none;font-size:var(--font-size-sm)}.stats-card{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.stats-card__item{text-align:center}.stats-card__value{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.stats-card__label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.settings-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-sm)}.settings-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.settings-tab:hover{color:var(--text-primary)}.settings-tab--active{color:var(--wa-green-primary);border-bottom-color:var(--wa-green-primary)}.settings-tab-content{padding-top:var(--spacing-md)}.ai-providers-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.toggle{position:relative;display:inline-block;width:48px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);border-radius:24px;transition:var(--transition-fast)}.toggle__slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle input:checked+.toggle__slider{background-color:var(--wa-green-primary)}.toggle input:checked+.toggle__slider:before{transform:translate(24px)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--wa-green-dark) 0%,var(--wa-green-primary) 100%);padding:var(--spacing-lg)}.auth-card{width:100%;max-width:420px;background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.auth-card__header{padding:var(--spacing-xl);text-align:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.auth-card__logo{width:80px;height:80px;margin:0 auto var(--spacing-lg);background-color:var(--wa-green-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.auth-card__logo svg{width:48px;height:48px;fill:#fff}.auth-card__title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.auth-card__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-card__body{padding:var(--spacing-xl)}.auth-card__footer{padding:var(--spacing-lg) var(--spacing-xl);text-align:center;background-color:var(--bg-secondary);border-top:1px solid var(--border-light)}.auth-card__footer-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-card__footer-link{color:var(--wa-green-primary);font-weight:500}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-form .form-group{margin-bottom:0}.auth-form .form-label{margin-bottom:var(--spacing-xs)}.auth-form .form-input{height:48px}.auth-form .btn{height:48px;font-size:var(--font-size-md)}.auth-remember{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm)}.auth-remember label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);cursor:pointer}.auth-remember input[type=checkbox]{width:18px;height:18px;accent-color:var(--wa-green-primary)}.auth-forgot{color:var(--wa-green-primary)}.qr-section{text-align:center;padding:var(--spacing-xl)}.qr-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.qr-section__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.qr-section__code{width:264px;height:264px;margin:0 auto var(--spacing-xl);padding:var(--spacing-md);background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.qr-section__code img,.qr-section__code canvas{max-width:100%;max-height:100%}.qr-section__code--loading{background-color:var(--bg-tertiary)}.qr-section__code--loading:after{content:"";width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--wa-green-primary);border-radius:50%;animation:spin 1s linear infinite}.qr-section__status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.qr-section__status--success{color:var(--wa-green-primary)}.qr-section__status--error{color:var(--status-error)}.qr-section__steps{text-align:left;margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.qr-section__steps-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.qr-section__steps-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.qr-section__step{display:flex;align-items:flex-start;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.qr-section__step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--wa-green-primary);color:#fff;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);flex-shrink:0}.connection-status{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.connection-status__indicator{width:12px;height:12px;border-radius:var(--radius-full);background-color:var(--text-tertiary)}.connection-status--connecting .connection-status__indicator{background-color:var(--status-warning);animation:pulse 1.5s infinite}.connection-status--connected .connection-status__indicator{background-color:var(--wa-green-primary)}.connection-status--disconnected .connection-status__indicator{background-color:var(--status-error)}.connection-status__text{flex:1;font-size:var(--font-size-sm)}.connection-status__phone{font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-tertiary);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--border-light)}.auth-error{padding:var(--spacing-md);background-color:#fee2e2;border:1px solid #FECACA;border-radius:var(--radius-md);color:#991b1b;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.auth-error ul{margin:var(--spacing-sm) 0 0;padding-left:var(--spacing-lg)}.auth-success{padding:var(--spacing-md);background-color:var(--wa-green-light);border:1px solid var(--wa-green-primary);border-radius:var(--radius-md);color:var(--wa-green-dark);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.chat-interface{display:flex;height:100vh;height:100dvh;width:100%;background-color:var(--bg-chat)}@media(min-width:1441px){body{background-color:#d1d7db}body:before{content:"";position:fixed;top:0;left:0;right:0;height:127px;background-color:var(--wa-green-dark);z-index:0}.chat-interface{position:relative;max-width:1600px;margin:19px auto 0;height:calc(100vh - 38px);box-shadow:0 6px 18px #0000000d;z-index:1}}.sidebar{width:30%;min-width:300px;max-width:500px;height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary);border-right:1px solid var(--border-light)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:10px 16px;background-color:var(--bg-header)}.sidebar__user{display:flex;align-items:center}.sidebar__actions{display:flex;align-items:center;gap:8px}.action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:var(--radius-full);transition:background-color .2s;cursor:pointer;background:none;border:none}.action-btn:hover{background-color:var(--hover-bg)}.action-btn svg{width:24px;height:24px}.connection-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#d1f4cc;font-size:13px;color:var(--text-primary)}.connection-status__indicator{width:8px;height:8px;border-radius:50%;background-color:var(--wa-green-primary)}.connection-status__phone{margin-left:auto;font-weight:500;color:var(--wa-green-dark)}.search-bar{padding:8px 12px;background-color:var(--bg-primary)}.search-bar__input-wrapper{display:flex;align-items:center;gap:16px;padding:0 12px;background-color:var(--bg-header);border-radius:8px;height:35px}.search-bar__icon{color:var(--text-tertiary);flex-shrink:0}.search-bar__input{flex:1;height:100%;font-size:14px;color:var(--text-primary);background:none;border:none;outline:none}.search-bar__input::-moz-placeholder{color:var(--text-tertiary)}.search-bar__input::placeholder{color:var(--text-tertiary)}.chat-list{flex:1;overflow-y:auto;overflow-x:hidden}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.chat-item{display:flex;align-items:center;padding:10px 15px;cursor:pointer;transition:background-color .1s}.chat-item:hover{background-color:var(--hover-bg)}.chat-item--active{background-color:var(--active-bg)}.chat-item__avatar{flex-shrink:0;margin-right:13px}.chat-item__avatar-img,.chat-item__avatar-placeholder{width:49px;height:49px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-item__avatar-placeholder{display:flex;align-items:center;justify-content:center;background-color:#dfe5e7;color:#fff;font-size:18px;font-weight:500}.chat-item__info{flex:1;min-width:0;border-bottom:1px solid var(--border-light);padding:12px 15px 12px 0;margin-right:-15px}.chat-item:last-child .chat-item__info{border-bottom:none}.chat-item__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:3px}.chat-item__name{font-size:17px;color:var(--text-primary);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-item__time{font-size:12px;color:var(--text-tertiary);flex-shrink:0;margin-left:6px}.chat-item--unread .chat-item__time{color:var(--wa-green-primary)}.chat-item__footer{display:flex;align-items:center;justify-content:space-between}.chat-item__preview{flex:1;font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.chat-item--unread .chat-item__preview{color:var(--text-primary)}.msg-type-icon{flex-shrink:0;opacity:.7}.unread-badge{min-width:20px;height:20px;padding:0 6px;background-color:var(--wa-green-primary);color:#fff;font-size:12px;font-weight:500;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-left:6px}.chat-item__group-icon{margin-left:4px;vertical-align:middle}.chat-list__loading,.chat-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary)}.chat-list__loading span,.chat-list__empty p{margin-top:16px;font-size:14px}.chat-main{flex:1;display:flex;flex-direction:column;background-color:var(--bg-chat);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF8WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA4LTE1VDEyOjQwOjI5KzA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA4LTE1VDEyOjQwOjI5KzA2OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wOC0xNVQxMjo0MDoyOSswNjowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjOGVlOGRlMi0xNjVjLTRkNDItYTM1Ni1hYzFjMTMyZDliMmUiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4NTdjMTYyMi1lYzQwLWM1NGMtOGYwMi02MWY3NzhjNTJjMzYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZmIyMWRlOC03OGVkLTA5NDYtYWQwMi03ODk2MjA5NWYyYzgiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNmYjIxZGU4LTc4ZWQtMDk0Ni1hZDAyLTc4OTYyMDk1ZjJjOCIgc3RFdnQ6d2hlbj0iMjAyMC0wOC0xNVQxMjo0MDoyOSswNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjOGVlOGRlMi0xNjVjLTRkNDItYTM1Ni1hYzFjMTMyZDliMmUiIHN0RXZ0OndoZW49IjIwMjAtMDgtMTVUMTI6NDA6MjkrMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5nhfgnAAAAHklEQVR42u3BAQ0AAADCoPdPbQ8HFAAAAAAAAACuBQZkAAEynYFvAAAAAElFTkSuQmCC);position:relative}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border-bottom:6px solid var(--wa-green-primary)}.empty-state__content{text-align:center;padding:40px;max-width:500px}.empty-state__icon{color:#d1d7db;margin-bottom:30px}.empty-state__title{font-size:32px;font-weight:300;color:#41525d;margin:0 0 16px}.empty-state__text{font-size:14px;color:#667781;margin:0;line-height:1.6}.chat-view{flex:1;display:flex;flex-direction:column;height:100%}.chat-header{display:flex;align-items:center;height:var(--header-height);padding:10px 16px;background-color:var(--bg-header);border-bottom:1px solid var(--border-light)}.chat-header__back{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--text-tertiary);background:none;border:none;cursor:pointer}.chat-header__info{display:flex;align-items:center;flex:1;min-width:0;cursor:pointer}.chat-header__details{margin-left:15px;flex:1;min-width:0}.chat-header__name{font-size:16px;font-weight:400;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header__status{font-size:13px;color:var(--text-secondary)}.chat-header__actions{display:flex;align-items:center;gap:8px}.chat-messages{flex:1;overflow-y:auto;padding:20px 60px;display:flex;flex-direction:column}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.chat-input{background-color:var(--bg-header);padding:10px 16px;border-top:1px solid var(--border-light);flex-shrink:0}.chat-input__container{display:flex;align-items:flex-end;gap:10px;width:100%;max-width:100%}.chat-input__field{flex:1;min-height:42px;max-height:150px;padding:10px 14px;font-size:15px;font-family:inherit;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:21px;resize:none;outline:none;line-height:1.4;overflow-y:auto}.chat-input__field:focus{border-color:var(--wa-green-primary);box-shadow:0 0 0 1px var(--wa-green-primary)}.chat-input__field::-moz-placeholder{color:var(--text-tertiary)}.chat-input__field::placeholder{color:var(--text-tertiary)}.chat-input__send{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;background-color:var(--wa-green-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s,transform .1s;flex-shrink:0}.chat-input__send:hover{background-color:var(--wa-green-dark)}.chat-input__send:active{transform:scale(.95)}.chat-input__send:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background-color:#dfe5e7;color:#fff;font-weight:500;border-radius:50%}.avatar--sm{width:32px;height:32px;font-size:12px}.avatar--md{width:40px;height:40px;font-size:14px}.avatar--lg{width:49px;height:49px;font-size:18px}.ai-suggestion-container{display:none}.ai-suggestion-container.is-visible{display:block;padding:12px 16px;background-color:var(--bg-header);border-top:1px solid var(--border-light)}.spinner{width:30px;height:30px;border:3px solid var(--border-light);border-top-color:var(--wa-green-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:100%;max-width:100%;z-index:100}.chat-header__back{display:flex}.chat-messages{padding:16px}.empty-state{display:none}}@media(max-width:1024px){.sidebar{width:35%}}@media(max-width:480px){:root{--header-height: 56px;--input-height: 52px;--font-size-base: 14px;--spacing-lg: 12px;--spacing-xl: 16px}.app-container{flex-direction:column;height:100vh;height:100dvh}.sidebar{position:fixed;inset:0;width:100%!important;max-width:100%!important;min-width:100%!important;z-index:1000;transform:translate(0);transition:transform .3s ease}.sidebar.is-hidden{transform:translate(-100%)}.sidebar__header{padding:0 12px;height:56px}.sidebar__header .user-avatar{width:36px;height:36px}.sidebar__search{padding:8px 12px}.search-input{height:36px;font-size:14px;padding:0 12px 0 36px}.chat-list{padding:0}.chat-item{padding:10px 12px}.chat-item__avatar{width:48px;height:48px;margin-right:12px}.chat-item__name{font-size:15px}.chat-item__message{font-size:13px}.chat-item__time{font-size:11px}.chat-item__badge{min-width:18px;height:18px;font-size:11px}.main-content{position:fixed;inset:0;width:100%;z-index:999}.chat-header{padding:0 8px;height:56px}.chat-header__back{display:flex!important;width:40px;height:40px;margin-right:4px}.chat-header__avatar{width:40px;height:40px}.chat-header__name{font-size:15px}.chat-header__status{font-size:12px}.messages-container{padding:8px}.message{max-width:85%;padding:6px 10px;font-size:14px}.message__time{font-size:10px}.message-input-container{padding:6px 8px}.message-input{min-height:40px;max-height:100px;font-size:14px;padding:10px 12px}.message-input__btn{width:40px;height:40px}.empty-state{padding:20px 16px}.empty-state__icon{width:120px;height:120px;margin-bottom:16px}.empty-state__title{font-size:20px}.empty-state__text{font-size:14px}.qr-section{padding:16px}.qr-section__code{width:200px;height:200px}.qr-section__code img{width:100%;height:100%}.qr-section__title{font-size:18px}.qr-section__text{font-size:13px}.connection-status{padding:8px 12px;font-size:12px}.btn{padding:10px 16px;font-size:14px}.modal__content{width:95%;max-width:none;margin:10px;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}.modal__header{padding:12px 16px}.modal__title{font-size:16px}.modal__body{padding:16px}.settings-section{padding:12px}.settings-section__title{font-size:13px}.settings-item{padding:12px 0}.settings-item__label{font-size:14px}.form-input,.form-select,.form-textarea{font-size:16px;padding:12px}.toast-container{left:10px;right:10px;bottom:10px}.toast{padding:12px 16px;font-size:13px}.ai-suggestion{bottom:70px;left:8px;right:8px;max-width:none}.ai-suggestion__content{font-size:13px;padding:12px}.auth-container{padding:16px}.auth-card{padding:24px 16px;border-radius:12px}.auth-card__title{font-size:22px}.auth-card__logo{width:56px;height:56px}}@media(min-width:481px)and (max-width:768px){:root{--header-height: 60px;--sidebar-width: 320px}.app-container{height:100vh;height:100dvh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:320px;max-width:80%;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.is-open{transform:translate(0)}.main-content{width:100%}.chat-header__back{display:flex!important}.qr-section__code{width:220px;height:220px}.empty-state__icon{width:180px;height:180px}.modal__content{width:90%;max-width:500px}}@media(max-width:896px)and (orientation:landscape){.app-container{height:100vh;height:100dvh}.sidebar{width:280px;max-width:40%}.empty-state__icon{width:80px;height:80px;margin-bottom:12px}.empty-state__title{font-size:18px}.qr-section{flex-direction:row;align-items:center;gap:24px;padding:12px}.qr-section__code{width:140px;height:140px}.qr-section__info{text-align:left}}@media(hover:none)and (pointer:coarse){.btn,.icon-btn,.chat-item,.settings-item{min-height:44px}.chat-item:hover,.btn:hover,.icon-btn:hover{background-color:inherit}.chat-item:active{background-color:var(--hover-bg)}.btn:active{transform:scale(.98)}.btn,.icon-btn,.chat-item,.nav-item{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}}@supports (padding: max(0px)){.app-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.sidebar__header,.chat-header{padding-top:max(0px,env(safe-area-inset-top))}.message-input-container,.footer{padding-bottom:max(8px,env(safe-area-inset-bottom))}}