.badge-warning{background:#fef3c7;color:#92400e}.badge-gray{background:#f3f4f6;color:#374151}.campaign-form,.contact-import-form,.instance-config-form{max-width:none}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input.error,.form-textarea.error{border-color:#dc2626}.form-textarea{min-height:100px;resize:vertical}.form-checkbox,.form-radio{height:1rem;margin-right:.5rem;width:1rem}.form-help{margin-top:.5rem}.error-message{color:#dc2626;display:block;font-size:.75rem;margin-top:.25rem}.form-actions{gap:1rem}.file-drop-zone{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;padding:2rem;text-align:center;transition:all .2s}.file-drop-zone.active,.file-drop-zone:hover{background:#eff6ff;border-color:#2563eb}.file-drop-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.file-drop-icon{color:#9ca3af;height:3rem;width:3rem}.file-drop-zone p{color:#374151;font-weight:500;margin:0}.file-drop-help{color:#6b7280;font-size:.875rem;font-weight:400}.file-input-hidden{display:none}.file-preview{background:#f3f4f6;border-radius:.5rem;padding:1rem}.file-preview-content{align-items:center;display:flex;gap:1rem}.file-preview-icon{color:#6b7280;flex-shrink:0;height:2.5rem;width:2.5rem}.file-preview-info{flex:1 1;min-width:0}.file-name{truncate:true;color:#374151;display:block;font-weight:500}.file-size{color:#6b7280;font-size:.75rem}.file-remove{background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s}.file-remove:hover{background:#e5e7eb;color:#374151}.instances-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.instance-checkbox{align-items:flex-start;border:1px solid #d1d5db;border-radius:.5rem;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.instance-checkbox:hover{background:#f9fafb;border-color:#9ca3af}.instance-checkbox input:checked+.instance-info{color:#2563eb}.instance-info{flex:1 1}.instance-name{font-weight:500}.instance-name,.instance-phone{margin-bottom:.25rem}.instance-status{padding:.125rem .5rem}.import-methods{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.import-method{align-items:flex-start;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.import-method:hover{background:#f9fafb;border-color:#9ca3af}.import-method input:checked+.method-info{color:#2563eb}.method-info h4{color:#111827;font-weight:500;margin-bottom:.25rem}.method-info p{color:#6b7280;font-size:.875rem}.preview-section{background:#f9fafb;border-radius:.5rem;margin-top:1rem;padding:1rem}.preview-section h4{color:#111827;font-weight:500;margin-bottom:.75rem}.preview-table{grid-gap:.5rem;display:grid;gap:.5rem}.preview-header{background:#e5e7eb;color:#374151;font-weight:500}.preview-header,.preview-row{grid-gap:1rem;border-radius:.375rem;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:1fr 1fr 1fr;padding:.5rem}.preview-row{background:#fff;color:#6b7280}.preview-info{color:#6b7280;font-size:.75rem;margin-top:.5rem}.manual-preview{background:#f3f4f6;border-radius:.375rem;color:#374151;font-size:.875rem;margin-top:.5rem;padding:.5rem}.format-example{background:#f9fafb;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.format-example h4{color:#111827;font-weight:500;margin-bottom:.5rem}.example-code{background:#1f2937;border-radius:.375rem;color:#f9fafb;font-size:.75rem;overflow-x:auto;padding:.75rem;white-space:pre}.test-connection{gap:1rem}.test-connection,.test-result{align-items:center;display:flex}.test-result{border-radius:.5rem;gap:.5rem}.test-icon{align-items:center;display:flex}.spinner{border-top-color:#2563eb;height:1rem;width:1rem}.instructions{background:#f9fafb}.instructions ol{padding-left:1.5rem}.instructions li{color:#374151}@media (max-width:768px){.container{padding:0 .5rem}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.nav-content{gap:1rem}.nav-button{font-size:.75rem;padding:.75rem .5rem}.header-content{padding:0 1rem}.space-x-4>*+*{margin-left:.5rem}.modal-content{margin:.5rem;max-height:95vh}.modal-body,.modal-header{padding:1rem}.form-row,.import-methods,.instances-grid{grid-template-columns:1fr}.preview-header,.preview-row{gap:.5rem;grid-template-columns:1fr}.form-actions,.test-connection{flex-direction:column}.test-connection{align-items:flex-start}}.chat-container{background-color:#f0f2f5;border:1px solid #d1d7db;border-radius:8px;display:flex;height:calc(100vh - 140px);overflow:hidden}.chat-sidebar{background-color:#fff;border-right:1px solid #d1d7db;width:350px}.chat-filters,.chat-sidebar{display:flex;flex-direction:column}.chat-filters{background-color:#f0f2f5;border-bottom:1px solid #d1d7db;gap:8px;padding:10px}.filter-row{display:flex;gap:5px}.filter-select{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:12px;padding:5px}.search-input{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:8px;width:100%}.contact-list{flex:1 1;overflow-y:auto}.contact-item{border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;padding:12px;position:relative;transition:background .2s}.contact-item:hover{background-color:#f5f6f6}.contact-item.active{background-color:#f0f2f5}.contact-avatar{align-items:center;background-color:#dfe5e7;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:45px;justify-content:center;margin-right:12px;width:45px}.contact-info{flex:1 1;overflow:hidden}.contact-top{display:flex;justify-content:space-between;margin-bottom:4px}.contact-name{color:#111b21;font-size:16px;font-weight:600}.contact-time{color:#667781;font-size:12px}.contact-preview{color:#667781;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background-color:#25d366;border-radius:50%;color:#fff;font-size:11px;font-weight:700;margin-left:5px;padding:2px 6px}.chat-main{background-color:#efeae2;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;display:flex;flex:1 1;flex-direction:column;opacity:.95}.chat-header{align-items:center;background-color:#f0f2f5;border-bottom:1px solid #d1d7db;display:flex;justify-content:space-between;padding:10px 16px}.header-info h3{font-size:16px;margin:0}.header-info span{color:#667781;font-size:12px}.chat-actions button{font-size:13px;margin-left:10px}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:20px}.message-bubble{border-radius:8px;box-shadow:0 1px .5px #00000021;color:#111b21;font-size:14.2px;line-height:19px;max-width:65%;padding:6px 10px;position:relative}.message-bubble.sent{align-self:flex-end;background-color:#d9fdd3}.message-bubble.received{align-self:flex-start;background-color:#fff}.msg-meta{color:#667781;display:flex;font-size:11px;gap:4px;justify-content:flex-end;margin-top:2px}.chat-input-area{align-items:center;background-color:#f0f2f5;display:flex;gap:10px;padding:10px}.chat-input{border:none;border-radius:8px;flex:1 1;font-size:15px;outline:none;padding:12px}.send-btn{background:none;border:none;color:#54656f;cursor:pointer}.empty-chat{align-items:center;background-color:#f0f2f5;border-bottom:6px solid #25d366;color:#41525d;display:flex;flex:1 1;flex-direction:column;justify-content:center}.media-content img,.media-content video{border-radius:8px;cursor:pointer;margin-bottom:5px;max-width:100%}.media-content audio{max-width:250px}.doc-link{align-items:center;background:#0000000d;border-radius:6px;color:#333;display:flex;font-size:13px;padding:10px;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}.relative{position:relative}.compact-list-item-new{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;padding:10px 12px;width:100%}.compact-list-item-new:hover{background-color:#f9fafb}.compact-list-item-new:last-child{border-bottom:none}.compact-list-item-new .list-item-content-left{align-items:center;display:flex;flex-grow:1;min-width:0}.compact-list-item-new .form-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;display:grid;flex-shrink:0;height:18px;margin-right:12px;place-content:center;width:18px}.compact-list-item-new .form-checkbox:checked{background-color:#3b82f6;border-color:#3b82f6}.compact-list-item-new .form-checkbox:checked:before{background-color:#fff;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:8px;width:8px}.compact-list-item-new .item-name{color:#334155;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-list-item-new .item-detail{color:#64748b;flex-shrink:0;font-size:.85em;margin-left:8px;white-space:nowrap}.user-menu{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;margin-top:.5rem;position:absolute;right:0;top:100%;width:16rem;z-index:50}.user-menu-header{padding:.75rem 1rem}.user-menu-separator{background-color:#f3f4f6;height:1px}.user-menu-item{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:.875rem;padding:.75rem 1rem;text-align:left;width:100%}.user-menu-item:hover{background-color:#f9fafb}.user-avatar{border:2px solid #0000;cursor:pointer;transition:border-color .2s}.user-avatar:focus{border-color:#3b82f6;outline:none}.container{margin:0 auto;max-width:1280px;padding:0 1rem}.pagination-controls{gap:1rem;justify-content:center;padding-top:1rem}.pagination-controls .page-indicator{color:#4b5563}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-x-4>*+*{margin-left:1rem}.space-x-2>*+*{margin-left:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000001a}.header-content{height:4rem;justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo-icon{color:#059669;height:2rem;margin-right:.75rem;width:2rem}.logo-text{color:#111827;font-size:1.25rem;font-weight:700}.user-avatar{align-items:center;background:#059669;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:500;height:2rem;justify-content:center;width:2rem}.nav{background:#fff;border-bottom:1px solid #e5e7eb}.nav-content{display:flex;gap:2rem}.nav-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:1rem .75rem;transition:all .2s}.nav-button:hover{border-bottom-color:#d1d5db;color:#374151}.nav-button.active{border-bottom-color:#2563eb;color:#2563eb}.nav-icon{height:1rem;margin-right:.5rem;width:1rem}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f9fafb}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.btn-icon{height:1rem;margin-right:.5rem;width:1rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden}.card-header{border-bottom:1px solid #e5e7eb}.card-content,.card-header{padding:1.5rem}.card-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.card-description{color:#6b7280;font-size:.875rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-title{color:#6b7280;font-size:.875rem;font-weight:500}.stat-icon{color:#9ca3af;height:1rem;width:1rem}.stat-value{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.25rem}.stat-change{font-size:.75rem}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.activity-item{align-items:center;background:#f9fafb;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.activity-info h4{color:#111827;font-weight:500;margin-bottom:.25rem}.activity-info p{color:#6b7280;font-size:.875rem}.advanced-selector-container{position:relative}.compact-list-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;flex-direction:row;padding:.75rem;transition:background-color .2s ease}.compact-list-item:last-child{border-bottom:none}.compact-list-item:hover{background-color:#f9fafb}.compact-list-item .form-checkbox{margin-right:.75rem}.compact-list-item .item-info{align-items:center;display:flex;justify-content:space-between;width:100%}.compact-list-item .item-name{color:#1f2937;font-weight:500}.compact-list-item .item-detail{color:#6b7280;font-size:.875rem}.selected-items-display{border:1px solid #d1d5db;border-radius:.375rem;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;min-height:42px;padding:.5rem}.selected-item-tag{align-items:center;background-color:#e0e7ff;border-radius:9999px;color:#3730a3;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.selected-item-tag button{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:1rem;line-height:1;padding:0}.placeholder-text{align-self:center;color:#9ca3af;margin-left:.25rem}.selector-panel{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 4px 6px #0000001a;margin-top:.25rem;padding:1rem;position:absolute;width:100%;z-index:10}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-error{background:#fee2e2;color:#991b1b}.badge-primary{background:#dbeafe;color:#1e40af}.badge-gray{background:#e5e7eb;color:#4b5563}.status-indicator{border-radius:50%;height:.75rem;margin-right:.75rem;width:.75rem}.status-online{background:#10b981}.status-offline{background:#ef4444}.instance-card{box-shadow:0 1px 3px 0 #0000001a;overflow:hidden}.instance-header{border-bottom:1px solid #e5e7eb;padding:1.5rem}.instance-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.instance-name{color:#111827}.instance-phone{color:#6b7280;font-size:.875rem}.instance-stats{padding:1.5rem}.instance-stat{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.instance-stat span:first-child{color:#6b7280}.instance-stat span:last-child{color:#111827;font-weight:500}.instance-actions{padding:0 1.5rem 1.5rem}.instance-actions .btn{flex:1 1}.add-instance-card{background:#fff;border:2px dashed #d1d5db;border-radius:.75rem;cursor:pointer;padding:3rem 1.5rem;text-align:center;transition:all .2s}.add-instance-card:hover{border-color:#9ca3af}.add-instance-icon{color:#9ca3af;height:2rem;margin:0 auto 1rem;width:2rem}.add-instance-title{color:#111827;font-weight:500;margin-bottom:.5rem}.add-instance-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.empty-state{padding:3rem;text-align:center}.empty-icon{color:#9ca3af;height:3rem;margin:0 auto 1rem;width:3rem}.empty-title{color:#111827;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.empty-description{color:#6b7280;margin-bottom:1.5rem}.main{padding:2rem 0}#root,body,html{height:100%}.login-page{background-color:#f7fafc;display:flex;flex-direction:row;min-height:100vh;width:100%}.login-brand-panel{align-items:center;background-color:#1a202c;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center;width:45%}.brand-content{max-width:350px}.brand-logo{height:200px;width:200px}.brand-fav,.brand-logo{color:#4299e1;margin-bottom:1.5rem}.brand-fav{height:5px;width:5px}.brand-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.brand-subtitle{color:#a0aec0;font-size:1.1rem;line-height:1.6}.login-form-panel{align-items:center;display:flex;justify-content:center;padding:2rem;width:55%}.login-form-container{max-width:400px;width:100%}.form-title{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.5rem}.form-subtitle{color:#a0aec0;margin-bottom:2.5rem}.login-form .form-group{margin-bottom:1.5rem}.login-form label{color:#2d3748;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-control{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:1rem;padding:.8rem 1rem;transition:all .2s ease-in-out;width:100%}.form-control::placeholder{color:#a0aec0}.form-control:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e180;outline:none}.form-error-message{background-color:#fed7d7;border:1px solid #fbb6b6;border-radius:6px;color:#e53e3e;font-size:.9rem;margin-bottom:1.5rem;padding:.8rem 1rem;text-align:center}.btn-login{align-items:center;background-color:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:50px;justify-content:center;padding:.9rem 1rem;transition:background-color .2s ease-in-out;width:100%}.btn-login:hover:not(:disabled){background-color:#3182ce}.btn-login:disabled{background-color:#a0aec0;cursor:not-allowed}.spinner-btn{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.form-footer-text{color:#a0aec0;font-size:.9rem;margin-top:2rem;text-align:center}.form-footer-text a{color:#4299e1;font-weight:600;text-decoration:none}@media (max-width:992px){.login-brand-panel{display:none}.login-form-panel{justify-content:center;width:100%}}.page-header{margin-bottom:1.5rem}.page-title{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.page-description{color:#6b7280}.progress{background:#e5e7eb;border-radius:9999px;height:.5rem;overflow:hidden;width:100%}.progress-bar{background:#2563eb;height:100%;transition:width .3s ease}.table-responsive{overflow-x:auto;width:100%}table{border-collapse:collapse;font-size:.9rem;line-height:1.5;margin-top:1rem;width:100%}table thead th{background-color:#f3f4f6;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600}table tbody td,table thead th{padding:.75rem 1rem;text-align:left;white-space:nowrap}table tbody td{border-bottom:1px solid #e5e7eb;color:#4b5563;vertical-align:middle}table tbody tr:last-child td{border-bottom:none}table tbody td .badge{border-radius:.375rem;display:inline-flex;font-size:.75em;font-weight:700;line-height:1;min-width:80px;padding:.3em .6em;text-align:center;vertical-align:initial;white-space:nowrap}.modal-overlay,table tbody td .badge{align-items:center;justify-content:center}.modal-overlay{background:#00000080;bottom:0;display:flex;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.modal-content.max-w-md{max-width:28rem}.modal-content.max-w-2xl{max-width:42rem}.modal-content.max-w-4xl{max-width:56rem}.modal-content.max-w-6xl{max-width:72rem}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.text-gray-600{color:#6b7280}.text-blue-600{color:#2563eb}.text-green-600{color:#059669}.text-red-600{color:#dc2626}.text-sm{font-size:.875rem}.font-semibold{font-weight:600}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.flex-1{flex:1 1}@media (max-width:768px){.container{padding:0 .5rem}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.nav-content{gap:1rem}.nav-button{font-size:.75rem;padding:.75rem .5rem}.header-content{padding:0 1rem}.space-x-4>*+*{margin-left:.5rem}.modal-content{margin:.5rem;max-height:95vh}.modal-body,.modal-header{padding:1rem}}.qrcode-display{padding:1.5rem;text-align:center}.qrcode-header h3{color:#1f2937;font-size:1.25rem;margin:0 0 .5rem}.status-message{font-size:1rem;font-weight:500;margin-bottom:1.5rem}.qrcode-content{margin:1.5rem 0}.qrcode-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.qrcode-image{box-shadow:0 4px 6px #0000001a;display:block;margin:0 auto}.qrcode-instructions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;max-width:400px;padding:1rem;text-align:left}.qrcode-instructions h4{color:#374151;font-size:1rem;margin:0 0 .75rem}.qrcode-instructions ol{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0;padding-left:1.25rem}.qrcode-instructions li{margin-bottom:.25rem}.qrcode-error{color:#dc2626;padding:2rem}.qrcode-error p{color:#7f1d1d;margin:0 0 1rem}.qrcode-unavailable{color:#6b7280;padding:2rem}.qrcode-unavailable p{margin:0 0 1rem}.qrcode-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.instance-config-form{margin:0 auto;max-width:600px}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-help{color:#6b7280;display:block;font-size:.75rem;line-height:1.4;margin-top:.25rem}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:400!important;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto!important}.test-connection{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1rem}.test-result{border-radius:.375rem;font-size:.875rem;font-weight:500;margin-top:.75rem;padding:.75rem}.test-result.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.test-result.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.instructions{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;padding:1rem}.instructions ol{color:#0c4a6e;font-size:.875rem;line-height:1.6;margin:0;padding-left:1.25rem}.instructions li{margin-bottom:.5rem}.test-message{margin:0 auto;max-width:500px}.test-message-header h3{color:#1f2937;font-size:1.25rem;margin:0 0 1.5rem;text-align:center}.test-message-form .form-group{margin-bottom:1.5rem}.test-message-form textarea{min-height:100px;resize:vertical}.instance-status{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.instance-status.online{background:#d1fae5;color:#065f46}.instance-status.connecting{background:#fef3c7;color:#92400e}.instance-status.offline{background:#fee2e2;color:#991b1b}.instances-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1.5rem}.instance-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:box-shadow .2s,transform .2s}.instance-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.instance-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.instance-name{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.instance-info{margin-bottom:1.5rem}.info-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.5rem 0}.info-item:last-child{border-bottom:none}.info-label{color:#6b7280}.info-label,.info-value{font-size:.875rem;font-weight:500}.info-value{color:#1f2937;max-width:60%;text-align:right;word-break:break-all}.instance-actions{display:flex;flex-wrap:wrap;gap:.5rem}.instance-error{background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin-top:1rem;padding:.75rem}.instance-error small{color:#dc2626;font-size:.75rem}.page-actions{gap:.75rem}.backend-status,.page-actions{align-items:center;display:flex}.backend-status{color:#6b7280;font-size:.875rem;gap:.5rem}.status-indicator{font-size:.75rem}.status-indicator.online{color:#10b981}.status-indicator.offline{color:#ef4444}.status-indicator.checking{color:#f59e0b}@media (max-width:768px){.instances-grid{grid-template-columns:1fr}.instance-actions{flex-direction:column}.instance-actions .btn{justify-content:center;width:100%}.page-actions{flex-direction:column;width:100%}.page-actions .btn{width:100%}.qrcode-actions{flex-direction:column}.qrcode-actions .btn{width:100%}}.spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.instances-grid .instance-card{cursor:pointer;transition:all .2s}.instance-checkbox{cursor:pointer;display:block;width:100%}.instance-checkbox input[type=checkbox]{margin-right:.75rem}.instance-info .instance-name{color:#1f2937;font-weight:600;margin-bottom:.25rem}.instance-info .instance-phone{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.instance-info .instance-status{font-size:.75rem;font-weight:500}.no-instances-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;color:#92400e;padding:2rem;text-align:center}.no-instances-warning h4{color:#92400e;margin:0 0 .5rem}.no-instances-warning p{color:#a16207;margin:0}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}@media (max-width:640px){.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.instance-checkbox-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease-in-out}.instance-checkbox-card:hover{border-color:#9ca3af}.instance-checkbox-card.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}.checkmark-icon{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:24px}.hidden{display:none}.custom-toggle-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.75rem}.custom-toggle-switch{background-color:#d1d5db;border-radius:9999px;height:24px;position:relative;transition:background-color .2s ease-in-out;width:44px}.custom-toggle-switch:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease-in-out;width:20px}.custom-toggle-label input:checked+.custom-toggle-switch{background-color:#3b82f6}.custom-toggle-label input:checked+.custom-toggle-switch:before{transform:translateX(20px)}.tabs-nav{border-bottom:2px solid #e5e7eb;display:flex;margin-bottom:1.5rem}.tabs-nav button{background-color:initial;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.tabs-nav button:hover{color:#1f2937}.tabs-nav button.active{border-bottom-color:#3b82f6;color:#3b82f6}.tabs-content{padding-top:1rem}.form-checkbox-group{align-items:center;cursor:pointer;display:flex;width:-webkit-fit-content;width:fit-content}.form-checkbox-group span{color:#374151;font-weight:500;margin-left:.5rem}.toggle-switch-group{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.toggle-switch-input{display:none}.toggle-switch-slider{background-color:#d1d5db;border-radius:9999px;flex-shrink:0;height:24px;position:relative;transition:background-color .2s ease-in-out;width:44px}.toggle-switch-slider:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease-in-out;width:20px}.toggle-switch-input:checked+.toggle-switch-slider{background-color:#3b82f6}.toggle-switch-input:checked+.toggle-switch-slider:before{transform:translateX(20px)}.pagination-controls{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:-1rem;padding:1rem}.pagination-controls .page-indicator{color:#6b7280;font-size:.875rem;font-weight:500}.pagination-controls .btn:disabled{cursor:not-allowed;opacity:.5}.header-logo{height:32px;margin-right:12px;width:auto}
/*# sourceMappingURL=main.748cc0d4.css.map*/