:root{--primary-text:#111827;--secondary-text:#374151;--muted-text:#6b7280;--table-header-bg:#1e293b;--table-header-text:#f8fafc;--table-row-bg:#fff;--table-row-alt-bg:#f9fafb;--table-row-hover:#f1f5f9;--table-border:#e5e7eb;--accent-color:#3b82f6;--accent-hover:#2563eb;--danger-color:#dc2626;--danger-hover:#b91c1c;--success-color:#16a34a;--warning-color:#ca8a04}.data-table-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .3s ease;position:relative}.data-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;position:relative;z-index:2;background-color:#fff}.table-title{display:flex;flex-direction:column;gap:4px}.table-title h2{font-size:1.1rem;font-weight:600;color:#111827;margin:0}.record-count{font-size:.8rem;color:#6b7280}.table-actions{gap:8px}.export-table-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;color:#4b5563;cursor:pointer;transition:all .2s}.export-table-btn:hover{background-color:#e5e7eb}.scroll-top-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;cursor:pointer;transition:all .2s}.scroll-top-btn:hover{background-color:#e5e7eb}.global-search-container{display:flex;flex-direction:column;gap:4px;position:relative}.global-search-input{display:flex;align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2px;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease;min-width:320px}.global-search-input:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.global-search-input input{flex:1 1;border:none;outline:none;padding:8px 12px;font-size:.875rem;background:transparent;color:#374151;min-width:0}.global-search-input input::placeholder{color:#9ca3af}.global-search-input input.active{font-weight:500;color:#6366f1}.global-search-input input:disabled{color:#9ca3af;cursor:not-allowed}.global-search-buttons{display:flex;align-items:center;gap:2px;padding-right:2px}.clear-global-search-btn,.global-search-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:transparent}.global-search-btn{color:#6366f1}.global-search-btn:hover:not(:disabled){background-color:#f3f4f6;color:#4f46e5}.global-search-btn:disabled{color:#d1d5db;cursor:not-allowed}.clear-global-search-btn{color:#ef4444}.clear-global-search-btn:hover:not(:disabled){background-color:#fef2f2;color:#dc2626}.global-search-info{position:absolute;top:100%;left:0;right:0;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:6px 12px;font-size:.75rem;color:#1e40af;z-index:10;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.data-table-scroll{flex:1 1;overflow-y:auto;overflow-x:auto;position:relative;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.data-table-scroll::-webkit-scrollbar{width:8px;height:8px}.data-table-scroll::-webkit-scrollbar-track{background:#f1f5f9}.data-table-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px;border:2px solid #f1f5f9}.data-table-scroll::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.scroll-indicator{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;height:3px;background-color:#f1f5f9;z-index:5}.scroll-indicator-progress{height:100%;background-color:#6366f1;width:0;transition:width .1s ease;will-change:width}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left;position:relative}.data-table thead{position:-webkit-sticky;position:sticky;top:3px;z-index:4;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.data-table th{padding:12px 16px;font-weight:600;color:#4b5563;border-bottom:1px solid #e5e7eb;white-space:nowrap;cursor:pointer;transition:background-color .2s ease}.data-table th:hover{background-color:#f3f4f6}.data-table th.sorted{background-color:#eff6ff;color:#2563eb}.sort-icon{flex-shrink:0}.sort-placeholder{width:14px;height:14px}.data-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#374151}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:#f9fafb}.data-table tbody tr.selected-row{background-color:#eff6ff}.data-table tbody tr.selected-row:hover{background-color:#dbeafe}.data-table tbody tr.hovered-row{background-color:#f3f4f6}.checkbox-column{width:50px;text-align:center}.data-table .checkbox-column input[type=checkbox]{cursor:pointer;width:16px;height:16px}.no-data{text-align:center;padding:40px;color:#6b7280;font-style:italic}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.page-info{font-size:.875rem;color:#6b7280}.page-buttons{display:flex;gap:8px}.page-button{padding:8px 12px;border:1px solid #e5e7eb;background-color:#fff;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.page-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.page-button:disabled{opacity:.5;cursor:not-allowed}.page-button.current{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb;font-weight:600}.delete-selected-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;font-size:.8rem;color:#b91c1c;cursor:pointer;transition:all .2s}.delete-selected-btn:hover{background-color:#fecaca}.filter-container{display:flex;align-items:center;gap:10px;padding:10px 20px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.clear-search-btn{border:none;color:#9ca3af;padding:4px;justify-content:center;border-radius:4px}.clear-search-btn:hover{background-color:#f3f4f6;color:#6b7280}.infinite-scroll-trigger{display:flex;justify-content:center;padding:20px;color:#6b7280}.infinite-scroll-trigger-invisible{height:1px;opacity:0}.infinite-scroll-loading{align-items:center;gap:12px}.infinite-scroll-end,.infinite-scroll-loading{display:flex;justify-content:center;padding:20px;color:#6b7280;font-size:.875rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.search-info{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;background-color:#eff6ff;border-radius:6px;border:1px solid #bfdbfe}.search-info-text{font-size:.85rem;color:#1e40af}.search-column,.search-query,.search-table{font-weight:600;color:#1e40af}.search-query{background-color:#dbeafe;padding:1px 4px;border-radius:3px}.data-table th.search-highlight{border-color:#f59e0b!important}.data-table th.search-highlight,.search-highlight-cell{background-color:#fef3c7!important;color:#92400e!important}.search-highlight-cell{font-weight:500}.search-info-mini{display:flex;align-items:center;gap:4px;font-size:.75rem}.column-search-modal{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);min-width:300px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px) translateX(-50%)}to{opacity:1;transform:translateY(0) translateX(-50%)}}.modal-header{justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.modal-header,.modal-header h3{display:flex;align-items:center}.modal-header h3{gap:8px;margin:0;font-size:.9rem;font-weight:600;color:#374151}.modal-close{background:none;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-content{padding:16px}.search-type-selector{display:flex;gap:8px;margin-bottom:12px;background-color:#f9fafb;padding:4px;border-radius:6px}.search-type-option{flex:1 1;padding:6px 12px;text-align:center;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s;border:1px solid transparent}.search-type-option:hover{background-color:#f3f4f6}.search-type-option.active{background-color:#3b82f6;color:#fff;border-color:#2563eb}.search-type-option input[type=radio]{display:none}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-actions .search-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.modal-actions .search-btn:hover{background-color:#2563eb}.modal-actions .search-btn:disabled{opacity:.5;cursor:not-allowed}.modal-actions .cancel-btn{padding:6px 16px;background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.modal-actions .cancel-btn:hover{background-color:#e5e7eb}.searchable-column{position:relative}.th-content{justify-content:space-between;gap:8px}.th-content,.th-icons{display:flex;align-items:center}.th-icons{gap:4px}.search-icon{opacity:.5;transition:opacity .2s;color:#6b7280}.searchable-column:hover .search-icon{opacity:1;color:#3b82f6}@media (max-width:768px){.data-table-header{flex-direction:column;align-items:flex-start;gap:12px}.table-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}.global-search-container{order:-1;width:100%}.global-search-input{min-width:100%}.search-info{flex-direction:column;align-items:flex-start}.data-table td,.data-table th{padding:8px 12px;font-size:.8rem}.infinite-scroll-end{padding:16px}.column-search-modal{min-width:280px}.modal-actions,.search-type-selector{flex-direction:column}.modal-actions .cancel-btn,.modal-actions .search-btn{width:100%;justify-content:center}}.database-manager{display:flex;flex-direction:column;height:100%;width:100%;background-color:#f9fafb;transition:all .3s ease}.database-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05);z-index:10}.database-title{display:flex;align-items:center;gap:10px}.database-title h1{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.hamburger-menu{display:flex;align-items:center;justify-content:center;padding:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-right:12px}.hamburger-menu:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .6s}.hamburger-menu:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.hamburger-menu:hover:before{left:100%}.hamburger-menu:active{transform:translateY(0);transition:transform .1s}.hamburger-menu.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);animation:none;transform:rotate(90deg)}.hamburger-menu.active:hover{background-color:#2563eb;transform:rotate(90deg) scale(1.05)}.connection-status{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#f9fafb;border-radius:20px;font-size:.85rem;border:1px solid #e5e7eb}.refresh-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s}.refresh-btn:hover{background-color:#f3f4f6;color:#4b5563}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.status-icon{width:16px;height:16px;animation-duration:1.5s}.status-icon.spin{animation-name:spin;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-icon.loading{color:#6366f1}.connection-status .connected{color:#10b981;font-weight:500}.connection-status .error{color:#ef4444;font-weight:500}.connection-status .checking{color:#6366f1;font-weight:500}.table-selection-container{display:flex;flex-direction:column;padding:20px;gap:20px;flex:1 1;overflow-y:auto}.table-selection-header{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;position:relative}.table-selection-header h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.table-selection-header p{font-size:.95rem;color:#6b7280;margin:0}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px;padding-bottom:20px}.table-card{display:flex;align-items:center;gap:12px;background-color:#fff;border-radius:8px;padding:16px;transition:all .2s;border:1px solid #e5e7eb;cursor:pointer}.table-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-color:#d1d5db}.table-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f3f4f6;border-radius:8px;color:#6366f1}.table-card-content{flex:1 1}.table-card-content h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 4px}.table-card-content p{font-size:.85rem;color:#6b7280;margin:0}.connection-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;text-align:center;background-color:#fee2e2;border-radius:8px;color:#b91c1c;border:1px solid #fecaca}.connection-error svg{color:#ef4444;margin-bottom:16px}.connection-error h3{font-size:1.25rem;font-weight:600;margin:0}.connection-error p{font-size:.95rem;margin:0;max-width:500px}.retry-btn{display:flex;align-items:center;gap:8px;background-color:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:8px}.retry-btn:hover{background-color:#b91c1c}.table-data-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.table-data-header{gap:16px;padding:16px 20px;background-color:#fff;border-bottom:1px solid #e5e7eb}.back-btn,.table-data-header{display:flex;align-items:center}.back-btn{background:none;padding:6px 12px;border-radius:6px;font-weight:500;cursor:pointer;color:#4b5563;transition:all .2s;background-color:#f3f4f6;border:1px solid #e5e7eb}.back-btn:hover{background-color:#e5e7eb}.table-info{flex:1 1;display:flex;flex-direction:column;gap:2px}.table-info h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.total-records{font-size:.85rem;color:#6b7280}.column-selector-container{background-color:#fff;border-bottom:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.column-selector-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #e5e7eb}.column-selector-header h3{font-size:.95rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:6px}.column-count{font-size:.8rem;font-weight:400;color:#6b7280}.toggle-columns-btn{display:flex;align-items:center;gap:6px;background:none;border:none;font-size:.85rem;color:#6366f1;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.toggle-columns-btn:hover{background-color:#eff6ff}.toggle-columns-btn svg{transition:transform .2s ease}.toggle-columns-btn svg.rotate{transform:rotate(180deg)}.column-selector-panel{padding:12px 20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.column-selector-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.column-search{display:flex;align-items:center;gap:8px;padding:6px 10px;background-color:#fff;border-radius:6px;border:1px solid #e5e7eb;width:250px}.column-search input{border:none;outline:none;flex:1 1;font-size:.85rem;background:transparent}.column-actions{display:flex;gap:8px}.deselect-all-btn,.select-all-btn{background:none;border:none;font-size:.8rem;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.deselect-all-btn:hover,.select-all-btn:hover{background-color:#f1f5f9}.select-all-btn{color:#10b981;border-color:#10b981}.select-all-btn:hover{background-color:#ecfdf5}.deselect-all-btn{color:#ef4444;border-color:#ef4444}.deselect-all-btn:hover{background-color:#fef2f2}.column-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:8px;gap:8px;max-height:180px;overflow-y:auto;padding:8px 0}.data-display{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.error-message{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#fee2e2;color:#b91c1c;border-radius:6px;margin:16px 20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;color:#6b7280}.loading-container .spin{animation:spin 2s linear infinite}@media (max-width:1024px){.table-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:16px}.column-selector-controls{flex-direction:column;gap:12px}.column-actions{justify-content:center}.column-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.database-manager{padding:80px 16px 16px}.database-header{padding:16px;flex-direction:column;gap:16px;align-items:flex-start}.hamburger-menu{position:fixed;top:20px;left:20px;z-index:1001;padding:14px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;box-shadow:0 4px 12px rgba(59,130,246,.4);margin-right:0}.hamburger-menu:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(59,130,246,.5)}.hamburger-menu.active{background-color:#2563eb;transform:rotate(90deg) scale(1.1);box-shadow:0 6px 20px rgba(37,99,235,.6)}.hamburger-menu.active:hover{transform:rotate(90deg) scale(1.2)}.table-grid{grid-template-columns:1fr;gap:12px;padding:12px}.table-data-header{gap:12px}.column-selector-header,.table-data-header{flex-direction:column;align-items:flex-start}.column-selector-header{gap:16px}.column-list{grid-template-columns:1fr;max-height:200px}}.search-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s;position:absolute;right:0;top:0}.search-toggle-btn:hover{background-color:#e5e7eb}.search-toggle-btn.active{background-color:#eff6ff;color:#6366f1;border-color:#c7d2fe}.table-selection-header .search-toggle-btn{position:absolute;right:0;top:0}.table-actions{display:flex;align-items:center}.search-form{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:16px;margin-top:10px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.search-form.table-view{margin:0 20px 16px}.search-form h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 12px;display:flex;align-items:center;gap:8px}.search-form-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px}.search-form-group{display:flex;flex-direction:column;gap:6px}.search-form-group label{font-size:.85rem;font-weight:500;color:#4b5563}.search-form-group input,.search-form-group select{padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;font-size:.9rem;outline:none;transition:all .2s}.search-form-group input:focus,.search-form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.2)}.search-form-group select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.search-form-actions{display:flex;align-items:center;gap:12px;margin-top:8px;grid-column:1/-1}.clear-search-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:none;border:1px solid #ef4444;color:#ef4444;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.clear-search-btn:hover{background-color:#fef2f2}.search-result-info{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#1e40af;background-color:#eff6ff;padding:6px 10px;border-radius:6px;border:1px solid #bfdbfe;margin-top:4px}.search-result-info span{font-weight:500}.search-result-info .clear-search-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.8rem;padding:2px 6px;border-radius:4px;transition:all .2s}.search-result-info .clear-search-btn:hover{background-color:#fef2f2}@media (max-width:768px){.search-form-content{grid-template-columns:1fr}.table-actions{margin-top:10px}.search-form.table-view{margin:0 10px 10px}}