.db-container{flex-direction:column;gap:1.5rem;display:flex}.db-layout{grid-template-columns:290px 1fr;align-items:start;gap:1.5rem;display:grid}@media (max-width:1024px){.db-layout{grid-template-columns:1fr}}.db-sidebar{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;max-height:calc(100vh - 2rem);display:flex;position:sticky;top:1rem;overflow:hidden}.db-sidebar-header{border-bottom:1px solid var(--border-default);background:#fff;padding:1.15rem 1.25rem .85rem}.db-sidebar-title{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.db-sidebar-title h2{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.db-category-filter{scrollbar-width:thin;gap:.35rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.db-cat-pill{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:.25rem .6rem;font-size:.72rem;font-weight:500;transition:all .15s}.db-cat-pill:hover{color:var(--text-primary);background:#e2e8f0}.db-cat-pill.active{background:var(--color-brand-600);color:#fff;font-weight:600}.db-model-search-wrap{margin-top:.5rem;position:relative}.db-model-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.db-model-search-input{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:#f8fafc;outline:none;width:100%;padding:.45rem .75rem .45rem 2.2rem;font-size:.8125rem;transition:all .15s}.db-model-search-input:focus{border-color:var(--color-brand-500);background:#fff;box-shadow:0 0 0 2px #3b82f61f}.db-model-list{flex-direction:column;flex:1;gap:.2rem;padding:.6rem;display:flex;overflow-y:auto}.db-model-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:.6rem .85rem;transition:all .15s;display:flex}.db-model-item:hover{background:#f8fafc;border-color:#e2e8f0}.db-model-item.active{background:#eff6ff;border-color:#bfdbfe}.db-model-name{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;display:flex}.db-model-item.active .db-model-name{color:var(--color-brand-600)}.db-model-count{color:var(--text-muted);text-align:center;background:#f1f5f9;border-radius:999px;min-width:28px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.db-model-item.active .db-model-count{color:var(--color-brand-700);background:#dbeafe}.db-main-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.db-toolbar{border-bottom:1px solid var(--border-default);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.35rem;display:flex}.db-toolbar-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.db-toolbar-right{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.db-search-box{min-width:260px;position:relative}.db-search-box input{border:1px solid var(--border-default);border-radius:var(--radius-md);background:#f8fafc;outline:none;width:100%;padding:.5rem .85rem .5rem 2.25rem;font-size:.84rem;transition:all .15s}.db-search-box input:focus{border-color:var(--color-brand-500);background:#fff;box-shadow:0 0 0 2px #3b82f61f}.db-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.db-table-scroll{min-height:380px;max-height:calc(100vh - 280px);position:relative;overflow:auto}.db-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.825rem}.db-table th{z-index:10;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-default);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8fafc;padding:.75rem 1rem;font-size:.72rem;font-weight:700;position:sticky;top:0}.db-table th.sortable{cursor:pointer;transition:background .15s}.db-table th.sortable:hover{color:var(--text-primary);background:#f1f5f9}.db-th-content{align-items:center;gap:.35rem;display:flex}.db-th-type{color:#94a3b8;text-transform:lowercase;background:#e2e8f0;border-radius:4px;padding:.05rem .3rem;font-size:.65rem;font-weight:500}.db-table td{color:var(--text-primary);vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-bottom:1px solid #f1f5f9;max-width:320px;padding:.75rem 1rem;overflow:hidden}.db-table tr:hover td{background:#f8fafc}.db-cell-id{color:#475569;align-items:center;gap:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;display:inline-flex}.db-copy-btn{opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;transition:all .15s;display:inline-flex}.db-copy-btn:hover{opacity:1;background:#e2e8f0}.db-cell-json{cursor:pointer;color:#3b82f6;text-overflow:ellipsis;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;max-width:160px;padding:.15rem .5rem;font-family:ui-monospace,monospace;font-size:.74rem;display:inline-block;overflow:hidden}.db-cell-json:hover{background:#eff6ff;border-color:#bfdbfe}.db-cell-badge{border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.db-badge-true{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.db-badge-false{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.db-badge-enum{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.db-badge-null{color:#94a3b8;font-size:.75rem;font-style:italic}.db-actions-cell{white-space:nowrap;align-items:center;gap:.35rem;display:flex}.db-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.db-action-btn:hover{color:var(--color-brand-600);background:#f8fafc;border-color:#cbd5e1}.db-action-btn.btn-delete:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.db-pagination{border-top:1px solid var(--border-default);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.35rem;display:flex}.db-pagination-info{color:var(--text-secondary);font-size:.8rem}.db-pagination-controls{align-items:center;gap:.35rem;display:flex}.db-page-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);min-width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 .45rem;font-size:.8rem;transition:all .15s;display:inline-flex}.db-page-btn:hover:not(:disabled){color:var(--text-primary);background:#f8fafc;border-color:#cbd5e1}.db-page-btn.active{background:var(--color-brand-600);color:#fff;border-color:var(--color-brand-600);font-weight:600}.db-page-btn:disabled{opacity:.4;cursor:not-allowed}.db-modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.db-modal-content{border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);background:#fff;flex-direction:column;width:100%;max-width:720px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) modalIn;display:flex;overflow:hidden}.db-modal-lg{max-width:880px}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.db-modal-header{border-bottom:1px solid var(--border-default);background:#f8fafc;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.db-modal-header h3{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.db-modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:.3rem;transition:all .15s;display:inline-flex}.db-modal-close:hover{color:var(--text-primary);background:#e2e8f0}.db-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.db-modal-footer{border-top:1px solid var(--border-default);background:#f8fafc;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.db-form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.15rem;display:grid}.db-form-group{flex-direction:column;gap:.35rem;display:flex}.db-form-group.full-width{grid-column:1/-1}.db-form-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;display:flex}.db-form-label .required{color:#ef4444;margin-left:2px}.db-form-label .tag-type{color:#64748b;background:#f1f5f9;border-radius:4px;padding:.1rem .35rem;font-size:.68rem;font-weight:400}.db-form-input,.db-form-select,.db-form-textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#fff;outline:none;padding:.5rem .75rem;font-size:.84rem;transition:all .15s}.db-form-input:focus,.db-form-select:focus,.db-form-textarea:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 2px #3b82f626}.db-form-textarea{resize:vertical;min-height:90px;font-family:ui-monospace,monospace;font-size:.8rem}.db-form-hint{color:var(--text-muted);font-size:.72rem}.db-sql-box{border-radius:var(--radius);color:#f8fafc;background:#0f172a;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.db-sql-editor{border-radius:var(--radius-md);color:#38bdf8;resize:vertical;background:#1e293b;border:1px solid #334155;outline:none;width:100%;min-height:120px;padding:.85rem 1rem;font-family:ui-monospace,monospace;font-size:.875rem}.db-sql-editor:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.db-sql-templates{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.db-sql-template-btn{color:#cbd5e1;cursor:pointer;background:#334155;border:none;border-radius:4px;padding:.25rem .55rem;font-size:.72rem;transition:all .15s}.db-sql-template-btn:hover{color:#fff;background:#475569}.db-dropdown-menu{z-index:50;border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);background:#fff;flex-direction:column;gap:.25rem;min-width:200px;max-height:280px;padding:.5rem;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto}.db-dropdown-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.78rem;display:flex}.db-dropdown-item:hover{background:#f8fafc}.db-stats-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:.5rem;display:grid}.db-stat-pill{border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);background:#fff;align-items:center;gap:.85rem;padding:.85rem 1.15rem;display:flex}.db-stat-icon{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--color-brand-600);background:#eff6ff;justify-content:center;align-items:center;display:flex}.db-stat-num{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.1}.db-stat-txt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}