.graph-drawer-overlay[data-v-f998f683]{position:fixed;inset:0;background:#00000073;display:flex;justify-content:flex-end;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.graph-drawer[data-v-f998f683]{width:min(1100px,90vw);background:#fff;color:#0f172a;height:100%;box-shadow:-12px 0 28px #00000040;padding:1.25rem;display:flex;flex-direction:column}.graph-drawer-header[data-v-f998f683]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.graph-drawer-title[data-v-f998f683]{display:flex;align-items:center;gap:.75rem}.graph-drawer-title .material-symbols-outlined[data-v-f998f683]{font-size:32px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.graph-drawer-actions[data-v-f998f683]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stat-chip[data-v-f998f683]{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .7rem;background:#eef2ff;border-radius:999px;font-weight:600;font-size:.9rem;color:#1f2937}.stat-chip .material-symbols-outlined[data-v-f998f683]{font-size:18px}.drawer-btn[data-v-f998f683]{display:inline-flex;align-items:center;gap:.25rem;padding:.45rem .7rem;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .1s ease;font-weight:600}.drawer-btn[data-v-f998f683]:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.drawer-btn.danger[data-v-f998f683]{border-color:#fecdd3;background:#fff1f2;color:#b91c1c}.drawer-btn .material-symbols-outlined[data-v-f998f683]{font-size:18px}.graph-drawer[data-v-f998f683] .graph-explorer{background:#f8fafc;border:1px solid #e5e7eb}.graph-drawer[data-v-f998f683] .graph-container{border-radius:12px}.graph-drawer-body[data-v-f998f683]{display:flex;gap:12px;height:100%}.graph-viewer[data-v-f998f683]{flex:1;min-width:0}.entity-panel[data-v-f998f683]{width:320px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px;max-height:calc(100vh - 220px);overflow-y:auto}.panel-header[data-v-f998f683]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.type-badge[data-v-f998f683]{padding:4px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;color:#fff;font-weight:600}.close-btn[data-v-f998f683]{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;border-radius:4px;transition:all .2s}.close-btn[data-v-f998f683]:hover{color:#111827;background:#e5e7eb}.panel-title[data-v-f998f683]{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.view-page-btn[data-v-f998f683]{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;margin-top:16px;transition:all .2s ease;width:100%}.view-page-btn[data-v-f998f683]:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d;color:#fff}.view-page-btn .material-symbols-outlined[data-v-f998f683]{font-size:18px}.panel-description[data-v-f998f683]{font-size:13px;color:#4b5563;line-height:1.5;margin:0 0 12px}.panel-provider[data-v-f998f683]{margin-bottom:12px}.provider-badge[data-v-f998f683]{padding:4px 8px;border-radius:4px;font-size:11px;color:#fff;font-weight:600}.panel-meta[data-v-f998f683]{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.meta-label[data-v-f998f683]{font-size:12px;color:#6b7280}.meta-value[data-v-f998f683]{font-size:13px;color:#111827}.panel-tags[data-v-f998f683]{margin-bottom:12px}.tag-list[data-v-f998f683]{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag[data-v-f998f683]{padding:2px 6px;background:#e5e7eb;border-radius:4px;font-size:11px;color:#111827}.panel-connections[data-v-f998f683]{margin-top:10px}.connection-list[data-v-f998f683]{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.connection-item[data-v-f998f683]{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f1f5f9;border-radius:8px;border:1px solid #e2e8f0;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .1s ease;font-size:13px;color:#111827}.connection-item[data-v-f998f683]:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.conn-dot[data-v-f998f683]{width:8px;height:8px;border-radius:50%}.more-connections[data-v-f998f683]{font-size:12px;color:#6b7280;align-self:center}.slide-enter-active[data-v-f998f683],.slide-leave-active[data-v-f998f683]{transition:all .2s ease}.slide-enter-from[data-v-f998f683],.slide-leave-to[data-v-f998f683]{opacity:0;transform:translate(8px)}.graph-drawer-slide-enter-active[data-v-f998f683],.graph-drawer-slide-leave-active[data-v-f998f683]{transition:all .25s ease}.graph-drawer-slide-enter-from[data-v-f998f683],.graph-drawer-slide-leave-to[data-v-f998f683]{opacity:0}.graph-drawer-slide-enter-from .graph-drawer[data-v-f998f683],.graph-drawer-slide-leave-to .graph-drawer[data-v-f998f683]{transform:translate(20px)}html.dark .graph-drawer[data-v-f998f683]{background:#0f172a;color:#fff}html.dark .stat-chip[data-v-f998f683]{background:#1f2937;color:#fff}html.dark .drawer-btn[data-v-f998f683]{border-color:#ffffff1f;background:#ffffff0d;color:#fff}html.dark .drawer-btn[data-v-f998f683]:hover{background:#ffffff1f;border-color:#fff3}html.dark .drawer-btn.danger[data-v-f998f683]{border-color:#ef444459;background:#ef44441a;color:#fff}html.dark .graph-drawer[data-v-f998f683] .graph-explorer{background:#0b1224;border:1px solid rgba(255,255,255,.08)}html.dark .entity-panel[data-v-f998f683]{background:#111827;border-color:#1f2937}html.dark .panel-title[data-v-f998f683]{color:#f9fafb}html.dark .panel-description[data-v-f998f683]{color:#9ca3af}html.dark .meta-value[data-v-f998f683]{color:#e5e7eb}html.dark .tag[data-v-f998f683]{background:#1f2937;color:#e5e7eb}html.dark .connection-item[data-v-f998f683]{background:#0f172a;border-color:#1f2937;color:#e5e7eb}html.dark .connection-item[data-v-f998f683]:hover{background:#1f2937;border-color:#27304a}@media screen and (max-width:520px){.graph-drawer[data-v-f998f683]{width:100%;padding:1rem}.graph-drawer-header[data-v-f998f683]{flex-direction:column;align-items:flex-start}.graph-drawer-body[data-v-f998f683]{flex-direction:column}.entity-panel[data-v-f998f683]{width:100%;max-height:none;order:-1}}
