@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Grotesk:wght@400;600;700&display=swap";:root{--bg-main:#050505;--bg-card:#0a0a0a;--bg-highlight:#111;--border-color:#333;--text-main:#fff;--text-muted:#888;--accent-color:#00f0ff;--accent-dim:#00f0ff26;--error-color:#f05;--sidebar-w:280px;--font-sans:"Space Grotesk", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}.glass{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border-color);background:var(--bg-main);flex-direction:column;gap:48px;padding:32px 24px;display:flex}.sidebar h1{text-transform:uppercase;letter-spacing:.1em;color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:16px;font-size:1.25rem;font-weight:700}.sidebar h1:before{content:"SYS.";color:var(--accent-color);margin-right:8px}.nav-links{flex-direction:column;gap:8px;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--text-muted);border-left:1px solid #0000;padding:12px 16px;font-size:.9rem;text-decoration:none;transition:none}.nav-links a:hover{background:var(--bg-highlight);color:var(--text-main);border-color:var(--border-color)}.nav-links a.active{background:var(--accent-dim);color:var(--accent-color);border-left:1px solid var(--accent-color)}.nav-links a:before{content:"[ ] ";opacity:.5}.nav-links a.active:before{content:"[x] ";opacity:1}.main-content{background:linear-gradient(var(--bg-highlight) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, var(--bg-highlight) 1px, transparent 1px) 0 0 / 40px 40px;flex:1;padding:48px;position:relative;overflow-y:auto}.page-title{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:48px;font-size:2.5rem;font-weight:700}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.card{border:1px solid var(--border-color);background:var(--bg-main);padding:32px 24px;position:relative}.card:after{content:"";background:var(--border-color);width:100%;height:2px;transition:none;position:absolute;top:0;left:0}.card:hover:after{background:var(--accent-color)}.card-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px;font-size:.8rem}.card-value{font-family:var(--font-mono);color:var(--text-main);font-size:3rem;font-weight:400;line-height:1}.input-glass{background:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-mono);border-radius:0;padding:16px 24px;font-size:1rem}.input-glass:focus{border-color:var(--accent-color);outline:none}.node circle{fill:var(--bg-main);stroke:var(--text-muted);stroke-width:1px;cursor:crosshair}.node circle:hover{stroke:var(--accent-color);stroke-width:2px;fill:var(--bg-highlight)}.node text{font-family:var(--font-mono);fill:var(--text-main);pointer-events:none;text-anchor:middle;font-size:11px}.link line{stroke:var(--border-color);stroke-opacity:1;stroke-width:1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main);border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}