:root{--primary-color: #78d4ff;--secondary-color: #003851;--gray-color: #959b9e;--special-color: #25D366;--success-color: #25D366;--primary-faded-color: #00abfb4d;--secondary-faded-color: #728995;--background-color: #d0f0ff;--danger-color: #dc3545;--border-radius: 10px;--danger-radius: 10px}body{padding:0;margin:0}::-webkit-scrollbar-thumb,::-webkit-scrollbar-button{background-color:var(--secondary-color)}textarea.invalid,input.invalid{outline:none!important;box-shadow:none!important;border-color:var(--danger-color)!important}.modal-dialog .modal-body{max-height:calc(95vh - 140px);overflow-y:auto;background-color:#fff!important}@media (min-width: 768px){.main-container{max-width:60vw}}@media (min-width: 1400px){.main-container{max-width:50vw}}*[data-bs-toggle=tooltip]{position:relative;cursor:pointer}*[data-bs-toggle=tooltip]:before{content:attr(data-title);position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 8px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}*[data-bs-toggle=tooltip]:hover:before{opacity:1;visibility:visible}table .is_connected{min-width:130px}input[type=file],input[type=file]::file-selector-button{cursor:pointer}:root{--table-radius: 8px}.datatable{background:#fff;border-radius:var(--table-radius);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:1.5rem;overflow:visible;display:flex;flex-direction:column}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;background:linear-gradient(to right,#fff 20%,transparent) left,linear-gradient(to left,#fff 20%,transparent) right,radial-gradient(ellipse at left,rgba(0,0,0,.07) 0%,transparent 70%) left,radial-gradient(ellipse at right,rgba(0,0,0,.07) 0%,transparent 70%) right;background-repeat:no-repeat;background-size:32px 100%,32px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll}table{border-radius:0;margin:0!important;border-collapse:collapse}table thead th{background-color:#f8f9fb!important;color:var(--secondary-color)!important;font-size:.695rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-bottom:2px solid #e9ecef!important;border-top:none!important;padding:.875rem 1rem;white-space:nowrap}table tr td,table tr th{vertical-align:middle;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6!important}table tbody tr:last-child td{border-bottom:none!important}table tr{cursor:pointer}.dt-info .select-info{display:none}.dt-layout-start .dt-length{display:flex;flex-direction:column-reverse}table tbody tr.selected .badge,table tbody tr:hover .badge{filter:saturate(1.4)}table tbody tr.selected,table tbody tr:hover{background-color:#0038510a!important;transition:background-color .15s ease}.customers-table tr.selected td:first-of-type:before{content:"";position:absolute;left:-30px;top:50%;transform:translateY(-50%);display:block;width:12px;height:12px;background-color:var(--special-color);border-radius:50%}.datatable-search-container{padding:.875rem 1rem;border-bottom:1px solid #f0f2f5;background:#fff;margin:0;border-radius:var(--table-radius) var(--table-radius) 0 0}.datatable-search-container input{transition:width .25s ease,border-color .15s ease,box-shadow .15s ease;border:1.5px solid #d1d5db;border-radius:6px;background:#f9fafb;font-size:.875rem;padding:.45rem .875rem;color:var(--secondary-color);outline:none}.datatable-search-container input:not(:focus,:active){width:48px;padding-right:0}.datatable-search-container input:is(:focus,:active,:not(:placeholder-shown)){width:28%;background:#fff;border-color:var(--secondary-color);box-shadow:0 0 0 3px #0038511a}.datatable-search-container input::placeholder{opacity:.45}@media (max-width: 762px){.datatable-search-container input:is(:focus,:active,:not(:placeholder-shown)){width:50%}}@media (max-width: 450px){.datatable-search-container input:is(:focus,:active,:not(:placeholder-shown)){width:100%}}.pagination-controls{padding:.75rem 1rem;margin-top:auto;border-top:1px solid #f0f2f5;background:#fff;display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;border-radius:0 0 var(--table-radius) var(--table-radius)}.pagination-controls .btn{font-size:.8125rem;min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 .5rem;border-radius:6px!important}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (max-width: 992px){.hide-tablet{display:none!important}}@media (max-width: 768px){table thead th{padding:.5rem .75rem;font-size:.625rem}table tr td{padding:.625rem .75rem;font-size:.8125rem}}@media (max-width: 576px){.datatable{border-radius:0;margin-left:-1rem;margin-right:-1rem;box-shadow:none;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}}.page-content{padding:1.75rem 2rem}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem}.page-title{font-size:1.375rem;font-weight:600;color:var(--secondary-color);letter-spacing:-.01em;margin:0}.page-subtitle{font-size:.875rem;color:#6b7280;margin:.2rem 0 0}.status-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.status-pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:currentColor;flex-shrink:0}.status-pill.connected{color:#16a34a;background-color:#dcfce7}.status-pill.disconnected{color:#dc2626;background-color:#fee2e2}.status-pill.active{color:var(--secondary-color);background-color:#00385114}.status-pill.inactive{color:#9ca3af;background-color:#f3f4f6}.status-badge{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap;display:inline-block}.status-badge--active{background:#d1fae5;color:#065f46}.status-badge--expired{background:#fee2e2;color:#991b1b}.status-badge--limit{background:#fef3c7;color:#92400e}.status-badge--inactive{background:#f3f4f6;color:#6b7280}.progress-bar-track{height:6px;border-radius:3px;background:#e5e7eb;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.stat-value{font-size:1.4rem;font-weight:700;color:#111827}.stat-label{font-size:.8rem;color:#6b7280;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em}.btn:hover{filter:brightness(.9)}.btn.btn-success{background-color:var(--special-color);border-color:var(--special-color)}.btn.btn-gray{background-color:gray;border-color:gray;color:#fff!important}.modal-dialog{max-height:95vh;overflow:hidden}.search-dropdown .dropdown-menu{height:115px;overflow:hidden auto}.dropdown-toggle:after{display:none}.dropdown-menu{right:0;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;padding:.375rem 0;min-width:10rem}.dropdown-item{padding:.5rem 1rem;font-size:.875rem;color:#374151;border-radius:0;transition:background .15s}.dropdown-item:hover,.dropdown-item:focus{background-color:#0038510f;color:var(--secondary-color)}.dropdown-item:active{background-color:var(--secondary-color);color:#fff}.dropdown-divider{border-color:#e9ecef;margin:.25rem 0}*{margin:0;padding:0}body{overflow-x:hidden}.bg-gray{background-color:var(--gray-color)}*.border-primary{border-color:var(--primary-color)!important}*.border-secondary{border-color:var(--secondary-color)!important}*.btn-outline-primary{border-color:var(--primary-color)!important;color:var(--primary-color)!important}*.btn-outline-primary:hover{background-color:var(--primary-color)!important;color:#fff!important}*.btn-outline-secondary{border-color:var(--secondary-color)!important;color:var(--secondary-color)!important}*.btn-outline-secondary:hover{background-color:var(--secondary-color)!important;color:#fff!important}*.bg-primary,*.btn-primary{background-color:var(--primary-color)!important}*.btn:not([class*=outline]){border:0}*.bg-secondary,*.btn-secondary{background-color:var(--secondary-color)!important}*.bg-special,*.btn-special{background-color:var(--special-color)!important}*.bg-primary-faded,*.btn-primary-faded{background-color:var(--primary-faded-color)!important}*.bg-secondary-faded,*.btn-secondary-faded{background-color:var(--secondary-faded-color)!important}*.bg-background,*.btn-background{background-color:var(--background-color)!important}*.bg-danger,*.btn-danger{background-color:var(--danger-color)!important}*.text-primary{color:var(--primary-color)!important}*.text-secondary{color:var(--secondary-color)!important}*.text-special{color:var(--special-color)!important}*.text-primary-faded{color:var(--primary-faded-color)!important}.shadow-primary{box-shadow:0 .5rem .5rem var(--primary-color)!important}.shadow-secondary{box-shadow:0 .5rem .5rem var(--secondary-color)!important}.shadow-special{box-shadow:0 .5rem .5rem var(--special-color)!important}.shadow-primary-faded{box-shadow:0 .5rem .5rem var(--primary-faded-color)!important}.modal-content{border:none;border-radius:10px;box-shadow:0 8px 24px #00000024,0 3px 8px #0000001a}.mat-dialog-header{background:#fff;border-bottom:1px solid #e9ecef;padding:1.125rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.mat-dialog-header h5,.mat-dialog-header h6,.mat-dialog-header .modal-title{color:var(--secondary-color);font-size:1.05rem;font-weight:600;margin:0}.mat-dialog-close{color:#6b7280;background:transparent!important;border-radius:50%!important;width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;padding:0!important;flex-shrink:0;font-size:.8rem;border:none!important;transition:background .15s,color .15s!important}.mat-dialog-close:hover{background:#00385117!important;color:var(--secondary-color)!important;filter:none!important}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #e9ecef;padding:1rem 1.5rem;gap:.5rem}.modal-form-section{font-size:.8125rem;font-weight:600;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e9ecef;padding-bottom:.5rem;margin-bottom:1rem;margin-top:.25rem;width:100%}.connection-modal .col-form-label,.ai_chatbot-modal .col-form-label{font-size:.8125rem;font-weight:500;color:#4b5563;margin-bottom:.2rem}.connection-modal .form-control,.connection-modal .form-select,.ai_chatbot-modal .form-control,.ai_chatbot-modal .form-select{border-radius:8px;border-color:#d1d5db;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.connection-modal .form-control:focus,.connection-modal .form-select:focus,.ai_chatbot-modal .form-control:focus,.ai_chatbot-modal .form-select:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #0038511a}.connection-modal .form-control:disabled,.ai_chatbot-modal .form-control:disabled{background-color:#f3f4f6;color:#9ca3af}::selection{background-color:var(--secondary-color);color:#fff}span:not(.box-value),button,label{-webkit-user-select:none;user-select:none}.btn{transition:all .3s linear;scale:1}.btn:active{scale:1.05}.btn:focus,button:focus{outline:none!important;box-shadow:none!important}.page-item.active .page-link{background-color:var(--secondary-color);border-color:var(--secondary-color)}.page-item .page-link{color:var(--secondary-color)}@media (min-width: 768px) and (max-width: 1200px){.container,.container-md,.container-sm{max-width:95%}}