:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex}.login-box{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;margin:0 0 8px;font-size:28px}.login-header p{color:#666;margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.input-wrapper{border:2px solid #e0e0e0;border-radius:8px;align-items:center;gap:10px;padding:12px;transition:border-color .3s;display:flex}.input-wrapper:focus-within{border-color:#667eea}.input-wrapper svg{color:#999;flex-shrink:0}.input-wrapper input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.input-wrapper input::placeholder{color:#ccc}.error-message{color:#c33;background:#fee;border-left:4px solid #c33;border-radius:6px;padding:12px;font-size:14px}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:#666;border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;font-size:12px}.login-footer p{margin:4px 0}.dashboard-container{background:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.dashboard-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:30px;display:flex;box-shadow:0 4px 12px #0000001a}.header-left h1{margin:0;font-size:28px}.header-left p{opacity:.9;margin:4px 0 0;font-size:14px}.logout-button{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex}.logout-button:hover{background:#ffffff4d}.dashboard-content{max-width:1400px;margin:0 auto;padding:30px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.metric-card{background:#fff;border-radius:12px;gap:15px;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 2px 8px #0000001a}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.metric-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.metric-icon.leads{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.metric-icon.customers{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.metric-icon.sales{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.metric-icon.growth{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.metric-info h3{color:#666;margin:0;font-size:14px;font-weight:600}.metric-value{color:#333;margin:8px 0 0;font-size:24px;font-weight:700}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.chart-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.chart-container h2{color:#333;margin:0 0 20px;font-size:18px}.no-data{color:#999;text-align:center;padding:40px 20px}.dashboard-loading{color:#666;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}@media (max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.metrics-grid,.charts-grid{grid-template-columns:1fr}}.header-nav{gap:20px;display:flex}.nav-link{color:#fff;border-radius:6px;padding:8px 16px;font-weight:600;text-decoration:none;transition:all .3s}.nav-link:hover{background:#fff3}.nav-link.active{background:#ffffff4d}.leads-container{max-width:1400px;margin:0 auto;padding:30px}.leads-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.leads-header h1{color:#333;margin:0;font-size:28px}.lead-form{flex-direction:column;gap:20px;display:flex}.leads-table-container{background:#fff;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.leads-table{border-collapse:collapse;width:100%}.leads-table thead{background:#f5f7fa;border-bottom:2px solid #e0e0e0}.leads-table th{text-align:left;color:#333;padding:15px;font-size:14px;font-weight:600}.leads-table td{color:#666;border-bottom:1px solid #e0e0e0;padding:15px;font-size:14px}.leads-table tbody tr:hover{background:#f9f9f9}.status-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.status-novo{color:#1976d2;background:#e3f2fd}.status-contato_realizado{color:#f57c00;background:#fff3e0}.status-proposta_enviada{color:#7b1fa2;background:#f3e5f5}.status-negociacao{color:#c2185b;background:#fce4ec}.status-convertido{color:#388e3c;background:#e8f5e9}.status-perdido{color:#d32f2f;background:#ffebee}.actions{gap:8px;display:flex}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex}@media (max-width:768px){.leads-header{flex-direction:column;align-items:flex-start;gap:15px}.filters-container{flex-direction:column}.leads-table{font-size:12px}.leads-table th,.leads-table td{padding:10px}}.filters-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.filter-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:flex-end;gap:12px;margin-bottom:15px;display:grid}.filter-group{flex-direction:column;gap:5px;display:flex}.filter-group label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.filter-select,.filter-input{border:1px solid #ddd;border-radius:6px;padding:10px;font-family:inherit;font-size:14px;transition:all .2s}.filter-select:focus,.filter-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.clear-filters-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;height:40px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.clear-filters-btn:hover{background:#5a6268;transform:scale(1.02)}.search-row{align-items:center;gap:12px;display:flex}.search-input{border:2px solid #ddd;border-radius:6px;flex:1;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.search-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.result-count{color:#666;white-space:nowrap;font-size:12px;font-weight:600}.message-container{margin-top:10px}.expand-btn{color:#007bff;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:5px 0;font-size:12px;font-weight:600;transition:all .2s}.expand-btn:hover{color:#0056b3;text-decoration:underline}.pagination{border-top:2px solid #f0f0f0;justify-content:center;align-items:center;gap:15px;margin-top:25px;padding-top:20px;display:flex}.pagination-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#0056b3;transform:scale(1.05)}.pagination-btn:disabled{cursor:not-allowed;opacity:.6;background:#ccc}.pagination-info{color:#666;font-size:14px;font-weight:600}@media (max-width:768px){.filter-row{grid-template-columns:1fr}.search-row{flex-direction:column}.search-input{width:100%}.pagination{flex-direction:column;gap:10px}.pagination-btn{width:100%}}.analytics-panel{padding:20px 0}.analytics-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.analytics-header h3{color:#333;margin:0;font-size:18px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;display:grid}.stat-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000001a}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stat-card:nth-child(3){background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.stat-card:nth-child(4){background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.stat-icon{min-width:50px;font-size:32px}.stat-content{flex:1}.stat-label{opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px}.stat-value{margin:5px 0 0;font-size:28px;font-weight:700}.stat-percentage{opacity:.8;margin:5px 0 0;font-size:12px}.chart-section{background:#f9f9f9;border-radius:8px;margin-bottom:25px;padding:20px}.chart-section h4{color:#333;margin:0 0 20px;font-size:16px}.chart-bars{flex-direction:column;gap:15px;display:flex}.bar-item{align-items:center;gap:15px;display:flex}.bar-label{color:#333;text-transform:capitalize;min-width:100px;font-size:14px;font-weight:600}.bar-container{background:#e9ecef;border-radius:4px;flex:1;height:30px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);justify-content:flex-end;align-items:center;min-width:40px;height:100%;padding-right:10px;transition:width .3s;display:flex}.bar-value{color:#fff;font-size:12px;font-weight:700}.timeline-section{background:#f9f9f9;border-radius:8px;padding:20px}.timeline-section h4{color:#333;margin:0 0 20px;font-size:16px}.timeline{flex-direction:column;gap:20px;display:flex}.timeline-item{align-items:flex-start;gap:15px;display:flex}.timeline-marker{background:#667eea;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.timeline-marker.first{background:#f5576c}.timeline-marker.last{background:#4facfe}.timeline-content{flex:1}.timeline-label{color:#333;margin:0;font-size:14px;font-weight:600}.timeline-date{color:#666;margin:5px 0 0;font-size:12px}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{text-align:center;flex-direction:column}.stat-icon{font-size:28px}.bar-label{min-width:80px;font-size:12px}}.automations-container{background:#f5f5f5;border-radius:8px;margin:20px 0;padding:20px}.automations-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.automations-header h2{color:#333;margin:0;font-size:24px}.btn-create{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:5px;padding:10px 20px;font-size:14px;transition:background .3s}.btn-create:hover{background:#45a049}.automations-list{gap:15px;display:grid}.automation-card{background:#fff;border-left:4px solid #2196f3;border-radius:5px;padding:15px;box-shadow:0 2px 4px #0000001a}.automation-card h3{color:#2196f3;margin:0 0 10px}.automation-card p{color:#666;margin:5px 0;font-size:14px}.automation-card .badge{color:#1976d2;background:#e3f2fd;border-radius:12px;margin-right:5px;padding:3px 8px;font-size:12px;display:inline-block}.automation-card .badge.active{color:#2e7d32;background:#c8e6c9}.automation-card .badge.inactive{color:#d84315;background:#ffccbc}.automation-actions{gap:10px;margin-top:15px;display:flex}.btn-action{cursor:pointer;border:none;border-radius:5px;padding:8px 15px;font-size:13px;transition:all .3s}.btn-edit{color:#fff;background:#2196f3}.btn-edit:hover{background:#1976d2}.btn-toggle{color:#fff;background:#ff9800}.btn-toggle:hover{background:#f57c00}.btn-delete{color:#fff;background:#f44336}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;padding:30px;box-shadow:0 5px 15px #0000004d}.modal-content h3{color:#333;margin-top:0}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;border:1px solid #ddd;border-radius:5px;width:100%;padding:10px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2196f3;outline:none;box-shadow:0 0 5px #2196f34d}.modal-actions{gap:10px;margin-top:20px;display:flex}.btn-submit{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:5px;flex:1;padding:12px;font-size:14px;transition:background .3s}.btn-submit:hover{background:#45a049}.btn-cancel{color:#fff;cursor:pointer;background:#999;border:none;border-radius:5px;flex:1;padding:12px;font-size:14px;transition:background .3s}.alert{border-radius:5px;margin-bottom:15px;padding:12px;font-size:14px}.alert.error{color:#c62828;background:#ffebee;border-left:4px solid #f44336}.alert.success{color:#2e7d32;background:#e8f5e9;border-left:4px solid #4caf50}.spinner{border:3px solid #f3f3f3;border-top-color:#2196f3;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.customers-container{max-width:1400px;margin:0 auto;padding:30px}.customers-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.customers-header h1{color:#333;margin:0;font-size:28px}.customer-form{flex-direction:column;gap:20px;display:flex}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:6px;padding:10px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.filters-container{gap:15px;margin-bottom:20px;display:flex}.search-box{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;align-items:center;gap:10px;padding:10px;display:flex}.search-box input{border:none;outline:none;flex:1;font-size:14px}.search-box svg{color:#999}.filter-select{cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;min-width:200px;padding:10px;font-size:14px}.filter-select:focus{border-color:#667eea;outline:none}.customers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px;display:grid}.customer-card{background:#fff;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.customer-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.card-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:flex-start;padding:15px;display:flex}.card-header h3{margin:0;font-size:16px;font-weight:600}.status-badge{color:#fff;background:#ffffff4d;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.status-ativo{color:#43e97b;background:#43e97b4d}.status-inativo{color:#ff6b6b;background:#ff6b6b4d}.status-suspenso{color:#ffc107;background:#ffc1074d}.card-body{flex:1;padding:15px}.company{color:#333;margin:0 0 12px;font-size:14px;font-weight:600}.contact-item{color:#666;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.contact-item svg{color:#667eea;flex-shrink:0}.contact-item a{color:#667eea;text-decoration:none;transition:color .3s}.contact-item a:hover{color:#764ba2;text-decoration:underline}.card-actions{background:#f9f9f9;border-top:1px solid #e0e0e0;gap:8px;padding:12px 15px;display:flex}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex}.btn-icon.edit{color:#667eea}.btn-icon.edit:hover{background:#667eea1a}.btn-icon.delete{color:#f5576c}.btn-icon.delete:hover{background:#f5576c1a}.no-customers{text-align:center;color:#999;padding:60px 20px}.no-customers p{margin:0;font-size:16px}.pagination{justify-content:center;align-items:center;gap:15px;margin-top:30px;display:flex}.btn-pagination{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .3s}.btn-pagination:hover:not(:disabled){color:#667eea;border-color:#667eea}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;color:#999;padding:40px;font-size:16px}@media (max-width:768px){.customers-header{flex-direction:column;align-items:flex-start;gap:15px}.filters-container{flex-direction:column}.customers-grid{grid-template-columns:1fr}}.detail-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s ease-in fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:80vh;padding:30px;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.close-btn{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.close-btn:hover{background:#ff5252;transform:scale(1.1)}.customer-detail{padding:0}.customer-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.customer-header h2{color:#333;margin:0 0 10px;font-size:24px}.customer-header p{color:#666;margin:5px 0;font-size:14px}.interactions-panel{margin-top:20px}.interactions-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.interactions-header h3{color:#333;margin:0;font-size:18px}.refresh-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#0056b3;transform:scale(1.05)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.interactions-list{flex-direction:column;gap:12px;display:flex}.interaction-item{background:#f9f9f9;border-left:4px solid #007bff;border-radius:6px;padding:15px;transition:all .2s}.interaction-item:hover{background:#f0f8ff;box-shadow:0 2px 8px #0000001a}.interaction-item.inbound{border-left-color:#28a745}.interaction-item.outbound{border-left-color:#ffc107}.interaction-content{flex-direction:column;gap:8px;display:flex}.interaction-header-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.type-badge{color:#333;text-transform:uppercase;background:#e9ecef;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.direction-badge{color:#333;background:#e9ecef;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.direction-badge.inbound{color:#155724;background:#d4edda}.direction-badge.outbound{color:#856404;background:#fff3cd}.timestamp{color:#999;margin-left:auto;font-size:12px}.message{color:#333;word-break:break-word;margin:0;font-size:14px;line-height:1.5}.empty-state{text-align:center;color:#999;padding:40px 20px}.empty-state p{margin:0;font-size:14px}.loading{text-align:center;color:#666;padding:20px}.error-message{color:#721c24;background:#f8d7da;border-radius:6px;margin-bottom:15px;padding:12px 15px;font-size:14px}.pipeline-container{background:#f5f7fa;min-height:100vh;padding:30px}.pipeline-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.pipeline-header h1{color:#333;margin:0;font-size:28px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.form-container{background:#fff;border-radius:12px;margin-bottom:30px;padding:20px;box-shadow:0 2px 8px #0000001a}.sale-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full{grid-column:1/-1}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;padding:10px;font-family:inherit;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-actions{justify-content:flex-end;gap:10px;display:flex}.btn-success{color:#fff;cursor:pointer;background:#43e97b;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .3s}.btn-success:hover{background:#38d96f;transform:translateY(-2px)}.btn-cancel{color:#333;cursor:pointer;background:#e0e0e0;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .3s}.btn-cancel:hover{background:#d0d0d0}.kanban-board{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding-bottom:20px;display:grid;overflow-x:auto}.kanban-column{background:#fff;border-radius:12px;flex-direction:column;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.column-header{background:#f9f9f9;border-top:4px solid #667eea;border-bottom:1px solid #e0e0e0;padding:15px}.column-header h2{color:#333;margin:0 0 10px;font-size:16px;font-weight:600}.column-stats{color:#999;justify-content:space-between;font-size:12px;display:flex}.count{color:#fff;background:#667eea;border-radius:4px;padding:2px 8px;font-weight:600}.total{color:#333;font-weight:600}.column-cards{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.sale-card{cursor:grab;background:#fff;border:1px solid #e0e0e0;border-left:4px solid #667eea;border-radius:8px;padding:12px;transition:all .3s;box-shadow:0 1px 3px #0000000d}.sale-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sale-card:active{cursor:grabbing;opacity:.8}.card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.card-header h3{color:#333;flex:1;margin:0;font-size:14px;font-weight:600}.btn-delete{color:#f5576c;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .3s;display:flex}.btn-delete:hover{background:#f5576c1a}.customer{color:#667eea;margin:0 0 6px;font-size:12px;font-weight:600}.description{color:#666;margin:0 0 8px;font-size:12px;line-height:1.4}.card-footer{border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:8px;padding-top:8px;display:flex}.amount{color:#43e97b;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.amount svg{width:14px;height:14px}.probability{color:#333;background:#f0f0f0;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.date{color:#999;margin:0;font-size:11px}.pipeline-loading{color:#666;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}@media (max-width:1024px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kanban-board,.form-row{grid-template-columns:1fr}}.whatsapp-container{background:#f5f5f5;flex-direction:column;height:100vh;display:flex}.whatsapp-header{color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 2px 10px #0000001a}.whatsapp-header h1{margin:0;font-size:24px}.settings-link{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 15px;text-decoration:none;transition:all .3s;display:flex}.settings-link:hover{background:#ffffff4d}.whatsapp-tabs{background:#fff;border-bottom:1px solid #ddd;gap:10px;padding:10px 20px;display:flex}.tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-weight:600;transition:all .3s}.tab.active{color:#25d366;border-bottom-color:#25d366}.whatsapp-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.whatsapp-body{flex:1;gap:0;display:flex;overflow:hidden}.left-panel{background:#fff;border-right:1px solid #ddd;flex-direction:column;width:300px;display:flex;overflow:hidden}.left-panel h2{color:#333;border-bottom:1px solid #f0f0f0;margin:0;padding:15px;font-size:18px}.list-container{flex:1;overflow-y:auto}.item{cursor:pointer;background:#fff;border-bottom:1px solid #f0f0f0;padding:15px;transition:all .3s}.item:hover{background:#f9f9f9}.item.active{background:#e8f5e9;border-left:4px solid #25d366}.item h3{color:#333;margin:0 0 5px;font-size:14px;font-weight:600}.item p{color:#999;margin:0;font-size:12px}.empty-state{text-align:center;color:#999;padding:30px;font-size:14px}.chat-panel{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-header{background:#fafafa;border-bottom:1px solid #ddd;padding:20px}.chat-header h2{color:#333;margin:0 0 5px;font-size:18px}.chat-header p{color:#999;margin:0;font-size:12px}.error-message{color:#c62828;background:#ffebee;border-bottom:1px solid #ef5350;padding:10px 20px;font-size:14px}.messages-container{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.no-messages{text-align:center;color:#999;margin:auto}.message{word-wrap:break-word;border-radius:12px;max-width:70%;padding:12px 16px;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{color:#fff;background:#25d366;align-self:flex-end}.message.received{color:#333;background:#e9ecef;align-self:flex-start}.message p{margin:0;font-size:14px}.message .timestamp{opacity:.7;margin-top:5px;font-size:11px;display:block}.message-input{background:#fff;border-top:1px solid #ddd;gap:10px;padding:15px 20px;display:flex}.message-input input{border:1px solid #ddd;border-radius:24px;outline:none;flex:1;padding:10px 15px;font-size:14px;transition:all .3s}.message-input input:focus{border-color:#25d366;box-shadow:0 0 5px #25d36633}.message-input input:disabled{color:#999;background:#f5f5f5}.send-button{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.send-button:hover:not(:disabled){background:#128c7e;transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;background:#ccc}.empty-chat{color:#999;flex:1;justify-content:center;align-items:center;font-size:16px;display:flex}.whatsapp-loading{color:#25d366;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}@media (max-width:768px){.whatsapp-body{flex-direction:column}.left-panel{border-bottom:1px solid #ddd;border-right:none;width:100%;height:200px}.message{max-width:90%}}K.whatsapp-settings-container{background:#f5f5f5;min-height:100vh;padding:30px}.settings-header{margin-bottom:30px}.settings-header h1{color:#333;margin:0}.settings-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.add-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 24px;font-size:14px;transition:all .3s;display:flex}.add-button:hover{background:#764ba2;transform:translateY(-2px)}.provider-form{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;margin-bottom:30px;padding:20px}.provider-form h2{color:#333;margin-top:0}.form-group{margin-bottom:15px}.form-group label{color:#333;margin-bottom:6px;font-weight:600;display:block}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-buttons{gap:10px;margin-top:20px;display:flex}.submit-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;flex:1;padding:12px;font-weight:600;transition:all .3s}.submit-button:hover{background:#764ba2}.cancel-button{color:#333;cursor:pointer;background:#ddd;border:none;border-radius:6px;flex:1;padding:12px;font-weight:600;transition:all .3s}.cancel-button:hover{background:#ccc}.providers-list{margin-top:30px}.providers-list h2{color:#333;margin-top:0}.provider-card{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:15px;display:flex}.provider-info h3{color:#333;margin:0 0 6px}.provider-info p{color:#666;margin:4px 0;font-size:13px}.provider-actions{gap:10px;display:flex}.test-button,.activate-button,.delete-button{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:all .3s;display:flex}.test-button{color:#333;background:#f0f0f0}.test-button:hover{background:#e0e0e0}.activate-button{color:#fff;background:#4caf50}.activate-button:hover{background:#45a049}.delete-button{color:#fff;background:#f44336}.delete-button:hover{background:#da190b}.no-providers{text-align:center;color:#999;padding:20px}.test-result{border-left:4px solid #667eea;border-radius:6px;margin-top:20px;padding:15px}.test-result.success{color:#155724;background:#d4edda;border-left-color:#28a745}.test-result.error{color:#721c24;background:#f8d7da;border-left-color:#f44336}.test-result p{margin:0 0 10px}.test-result button{cursor:pointer;background:#0000001a;border:none;border-radius:4px;padding:8px 16px;font-size:13px}.loading{color:#667eea;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#root{width:100%;height:100%}