*{-webkit-tap-highlight-color:rgba(59,130,246,.2);touch-action:manipulation}button,a,input,select,textarea,[role=button]{min-height:44px}input,select,textarea{font-size:16px!important}@media (max-width: 767px){.sidebar{position:fixed!important;top:0;left:0;bottom:0;width:280px!important;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.sidebar-overlay.visible{display:block}.main-content{margin-left:0!important;width:100%!important;padding:16px!important}.header{padding:12px 16px!important}.header-title{font-size:18px!important}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:0}.card-grid{grid-template-columns:1fr!important;gap:16px!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.table-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.table-scroll-container table{min-width:600px}.form-row{flex-direction:column!important;gap:12px!important}.modal-content{width:95vw!important;max-width:95vw!important;max-height:90vh!important;margin:5vh auto!important}.tab-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-container::-webkit-scrollbar{display:none}.action-buttons{flex-direction:column!important;width:100%}.action-buttons button{width:100%!important}.glass-card{padding:16px!important}.section-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.section-header h2{font-size:20px!important}.desktop-only{display:none!important}.chat-container,.terminal-container{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:1001}}@media (min-width: 768px) and (max-width: 1024px){.sidebar{width:220px!important}.main-content{margin-left:220px!important}.card-grid{grid-template-columns:repeat(2,1fr)!important}.stat-grid{grid-template-columns:repeat(3,1fr)!important}.mobile-menu-btn{display:none!important}}@media (min-width: 1025px){.mobile-menu-btn,.sidebar-overlay{display:none!important}}@media (max-width: 767px) and (orientation: landscape){.sidebar{width:240px!important}.modal-content{max-height:85vh!important}.section-header{margin-bottom:16px!important}}@media (prefers-color-scheme: dark){input,select,textarea{background-color:#0f172acc!important;color:#fff!important;border-color:#94a3b833!important}}@supports (padding: max(0px)){.sidebar{padding-left:max(16px,env(safe-area-inset-left))}.main-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}.header{padding-top:max(12px,env(safe-area-inset-top))}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.sidebar,.mobile-menu-btn,.action-buttons{display:none!important}.main-content{margin:0!important;padding:0!important}}.database-explorer{padding:20px;max-width:100%;min-height:calc(100vh - 60px);background:#0f172a;color:#e2e8f0}.explorer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #334155}.explorer-header h2{margin:0;font-size:24px;color:#f1f5f9}.explorer-header .subtitle{margin:4px 0 0;color:#94a3b8;font-size:14px}.view-toggle{display:flex;gap:8px}.view-toggle button{padding:10px 20px;border:2px solid #334155;background:#1e293b;color:#94a3b8;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.view-toggle button:hover{border-color:#4f46e5;color:#e2e8f0}.view-toggle button.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.error-banner{background:#7f1d1d;border:1px solid #b91c1c;color:#fecaca;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;color:#fecaca;font-size:18px;cursor:pointer}.schema-visualization{position:relative;background:#0f172a;border-radius:12px;border:1px solid #334155;overflow:hidden}.viz-controls{position:absolute;top:16px;left:16px;z-index:10;display:flex;gap:8px;align-items:center;background:#0f172ae6;padding:8px 12px;border-radius:8px;border:1px solid #334155}.viz-controls button{padding:6px 12px;background:#1e293b;border:1px solid #475569;color:#e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.viz-controls button:hover{background:#334155;border-color:#6366f1}.zoom-level{color:#94a3b8;font-size:12px;margin-left:8px}.schema-diagram{width:100%;height:600px;cursor:grab;touch-action:none;overscroll-behavior:contain}.schema-diagram:active{cursor:grabbing}.schema-visualization{overflow:hidden}.schema-viz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#94a3b8}.viz-legend{position:absolute;bottom:16px;right:16px;background:#0f172ae6;padding:12px 16px;border-radius:8px;border:1px solid #334155;display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.db{background:linear-gradient(135deg,#667eea,#4c51bf)}.legend-dot.table{background:linear-gradient(135deg,#10b981,#059669)}.legend-dot.selected{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-line{width:20px;height:2px;background:#f59e0b;border-style:dashed}.controls{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding:16px;background:#1e293b;border-radius:8px;border:1px solid #334155}.control-group{display:flex;align-items:center;gap:8px}.control-group label{color:#94a3b8;font-size:13px;font-weight:500}.control-group select,.control-group input{padding:8px 12px;background:#0f172a;border:1px solid #475569;border-radius:6px;color:#e2e8f0;font-size:14px;min-width:180px}.control-group select:focus,.control-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.search-group{flex:1;min-width:300px}.search-group input{flex:1}.control-group button,.controls button{padding:8px 16px;background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;transition:background .2s}.control-group button:hover{background:#4338ca}.query-toggle{background:#334155!important}.query-toggle.active{background:#4f46e5!important}.schema-info{margin-bottom:16px;background:#1e293b;border-radius:8px;border:1px solid #334155}.schema-info summary{padding:12px 16px;cursor:pointer;color:#e2e8f0;font-size:14px}.schema-info summary:hover{background:#6366f11a}.schema-columns{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid #334155}.column-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#334155;border-radius:4px;font-size:12px}.column-badge.pk{background:#4f46e5}.column-badge strong{color:#f1f5f9}.col-type{color:#94a3b8;font-size:11px;text-transform:uppercase}.query-panel{margin-bottom:20px}.query-panel textarea{width:100%;padding:12px;background:#0f172a;border:1px solid #475569;border-radius:8px;color:#e2e8f0;font-family:Monaco,Menlo,monospace;font-size:13px;resize:vertical;margin-bottom:12px}.query-panel textarea:focus{outline:none;border-color:#6366f1}.query-actions{display:flex;align-items:center;gap:16px;margin-bottom:16px}.query-hint{color:#64748b;font-size:12px}.query-stats{padding:8px 12px;background:#065f46;border-radius:6px;color:#6ee7b7;font-size:13px;margin-bottom:12px}.data-grid-container{overflow-x:auto;border:1px solid #334155;border-radius:8px}.data-grid{width:100%;border-collapse:collapse;font-size:13px}.data-grid th{background:#1e293b;color:#94a3b8;font-weight:600;text-align:left;padding:12px 16px;border-bottom:2px solid #334155;white-space:nowrap;cursor:pointer;transition:background .2s}.data-grid th:hover{background:#334155}.data-grid th.sorted{color:#6366f1;background:#6366f11a}.sort-arrow{font-size:10px;margin-left:4px}.data-grid td{padding:10px 16px;border-bottom:1px solid #1e293b;color:#e2e8f0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-grid tbody tr:hover{background:#6366f10d}.data-grid tbody tr.expanded{background:#6366f11a}.row-num{color:#64748b;font-size:11px;text-align:center;width:50px;min-width:50px}.actions-col{width:60px;text-align:center}.expand-btn{padding:4px 8px;background:#334155;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:10px}.expand-btn:hover{background:#475569}.detail-row td{padding:0;background:#0f172a}.row-detail{padding:16px}.row-detail h4{margin:0 0 12px;color:#94a3b8;font-size:12px;text-transform:uppercase}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.detail-item{background:#1e293b;padding:10px;border-radius:6px}.detail-item label{display:block;color:#6366f1;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.detail-item pre{margin:0;color:#e2e8f0;font-size:12px;white-space:pre-wrap;word-break:break-word;font-family:Monaco,Menlo,monospace}.null-value,.empty-value{color:#64748b;font-style:italic;font-size:11px}.json-value{color:#a78bfa;font-family:Monaco,Menlo,monospace;font-size:12px;cursor:help}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#1e293b;border-radius:0 0 8px 8px;border-top:1px solid #334155}.pagination button{padding:8px 16px;background:#334155;border:1px solid #475569;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:13px;transition:all .2s}.pagination button:hover:not(:disabled){background:#475569;border-color:#6366f1}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#94a3b8;font-size:14px}.page-info strong{color:#e2e8f0}.total-rows{margin-left:8px;color:#64748b;font-size:12px}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px;color:#94a3b8;font-size:14px}.spinner{width:24px;height:24px;border:3px solid #334155;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:#64748b;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{font-size:16px;margin:0 0 16px}.empty-state button{padding:8px 16px;background:#334155;border:1px solid #475569;border-radius:6px;color:#e2e8f0;cursor:pointer}.ai-assistant{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:1px solid rgba(139,92,246,.3);border-radius:12px;margin-bottom:16px;overflow:hidden}.ai-header{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;background:#0003;transition:background .2s}.ai-header:hover{background:#0000004d}.ai-icon{font-size:20px}.ai-title{font-weight:600;color:#a78bfa;flex:1}.ai-toggle{color:#888;font-size:12px}.ai-body{max-height:0;overflow:hidden;transition:all .3s ease;padding:0 16px}.ai-body.expanded{max-height:600px;padding:16px}.ai-form{display:flex;gap:12px}.ai-input{flex:1;padding:12px 16px;background:#0000004d;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#fff;font-size:14px;outline:none}.ai-input:focus{border-color:#8b5cf699}.ai-button{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s}.ai-button:hover:not(:disabled){opacity:.9}.ai-button:disabled{opacity:.5;cursor:not-allowed}.ai-examples{margin-top:12px;font-size:12px;color:#888}.example-list{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.example-item{padding:4px 8px;background:#ffffff0d;border-radius:4px;cursor:pointer;transition:background .2s}.example-item:hover{background:#ffffff1a}.ai-result{margin-top:16px;padding:16px;background:#0000004d;border-radius:8px}.ai-error{color:#ef4444}.ai-success{color:#22c55e;font-weight:500}.ai-explanation{color:#ccc;font-size:14px;line-height:1.6}.ai-sql-label{color:#888;margin-top:12px;font-size:12px}.ai-sql{font-family:Monaco,Menlo,monospace;font-size:13px;color:#a78bfa;white-space:pre-wrap;padding:12px;background:#0000004d;border-radius:6px;margin-top:8px}.ai-preview{margin-top:12px;color:#888;font-size:13px}.ai-warning{margin-top:8px;padding:8px;background:#eab30826;border:1px solid rgba(234,179,8,.3);border-radius:6px;color:#eab308;font-size:13px}.ai-apply-btn{margin-top:12px;padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.ai-apply-btn:hover:not(:disabled){opacity:.9}.ai-apply-btn:disabled{opacity:.5;cursor:not-allowed}.mode-toggles{margin-left:auto;display:flex;gap:8px}.mode-btn{padding:8px 16px!important;background:#334155!important;border:1px solid #475569!important;color:#94a3b8!important;transition:all .2s!important}.mode-btn:hover{border-color:#6366f1!important;color:#e2e8f0!important}.mode-btn.active{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}.edit-mode-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-color:#f59e0b!important}.edit-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;margin-bottom:16px}.edit-info{color:#fbbf24;font-size:14px}.edit-actions{display:flex;align-items:center;gap:12px}.changes-badge{background:#f59e0b;color:#000;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.save-btn{padding:8px 16px!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;cursor:pointer!important}.save-btn:hover:not(:disabled){opacity:.9!important}.save-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.discard-btn{padding:8px 16px!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important}.discard-btn:hover{background:#ffffff26!important}.save-result{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:16px}.save-result.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.save-result.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.save-result button{margin-left:auto;background:none!important;border:none!important;color:inherit!important;cursor:pointer;font-size:16px}.column-filter{position:relative;display:inline-block;margin-left:4px}.filter-toggle{background:transparent;border:none;color:#64748b;cursor:pointer;padding:2px 4px;font-size:10px;border-radius:3px;transition:all .2s}.filter-toggle:hover{background:#6366f133;color:#a5b4fc}.filter-toggle.active{background:#4f46e5;color:#fff}.filter-dropdown{position:absolute;top:100%;right:0;z-index:1000;min-width:220px;max-width:300px;background:#1e293b;border:1px solid #475569;border-radius:8px;box-shadow:0 10px 40px #00000080;margin-top:4px}.filter-section{padding:8px}.filter-divider{border-top:1px solid #334155;margin:0}.filter-sort-btn{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:#e2e8f0;text-align:left;cursor:pointer;border-radius:4px;font-size:13px;margin-bottom:2px}.filter-sort-btn:hover{background:#6366f133}.filter-sort-btn.active{background:#4f46e5;color:#fff}.filter-actions{display:flex;gap:8px;margin-bottom:8px}.filter-action-btn{flex:1;padding:6px 10px;background:#334155;border:1px solid #475569;color:#e2e8f0;border-radius:4px;cursor:pointer;font-size:12px}.filter-action-btn:hover{background:#475569}.filter-search{width:100%;padding:8px 10px;background:#0f172a;border:1px solid #475569;border-radius:4px;color:#e2e8f0;font-size:13px;margin-bottom:8px}.filter-search:focus{outline:none;border-color:#6366f1}.filter-values{max-height:200px;overflow-y:auto;border:1px solid #334155;border-radius:4px;background:#0f172a}.filter-value-item{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;font-size:13px;color:#e2e8f0;transition:background .2s}.filter-value-item:hover{background:#6366f11a}.filter-value-item input[type=checkbox]{accent-color:#6366f1}.filter-value-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-no-results{padding:12px;text-align:center;color:#64748b;font-size:13px}.filter-searching{padding:12px;text-align:center;color:#a78bfa;font-size:13px}.from-search{color:#22c55e;font-size:11px;margin-left:4px}.filter-status{padding:8px 10px;text-align:center;color:#94a3b8;font-size:12px;border-top:1px solid #334155;margin-top:8px}.filter-apply-actions{display:flex;gap:8px;padding:8px;border-top:1px solid #334155}.filter-cancel-btn{flex:1;padding:8px 12px;background:#334155;border:1px solid #475569;color:#e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.filter-cancel-btn:hover{background:#475569}.filter-apply-btn{flex:1;padding:8px 12px;background:#4f46e5;border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.filter-apply-btn:hover{background:#4338ca}.th-content{display:flex;align-items:center;justify-content:space-between;gap:4px}.th-label{cursor:pointer;flex:1}.data-grid th.filtered{background:#6366f133;border-bottom-color:#6366f1}.active-filters-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:8px;margin-bottom:16px}.filter-count{color:#a5b4fc;font-size:14px;font-weight:500}.clear-filters-btn{padding:6px 12px;background:transparent;border:1px solid rgba(99,102,241,.5);color:#a5b4fc;border-radius:6px;cursor:pointer;font-size:13px}.clear-filters-btn:hover{background:#6366f133}.ai-filter-badge{background:#4f46e5;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.ai-filter-notice{background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:6px;padding:10px 12px;margin-bottom:12px;color:#a5b4fc;font-size:13px}.editable-cell{padding:4px 8px;cursor:pointer;min-height:24px;border-radius:4px;transition:background .2s}.editable-cell:hover{background:#eab3081a}.editable-input{width:100%;padding:4px 8px;background:#1a1a2e;border:2px solid #eab308;border-radius:4px;color:#fff;font-size:13px;outline:none}.editable-input:focus{box-shadow:0 0 0 3px #eab30833}.data-grid tbody tr.row-changed{background:#eab30814!important}.data-grid tbody tr.row-changed:hover{background:#eab3081f!important}.readonly-cell{padding:4px 8px;min-height:24px;color:#94a3b8;cursor:not-allowed;display:flex;align-items:center;gap:6px}.readonly-cell .lock-icon{font-size:10px;opacity:.6}.readonly-cell:hover{background:#64748b1a}@media (max-width: 768px){.explorer-header{flex-direction:column;gap:16px;align-items:flex-start}.controls{flex-direction:column}.control-group,.control-group select,.control-group input{width:100%}.schema-diagram{height:400px}.pagination{flex-wrap:wrap}}