.tables-container{display:flex;height:calc(100vh - 104px);background-color:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05)}.tables-sidebar{width:300px;background-color:#f8fafc;border-right:1px solid #e6e8ec;display:flex;flex-direction:column}.tables-search{padding:16px;border-bottom:1px solid #e6e8ec}.search-input-container{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e6e8ec;border-radius:6px;font-size:14px;outline:none;transition:all .2s ease}.search-input:focus{border-color:#cbd5e1;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.tables-heading{padding:16px;margin:0;font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.tables-list{flex:1 1;overflow-y:auto}.table-items{list-style:none;margin:0;padding:0}.table-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.table-item:hover{background-color:#f1f5f9}.table-item.active{background-color:#eff6ff;border-left-color:#3b82f6}.table-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#f1f5f9;border-radius:6px;margin-right:12px;color:#64748b}.table-item.active .table-item-icon{background-color:#dbeafe;color:#3b82f6}.table-item-content{flex:1 1}.table-item-name{font-weight:500;color:#334155;margin-bottom:4px}.table-item.active .table-item-name{color:#1e40af}.table-item-description{font-size:12px;color:#64748b}.table-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.table-header{padding:16px 24px;border-bottom:1px solid #e6e8ec;display:flex;justify-content:space-between;align-items:center}.table-title h2{margin:0 0 4px;font-size:18px;font-weight:600;color:#1e293b}.table-description{margin:0;font-size:14px;color:#64748b}.view-source-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f8fafc;border:1px solid #e6e8ec;border-radius:6px;color:#64748b;font-size:13px;text-decoration:none;transition:all .2s ease}.view-source-btn:hover{background-color:#f1f5f9;color:#475569}.table-data-container{flex:1 1;overflow:auto;padding:0}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{border:1px solid #e6e8ec;padding:10px 16px;color:#334155;font-size:14px;text-align:left}.data-table th{color:#475569;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th,.data-table tr:nth-child(2n){background-color:#f8fafc}.data-table tr:hover{background-color:#f1f5f9}.no-table-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;text-align:center;padding:20px}.no-table-icon{color:#cbd5e1;margin-bottom:16px}.no-table-selected h2{font-size:20px;font-weight:600;color:#475569;margin-bottom:8px}.no-table-selected p{font-size:16px;color:#64748b}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:16px}@media (max-width:768px){.tables-container{flex-direction:column;height:auto}.tables-sidebar{width:100%;height:300px}}