.datasources-page[data-v-df37fc78]{height:100%;display:flex;flex-direction:column}.ds-layout[data-v-df37fc78]{display:flex;flex:1;min-height:0;height:calc(100vh - 75px);background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;margin:4px 6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.03)}.ds-left-panel[data-v-df37fc78]{width:320px;min-width:280px;max-width:360px;display:flex;flex-direction:column;background:#fafbfc;border-right:1px solid #e5e7eb;overflow:hidden}.ds-panel-header[data-v-df37fc78]{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;border-left:3px solid #6366f1;font-size:12px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.ds-panel-header .panel-header-icon[data-v-df37fc78]{font-size:14px;color:#6366f1}.ds-form-scroll[data-v-df37fc78]{flex:1;overflow-y:auto;padding:14px}.ds-form-scroll[data-v-df37fc78]::-webkit-scrollbar{width:5px}.ds-form-scroll[data-v-df37fc78]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ds-form-scroll[data-v-df37fc78]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ds-form-scroll[data-v-df37fc78]::-webkit-scrollbar-track{background:transparent}.ds-form[data-v-df37fc78]{display:flex;flex-direction:column;gap:2px}.ds-row-2[data-v-df37fc78]{display:flex;gap:8px}.ds-field-grow[data-v-df37fc78]{flex:1;min-width:0}.ds-field-port[data-v-df37fc78]{width:90px;flex-shrink:0}.ds-ssb-section[data-v-df37fc78]{padding-top:4px}.ds-additional-section[data-v-df37fc78]{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-top:4px}.ds-additional-header[data-v-df37fc78]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:11.5px;font-weight:600;color:#475569}.ds-add-btn[data-v-df37fc78]{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .15s ease}.ds-add-btn[data-v-df37fc78]:hover{background:#6366f1;border-color:#6366f1;color:#fff}.ds-additional-list[data-v-df37fc78]{max-height:140px;overflow-y:auto;padding:6px}.ds-additional-list[data-v-df37fc78]::-webkit-scrollbar{width:3px}.ds-additional-list[data-v-df37fc78]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ds-additional-list[data-v-df37fc78]::-webkit-scrollbar-track{background:transparent}.ds-additional-row[data-v-df37fc78]{display:flex;align-items:center;gap:4px;margin-bottom:4px}.ds-additional-row[data-v-df37fc78]:last-child{margin-bottom:0}.ds-info-field[data-v-df37fc78]{flex:1;min-width:0}.ds-info-sep[data-v-df37fc78]{color:#94a3b8;font-size:12px;font-weight:600;flex-shrink:0}.ds-info-delete[data-v-df37fc78]{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:#cbd5e1;cursor:pointer;transition:all .15s ease;flex-shrink:0}.ds-info-delete[data-v-df37fc78]:hover{background:#fef2f2;color:#ef4444}.ds-form-actions[data-v-df37fc78]{display:flex;flex-direction:column;gap:8px;padding:12px;margin:8px -14px -14px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;border-radius:0 0 0 8px}.ds-actions-row[data-v-df37fc78]{display:flex;gap:6px}.ds-btn[data-v-df37fc78]{padding:7px 14px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;cursor:pointer;transition:all .15s ease!important;display:inline-flex!important;align-items:center!important;gap:5px!important;flex:1}.ds-btn-add[data-v-df37fc78]{background:#059669!important;color:#fff!important;border:1px solid #059669!important;justify-content:center}.ds-btn-add[data-v-df37fc78]:hover{background:#047857!important;border-color:#047857!important}.ds-btn-update[data-v-df37fc78]{background:#059669!important;color:#fff!important;border:1px solid #059669!important;justify-content:center}.ds-btn-update[data-v-df37fc78]:hover{background:#047857!important;border-color:#047857!important}.ds-btn-reset[data-v-df37fc78]{background:#f59e0b!important;color:#fff!important;border:1px solid #f59e0b!important;justify-content:center}.ds-btn-reset[data-v-df37fc78]:hover{background:#d97706!important;border-color:#d97706!important}.ds-btn-test[data-v-df37fc78]{background:#64748b!important;color:#fff!important;border:1px solid #64748b!important;justify-content:center;flex:none;width:100%}.ds-btn-test[data-v-df37fc78]:hover{background:#475569!important;border-color:#475569!important}.ds-right-panel[data-v-df37fc78]{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.ds-table-header[data-v-df37fc78]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#fafbfc);flex-shrink:0}.ds-table-title[data-v-df37fc78]{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#1e293b}.ds-table-title .table-title-icon[data-v-df37fc78]{font-size:14px;color:#64748b}.ds-table-body[data-v-df37fc78]{flex:1;min-height:0;overflow:hidden}.ds-pagination-bar[data-v-df37fc78]{flex-shrink:0;border-top:1px solid #e2e8f0}.action-buttons[data-v-df37fc78]{display:flex;align-items:center;gap:6px}.action-btn[data-v-df37fc78]{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-btn svg[data-v-df37fc78]{transition:transform .15s ease}.action-btn:hover svg[data-v-df37fc78]{transform:scale(1.1)}.action-btn-edit[data-v-df37fc78]{background:#eef2ff;color:#6366f1;border-color:#c7d2fe}.action-btn-edit[data-v-df37fc78]:hover{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 2px 8px rgba(99,102,241,.3)}.action-btn-delete[data-v-df37fc78]{background:#fef2f2;color:#ef4444;border-color:#fecaca}.action-btn-delete[data-v-df37fc78]:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 2px 8px rgba(239,68,68,.3)}.loading-text[data-v-df37fc78]{font-size:13px;color:#64748b}.datasources-page .ds-label{font-size:12px;font-weight:600;color:#475569;margin-bottom:3px}.datasources-page .custom-select,.datasources-page .ds-input,.datasources-page .form-control{border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease;background:#fff;height:auto}.datasources-page .custom-select:focus,.datasources-page .ds-input:focus,.datasources-page .form-control:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);background:#fff}.datasources-page .custom-select::-moz-placeholder,.datasources-page .ds-input::-moz-placeholder,.datasources-page .form-control::-moz-placeholder{color:#a1a1aa}.datasources-page .custom-select::placeholder,.datasources-page .ds-input::placeholder,.datasources-page .form-control::placeholder{color:#a1a1aa}.datasources-page .form-group{margin-bottom:10px}.datasources-page .invalid-feedback{display:block!important;text-align:left;font-size:11px}.datasources-page .b-overlay>.position-absolute{background:rgba(248,250,252,.7)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.datasources-page table.ds-table{margin-bottom:0!important}.datasources-page .table-responsive{flex:1;min-height:0;overflow-y:auto}.datasources-page .table-responsive::-webkit-scrollbar{width:6px}.datasources-page .table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.datasources-page .table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b8}.datasources-page .table-responsive::-webkit-scrollbar-track{background:transparent}.datasources-page .table-responsive .table thead th,.datasources-page .table-responsive table.ds-table>thead>tr>.sorting,.datasources-page .table-responsive table.ds-table>thead>tr>[role=columnheader],.datasources-page .table-responsive table.ds-table>thead>tr>th,.datasources-page .table.ds-table thead th,.datasources-page .table thead th,.datasources-page table.ds-table>thead>tr>.sorting,.datasources-page table.ds-table>thead>tr>[role=columnheader],.datasources-page table.ds-table>thead>tr>th{background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important;border-bottom:1px solid #e2e8f0!important;border-top:none!important;font-size:10.5px!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:10px 14px!important;white-space:nowrap!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;position:sticky!important;top:0!important;z-index:2!important}.datasources-page table.ds-table>thead>tr>th[aria-sort]{cursor:pointer!important}.datasources-page table.ds-table>thead>tr>th[aria-sort=ascending],.datasources-page table.ds-table>thead>tr>th[aria-sort=descending],.datasources-page table.ds-table>thead>tr>th[aria-sort]:hover{background:#eef2ff!important;color:#4f46e5!important}.datasources-page table.ds-table>tbody>tr>td{padding:10px 14px!important;font-size:13px!important;color:#334155!important;border-bottom:1px solid #f1f5f9!important;vertical-align:middle!important}.datasources-page table.ds-table>tbody>tr:nth-of-type(odd){background:#fff!important}.datasources-page table.ds-table>tbody>tr:nth-of-type(2n){background:#f8fafc!important}.datasources-page table.ds-table>tbody>tr{transition:background .12s ease}.datasources-page table.ds-table>tbody>tr:hover{background:#eef2ff!important}.datasources-page table.ds-table>tbody>tr:hover>td{color:#0f172a!important}.datasources-page .pagination-bar{padding:10px 16px!important;margin-top:0!important;background:linear-gradient(180deg,#fafbfc,#f5f6fa)}.datasources-page .pagination-info{font-size:12.5px!important;color:#64748b!important;background:#fff;padding:5px 12px;border-radius:8px;border:1px solid #e2e8f0}.datasources-page .pagination-info .pagination-info-count{color:#6366f1!important;font-weight:700!important}.datasources-page .pagination-nav .page-link{font-size:12.5px!important;font-weight:600!important;padding:5px 11px!important;border-radius:8px!important;margin:0 2px!important;border:1px solid transparent!important;background:transparent!important;color:#475569!important;transition:all .15s ease!important}.datasources-page .pagination-nav .page-link:hover{background:#eef2ff!important;color:#4f46e5!important;border-color:#c7d2fe!important}.datasources-page .pagination-nav .page-item.active .page-link{background:#6366f1!important;color:#fff!important;border-color:#6366f1!important;box-shadow:0 2px 6px rgba(99,102,241,.3)!important}.datasources-page .pagination-nav .page-item.disabled .page-link{background:transparent!important;color:#cbd5e1!important;border-color:transparent!important}.datasources-page .pagination-goto{gap:6px!important}.datasources-page .pagination-goto-input{width:48px!important;height:32px!important;min-height:32px!important;max-height:32px!important;font-size:12.5px!important;font-weight:600!important;border:1px solid #e2e8f0!important;border-radius:8px!important;text-align:center!important;color:#334155!important;background:#fff!important}.datasources-page .pagination-goto-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.1)!important}.datasources-page .pagination-goto-btn{width:32px!important;height:32px!important;border-radius:8px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#64748b!important;transition:all .15s ease!important}.datasources-page .pagination-goto-btn:hover:not(:disabled){background:#6366f1!important;border-color:#6366f1!important;color:#fff!important}.datasources-page .pagination-goto-total{font-size:12px!important;color:#94a3b8!important;font-weight:500!important}