:root{--color-primary-dark: #000000;--color-primary-hover: #1A1A1A;--color-accent-lime: #B8F81D;--color-accent-lime-hover: #a5df1a;--color-bg-light: #F4F7F9;--color-card-bg: #FFFFFF;--color-text-main: #000000;--color-text-muted: #5E7A8A;--color-border: #E1E8ED;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .06);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-logo: "Montserrat", sans-serif;--border-radius: 12px;--transition-fast: .2s ease;--transition-normal: .3s ease}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg-light);color:var(--color-text-main);min-height:100vh;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}::selection{background-color:#0000001a}h1,h2,h3,h4,p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;border:none;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.btn-primary{background-color:var(--color-primary-dark);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-accent{background-color:var(--color-accent-lime);color:var(--color-primary-dark)}.btn-accent:hover{background-color:var(--color-accent-lime-hover);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-main)}.btn-outline:hover{background-color:#f8fafc;border-color:var(--color-text-muted)}.btn-danger-outline{background:transparent;border:1px solid rgba(239,68,68,.3);color:var(--color-danger)}.btn-danger-outline:hover{background-color:#ef44440f}.card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-sm)}input,select,textarea{width:100%;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;font-size:13px;font-family:var(--font-sans);color:var(--color-text-main);outline:none;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-dark)}label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:6px;margin-top:14px}.error-text{color:var(--color-danger);font-size:12px;margin-top:10px;font-weight:600}.success-text{color:var(--color-success);font-size:12px;margin-top:10px;font-weight:600}.hint-text{font-size:12px;color:var(--color-text-muted);line-height:1.5}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end}.toast{background-color:#fff;border-left:4px solid var(--color-success);padding:14px 18px;border-radius:8px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;font-weight:500;max-width:320px}.toast.warning{border-left-color:var(--color-warning)}.toast.error{border-left-color:var(--color-danger)}.toast.info{border-left-color:var(--color-info)}.login-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;background:radial-gradient(circle at 10% 20%,rgba(0,0,0,.02) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,0,0,.03) 0%,transparent 50%)}.login-card{width:100%;max-width:400px;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:20px;padding:40px;box-shadow:var(--shadow-lg)}.medre-logo{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:32px}.logo-container-svg{display:flex;align-items:center;justify-content:center;gap:8px}.logo-text-me,.logo-text-re{font-family:var(--font-logo);font-weight:900;color:var(--color-primary-dark);letter-spacing:-2px;line-height:1}.logo-text-re{margin-left:-4px}.logo-subtext{font-family:var(--font-logo);font-weight:800;font-size:11px;letter-spacing:.35em;color:#fff;background-color:var(--color-primary-dark);padding:4px 10px;border-radius:4px;margin-top:8px;display:inline-block}.login-header{text-align:center;margin-bottom:24px}.login-header h2{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:6px}.login-header p{font-size:12px;color:var(--color-text-muted);line-height:1.5}.login-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--color-border);text-align:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.client-list{display:flex;flex-direction:column;gap:12px}.client-button{width:100%;text-align:left;padding:20px 24px;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between}.client-button:hover{border-color:var(--color-primary-dark);background-color:#00000008;transform:translateY(-2px)}.client-button h4{font-size:15px;font-weight:800;color:var(--color-primary-dark)}.client-button .badges{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.client-button .arrow-icon{color:var(--color-border);transition:all var(--transition-fast);flex-shrink:0}.client-button:hover .arrow-icon{color:var(--color-primary-dark);transform:translate(4px)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase}.badge.ok{background:#10b9811a;color:#059669}.badge.pending{background:#ef44441a;color:#dc2626}.new-client-card{border:1px dashed var(--color-border);background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--color-text-muted);font-size:13px;font-weight:700;padding:20px;border-radius:12px;cursor:pointer;transition:all var(--transition-fast)}.new-client-card:hover{border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.form-section{margin-bottom:20px}.form-section h3{font-size:14px;font-weight:800;margin-bottom:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 700px){.form-row{grid-template-columns:1fr}}.dashboard-layout{flex:1;display:flex;flex-direction:column}@media (min-width: 900px){.dashboard-layout{flex-direction:row}}.sidebar{width:100%;background-color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--color-border)}@media (min-width: 900px){.sidebar{width:270px;min-height:100vh;border-bottom:none;border-right:1px solid var(--color-border);flex-shrink:0;position:sticky;top:0}}.sidebar-header-logo{display:flex;flex-direction:column;align-items:center;padding:12px 0 24px;border-bottom:1px solid var(--color-border);margin-bottom:24px}.active-account-widget{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:16px;margin-bottom:24px}.active-account-widget .label{font-size:9px;font-weight:700;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:6px}.active-account-widget .name{font-size:14px;font-weight:800;color:var(--color-primary-dark);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-change-account{margin-top:12px;width:100%;background-color:#fff;border:1px solid var(--color-border);border-radius:6px;color:var(--color-primary-dark);padding:8px;font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background-color var(--transition-fast)}.btn-change-account:hover{background-color:var(--color-bg-light)}.nav-menu{display:flex;flex-direction:column;gap:8px}.nav-item{width:100%;background:none;border:none;padding:12px 16px;border-radius:8px;color:var(--color-text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all var(--transition-fast);text-align:left;text-decoration:none}.nav-item:hover{background-color:var(--color-bg-light);color:var(--color-primary-dark)}.nav-item.active{background-color:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-md)}.nav-status-badge{margin-left:auto;font-size:9px;padding:2px 6px;border-radius:4px;font-weight:800;text-transform:uppercase;border:1px solid transparent}.nav-status-badge.connected{background-color:#10b98126;color:#059669;border-color:#10b98140}.nav-status-badge.disconnected{background-color:#ef444426;color:#dc2626;border-color:#ef444440}.nav-item.active .nav-status-badge.connected{background-color:#10b98140}.nav-item.active .nav-status-badge.disconnected{background-color:#ef444440}.sidebar-footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--color-border);font-size:10px;color:var(--color-text-muted)}.sidebar-footer .status-row{display:flex;align-items:center;gap:6px;margin-top:4px}.sidebar-footer .status-indicator{width:6px;height:6px;border-radius:50%;background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.main-content{flex:1;display:flex;flex-direction:column;padding:28px;overflow-y:auto;min-width:0}.main-header{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--color-border);margin-bottom:28px}@media (min-width: 768px){.main-header{flex-direction:row;align-items:center;justify-content:space-between}}.main-header-title h1{font-size:20px;font-weight:800;color:var(--color-primary-dark);display:flex;align-items:center;gap:10px}.main-header-title p{font-size:12px;color:var(--color-text-muted);margin-top:4px}.dashboard-banner{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#1A1A1A 100%);border-radius:var(--border-radius);padding:22px 28px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px}@media (min-width: 768px){.dashboard-banner{flex-direction:row;align-items:center}}.dashboard-banner-info h3{font-size:15px;font-weight:700;color:var(--color-accent-lime);margin-bottom:6px}.dashboard-banner-info p{font-size:12px;color:#fffc;max-width:560px;line-height:1.5}.kpi-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:28px}@media (min-width: 576px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:110px;transition:transform var(--transition-fast)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-header{display:flex;justify-content:space-between;align-items:center}.kpi-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.kpi-value{font-size:26px;font-weight:800;color:var(--color-primary-dark);line-height:1;margin-top:10px}.kpi-value.positive{color:#059669}.kpi-value.negative{color:var(--color-danger)}.kpi-subtext{font-size:10px;color:var(--color-text-muted);margin-top:4px}.analytics-section{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:28px}@media (min-width: 992px){.analytics-section{grid-template-columns:2fr 1fr}}.chart-card{display:flex;flex-direction:column}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.chart-badge{background-color:var(--color-bg-light);color:var(--color-text-muted);font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px}.chart-container-svg{background-color:#fafbfb;border:1px dashed var(--color-border);border-radius:8px;padding:20px 16px 12px;height:220px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.chart-bars-flex{z-index:5;height:140px;width:100%;display:flex;justify-content:space-around;align-items:flex-end}.chart-axis-x{border-top:1px solid var(--color-border);padding-top:8px;display:flex;justify-content:space-around;font-family:monospace;font-size:10px;color:var(--color-text-muted);margin-top:8px}.attribution-card{display:flex;flex-direction:column;justify-content:space-between}.attribution-list{display:flex;flex-direction:column;gap:18px}.attribution-item .item-info{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:6px}.attribution-item .item-info span{display:flex;align-items:center;gap:6px}.attribution-item .progress-bar-bg{width:100%;height:8px;background-color:var(--color-bg-light);border-radius:4px;overflow:hidden}.attribution-item .progress-bar-fill{height:100%;border-radius:4px;transition:width var(--transition-normal)}.attribution-footer{font-size:11px;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:14px;margin-top:20px}.table-card{padding:0;overflow:hidden}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}thead{background-color:var(--color-bg-light);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}th{padding:14px 20px;font-size:10px;white-space:nowrap}td{padding:14px 20px;border-bottom:1px solid rgba(0,0,0,.04);color:var(--color-text-main)}tr:last-child td{border-bottom:none}tr:hover td{background-color:#00000003}.lead-time{font-family:monospace;color:var(--color-text-muted);display:flex;align-items:center;gap:6px;white-space:nowrap}.lead-name-cell{display:flex;align-items:center;gap:10px;font-weight:700;white-space:nowrap}.lead-avatar{width:26px;height:26px;border-radius:50%;background-color:#0000000d;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;color:var(--color-primary-dark);font-size:11px;font-weight:800;flex-shrink:0}.lead-phone{font-family:monospace;color:var(--color-text-muted);white-space:nowrap}.lead-message{color:var(--color-text-muted);font-style:italic;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-message-wrapper{display:flex;align-items:center;gap:6px}.no-leads-row{text-align:center;padding:44px!important;color:var(--color-text-muted);font-style:italic}.channel-badge,.platform-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;white-space:nowrap}.channel-badge.cloud_api{background-color:#2563eb0f;color:#2563eb;border-color:#2563eb26}.channel-badge.baileys{background-color:#10b9810f;color:#059669;border-color:#10b98126}.platform-badge.instagram{background-color:#db27770f;color:#db2777;border-color:#db277726}.platform-badge.facebook{background-color:#2563eb0f;color:#2563eb;border-color:#2563eb26}.platform-badge.outro{background-color:#d977060f;color:#d97706;border-color:#d9770626}.origin-select{min-width:130px;font-size:11px;padding:6px 8px}.filter-bar,.filters-bar{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:16px 20px;display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-bottom:22px}.filter-bar>div,.filters-bar>div{min-width:150px}.filter-bar label,.filters-bar label{margin-top:0}.search-input-wrapper{position:relative;width:100%;max-width:320px}.search-input-wrapper input{padding-left:34px}.search-input-wrapper .search-icon{position:absolute;left:10px;top:34px;color:var(--color-text-muted);width:15px;height:15px}.sandbox-card h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px;margin-bottom:6px}.badge-sandbox{background-color:#0000000d;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-left:8px}.sandbox-card p{font-size:12px;color:var(--color-text-muted);line-height:1.5;margin-bottom:18px;margin-top:8px}.sandbox-form{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 768px){.sandbox-form{grid-template-columns:repeat(4,1fr);align-items:flex-end}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{margin-top:0}.connection-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.connection-header .icon-box{background-color:#0000000a;border:1px solid var(--color-border);border-radius:12px;padding:10px;color:var(--color-primary-dark);display:flex}.connection-header h2{font-size:15px;font-weight:800;color:var(--color-primary-dark)}.connection-header p{font-size:12px;color:var(--color-text-muted);margin-top:2px}.qr-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;border-top:1px solid var(--color-border)}.qr-box-simulated{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm);display:inline-block;margin-bottom:20px}.qr-code-img{width:192px;height:192px;display:block}.qr-status-text{font-size:13px;font-weight:700;color:var(--color-primary-dark);margin-bottom:6px}.qr-instructions{font-size:12px;color:var(--color-text-muted);max-width:360px;text-align:center;line-height:1.5;margin-bottom:20px}.active-connection-widget{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0}.active-connection-icon{width:60px;height:60px;border-radius:50%;background-color:#10b98114;border:1px solid rgba(16,185,129,.15);color:var(--color-success);display:flex;align-items:center;justify-content:center}.connection-details-box{width:100%;max-width:340px;background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:8px;padding:14px;font-family:monospace;font-size:11px;text-align:left}.connection-detail-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.04)}.connection-detail-row:last-child{border-bottom:none}.connection-detail-row .label-detail{color:var(--color-text-muted)}.connection-detail-row .value-detail{font-weight:700;color:var(--color-text-main)}.connection-detail-row .value-detail.active{color:var(--color-success)}.security-alert-box{background-color:var(--color-bg-light);border:1px solid var(--color-border);border-radius:12px;padding:18px;margin-top:24px}.security-alert-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-dark);display:flex;align-items:center;gap:6px;margin-bottom:8px}.security-alert-desc{font-size:11px;color:var(--color-text-muted);line-height:1.6}.copy-box{display:flex;gap:8px;align-items:center}.copy-box input{flex:1;font-family:monospace;font-size:11px}.spinner-loader{width:40px;height:40px;border:4px solid var(--color-primary-dark);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:14px}.spinner-loader.small{width:12px;height:12px;border-width:2px;border-color:#fff;border-top-color:transparent;margin:0;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:8px;margin-bottom:16px}.page-center{flex:1;display:flex;align-items:center;justify-content:center}.footer-app{margin-top:auto;padding:20px 0 0;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;width:100%}@media (min-width: 576px){.footer-app{flex-direction:row}}.container{padding:24px 28px;max-width:1200px;margin:0 auto;width:100%}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-box{background:var(--color-card-bg);border-radius:16px;width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:15px;font-weight:800}.btn-icon{background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);padding:6px;border-radius:6px}.btn-icon:hover{background:var(--color-bg-light);color:var(--color-primary-dark)}.chat-scroll{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;background:var(--color-bg-light)}.chat-bubble{max-width:75%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.4}.chat-bubble.in{align-self:flex-start;background:#fff;border:1px solid var(--color-border);border-bottom-left-radius:4px}.chat-bubble.out{align-self:flex-end;background:var(--color-accent-lime);color:var(--color-primary-dark);border-bottom-right-radius:4px}.chat-bubble-time{font-size:10px;color:var(--color-text-muted);margin-top:4px;text-align:right}.chat-bubble.out .chat-bubble-time{color:#00000080}