@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Grotesk:wght@400;600;700&display=swap";:root{--bg-main:#121214;--bg-card:#18181a;--bg-highlight:#202024;--border-color:#38383e;--text-main:#e4e4e5;--text-muted:#99999f;--accent-color:#00f0ff;--accent-dim:#00f0ff26;--error-color:#ff2e63;--success-color:#00c864;--warn-color:#f5a623;--sidebar-w:220px;--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.4}.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:32px;padding:24px 16px;display:flex}.sidebar h1{text-transform:uppercase;letter-spacing:.1em;color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:12px;font-size:1.1rem;font-weight:700}.sidebar h1:before{content:"SYS.";color:var(--accent-color);margin-right:6px}.nav-links{flex-direction:column;gap:4px;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--text-muted);border-left:1px solid #0000;padding:8px 12px;font-size:.85rem;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 / 24px 24px, linear-gradient(90deg, var(--bg-highlight) 1px, transparent 1px) 0 0 / 24px 24px;flex:1;padding:32px;position:relative;overflow-y:auto}.page-title{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:32px;font-size:2rem;font-weight:700}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header .page-title{margin-bottom:0}.section-title{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:6px;font-size:.75rem}.error-banner{color:var(--error-color);border:1px solid var(--error-color);font-family:var(--font-mono);background:#ff2e631a;margin-bottom:24px;padding:12px 16px;font-size:.85rem;line-height:1.5}.success-banner{color:var(--success-color);border:1px solid var(--success-color);font-family:var(--font-mono);background:#00c8641a;margin-bottom:16px;padding:10px 16px;font-size:.85rem;line-height:1.5}.empty{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem}.mono{font-family:var(--font-mono);color:var(--text-muted)}.btn-primary{font-family:var(--font-mono);background:var(--accent-color);color:#000;border:1px solid var(--accent-color);cursor:pointer;padding:8px 16px;font-size:.78rem;text-decoration:none}.btn-primary:hover{color:var(--accent-color);background:0 0}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;padding:4px 10px;font-size:.75rem;text-decoration:none}.btn-ghost:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.btn-ghost:disabled{opacity:.5;cursor:default}.btn-danger{font-family:var(--font-mono);border:1px solid var(--error-color);color:var(--error-color);cursor:pointer;background:0 0;padding:4px 10px;font-size:.75rem}.btn-danger:hover{background:#ff2e631f}.btn-back{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem;text-decoration:none}.btn-back:hover{color:var(--accent-color)}.toggle{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;padding:2px 8px;font-size:.7rem}.toggle.on{border-color:var(--accent-color);color:var(--accent-color)}.data-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.85rem}.data-table th{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:8px 0;font-size:.7rem}.data-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:10px 0}.data-table a{color:var(--text-main);text-decoration:none}.data-table a:hover{color:var(--accent-color)}.run-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;font-size:.65rem}.run-success{color:var(--success-color);border:1px solid var(--success-color);background:#00c8641f}.run-error{color:var(--error-color);border:1px solid var(--error-color);background:#ff2e631f}.run-running{color:var(--accent-color);border:1px solid var(--accent-color);background:#00f0ff1f}.run-none{color:var(--text-muted)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.card{border:1px solid var(--border-color);background:var(--bg-card);padding:20px 16px;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:12px;font-size:.75rem}.card-value{font-family:var(--font-mono);color:var(--text-main);font-size:2.25rem;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:12px 16px;font-size:.9rem}.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)}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.auth-box.svelte-12qhfyh{border-top:1px solid var(--border-color);margin-top:24px;padding-top:16px}.auth-user.svelte-12qhfyh{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:12px;font-size:.75rem}.logout-btn.svelte-12qhfyh{width:100%;font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;padding:8px 10px;font-size:.72rem}.logout-btn.svelte-12qhfyh:hover{border-color:var(--accent-color);color:var(--accent-color)}