.navbar{display:flex;width:100%;justify-content:center;position:sticky;top:0;z-index:1000}.navbar-content{display:flex;width:100%;max-width:1290px;height:40px;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#171717;color:#fff}.navbar__logo{display:flex;align-items:center}.navbar__logo img{height:1.8rem;transition:transform .2s ease-in-out}.navbar__logo:hover img{transform:scale(1.05)}.navbar__right-section{display:flex;align-items:center;gap:1rem}.navbar__agent-select{padding:.5rem;border-radius:.5rem;border:1px solid #333;background-color:#212121;color:#fff;font-size:.875rem;width:12rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.75rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.navbar__agent-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e24d}.navbar__profile{display:flex;align-items:center}.navbar__profile img{height:2.5rem;width:2.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #333;transition:border-color .2s ease-in-out,transform .2s ease-in-out}.navbar__profile img:hover{border-color:#4a90e2;transform:scale(1.05)}@media (max-width: 768px){.navbar{flex-direction:column;padding:.75rem}.navbar__right-section{margin-top:.75rem}.navbar__agent-select{width:100%}}.navbar__profile{position:relative}.navbar__avatar{width:40px;height:40px;border-radius:50%}.navbar__dropdown{position:absolute;top:50px;right:0;background-color:#212121;border:1px solid #ccc;border-radius:4px;padding:10px;box-shadow:0 4px 8px #0000001a;z-index:1000}.navbar__dropdown button{background:none;border:none;color:#fff;padding:5px 10px;cursor:pointer}.sidebar{position:relative;left:0;width:210px;background-color:#171717;padding-right:20px;height:calc(100vh - 70px);display:flex;flex-direction:column;z-index:1;overflow-y:1}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.btn-reset{background:none;border:none;cursor:pointer;display:flex;align-items:center;width:100%;transition:all .3s ease}.btn-reset:hover{transform:translate(5px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sidebar-section{margin-top:1.5rem;display:flex;flex-direction:column}.sidebar-items{display:flex;flex-direction:column}.sidebar-item{display:flex;align-items:center;padding:12px 16px;margin-bottom:8px;border-radius:12px;cursor:pointer;transition:all .3s ease}.sidebar-item:hover{background-color:#ffffff1a;transform:translate(5px)}.sidebar-item a{color:#ecf0f1;text-decoration:none;display:flex;align-items:center;width:100%;font-weight:500;letter-spacing:.5px}.sidebar-item-icon{width:24px;height:24px;margin-right:16px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:8px;padding:6px}.sidebar-item-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-separator{margin:24px 0;border:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent)}.section-title{font-size:14px;font-weight:600;color:#bdc3c7;margin-left:16px;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.icon-xs{width:14px;height:14px}.icon-toggle svg{transition:transform .3s ease}.indicator{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 5px #0000004d}.indicator.yellow{background-color:#f1c40f}.indicator.orange{background-color:#e67e22}.indicator.grey{background-color:#95a5a6}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.header-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;display:flex;justify-content:center;background-color:#171717;align-items:center;height:60px}.header-actionbar{position:fixed;top:60px;left:0;right:0;z-index:999;width:100%;display:flex;justify-content:center;background-color:#171717;align-items:center;height:60px;transition:transform .3s ease-in-out}.header-actionbar.hidden{transform:translateY(-100%)}.header-actionbar.visible{transform:translateY(0)}.page-body{width:100%;display:flex;justify-content:center;background-color:#171717;flex:1;margin-top:80px}.page-wrapper{width:100%;max-width:1290px;display:flex;background-color:#171717;flex:1}.layout-main{display:flex;flex:1}.layout-side-section{width:210px;background-color:#171717;padding-right:20px}.layout-main-section-wrapper{flex:1;height:100%}.layout-main-section{background-color:#171717;border:1px solid #232323;padding:20px;border-radius:8px;flex-grow:1}.widget{margin-top:20px;padding:20px;background-color:171717;border:1px solid #444444;border-radius:8px;box-shadow:0 2px 4px #0000001a}.widget-head{margin-bottom:15px}.widget-title{font-size:20px;font-weight:700}.widget-subtitle{font-size:14px;color:#777}.widget-body{font-size:16px;margin-bottom:15px}.widget-footer{font-size:14px;color:#999;text-align:right}.action-bar{display:flex;width:100%;max-width:1290px;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#171717;color:#fff;height:30px;margin-bottom:10px}.page-title{display:flex;align-items:center}.title-text{font-size:1.2rem;font-weight:700;white-space:nowrap}.page-actions{display:flex;gap:10px}.btn{padding:5px 10px;border:none;border-radius:4px;cursor:pointer}.btn-default{background-color:#444;color:#fff}.btn-secondary{background-color:#555;color:#fff}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;color:#fff}.btn-save{background-color:#01415a;color:#fff;padding:10px 20px}.btn-cancel,.btn-quit{background-color:#ff00408c;color:#fff;padding:10px 20px}.btn-launch-campaign{background-color:#01415a;color:#fff;padding:10px 20px}.btn-delete-leads{background-color:#ff00408c;color:#fff;padding:10px 20px}.dashboard-container{background-color:#171717;padding:1.5rem;border-radius:.5rem;box-shadow:0 5px 15px #00000080;max-width:1000px;margin:1rem auto;border:1px solid #444444}.dashboard-title{font-size:1.5rem;color:#fff;text-align:left;margin-bottom:1.5rem;font-weight:700;padding-bottom:1rem;border-bottom:2px solid #01415a}.dashboard-content{display:flex;justify-content:space-between;align-items:stretch;margin-bottom:1rem;min-height:300px}.status-list{list-style-type:none;padding:0;margin:0;flex:1;max-width:60%;display:flex;flex-direction:column;justify-content:space-between}.status-item{flex:1;display:flex;align-items:center;background-color:#232323;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem;box-shadow:0 2px 4px #0003;transition:all .3s ease;border:1px solid #444444;color:#fff;position:relative;overflow:hidden}.status-indicator{position:absolute;left:0;top:0;bottom:0;width:12px;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}#en-attente .status-indicator{background-color:#0153fe}#contact-en-cours .status-indicator{background-color:#ffc107}#contacte-sms .status-indicator{background-color:#af3be6}#a-repondu .status-indicator{background-color:#00277a}#demande-rappel .status-indicator{background-color:#410c5a}#demande-rdv .status-indicator{background-color:#fc4885}#client-signe .status-indicator{background-color:#09af5b}#do-not-contact .status-indicator{background-color:red}.status-item:last-child{margin-bottom:0}.status-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000004d}.status-icon{width:30px;height:30px;margin-right:.75rem;margin-left:1rem;display:flex;align-items:center;justify-content:center}.status-icon svg{width:24px;height:24px;stroke:#fff}.status-details{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.status-details h4{font-size:.9rem;color:#fff;margin:0}.lead-count-container{display:flex;align-items:baseline}.lead-count{font-size:1.25rem;font-weight:700;color:#fff;margin-right:.25rem}.lead-text{font-size:.8rem;color:#fff}.chart-container{flex:1;max-width:38%;background-color:#1f1f1f;border-radius:.5rem;padding:.75rem;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center;border:1px solid #444444;margin-left:10px}#leadPipelineChart{max-height:95%;width:95%}.lead-management-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;background-color:#01415a;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none}.lead-management-button:hover{background-color:#013347;box-shadow:0 4px 8px #0000004d}.arrow-icon{margin-left:.5rem;display:inline-flex}.arrow-icon svg{width:20px;height:20px;stroke:#fff}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.sms-counters-container{display:flex;justify-content:space-between;margin-top:1rem;margin-bottom:1rem;gap:1rem}.sms-counter{flex:1;display:flex;flex-direction:column;align-items:center;background-color:#1e1e1e;border-radius:.75rem;padding:1.25rem;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;transition:all .3s ease;border:1px solid #2A2A2A;position:relative;overflow:hidden}.sms-counter:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#01415a,#0153fe)}.sms-counter:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026,0 2px 4px #0000001f}.counter-icon{width:48px;height:48px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;background-color:#01415a26;border-radius:50%;padding:.75rem;position:relative;overflow:hidden}.counter-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 70%);opacity:.8}.counter-icon:after{content:"";position:absolute;top:-10%;left:-10%;right:-10%;bottom:-10%;background:radial-gradient(circle at 100% 100%,rgba(255,255,255,.2),transparent 70%);opacity:.4}.counter-icon svg{width:28px;height:28px;stroke:#fff;position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(1,83,254,.3))}.counter-details{text-align:center}.counter-details h4{font-size:.9rem;color:#fff;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.counter-value{font-size:2rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem}.counter-label{font-size:.8rem;color:#707070}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse .5s ease-in-out}@media (max-width: 768px){.sms-counters-container{flex-direction:column}.sms-counter{margin-bottom:1rem}}.list-leads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.list-title{font-size:1.5rem}.btn-add-lead{padding:10px 20px;background-color:#01415a;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-add-lead:hover{background-color:#013347}.list-leads-table thead tr{background-color:#212121;border-radius:8px;overflow:hidden}.list-leads-table thead tr th{padding:10px;font-weight:700;white-space:nowrap;color:#fff;text-align:center}.list-leads-table thead tr th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.list-leads-table thead tr th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.list-leads-table td{padding:10px;text-align:center;white-space:nowrap;border-bottom:1px solid #333;color:#ddd;background-color:#171717}.list-leads-table tr{background-color:#171717}.list-leads-table th.text-right,.list-leads-table td.text-right{text-align:center}.list-row-checkbox{margin-right:10px;align-self:center}input[type=checkbox]{width:16px;height:16px;cursor:pointer}.list-leads-table tr:hover{background-color:#1f1f1f;box-shadow:0 2px 8px #0003;transform:translateY(-2px);transition:all .2s ease-in-out}.list-leads-table tr:hover td{color:#fff;background-color:#212121}.lead-list-container{background-color:#171717;border-radius:8px;color:#fff}.sort-button-listleads{background-color:#212121;border:none;padding:10px;cursor:pointer;border-radius:4px}.sort-button-listleads:hover{background-color:#01415a}.sort-dropdown-button-listleads{width:auto;min-width:150px;background-color:#212121;border:none;padding:10px;border-radius:4px;cursor:pointer;color:#fff;white-space:nowrap}.sort-dropdown-button-listleads:hover{background-color:#01415a}.list-leads-table{width:100%;border-collapse:collapse;margin-top:10px}.list-leads-table th,.list-leads-table td{padding:10px;white-space:nowrap;color:#ddd;border-bottom:1px solid #333;text-align:center}.list-leads-table th{background-color:#212121}.name-header,.name-cell{text-align:left}.indicator-pill{padding:5px 10px;border-radius:12px;font-size:12px;color:#fff;display:inline-block;text-align:center}.status-pill.a-répondu{background-color:#00277a}.status-pill.do-not-contact{background-color:red}.status-pill.a-demandé-un-rdv{background-color:#fc4885}.status-pill.contacté-par-sms{background-color:#af3be6}.status-pill.en-attente{background-color:#0153fe}.status-pill.a-demandé-un-rappel{background-color:#410c5a}.status-pill.contact-en-cours{background-color:#cf920e}.campaign-launch-button{padding:2px 10px;background-color:#01415a;color:#fff;border:none;border-radius:4px;cursor:pointer}.delete-leads-button{padding:2px 10px;background-color:#ff00408c;color:#fff;border:none;border-radius:4px;cursor:pointer}.action-buttons-container{display:flex;justify-content:space-between;gap:30px}.refresh-button{background-color:#212121;border:none;padding:5px 10px;cursor:pointer;border-radius:4px;color:#fff;border:1px solid #444444}.refresh-button:hover{background-color:#01415a}.refresh-button .icon-wrapper{width:18px;display:inline-flex}.refresh-button.spinning .icon-wrapper{animation:spin 1s linear infinite}.selected-leads-indicator{width:auto;min-width:150px;background-color:#212121;border:none;padding:10px;border-radius:4px;cursor:pointer;color:#fff;white-space:nowrap}.status-pill.client-signé{background-color:#09af5b;color:#fff}.list-leads-table tr.client-signé:hover{background-color:#0c7a43;color:#fff}.filters-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-top:10px}.status-filter-dropdown select{position:relative;padding:5px;border-radius:9px;border:1px solid #333;background-color:#01415a;color:#fff;font-size:12px;width:130px;box-sizing:border-box;margin-right:10px;margin-left:15px}.clickable-link{color:#007bff;text-decoration:underline;cursor:pointer}.clickable-link:hover{text-decoration:none}.container{width:100%;height:550px;background-color:#171717;color:#fff;display:flex;flex-direction:column;box-sizing:border-box;box-shadow:0 0 10px #00000080}.lead-navigation{background-color:#1f1f1f;padding:15px 20px;border-top:1px solid #444444;border-right:1px solid #444444;border-left:1px solid #444444;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.sms-header{display:flex;align-items:center;width:100%}.nav-button{background-color:#1f1f1f;border:none;color:#fff;font-size:24px;cursor:pointer;padding:10px;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .2s,background-color .3s;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.nav-button:hover{background-color:#01415a;transform:scale(1.1)}#lead-name{color:#fff;font-weight:700;font-size:1.2em;text-align:center;flex-grow:1}.sms-interface{display:flex;flex-direction:row;flex-grow:1;border-top:1px solid #444444;border-bottom:1px solid #444444;border-left:1px solid #444444;box-sizing:border-box;height:calc(100% - 120px)}.sms-reader{width:70%;display:flex;flex-direction:column;background-color:#171717;border-right:1px solid #444444;box-sizing:border-box}#messages-container{flex-grow:1;height:600px;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.sms-message{display:flex;flex-direction:column;max-width:80%}.message-content{color:#fff;padding:10px 15px;border-radius:18px;word-wrap:break-word;line-height:1.4;border:0px solid #444444}.timestamp{font-size:.75em;color:#888;margin-top:4px}.sms-message.sender{align-self:flex-end}.sms-message.sender .message-content{background-color:#01415a;border-bottom-right-radius:4px}.sms-message.sender .timestamp{align-self:flex-end}.sms-message.receiver{align-self:flex-start}.sms-message.receiver .message-content{background-color:#292a2c;border-bottom-left-radius:4px}.sms-message.receiver .timestamp{align-self:flex-start}.sms-input{display:flex;padding:10px;background-color:#1f1f1f;border-top:1px solid #444444;box-sizing:border-box}.sms-input input{flex-grow:1;border:1px solid #444444;background-color:#2a2a2a;color:#fff;padding:8px;border-radius:20px;margin-right:10px;outline:none}.sms-input button{background-color:#01415a;color:#fff;border:none;padding:8px 15px;border-radius:20px;cursor:pointer;transition:background-color .3s,transform .2s}.sms-input button:hover{background-color:#013347;transform:scale(1.05)}.lead-list{width:30%;background-color:#1f1f1f;padding:0;border-right:1px solid #444444;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column}.search-bar{margin:0}.search-bar input{max-width:100%;padding:8px 10px;border-right:0px solid #444444;border-top:0px solid #444444;border-left:0px solid #444444;border-bottom:1px solid #444444;background-color:#2a2a2a;color:#fff;outline:none}.search-bar input::-moz-placeholder{color:#888}.search-bar input::placeholder{color:#888}.lead-item{padding:10px;background-color:#2a2a2a;color:#fff;margin-bottom:0;border-radius:0;cursor:pointer;border-top:1px solid #444444;transition:background-color .3s,transform .2s;display:flex;flex-direction:column;align-items:flex-start}.lead-item:hover,.lead-item.selected{background-color:#01415a}.lead-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;width:100%}.lead-details{display:flex;justify-content:space-between;align-items:flex-start;font-size:.9em;color:#888;width:100%}.lead-name{font-weight:700;font-size:1em;color:#fff}.lead-message{flex-grow:1}.lead-date{white-space:nowrap;margin-left:10px;color:#888;font-size:.8em}.lead-status{color:#fff;padding:5px 10px;border-radius:15px;font-size:.8em;text-align:center}.lead-status status-en-attente{background-color:#0153fe}.lead-status contacte-par-sms{background-color:#af3be6}.status-a-répondu{background-color:#00277a}.status-a-demande-un-rappel{background-color:#410c5a}.status-a-demande-un-rdv{background-color:#fc4885}.status-do-not-contact{background-color:red}#messages-container{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color-miniconv) var(--scrollbar-track-color-miniconv)}#messages-container::-webkit-scrollbar{width:6px;height:6px}#messages-container::-webkit-scrollbar-track{background:var(--scrollbar-track-color-miniconv)}#messages-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color-miniconv);border-radius:6px}.search-bar{display:flex;flex-direction:column;background-color:#1f1f1f}.filters-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-top:10px;padding-right:12px}.status-filter-dropdown{display:flex;position:relative;justify-content:center}.status-filter-dropdown select,.lastname-filter-dropdown select{position:relative;padding:5px;border-radius:9px;border:1px solid #333;background-color:#01415a;color:#fff;font-size:12px;width:130px;box-sizing:border-box}.sort-button{color:#fff;padding:8px 15px;border:1px solid #444444;border-radius:5px;cursor:pointer;transition:background-color .3s;outline:none;margin-right:12px;font-size:12px}.sort-button:hover,.sort-button.active{background-color:#01415a}.reset-conversation-button{background-color:#01415a;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-right:10px}.reset-conversation-button:hover{background-color:#014747}.gestion-mode-button{background-color:#212121;border:none;padding:5px 10px;cursor:pointer;border-radius:4px;color:#fff;border:1px solid #444444}.gestion-mode-button:hover{background-color:#01415a}.gestion-mode-button .icon-wrapper{width:18px;display:inline-flex}.gestion-mode-button.spinning .icon-wrapper{animation:spin 1s linear infinite}#widget-container-agents{background-color:#171717;border-radius:8px;color:#fff;max-width:1000px}#widget-container-agents h3{color:#fff;margin-bottom:10px}#form-section{margin-bottom:20px}#widget-container-agents label{font-weight:400;color:#ffffff9d;font-size:13px}#widget-container-agents select,#widget-container-agents input,#widget-container-agents textarea{padding:5px;border-radius:9px;border:1px solid #333;background-color:#212121;color:#fff;margin-top:5px;font-size:12px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}#prompt-section{margin-top:20px}#widget-container-agents textarea{width:100%}#prompt-section textarea{height:200px}.var-btn{background-color:#01415a;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-right:.5rem;margin-bottom:.5rem;transition:background-color .3s ease}.var-btn:hover{background-color:#013347}#variable-buttons{margin-bottom:1rem}#save-btn,#create-btn{background-color:#01415a;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-right:.5rem;margin-bottom:.5rem;transition:background-color .3s ease}.model-selection{display:flex;justify-content:left;align-items:center;margin-bottom:20px;gap:10px}.error-message,#quit-btn,#delete-btn{background-color:#ff00408c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-right:.5rem;margin-bottom:.5rem;transition:background-color .3s ease}#widget-nav{display:flex;justify-content:space-between;align-items:center}#csv-upload-widget label{color:#fff;font-size:1rem;margin-bottom:.5rem}#csv-upload-widget input[type=file]{background-color:#2a2a2a;border:1px solid #444444;border-radius:.25rem;padding:.5rem;color:#fff;font-size:.9rem}#csv-upload-widget button{background-color:#01415a;color:#fff;border:none;padding:.75rem 1rem;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease}#csv-upload-widget button:hover{background-color:#013347;transform:translateY(-2px)}#upload-status{margin-top:1rem;padding:.75rem;border-radius:.25rem;font-size:.9rem;text-align:center}#csv-upload-widget{background-color:#1f1f1f;border-radius:.5rem;padding:1.5rem;margin-top:1rem;box-shadow:0 2px 4px #0003;border:1px solid #444444}#csv-upload-form{display:flex;flex-direction:column;gap:1rem}#mapping-section{background-color:#292929;border-radius:.5rem;padding:1rem;border:1px solid #444444}#mapping-fields-container{display:flex;flex-direction:column;gap:1rem}.mapping-field{display:flex;justify-content:space-between;align-items:center;background-color:#1f1f1f;padding:.5rem;border-radius:.25rem}.mapping-field label{color:#fff;font-size:1rem}.mapping-select{background-color:#2c2c2c;color:#fff;border:1px solid #444444;border-radius:4px;padding:.5rem;min-width:200px}#submit-mapping{margin-top:1rem;padding:.75rem 1rem;background-color:#01415a;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}#submit-mapping:hover{background-color:#013347;transform:translateY(-2px)}#csv-upload-form>div{display:flex;justify-content:space-between;align-items:center}#cancel-button{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;font-size:1rem}#submit-mapping{width:100%}#drop-zone{background-color:#292929;border:2px dashed #444444;border-radius:.5rem;padding:2rem;text-align:center;color:#fff;cursor:pointer;transition:background-color .3s ease}#drop-zone.dragging{background-color:#3c3c3c}#drop-zone p{font-size:1rem;color:#fff;margin:0}#upload-status{margin-top:1rem;padding:.75rem;border-radius:.25rem;font-size:.9rem;text-align:center;color:#fff}#upload-status.success{background-color:#2ecc71;color:#fff}#upload-status.error{background-color:#e74c3c;color:#fff}h3{color:#fff;margin-bottom:.5rem}p{color:#ccc;margin-bottom:1rem}#mapping-section h3{color:#fff;margin-bottom:1rem}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.error-message{cursor:not-allowed;pointer-events:none}.construction-container{display:flex;justify-content:center;align-items:center;height:50vh;background-color:#171717;color:#fff;text-align:center}.construction-content{background-color:#212121;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:600px;margin:20px}.construction-title{font-size:2rem;font-weight:700;margin-bottom:10px;color:#fff}.construction-message{font-size:1.2rem;color:#ccc}.construction-icon{font-size:4rem;margin-bottom:20px;color:#01415a}#widget-container-custom{font-family:Arial,Helvetica,sans-serif;background-color:#171717;color:#fff;padding:2rem;border-radius:8px;max-width:1000px;margin:2rem auto}#widget-header-custom h2{color:#fff;text-align:center;font-size:2rem;margin:0}h4{color:#fff;text-align:left;font-size:1rem;margin-bottom:15px}#widget-container-custom select{padding:5px;background-color:#212121;color:#fff;border:1px solid #333;border-radius:9px;margin-top:5px;font-size:12px;width:100%}#user-select-custom,#agent-select-custom{padding:5px;background-color:#212121;color:#fff;border:1px solid #333;border-radius:9px;margin:5px;font-size:12px;width:200px}#save-agent-btn-custom,#save-btn-custom,#create-btn-custom,.var-btn-custom{padding:.5rem 1rem;background-color:#01415a;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-right:.5rem;margin-bottom:.5rem}#save-btn-custom:hover,#create-btn-custom:hover,.var-btn-custom:hover{background-color:#013347}#delete-agent-btn-custom,#delete-btn-custom{background-color:#ff00408c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-right:.5rem;margin-bottom:.5rem;transition:background-color .3s ease}#content-wrapper-custom{display:flex;flex-direction:column}#form-section-custom,#prompt-section-custom,#new-client-section-custom,#client-info-section-custom{flex:1;padding:20px;border-radius:8px}#form-section-custom h3,#new-client-section-custom h3,#prompt-section-custom h3,#client-info-section-custom h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;border-bottom:2px solid #01415a;padding-bottom:.5rem}#widget-container-custom label{display:block;margin-bottom:.5rem;color:#ffffff9d;font-size:13px;font-weight:400}#widget-container-custom input[type=text],#widget-container-custom input[type=email],#widget-container-custom textarea,#widget-container-custom select,#generated-prompt-textarea-custom,#system-prompt-textarea-custom,#company-description-custom,#ai-objective-custom,#agent-description-custom,.contact-message-custom,#company-name-custom,#agent-name-custom,#client-name-custom,#client-email-custom,#client-crm-custom,#client-crm-api-key-custom,#client-ai-model-custom,#client-ai-api-key-custom,#client-messaging-service-custom,#client-sakari-client-id-custom,#client-sakari-client-secret-custom,#client-sakari-account-id-custom,#crm-select-custom,#ai-model-select-custom,#messaging-service-select-custom,#crm-api-key-custom,#ai-api-key-custom,#sakari-client-id-custom,#sakari-client-secret-custom,#sakari-account-id-custom,#new-client-name-custom,#new-client-email-custom,#new-client-password-custom{width:100%;margin-bottom:1rem;flex:1;padding:10px;margin-right:.5rem;background-color:#212121;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;transition:border-color .3s ease;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin-top:10px}#widget-container-custom input:focus,#widget-container-custom textarea:focus,#widget-container-custom select:focus,#generated-prompt-textarea-custom:focus{outline:none;border-color:#01415a;box-shadow:0 0 0 2px #01415a33}textarea{min-height:100px;resize:vertical}#generated-prompt-textarea-custom{height:250px}#variable-buttons-custom{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1rem}label{color:#fff}#create-agent-btn,#create-client-btn-custom{display:block;width:100%;padding:.75rem;font-size:1rem;font-weight:700;margin-top:1.5rem;background-color:#01415a;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}#create-client-btn-custom:hover{background-color:#013347;transform:scale(1.05)}#create-client-btn-custom:active{background-color:#036e8c;transform:scale(.95)}#widget-nav-custom{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){#content-wrapper-custom{flex-direction:column}#form-section-custom,#new-client-section-custom,#prompt-section-custom,#client-info-section-custom{width:100%;margin-right:0;border-right:none}#prompt-section-custom{margin-top:2rem}#variable-buttons-custom{flex-direction:column}#variable-buttons-custom button{width:100%;margin-bottom:.5rem}}#notification-emails-container-custom{margin-top:1rem;padding:1rem;background-color:#212121;border:1px solid #333;border-radius:8px}.email-field{display:flex;align-items:center;margin-bottom:1rem}.email-field input{flex:1;padding:10px;margin-right:.5rem;background-color:#212121;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.email-field input:focus{outline:none;border-color:#01415a;box-shadow:0 0 0 2px #01415a33}.email-field button{padding:.5rem;background-color:#ff0040;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.email-field button:hover{background-color:#d60036}#add-notification-email-btn-custom{margin-top:1rem;padding:.75rem;font-size:1rem;font-weight:700;background-color:#01415a;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}#add-notification-email-btn-custom:hover{background-color:#013347;transform:scale(1.05)}#add-notification-email-btn-custom:active{background-color:#036e8c;transform:scale(.95)}#widget-header-custom{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}#widget-nav-custom,.button-group{display:flex;align-items:center}.var-btn-custom,#save-btn-custom,#delete-btn-custom,#save-agent-btn-custom,#delete-agent-btn-custom{padding:.5rem 1rem;background-color:#01415a;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:.5rem;margin-bottom:.5rem;transition:background-color .3s ease}.var-btn-custom:hover,#save-btn-custom:hover,#delete-btn-custom:hover,#save-agent-btn-custom:hover,#delete-agent-btn-custom:hover{background-color:#013347}#delete-btn-custom,#delete-agent-btn-custom{background-color:#ff00408c}#delete-btn-custom:hover,#delete-agent-btn-custom:hover{background-color:#d60036}.var-btn-custom{padding:.5rem 1rem;background-color:#01415a;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:.5rem;transition:background-color .3s ease,transform .2s ease}.var-btn-custom:hover{background-color:#013347;transform:scale(1.05)}.var-btn-custom:active{background-color:#036e8c;transform:scale(.95)}.client-list-container{background-color:#171717;border-radius:8px;color:#fff}.sort-button-clientlist{background-color:#212121;border:none;padding:10px;cursor:pointer;border-radius:4px;color:#fff}.sort-button-clientlist:hover{background-color:#01415a}.sort-dropdown-button-clientlist{background-color:#212121;border:none;padding:10px;border-radius:4px;cursor:pointer;color:#fff;min-width:150px;white-space:nowrap}.sort-dropdown-button-clientlist:hover{background-color:#01415a}.client-list-table{width:100%;border-collapse:collapse;margin-top:10px}.client-list-table thead tr{background-color:#212121;border-radius:8px;overflow:hidden}.client-list-table thead tr th{padding:10px;font-weight:700;white-space:nowrap;color:#fff;text-align:center}.client-list-table thead tr th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.client-list-table thead tr th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.client-list-table td{padding:10px;text-align:center;white-space:nowrap;border-bottom:1px solid #333;color:#ddd;background-color:#171717}.client-list-table tr{background-color:#171717;cursor:pointer}.client-list-table tr:hover{background-color:#1f1f1f;box-shadow:0 2px 8px #0003;transform:translateY(-2px);transition:all .2s ease-in-out}.client-list-table tr:hover td{color:#fff;background-color:#212121}.hidden-xs{display:none}@media (min-width: 768px){.hidden-xs{display:inline-block}}.filter-section{display:flex;justify-content:space-between;margin-bottom:20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.agent-list-container{background-color:#232323;border-radius:8px;color:#fff;padding:20px}.filter-section{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center}.filters{display:flex;gap:10px}.filter-input{padding:10px;border-radius:4px;border:1px solid #333;background-color:#212121;color:#fff}.filter-input::-moz-placeholder{color:#888}.filter-input::placeholder{color:#888}.sorting-controls{display:flex;align-items:center;gap:10px}.sort-button-agentlist{background-color:#212121;border:none;padding:10px;cursor:pointer;border-radius:4px;color:#fff}.sort-button-agentlist:hover{background-color:#01415a}.sort-icon{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid white;display:inline-block}.sort-icon.desc{transform:rotate(180deg)}.dropdown{position:relative;display:inline-block}.sort-dropdown-button-agentlist{background-color:#212121;border:none;padding:10px;border-radius:4px;cursor:pointer;color:#fff;min-width:150px;white-space:nowrap}.sort-dropdown-button-agentlist:hover{background-color:#01415a}.dropdown-content{display:none;position:absolute;background-color:#212121;box-shadow:0 8px 16px #0003;z-index:1;border-radius:4px}.dropdown-content button{padding:10px;background:none;border:none;color:#fff;width:100%;text-align:left}.dropdown-content button:hover{background-color:#333}.dropdown:hover .dropdown-content{display:block}.btn-add-agent{padding:10px 20px;background-color:#01415a;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-add-agent:hover{background-color:#013347}.agent-list-table{width:100%;border-collapse:collapse;margin-top:10px}.agent-list-table thead tr{background-color:#212121;border-radius:8px;overflow:hidden}.agent-list-table thead tr th{padding:10px;font-weight:700;white-space:nowrap;color:#fff;text-align:center}.agent-list-table thead tr th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.agent-list-table thead tr th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.agent-list-table td{padding:10px;text-align:center;white-space:nowrap;border-bottom:1px solid #333;color:#ddd;background-color:#171717}.name-header,.name-cell{text-align:left!important;padding-left:15px}.agent-list-table tr{background-color:#171717;cursor:pointer}.agent-list-table tr:hover{background-color:#1f1f1f;box-shadow:0 2px 8px #0003;transform:translateY(-2px);transition:all .2s ease-in-out}.agent-list-table tr:hover td{color:#fff;background-color:#212121}.lead-form-container{background-color:#171717;border-radius:8px;color:#fff;max-width:1000px}.lead-form-section-admin{display:block;margin-bottom:20px}.lead-form-section{margin-bottom:20px}.lead-form-section h3{color:#fff;margin-bottom:10px}.lead-form-grid{display:flex;justify-content:space-between;gap:20px}.lead-form-column{flex:1;display:flex;flex-direction:column;gap:15px}.lead-form-container label{font-weight:400;color:#ffffff9d;font-size:13px}.lead-form-container input,.lead-form-container select,.lead-form-container textarea{padding:5px;border-radius:9px;border:1px solid #333;background-color:#212121;color:#fff;margin-top:5px;font-size:12px;width:100%;box-sizing:border-box}@media (max-width: 768px){.lead-form-grid{flex-direction:column}}.container-miniconv{margin-top:30px;width:100%;height:150px;background-color:#171717;color:#fff;display:flex;flex-direction:column;box-sizing:border-box;box-shadow:0 0 10px #00000080}.lead-navigation-miniconv{background-color:#1f1f1f;padding:15px 20px;border-top:1px solid #444444;border-right:1px solid #444444;border-left:1px solid #444444;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.sms-header-miniconv{display:flex;align-items:center;width:100%}#lead-name-miniconv{color:#fff;font-weight:700;font-size:1.2em;text-align:center;flex-grow:1}.sms-interface-miniconv{display:flex;flex-direction:column;flex-grow:1;border-top:1px solid #444444;border-bottom:1px solid #444444;box-sizing:border-box;height:calc(100% - 120px)}.sms-reader-miniconv{width:100%;display:flex;flex-direction:column;background-color:#171717;box-sizing:border-box;border-top:1px solid #444444}#messages-container-miniconv{flex-grow:1;height:250px;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;border-left:1px solid #444444;border-right:1px solid #444444}.sms-message-miniconv{display:flex;flex-direction:column;max-width:80%}.message-content-miniconv{color:#fff;padding:10px 15px;border-radius:18px;word-wrap:break-word;line-height:1.4;border:0px solid #444444}.timestamp-miniconv{font-size:.75em;color:#888;margin-top:4px}.sms-message-miniconv.sender-miniconv{align-self:flex-end}.sms-message-miniconv.sender-miniconv .message-content-miniconv{background-color:#01415a;border-bottom-right-radius:4px}.sms-message-miniconv.sender-miniconv .timestamp-miniconv{align-self:flex-end}.sms-message-miniconv.receiver-miniconv{align-self:flex-start}.sms-message-miniconv.receiver-miniconv .message-content-miniconv{background-color:#292a2c;border-bottom-left-radius:4px}.sms-message-miniconv.receiver-miniconv .timestamp-miniconv{align-self:flex-start}.sms-input-miniconv{display:flex;padding:10px;background-color:#1f1f1f;border-top:1px solid #444444;border-bottom:1px solid #444444;border-left:1px solid #444444;border-right:1px solid #444444;box-sizing:border-box}.sms-input-miniconv input{flex-grow:1;border:1px solid #444444;background-color:#2a2a2a;color:#fff;padding:8px;border-radius:20px;margin-right:10px;outline:none}.sms-input-miniconv button{background-color:#01415a;color:#fff;border:none;padding:8px 15px;border-radius:20px;cursor:pointer;transition:background-color .3s,transform .2s}.sms-input-miniconv button:hover{background-color:#013347;transform:scale(1.05)}#messages-container-miniconv{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color-miniconv) var(--scrollbar-track-color-miniconv)}#messages-container-miniconv::-webkit-scrollbar{width:6px;height:6px}#messages-container-miniconv::-webkit-scrollbar-track{background:var(--scrollbar-track-color-miniconv)}#messages-container-miniconv::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color-miniconv);border-radius:6px}:root{--scrollbar-thumb-color-miniconv: #444444;--scrollbar-track-color-miniconv: #171717}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#171717}.login-container{background-color:#212121;padding:30px;border-radius:10px;box-shadow:0 0 15px #0000001a;width:300px;text-align:center}.logo img{width:150px;margin-bottom:20px}.form-group{margin-bottom:15px;text-align:left}.form-group label{color:#fff;display:block;font-size:14px;margin-bottom:5px}.form-group input{width:100%;padding:8px;border-radius:4px;border:1px solid #333;background-color:#333;color:#fff;box-sizing:border-box}.btn-login{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-login:hover{background-color:#0056b3}body{display:block;background-color:#171717;margin-top:0;margin-left:0;margin-right:0;font-size:14px;font-family:InterVariable,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h3{color:#fff}