@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;600&family=Syne:wght@400;700;800&display=swap";:root{--bg: #08080d;--surface: #111118;--surface2: #1a1a24;--surface3: #22222e;--border: #2a2a3c;--border-hover: #3a3a50;--accent: #7c6aff;--accent-glow: rgba(124,106,255,.15);--accent2: #ff6a9d;--success: #34d399;--warning: #f9a852;--danger: #ef4444;--text: #e8e8f0;--text2: #b0b0c8;--muted: #6a6a8a;--service: #7c6aff;--api: #3dd9d6;--db: #f9a852;--cache: #ff6a9d;--storage: #6af0a0;--radius: 8px;--radius-lg: 12px;--font: "Inter", -apple-system, sans-serif;--mono: "JetBrains Mono", monospace;--shadow: 0 8px 32px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);height:100vh;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}header{padding:10px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;background:var(--surface);flex-shrink:0;z-index:100}header h1{font-family:Syne,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.5px}header h1 span{color:var(--accent)}.header-actions{display:flex;gap:8px;margin-left:auto;align-items:center}.legend{display:flex;gap:14px;align-items:center}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.legend-dot{width:8px;height:8px;border-radius:50%}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:320px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border)}.tab{flex:1;padding:10px 6px;font-size:11px;font-family:var(--font);text-align:center;cursor:pointer;color:var(--muted);border:none;background:none;border-bottom:2px solid transparent;transition:all .2s;font-weight:500}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab:hover:not(.active){color:var(--text2)}.tab-content{display:none;flex:1;overflow:hidden;flex-direction:column}.tab-content.active{display:flex}.view-switcher{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.view-btn{font-family:var(--font);font-size:11px;padding:6px 14px;border:none;background:var(--surface2);color:var(--muted);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:5px;font-weight:500;border-right:1px solid var(--border)}.view-btn:last-child{border-right:none}.view-btn:hover{color:var(--text2)}.view-btn.active{background:var(--accent);color:#fff}.content-area{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.view-panel{display:none;flex:1;overflow:hidden}.view-panel.active{display:flex;flex-direction:column}.btn{font-family:var(--font);font-size:12px;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{opacity:.85;border-color:var(--accent);color:#fff}.btn-danger{color:var(--danger)}.btn-danger:hover{background:#ef44441a;border-color:var(--danger)}.btn-sm{font-size:11px;padding:5px 10px}.btn-icon{width:34px;height:34px;padding:0;justify-content:center}.query-panel{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1;overflow:hidden}.section-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.search-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;color:var(--text);font-family:var(--font);font-size:12px;width:100%;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-family:var(--font);font-size:10px;padding:5px 10px;border-radius:20px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;transition:all .15s;font-weight:500}.chip:hover,.chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.result-item{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:12px;cursor:pointer;transition:all .15s}.result-item:hover{border-color:var(--accent);background:var(--surface3)}.r-name{font-weight:600;color:var(--text);margin-bottom:3px}.r-type{font-size:10px;padding:2px 8px;border-radius:20px;display:inline-block;margin-bottom:5px;font-weight:500}.r-meta{color:var(--muted);font-size:10px;line-height:1.7}.query-results{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-top:4px}.detail-panel{padding:14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.detail-empty{color:var(--muted);font-size:12px;text-align:center;padding:40px 20px;line-height:1.8}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.detail-name{font-family:Syne,sans-serif;font-size:16px;font-weight:700}.detail-actions{display:flex;gap:6px}.detail-badge{font-size:10px;padding:3px 10px;border-radius:20px;display:inline-block;font-weight:500}.detail-section{margin-top:8px}.detail-field{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:11px}.detail-field-label{color:var(--muted)}.detail-field-value{color:var(--text);text-align:right;max-width:60%;word-break:break-all}.detail-field-value a{color:var(--accent);text-decoration:none}.detail-field-value a:hover{text-decoration:underline}.detail-links{display:flex;flex-direction:column;gap:5px}.detail-link{display:flex;align-items:center;gap:8px;font-size:11px;padding:7px 10px;background:var(--surface2);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:border-color .15s}.detail-link:hover{border-color:var(--accent)}.detail-link-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px}.status-active{background:var(--success)}.status-deprecated{background:var(--danger)}.status-planned{background:var(--warning)}.editor-panel{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1;overflow:hidden}.code-editor{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:var(--mono);font-size:11px;resize:none;outline:none;line-height:1.7;overflow-y:auto;color:#a8d8a0}.code-editor.json-theme{color:#e8d4a0}.code-editor:focus{border-color:var(--accent)}.editor-actions{display:flex;gap:8px}.error-msg{color:var(--accent2);font-size:11px;padding:8px 10px;background:#ff6a9d14;border-radius:var(--radius);border:1px solid rgba(255,106,157,.2)}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:11px;color:var(--text2);font-weight:500}.form-input,.form-select,.form-textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;color:var(--text);font-family:var(--font);font-size:12px;outline:none;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-hint{font-size:10px;color:var(--muted)}.graph-area{flex:1;position:relative;overflow:hidden}svg#graph{width:100%;height:100%;background:var(--bg)}.graph-controls{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;gap:6px}.graph-info{position:absolute;top:12px;left:12px;font-size:11px;color:var(--muted);background:var(--surface);padding:6px 12px;border-radius:var(--radius);border:1px solid var(--border)}.node circle{stroke-width:2;cursor:grab;transition:filter .2s}.node circle:active{cursor:grabbing}.node.highlighted circle{filter:drop-shadow(0 0 10px currentColor)}.node.dimmed circle{opacity:.15}.node.dimmed text{opacity:.15}.node text{font-family:var(--mono);font-size:10px;fill:var(--text);pointer-events:none;text-anchor:middle}.link{stroke-opacity:.4;stroke-width:1.5;fill:none}.link.highlighted{stroke-opacity:1;stroke-width:2.5}.link.dimmed{stroke-opacity:.04}.link-label{font-family:var(--mono);font-size:9px;fill:var(--muted);pointer-events:none}.ctx-menu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:800;min-width:180px;padding:4px 0;animation:fadeIn .1s}.ctx-item{padding:8px 14px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text2);transition:background .1s}.ctx-item:hover{background:var(--surface2);color:var(--text)}.ctx-item.danger{color:var(--danger)}.ctx-item.danger:hover{background:#ef44441a}.ctx-sep{height:1px;background:var(--border);margin:4px 0}.minimap{position:absolute;bottom:60px;right:16px;width:140px;height:100px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;z-index:40;opacity:.8;transition:opacity .2s}.minimap:hover{opacity:1}.minimap canvas{width:100%;height:100%}@keyframes pulse{0%,to{filter:drop-shadow(0 0 4px currentColor)}50%{filter:drop-shadow(0 0 16px currentColor)}}.node.pulse circle{animation:pulse .8s ease-in-out 3}.table-container{flex:1;overflow:auto;padding:0}.catalog-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.catalog-table thead{position:sticky;top:0;z-index:5}.catalog-table th{background:var(--surface);padding:10px 14px;text-align:left;font-weight:600;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s}.catalog-table th:hover{color:var(--accent)}.catalog-table th .sort-arrow{font-size:10px;margin-left:4px;opacity:.4}.catalog-table th.sorted .sort-arrow{opacity:1;color:var(--accent)}.catalog-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:middle}.catalog-table tr{transition:background .1s}.catalog-table tbody tr:hover{background:var(--surface2)}.catalog-table tbody tr.selected{background:var(--accent-glow)}.table-type-badge{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:500;white-space:nowrap}.table-status{display:inline-flex;align-items:center;gap:4px;font-size:11px}.table-tags{display:flex;gap:4px;flex-wrap:wrap}.table-tag{font-size:10px;padding:1px 6px;border-radius:10px;background:var(--surface3);color:var(--muted)}.table-actions{display:flex;gap:4px}.table-toolbar{padding:10px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.table-toolbar .search-input{max-width:260px}.table-count{font-size:11px;color:var(--muted);margin-left:auto}.card-grid-container{flex:1;overflow:auto;padding:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;overflow:hidden;transition:all .2s;cursor:pointer;display:flex;flex-direction:column}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.card-accent{height:3px;width:100%}.card-body{padding:16px;flex:1;display:flex;flex-direction:column;gap:8px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card-title{font-weight:600;font-size:14px;color:var(--text)}.card-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.card-desc{font-size:11px;color:var(--text2);line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.card-meta-item{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:3px}.card-footer{padding:10px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-connections{font-size:10px;color:var(--muted)}.card-toolbar{padding:10px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.card-toolbar .search-input{max-width:260px}.card-sort-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;color:var(--text2);font-family:var(--font);font-size:11px;outline:none;cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--muted);text-align:center;flex:1}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty-state-text{font-size:14px;margin-bottom:8px;color:var(--text2)}.empty-state-hint{font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:520px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow);animation:slideUp .2s}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:Syne,sans-serif;font-size:15px;font-weight:700}.modal-close{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px}.modal-close:hover{color:var(--text)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 16px;border-radius:var(--radius);font-size:12px;display:flex;align-items:center;gap:10px;animation:slideUp .2s;box-shadow:var(--shadow);min-width:280px}.toast-success{background:#0d3320;border:1px solid #166534;color:var(--success)}.toast-error{background:#3b1111;border:1px solid #7f1d1d;color:var(--danger)}.toast-info{background:#1a1540;border:1px solid #312e81;color:var(--accent)}.toast-action{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-weight:600;font-family:var(--font);font-size:12px;text-decoration:underline}.confirm-body{text-align:center;padding:10px 0}.confirm-body p{font-size:13px;color:var(--text2);line-height:1.6}.confirm-body .confirm-name{color:var(--text);font-weight:600}.fab{position:absolute;bottom:16px;left:16px;z-index:50}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:900;animation:fadeIn .15s}.settings-drawer{position:fixed;top:0;right:0;width:340px;height:100vh;background:var(--surface);border-left:1px solid var(--border);z-index:901;overflow-y:auto;animation:slideLeft .2s;box-shadow:-8px 0 32px #0006}.settings-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);z-index:1}.settings-title{font-family:Syne,sans-serif;font-size:15px;font-weight:700}.settings-section{padding:16px 20px;border-bottom:1px solid var(--border)}.settings-section-title{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.setting-label{font-size:12px;color:var(--text2)}.setting-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;color:var(--text);font-family:var(--font);font-size:11px;outline:none;cursor:pointer;min-width:130px}.setting-toggle{position:relative;width:40px;height:22px;background:var(--surface3);border-radius:11px;cursor:pointer;border:1px solid var(--border);transition:all .2s}.setting-toggle.on{background:var(--accent);border-color:var(--accent)}.setting-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.setting-toggle.on:after{transform:translate(18px)}.setting-range{width:130px;-webkit-appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.theme-option{padding:10px;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;font-size:11px;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:6px}.theme-option:hover{border-color:var(--accent)}.theme-option.active{border-color:var(--accent);background:var(--accent-glow)}.theme-preview{width:100%;height:24px;border-radius:4px;display:flex;overflow:hidden}.theme-preview div{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}[data-theme=light]{--bg:#f4f4f8;--surface:#fff;--surface2:#eee;--surface3:#e0e0e8;--border:#d0d0dc;--border-hover:#b0b0c0;--accent:#6c5ce7;--accent-glow:rgba(108,92,231,.12);--accent2:#e84393;--text:#1a1a2e;--text2:#44445a;--muted:#8888a0;--shadow:0 8px 32px rgba(0,0,0,.1)}[data-theme=light] .code-editor{color:#2d5016}[data-theme=light] .code-editor.json-theme{color:#7d4e00}[data-theme=midnight]{--bg:#0a0e1a;--surface:#101828;--surface2:#1a2438;--surface3:#243048;--border:#2a3a5c;--border-hover:#3a4a6c;--accent:#60a5fa;--accent-glow:rgba(96,165,250,.12);--accent2:#f472b6;--text:#e2e8f0;--text2:#94a3b8;--muted:#64748b}[data-theme=warm]{--bg:#121010;--surface:#1a1616;--surface2:#241e1e;--surface3:#2e2626;--border:#3a3030;--border-hover:#4a4040;--accent:#f59e0b;--accent-glow:rgba(245,158,11,.12);--accent2:#ef4444;--text:#f5f0e8;--text2:#c8bfb0;--muted:#8a7e70}