body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{padding:20px}.App-header{color:#fff;margin-bottom:30px;text-align:center}.App-header h1{font-size:2.5rem;margin-bottom:10px}.App-header p{font-size:1.1rem;opacity:.9}.container{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:1200px;overflow:hidden}.tabs{background:#f5f5f5;border-bottom:2px solid #e0e0e0;display:flex}.tabs button{background:#0000;border:none;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:15px 20px;transition:all .3s}.tabs button:hover{background:#e8e8e8}.tabs button.active{background:#fff;border-bottom:3px solid #667eea;color:#667eea}.content{padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:120px;resize:vertical}.button-group{display:flex;gap:10px;margin-top:20px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e0e0e0}.alert{border-radius:8px;margin-bottom:20px;padding:15px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.button-item{display:flex;gap:10px;margin-bottom:10px}.button-item input{flex:1 1}.info-box{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:20px;padding:15px}.info-box p{color:#666;font-size:.9rem;margin:5px 0}.info-box strong{color:#333}.info-box h3,.info-box h4{color:#333;margin-bottom:10px;margin-top:0}.info-box ol{margin-left:20px;margin-top:10px}.info-box code{background:#e9ecef;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.info-box a{color:#667eea;text-decoration:none}.info-box a:hover{text-decoration:underline}.form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.form-group select:focus{border-color:#667eea;outline:none}.form-group input[type=checkbox]{cursor:pointer;margin-right:10px;width:auto}.form-group label{align-items:center;display:flex}.help-text{color:#666;font-size:.85rem;font-style:italic;margin-top:5px}.form-actions{display:flex;gap:10px;margin-top:20px}.form-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s}.form-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-actions .btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.form-actions .btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.form-actions .btn-secondary{background:#f5f5f5;color:#666}.form-actions .btn-secondary:hover:not(:disabled){background:#e0e0e0}.form-actions .btn-secondary:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.stats-box{background:#e7f3ff;border-left:4px solid #2196f3;border-radius:8px;margin-bottom:20px;padding:15px}.stats-box h4{color:#333;margin-bottom:10px;margin-top:0}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#fff;border-radius:5px;font-size:.9rem;padding:10px}.filters-box{background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#666;font-size:.85rem;font-weight:600}.filter-group input,.filter-group select{border:2px solid #e0e0e0;border-radius:5px;font-size:.9rem;padding:8px}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;outline:none}.btn-danger{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background .3s}.btn-danger:hover{background:#c82333}.logs-container{border:1px solid #e0e0e0;border-radius:8px;max-height:600px;overflow-y:auto;padding:10px}.log-item{border:1px solid #ddd;border-radius:5px;margin-bottom:15px;padding:12px}.log-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.log-type{color:#333;font-size:.9rem;font-weight:600}.log-time{color:#666;font-size:.8rem}.log-content{font-size:.85rem}.log-content pre{word-wrap:break-word;font-family:Courier New,monospace;font-size:.8rem;line-height:1.4;margin:0;white-space:pre-wrap}.no-logs{color:#999;font-style:italic;padding:40px;text-align:center}.messages-container{max-width:100%}.messages-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.messages-header h2{color:#333;margin:0 0 10px}.phone-number-display{color:#666;font-size:.9rem;margin-top:5px}.phone-number-display strong{color:#333;margin-right:8px}.phone-number-value{color:#667eea;font-family:Courier New,monospace;font-size:1rem;font-weight:600;margin:0 8px}.phone-number-hint{color:#999;font-size:.85rem;font-style:italic;margin-left:8px}.header-controls{align-items:center;display:flex;gap:15px}.auto-refresh-toggle{align-items:center;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:8px}.auto-refresh-toggle input[type=checkbox]{cursor:pointer;width:auto}.refresh-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s}.refresh-btn:hover{background:#5568d3;transform:translateY(-1px)}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:20px;text-align:center}.stat-value{font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.9}.view-mode-toggle{background:#f5f5f5;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:5px}.view-mode-toggle button{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:10px;transition:all .3s}.view-mode-toggle button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea}.messages-layout{grid-gap:20px;border:1px solid #e0e0e0;border-radius:10px;display:grid;gap:20px;grid-template-columns:350px 1fr;height:600px;overflow:hidden}.conversations-list{background:#f8f9fa;border-right:1px solid #e0e0e0;overflow-y:auto;padding:15px}.conversations-list h3{color:#333;font-size:1.1rem;margin-bottom:15px;margin-top:0}.conversation-item{background:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .3s}.conversation-item:hover{background:#f0f0f0;transform:translateX(5px)}.conversation-item.active{background:#e7f3ff;border-color:#667eea}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.contact-info{flex:1 1}.contact-name{color:#333;font-weight:600;margin-bottom:3px}.contact-phone{color:#666;font-size:.85rem}.message-count{background:#667eea;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.conversation-preview{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:8px}.conversation-time{color:#999;font-size:.75rem}.conversation-view{background:#fff;display:flex;flex-direction:column;overflow:hidden}.conversation-header-view{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.conversation-header-view h3{color:#333;margin:0}.phone-display{color:#666;font-size:.85rem;margin-top:3px}.close-conversation{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .3s;width:30px}.close-conversation:hover{background:#c82333;transform:scale(1.1)}.messages-list{background:#f0f2f5;flex:1 1;overflow-y:auto;padding:20px}.message-bubble{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000001a;margin-bottom:12px;max-width:70%;padding:12px 16px}.message-bubble.received{background:#dcf8c6;margin-right:auto}.message-text{color:#333;line-height:1.4;margin-bottom:6px}.message-meta{color:#999;display:flex;font-size:.75rem;justify-content:space-between;margin-top:5px}.message-id{font-family:Courier New,monospace}.empty-conversation{align-items:center;color:#999;display:flex;font-style:italic;height:100%;justify-content:center}.all-messages-list{max-height:600px;overflow-y:auto}.message-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:15px;transition:all .3s}.message-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.message-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.message-content{color:#333;font-size:1rem;line-height:1.5;margin-bottom:10px}.message-footer{color:#999;display:flex;font-size:.8rem;justify-content:space-between}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state p{font-size:1rem;margin:10px 0}.empty-state .hint{color:#bbb;font-size:.85rem;font-style:italic}.loading{color:#667eea;font-size:1.1rem;padding:40px;text-align:center}.webhook-status{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:15px}.webhook-status.active{background:#d4edda;border-color:#28a745}.webhook-status-header{align-items:center;display:flex;font-size:.95rem;gap:10px;margin-bottom:10px}.status-indicator{animation:pulse 2s infinite;background:#ffc107;border-radius:50%;height:12px;width:12px}.webhook-status.active .status-indicator{background:#28a745}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-weight:600}.status-text.active{color:#28a745}.status-text.inactive{color:#856404}.webhook-status-details{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:15px;margin-top:10px}.webhook-help{background:#ffffffb3;border-radius:5px;font-size:.85rem;margin-top:15px;padding:10px}.webhook-help ul{margin:8px 0 0 20px;padding:0}.webhook-help li{margin:5px 0}.webhook-help a{color:#667eea;font-weight:600;text-decoration:none}.webhook-help a:hover{text-decoration:underline}
/*# sourceMappingURL=main.5cc60f8f.css.map*/