body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:250px;z-index:1000}.sidebar-header{background:#0000001a;border-bottom:1px solid #fff3;padding:20px;text-align:center}.sidebar-header h2{font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.sidebar-nav{flex:1 1;padding:20px 0}.sidebar-footer{background:#0000001a;border-top:1px solid #fff3;padding:20px}.user-info{background:#ffffff1a;border-radius:8px;margin-bottom:15px;padding:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#fff3;border:2px solid #ffffff4d;border-radius:50%;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-right:12px;width:40px}.user-details{flex:1 1}.user-name{font-size:14px;font-weight:600;margin-bottom:2px}.user-role{background:#fff3;border-radius:12px;display:inline-block;font-size:12px;opacity:.8;padding:2px 8px;text-transform:capitalize}.logout-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .3s ease;width:100%}.logout-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.sidebar-item{align-items:center;border-left:3px solid #0000;color:#fff;display:flex;overflow:hidden;padding:15px 20px;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-item:hover{background:#ffffff1a;border-left-color:#ffffff80;transform:translateX(5px)}.sidebar-item.active{background:#fff3;border-left-color:#fff;font-weight:600}.sidebar-item.active:before{background:#fff;box-shadow:0 0 10px #ffffff80;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.sidebar-icon{font-size:1.2rem;margin-right:12px;text-align:center;width:24px}.sidebar-label{font-size:.95rem;letter-spacing:.02em}@media (max-width:768px){.sidebar{overflow:hidden;width:60px}.sidebar:hover{width:250px}.sidebar-header h2{font-size:1.2rem}.sidebar-label{opacity:0;transition:opacity .3s ease}.sidebar:hover .sidebar-label{opacity:1}}.layout{display:flex;min-height:100vh}.main-content{background:#f8f9fa;flex:1 1;margin-left:250px;min-height:100vh}@media (max-width:768px){.main-content{margin-left:60px}}.capi-status{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.status-indicator{align-items:center;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.status-indicator.configured{color:#28a745}.status-indicator.not-configured{color:#ffc107}.status-indicator.loading{color:#6c757d}.config-details{font-size:.9rem;margin-top:10px}.dataset-info{color:#495057;margin:4px 0}.last-tested{font-size:.85rem;margin:4px 0}.status-text{color:#6c757d;font-size:.85rem;line-height:1.4;margin:8px 0 0}.capi-history{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:15px}.capi-history h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 15px}.history-error,.history-loading,.no-events{color:#6c757d;font-size:.9rem;padding:20px;text-align:center}.history-error{color:#dc3545}.retry-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:10px;padding:4px 8px}.retry-btn:hover{background:#c82333}.no-events p{color:#868e96;font-size:.8rem;margin:5px 0 0}.events-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.event-item{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:12px;transition:border-color .2s ease}.event-item:hover{border-color:#667eea}.event-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.event-icon{font-size:1.1rem}.event-name{color:#333;flex:1 1;font-size:.9rem;font-weight:600}.event-status{font-size:1rem}.event-details{color:#6c757d;font-size:.85rem}.event-time{font-weight:500;margin-bottom:4px}.event-data{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.customer-name{color:#495057;font-weight:500}.purchase-value{color:#28a745;font-weight:600}.event-error{background:#dc35451a;border:1px solid #dc354533;border-radius:4px;color:#dc3545;font-size:.8rem;margin-top:4px;padding:4px 8px}.events-list::-webkit-scrollbar{width:6px}.events-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.events-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.events-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-page{display:flex;flex-direction:column;height:100vh}.top-bar{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;padding:15px 20px}.phone-filter{background:#fff;border-radius:6px}.action-buttons{align-items:center;gap:15px}.contact-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#333;font-weight:500;padding:8px 12px}.connection-status{border-radius:6px;font-size:.9rem;font-weight:500;padding:8px 12px}.connection-status.connected{background:#28a7451a;border:1px solid #28a7454d;color:#28a745}.connection-status.disconnected{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.form-sidebar{background:#f8f9fa;border-left:1px solid #e0e0e0;width:350px}.form-sidebar-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:20px;text-align:center}.form-sidebar-header h3{color:#333;margin:0 0 10px}.contact-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-weight:500;padding:4px 12px}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border-radius:6px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f8f9fa;color:#6c757d}.submit-button{background:linear-gradient(135deg,#28a745,#20c997);border-radius:6px;font-size:1rem;font-weight:500;transition:all .3s ease}.submit-button:hover{box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.no-chat-selected{background:#f8f9fa}.no-messages{align-items:center;color:#666;display:flex;font-style:italic;height:100%;justify-content:center}@media (max-width:768px){.top-bar{flex-direction:column;gap:15px;padding:15px}.phone-filter{min-width:100%}.chat-with-form{flex-direction:column}.form-sidebar{height:300px;width:100%}}.waba-container{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.waba-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.waba-header h1{color:#333;font-size:2rem;font-weight:600;margin:0}.refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.refresh-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.empty-state,.error-state,.loading-state{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.error-state h2{color:#dc3545;margin-bottom:10px}.retry-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px 24px;transition:background .3s ease}.retry-button:hover{background:#c82333}.waba-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.waba-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:all .3s ease}.waba-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.waba-card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}.waba-card-header h3{font-size:1.4rem;font-weight:600;margin:0 0 10px}.waba-id{background:#fff3;border-radius:20px;display:inline-block;font-size:.85rem;opacity:.9;padding:4px 12px}.waba-card-body{padding:20px}.waba-info{margin-bottom:20px}.info-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 0}.info-item:last-child{border-bottom:none;margin-bottom:0}.label{color:#666;font-size:.9rem;font-weight:600}.value{color:#333;font-weight:500}.waba-actions{text-align:center}.action-buttons-row{display:flex;flex-direction:column;gap:10px}.view-phones-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.view-phones-button:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.view-phones-button:disabled{cursor:not-allowed;opacity:.6}.webhook-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.webhook-button.subscribe{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.webhook-button.subscribe:hover:not(:disabled){box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.webhook-button.unsubscribe{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.webhook-button.unsubscribe:hover:not(:disabled){box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.webhook-button:disabled{cursor:not-allowed;opacity:.6}.webhook-status{border-radius:4px;display:inline-block;font-weight:600;padding:4px 8px}.webhook-status.subscribed{background:#28a7451a;color:#28a745}.webhook-status.not-subscribed{background:#dc35451a;color:#dc3545}.webhook-status small{font-weight:400;opacity:.8}.phone-numbers-section{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px}.phone-numbers-section h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 15px}.phone-numbers-list{display:flex;flex-direction:column;gap:12px}.phone-number-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;transition:all .3s ease}.phone-number-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.phone-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.phone-display{color:#333;font-size:1.1rem;font-weight:600}.phone-name{color:#666;font-size:.9rem}.phone-details{display:flex;gap:20px;margin-bottom:10px}.phone-status,.quality-rating{align-items:center;display:flex;gap:6px}.quality-indicator,.status-indicator{border-radius:50%;display:inline-block;height:10px;width:10px}.quality-text,.status-text{color:#666;font-size:.85rem}.phone-id{border-top:1px solid #f1f3f4;margin-top:10px;padding-top:10px}.phone-id .label{font-size:.8rem;margin-right:8px}.phone-id-value{background:#f1f3f4;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-size:.8rem;padding:2px 8px}@media (max-width:768px){.waba-container{padding:15px}.waba-grid{grid-template-columns:1fr}.waba-header{flex-direction:column;gap:15px;text-align:center}.waba-header h1{font-size:1.5rem}.phone-header{align-items:flex-start;flex-direction:column;gap:5px}.action-buttons-row,.phone-details{flex-direction:column;gap:8px}}.capi-config{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px;padding:15px}.capi-config h5{color:#333;font-size:1rem;font-weight:600;margin:0 0 10px}.capi-status{margin-bottom:15px}.capi-indicator{border-radius:20px;font-size:.85rem;font-weight:500;padding:4px 12px}.capi-indicator.configured{background:#28a7451a;border:1px solid #28a745;color:#28a745}.capi-indicator.not-configured{background:#ffc1071a;border:1px solid #ffc107;color:#856404}.capi-form .form-row{margin-bottom:12px}.capi-form label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:4px}.capi-form input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:8px 12px;transition:border-color .2s ease;width:100%}.capi-form input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.capi-actions{display:flex;gap:10px;margin-top:15px}.save-capi-btn,.test-capi-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.test-capi-btn{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.test-capi-btn:hover:not(:disabled){background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-1px)}.test-capi-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.save-capi-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.save-capi-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px)}.last-tested{color:#6c757d;font-size:.8rem;font-style:italic;margin-top:10px}.header-actions{align-items:center;display:flex;gap:10px}.connect-waba-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .3s ease}.connect-waba-button:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.connect-waba-form{background:#fff;border-left:4px solid #28a745;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.connect-waba-form h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 20px}.form-grid{grid-gap:15px;display:grid;gap:15px}.form-row{display:flex;flex-direction:column}.form-row label{color:#555;font-size:.9rem;font-weight:600;margin-bottom:6px}.form-row input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-row input:focus{background:#fff;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a;outline:none}.form-row input:disabled{background:#e9ecef;cursor:not-allowed;opacity:.7}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.connect-btn,.test-connection-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:140px;padding:12px 24px;transition:all .3s ease}.test-connection-btn{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.test-connection-btn:hover:not(:disabled){background:linear-gradient(135deg,#138496,#117a8b);box-shadow:0 4px 12px #17a2b866;transform:translateY(-2px)}.connect-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.connect-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.connect-btn:disabled,.test-connection-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.help-text{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:6px;margin-top:25px;padding:20px}.help-text p{color:#333;font-weight:600;margin:0 0 10px}.help-text ol{margin:0;padding-left:20px}.help-text li{color:#555;margin-bottom:5px}.help-text a{color:#17a2b8;font-weight:500;text-decoration:none}.help-text a:hover{text-decoration:underline}.disconnect-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;margin-top:8px;padding:8px 12px;transition:all .3s ease}.disconnect-button:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 2px 8px #dc354566;transform:translateY(-1px)}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#28a7451a;border:1px solid #28a745;color:#28a745}.status-badge.pending{background:#ffc1071a;border:1px solid #ffc107;color:#856404}.status-badge.suspended{background:#dc35451a;border:1px solid #dc3545;color:#dc3545}.status-badge.disconnected{background:#6c757d1a;border:1px solid #6c757d;color:#6c757d}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.login-header p{color:#666;font-size:16px;margin:0}.login-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.login-footer{border-top:1px solid #e1e5e9;padding-top:24px;text-align:center}.demo-credentials{background:#f8f9fa;border-radius:8px;margin-top:16px;padding:16px}.demo-credentials h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.demo-credentials p{color:#6c757d;font-size:13px;margin:4px 0}.demo-credentials strong{color:#495057}@media (max-width:480px){.login-container{padding:10px}.login-card{padding:30px 20px}.login-header h1{font-size:24px}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App{display:flex;flex-direction:column;height:100vh}.top-bar{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:10px 20px}.filter-section,.top-bar{align-items:center;display:flex}.filter-section{gap:10px}.phone-filter{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:250px;padding:8px 12px}.phone-filter-dropdown{display:inline-block;position:relative}.phone-filter-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:300px;padding:8px 12px;transition:border-color .2s}.phone-filter-button:hover{border-color:#075e54}.dropdown-arrow{font-size:12px;margin-left:10px}.phone-filter-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.filter-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:10px 12px;transition:background-color .2s}.filter-option:hover{background-color:#f8f9fa}.filter-option:last-child{border-bottom:none}.filter-option input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.filter-option label{cursor:pointer;flex:1 1;font-size:14px}.action-buttons{display:flex;gap:10px}.contact-info{color:#666;font-size:14px;font-weight:700}.chat-container{display:flex;flex:1 1;height:calc(100vh - 60px);overflow:hidden}.chat-with-form{display:flex;flex:1 1;height:100%}.contact-list{background-color:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;height:100%;overflow:hidden;width:350px}.contact-list-header{background-color:#075e54;color:#fff;flex-shrink:0;font-weight:700;padding:15px 20px}.contact-list-header h2{font-size:1.2rem;margin:0 0 10px}.chat-tabs{display:flex;gap:5px}.tab{background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 12px;transition:background-color .2s}.tab:hover{background:#ffffff4d}.tab.active{background:#ffffffe6;color:#075e54;font-weight:700}.contact-items{flex:1 1;min-height:0;overflow-y:auto}.contact-item{border-bottom:1px solid #e9ecef;cursor:pointer;padding:15px 20px;transition:background-color .2s}.contact-item:hover{background-color:#f1f3f4}.contact-item.active{background-color:#e3f2fd}.contact-item.unread{background-color:#f0f8ff;border-left:3px solid #075e54}.contact-item.unread .contact-name{font-weight:900}.contact-name{justify-content:space-between;margin-bottom:5px}.contact-name,.unread-badge{align-items:center;display:flex;font-weight:700}.unread-badge{background-color:#25d366;border-radius:50%;color:#fff;font-size:.75rem;height:20px;justify-content:center;margin-left:10px;min-width:20px;padding:2px 6px}.contact-phone{color:#666;font-size:.9rem;margin-bottom:3px}.contact-waba-info{color:#888;font-size:.8rem;font-style:italic;margin-bottom:5px}.contact-waba-info .waba-name{color:#075e54;font-weight:600}.contact-waba-info .phone-display-name{color:#666}.contact-last-message{color:#999;font-size:.85rem;line-height:1.3}.chat-panel{display:flex;flex:1 1;flex-direction:column;height:100%;max-height:100vh;overflow:hidden}.chat-header{background-color:#075e54;border-bottom:1px solid #e9ecef;color:#fff;flex-shrink:0;padding:15px 20px}.chat-header-info h3{font-size:1.1rem;margin:0}.chat-header-info p{color:#ccc;font-size:.9rem;margin:5px 0 0}.chat-messages{background-color:#e5ddd5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40 40 0H0z' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");flex:1 1;overflow-y:auto;padding:20px}.message{display:flex;margin-bottom:15px}.message.incoming{justify-content:flex-start}.message.outgoing{justify-content:flex-end}.message-bubble{border-radius:15px;max-width:70%;padding:10px 15px;position:relative}.message.incoming .message-bubble{background-color:#fff;border-bottom-left-radius:5px}.message.outgoing .message-bubble{background-color:#dcf8c6;border-bottom-right-radius:5px}.message-text{line-height:1.4;margin-bottom:5px}.message-time{color:#666;font-size:.75rem;text-align:right}.chat-input{background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:10px;padding:15px 20px}.chat-input input{border:1px solid #ddd;border-radius:25px;flex:1 1;font-size:1rem;outline:none;padding:12px 15px}.chat-input input:focus{border-color:#075e54}.attachment-button{align-items:center;background-color:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:45px;justify-content:center;transition:background-color .2s;width:45px}.attachment-button:hover{background-color:#e0e0e0}.send-button{align-items:center;background-color:#075e54;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;transition:background-color .2s;width:45px}.send-button:hover:not(:disabled){background-color:#064e45}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.no-chat-selected{align-items:center;background-color:#f8f9fa;color:#666;display:flex;flex:1 1;font-size:1.1rem;justify-content:center}.form-sidebar{background-color:#fff;border-left:1px solid #e9ecef;display:flex;flex-direction:column;height:100%;min-width:300px;width:300px}.form-sidebar-header{align-items:center;background-color:#075e54;color:#fff;display:flex;flex-wrap:wrap;font-weight:700;gap:10px;justify-content:space-between;padding:15px 20px}.form-sidebar-header h3{flex:1 1;font-size:1.1rem;margin:0}.contact-badge{background-color:#fff3;border-radius:12px;font-size:.85rem;font-weight:400;padding:4px 8px}.close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{background-color:#ffffff1a;border-radius:50%}.form-content{flex:1 1;overflow-y:auto;padding:20px}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-group input:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.form-group textarea{min-height:80px;resize:vertical}.submit-button{background-color:#075e54;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;width:100%}.submit-button:hover{background-color:#064e45}.message-media{margin-bottom:5px}.message-image{border-radius:8px;cursor:pointer;max-height:300px;max-width:300px;transition:transform .2s}.message-image:hover{transform:scale(1.02)}.message-video{border-radius:8px;max-height:300px;max-width:300px}.message-audio{width:250px}.document-link{align-items:center;color:#075e54;display:flex;font-weight:500;gap:5px;text-decoration:none}.document-link:hover{text-decoration:underline}.media-caption{color:#333;font-size:.9rem;margin-top:8px}.image-fallback{background:#f0f0f0;border-radius:8px;color:#666;font-style:italic;padding:10px}.file-preview{background:#f8f9fa;border-top:1px solid #e0e0e0;flex-shrink:0;padding:10px 20px}.file-info{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.remove-file{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:16px;padding:2px 6px;transition:background-color .2s}.remove-file:hover{background-color:#f0f0f0}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;padding:20px;position:relative}.image-modal-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .2s;width:30px;z-index:1001}.image-modal-close:hover{background:#000000e6}.enlarged-image{border-radius:4px;max-height:70vh;max-width:80vw;object-fit:contain}.enlarged-image-caption{background:#f8f9fa;border-radius:4px;color:#333;font-size:.9rem;margin-top:15px;padding:10px;text-align:center}.enlarged-image-filename{color:#666;font-size:.8rem;font-style:italic;margin-top:8px;text-align:center}.message-footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:5px}.delivery-status{color:#666;cursor:help;font-size:.75rem;transition:color .2s ease;-webkit-user-select:none;user-select:none}.delivery-status.delivered,.delivery-status.sent{color:#666}.delivery-status.read{color:#4fc3f7}.delivery-status.failed{color:#f44336}.delivery-status:hover{color:#333}
/*# sourceMappingURL=main.acb0ada4.css.map*/