.node-details-panel{z-index:1000;background:#fff;border-radius:12px;width:380px;max-height:85vh;animation:.3s slideIn;position:fixed;top:50%;right:20px;overflow:hidden;transform:translateY(-50%);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.graph-container{width:100%;height:100%;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-left:4px solid;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-header h3{color:#111827;margin:0;font-size:16px;font-weight:600}.close-panel{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:24px;transition:all .2s;display:flex}.close-panel:hover{color:#111827;background:#e5e7eb}.panel-content{max-height:calc(85vh - 60px);padding:20px;overflow-y:auto}.info-section{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.node-id,.node-count{color:#4b5563;word-break:break-all;margin:8px 0;font-size:13px}.node-id strong,.node-count strong{color:#111827;margin-right:8px}.properties-section{margin-bottom:20px}.properties-section h4,.relationships-section h4{color:#111827;border-bottom:2px solid #e5e7eb;margin:0 0 12px;padding-bottom:6px;font-size:14px;font-weight:600}.properties-grid{gap:8px;display:grid}.property-item{background:#f9fafb;border-radius:6px;flex-direction:column;padding:8px;font-size:12px;display:flex}.property-key{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.property-value{color:#111827;word-break:break-word;font-family:monospace;font-size:12px}.relationship-item{background:#f9fafb;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:12px;transition:all .2s;display:flex}.relationship-item:hover{background:#f3f4f6;transform:translate(2px)}.relationship-direction{color:#10b981;text-align:center;width:24px;font-size:16px;font-weight:700}.relationship-description{color:#374151;flex:1;font-weight:500}.relationship-target{color:#6b7280;font-family:monospace;font-size:11px}.more-relationships{text-align:center;color:#6b7280;padding:8px;font-size:12px;font-style:italic}.panel-actions{border-top:1px solid #e5e7eb;gap:10px;margin-top:20px;padding-top:16px;display:flex}.expand-button,.close-button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:500;transition:all .2s}.expand-button{color:#fff;background:#3b82f6}.expand-button:hover{background:#2563eb;transform:translateY(-1px)}.close-button{color:#374151;background:#f3f4f6}.close-button:hover{background:#e5e7eb}.hover-tooltip{z-index:999;pointer-events:none;background:#fff;border-left:3px solid;border-radius:8px;flex-direction:column;gap:4px;padding:8px 14px;font-size:12px;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 6px -1px #0000001a}.hover-tooltip strong{color:#111827;font-size:13px}.tooltip-type{color:#6b7280;font-size:11px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.panel-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.graph-control-bar{z-index:10;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:12px;font-weight:500;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0000001a}.view-mode-info{color:#4a5568;font-size:11px}.reset-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:4px 12px;font-size:11px;transition:all .2s}.reset-button:hover{background:#5a67d8;transform:translateY(-1px)}.loading-indicator{color:#6b7280;background:#f3f4f6;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.spinner-small{border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.legend-item.summary{border-bottom:1px solid #e5e7eb;margin-bottom:10px;padding-bottom:6px}.performance-hint{color:#92400e;z-index:10;background:#fef3c7;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:500;animation:5s ease-in-out fadeInOut;position:absolute;bottom:20px;right:20px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.graph-legend{z-index:10;background:#fff;border-radius:8px;max-height:300px;padding:12px;font-size:11px;position:absolute;bottom:20px;left:20px;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.graph-legend h4{color:#374151;margin-bottom:8px;font-size:12px;font-weight:600}.legend-item{align-items:center;gap:8px;margin-bottom:6px;display:flex}.legend-color{border-radius:50%;width:12px;height:12px}.legend-item span{color:#4b5563;font-size:11px}.chat-container{background:#fff;flex-direction:column;height:100%;display:flex}.chat-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.chat-header h3{color:#111827;margin:0;font-size:1.1rem;font-weight:700}.status-badge{color:#4b5563;background:#e5e7eb;border-radius:12px;padding:2px 8px;font-size:.75rem}.clear-button{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.clear-button:hover{color:#ef4444;background:#fee2e2}.messages-container{background:#fff;flex:1;padding:20px;overflow-y:auto}.welcome-message{text-align:center;background:#f9fafb;border-radius:12px;margin:20px;padding:40px 20px}.welcome-icon{margin-bottom:16px;font-size:48px}.welcome-message h4{color:#111827;margin-bottom:8px;font-size:1.2rem}.welcome-message p{color:#6b7280;margin-bottom:24px}.example-queries{text-align:left;max-width:500px;margin:0 auto}.example-category{margin-bottom:20px}.example-category strong{color:#3b82f6;font-size:.95rem}.example-category ul{margin-top:8px;padding-left:20px}.example-category li{color:#4b5563;cursor:pointer;padding:4px 0;font-size:.85rem;transition:color .2s}.example-category li:hover{color:#3b82f6}.message{gap:12px;margin-bottom:20px;animation:.3s slideIn;display:flex}.message.user{flex-direction:row-reverse}.message-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.message-avatar img{object-fit:cover;width:100%;height:100%}.message-content-wrapper{flex-direction:column;gap:4px;max-width:70%;display:flex}.message.user .message-content-wrapper{align-items:flex-end}.message-bubble{word-wrap:break-word;background:#f3f4f6;border-radius:12px;padding:10px 14px;font-size:.9em;line-height:1.5}.message-bubble.error{color:#991b1b;background:#fee2e2}.message.user .message-bubble{color:#fff;background:#3b82f6}.message-bubble p{margin:0 0 8px}.message-bubble p:last-child{margin-bottom:0}.message-bubble code{background:#0000001a;border-radius:4px;padding:2px 4px;font-family:monospace;font-size:.8rem}.message-bubble pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:8px 0;padding:12px;font-size:.8rem;overflow-x:auto}.message.user .message-bubble pre{background:#0003}.query-details{border-top:1px solid #0000001a;margin-top:8px;padding-top:8px}.query-details summary{cursor:pointer;color:#6b7280;-webkit-user-select:none;user-select:none;font-size:1.05rem}.query-details summary:hover{color:#3b82f6}.copy-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;font-size:1rem;display:inline-flex}.copy-button:hover{background:#2563eb}.message-time{color:#9ca3af;padding:0 4px;font-size:.8rem}.typing-indicator{gap:4px;margin-top:8px;padding:4px 0;display:flex}.typing-indicator span{background:#9ca3af;border-radius:50%;width:6px;height:6px;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.message.loading .message-bubble{align-items:center;gap:8px;display:flex}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-container{background:#fff;border-top:4px solid #e5e7eb;padding:10px}.input-wrapper{align-items:flex-end;gap:24px;display:flex}.input-wrapper textarea{resize:none;border:3px solid #e5e7eb;border-radius:10px;outline:none;flex:1;max-height:120px;padding:10px;font-family:inherit;font-size:.9rem;line-height:1.4;transition:all .2s}.input-wrapper textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.input-wrapper textarea:disabled{cursor:not-allowed;background:#f9fafb}.send-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.send-button:hover:not(.disabled){background:#2563eb;transform:scale(1.02)}.send-button.disabled{opacity:.5;cursor:not-allowed}.input-hint{color:#9ca3af;text-align:center;margin-top:8px;font-size:.65rem}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.node-details-sidebar{background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;height:100%;display:flex;overflow-y:auto}.node-details-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-left:4px solid;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.header-info{flex:1}.node-type-badge{color:#fff;border-radius:12px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.node-details-header h3{color:#111827;word-break:break-all;margin:0;font-size:14px;font-weight:600}.close-button{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1;transition:color .2s}.close-button:hover{color:#111827}.node-details-content{flex:1;padding:20px}.summary-info{background:#f3f4f6;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;display:flex}.info-card{flex-direction:column;display:flex}.info-label{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:600}.info-value{color:#111827;margin-top:4px;font-size:24px;font-weight:700}.expand-button,.action-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.expand-button:hover,.action-button:hover{background:#2563eb;transform:translateY(-1px)}.detail-section{margin-bottom:24px}.detail-section h4{color:#374151;border-bottom:2px solid #e5e7eb;margin-bottom:12px;padding-bottom:6px;font-size:13px;font-weight:600}.properties-grid{flex-direction:column;gap:10px;display:flex}.property-item{border-bottom:1px solid #f3f4f6;padding:6px 0;font-size:12px;display:flex}.property-key{color:#6b7280;flex-shrink:0;width:130px;font-weight:500}.property-value{color:#111827;word-break:break-word;flex:1}.relationships-list{flex-direction:column;gap:10px;display:flex}.relationship-item{background:#f9fafb;border-radius:6px;flex-direction:column;padding:10px;font-size:12px;display:flex}.relationship-type{color:#3b82f6;margin-bottom:4px;font-weight:600}.relationship-target{color:#6b7280;word-break:break-word;font-size:11px}.no-data{color:#9ca3af;padding:10px 0;font-size:12px;font-style:italic}.more-info{color:#6b7280;margin-top:8px;font-size:11px;font-style:italic}.total-count-badge{color:#6b7280;background:#f3f4f6;border-radius:12px;margin-top:8px;padding:2px 8px;font-size:11px;display:inline-block}.sample-nodes{background:#f9fafb;border-radius:8px;margin-bottom:20px;padding:12px}.sample-nodes h4{color:#374151;margin-bottom:8px;font-size:12px}.sample-list{flex-direction:column;gap:6px;display:flex}.sample-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;display:flex}.sample-id{color:#3b82f6;font-family:monospace}.sample-amount{color:#10b981;font-weight:500}.loading-text{color:#9ca3af;padding:10px 0;font-size:12px;font-style:italic}.no-relationships{text-align:center;background:#f9fafb;border-radius:8px;padding:20px}.load-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;margin-top:10px;padding:6px 12px;font-size:11px}.load-button:hover{background:#2563eb}.suggestions-container{border-bottom:1px solid #e0e0e0;padding:16px}.suggestions-container h4{color:#666;margin-bottom:12px;font-size:.9rem}.suggestions-list{flex-wrap:wrap;gap:8px;display:flex}.suggestion-chip{font-size:.8rem;font-weight:100%;cursor:pointer;color:#555;background:#f5f5f5;border:none;border-radius:20px;padding:5px 10px;transition:all .2s}.suggestion-chip:hover{color:#fff;background:#667eea;transform:translateY(-1px)}.search-container{position:relative}.search-input-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;transition:all .2s;display:flex}.search-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.search-icon{color:#999;font-size:18px}.search-input{border:none;outline:none;flex:1;padding:8px 0;font-size:.9rem}.search-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem;transition:all .2s}.search-button:hover:not(:disabled){background:#5a67d8}.search-button:disabled{opacity:.5;cursor:not-allowed}.type-filter{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;margin-top:8px;padding:6px 8px;font-size:.85rem}.search-results{z-index:10;background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.search-result-item{cursor:pointer;border-bottom:1px solid #f0f0f0;gap:12px;padding:8px 12px;transition:background .2s;display:flex}.search-result-item:hover{background:#f9f9f9}.result-type{color:#666;background:#f0f0f0;border-radius:4px;padding:2px 6px;font-size:.625rem;font-weight:600}.result-id{color:#333;font-family:monospace;font-size:.75rem}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{flex-direction:column;height:100vh;display:flex}.app-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.app-header img{object-fit:cover;border-radius:8px;width:40px;height:40px}.app-header h1{align-items:center;gap:10px;font-size:1.2rem;display:flex}.app-content{flex:1;display:flex;overflow:hidden}.graph-section{flex:1}.sidebar{background:#fff;border-left:1px solid #e0e0e0;width:420px;min-width:420px;max-width:420px}