:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border-color: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent-blue: #58a6ff;--accent-green: #3fb950;--accent-red: #f85149;--accent-purple: #a371f7;--accent-orange: #d29922;--accent-cyan: #39c5cf;--accent-pink: #db61a2;--accent-yellow: #e3b341}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden}.dashboard{display:flex;flex-direction:column;height:100vh}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header-nav{display:flex;gap:.5rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.8rem;padding:.5rem 1rem;border-radius:6px;transition:all .15s}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent-blue);background:#58a6ff1a}.header-title{text-align:center}.header h1{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.main-content{display:grid;grid-template-columns:280px 1fr 280px;flex:1;overflow:hidden}.sidebar,.details-panel{background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:1rem}.details-panel{border-right:none;border-left:1px solid var(--border-color)}.panel{background:var(--bg-tertiary);border-radius:8px;padding:1rem;margin-bottom:1rem}.panel h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat-item{background:var(--bg-secondary);border-radius:6px;padding:.75rem;text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-blue)}.stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:6px;cursor:pointer;transition:background .15s}.filter-item:hover{background:var(--bg-primary)}.filter-item input[type=checkbox]{accent-color:var(--accent-blue)}.filter-color{width:12px;height:12px;border-radius:3px}.filter-label{flex:1;font-size:.875rem}.filter-count{font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:10px}.control-group{margin-bottom:.75rem}.control-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.control-group input[type=range]{width:100%;margin-top:.5rem;accent-color:var(--accent-blue)}.button-group{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}button{background:var(--accent-blue);color:var(--bg-primary);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .15s;flex:1}button:hover{opacity:.85}button.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}button.active{box-shadow:0 0 0 2px var(--accent-blue)}.visualization{position:relative;overflow:hidden;background:var(--bg-primary);background-image:radial-gradient(circle at 1px 1px,var(--border-color) 1px,transparent 1px);background-size:40px 40px}.viz-container{width:100%;height:100%}.tooltip{position:absolute;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;font-size:.8rem;pointer-events:none;opacity:0;transition:opacity .15s;max-width:250px;z-index:1000;box-shadow:0 4px 12px #0006}.tooltip.visible{opacity:1}.tooltip-title{font-weight:600;margin-bottom:.25rem}.tooltip-type{color:var(--text-secondary);font-size:.75rem}#node-details .placeholder{color:var(--text-secondary);font-size:.875rem;font-style:italic}.node-detail-item{padding:.5rem 0;border-bottom:1px solid var(--border-color)}.node-detail-item:last-child{border-bottom:none}.node-detail-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.node-detail-value{font-size:.875rem;font-weight:500}.legend{display:flex;flex-direction:column;gap:.5rem}.legend-section{margin-bottom:1rem}.legend-section h3{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.legend-node{width:14px;height:14px;border-radius:50%}.legend-edge{width:24px;height:3px;border-radius:2px}.legend-edge.dashed{background:repeating-linear-gradient(90deg,currentColor,currentColor 4px,transparent 4px,transparent 8px);height:2px}.node{cursor:pointer;transition:opacity .15s}.node:hover{opacity:.8}.node.selected circle{stroke-width:3px;stroke:var(--accent-yellow)}.node.dimmed{opacity:.15}.link{fill:none;transition:opacity .15s}.link.dimmed{opacity:.05}.node-label{font-size:10px;fill:var(--text-primary);pointer-events:none;text-anchor:middle;dominant-baseline:middle}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.main-content{grid-template-columns:240px 1fr 240px}}@media(max-width:900px){.main-content{grid-template-columns:1fr}.sidebar,.details-panel{display:none}}