:root{--surface-0:#ffffff;--surface-1:#f7fafc;--surface-2:#eff2f7;--surface-3:#e6ecf2;--text-0:#0a0d12;--text-1:#4d5a6f;--text-2:#8a96aa;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-dim:rgba(37,99,235,0.10);--success:#15803d;--success-dim:rgba(21,128,61,0.10);--warning:#b45309;--warning-dim:rgba(245,158,11,0.12);--danger:#b91c1c;--danger-dim:rgba(239,68,68,0.12);--info:#3b82f6;--info-dim:rgba(59,130,246,0.12);--gradient-primary:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-glow:radial-gradient(ellipse at 50% 0%,rgba(37,99,235,0.10) 0%,transparent 70%);--radius:8px;--radius-lg:12px;--radius-xl:16px;--font-mono:"JetBrains Mono","Fira Code","SF Mono",monospace;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--surface-0);color:var(--text-0);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent-hover);text-decoration:none}a:hover{text-decoration:underline}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid var(--surface-3);border-radius:var(--radius);background:var(--surface-2);color:var(--text-0);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.btn:hover,button:hover{background:var(--surface-3);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.btn:active,button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button[data-variant=primary]{background:var(--accent);border-color:var(--accent);color:white;font-weight:600}button[data-variant=primary]:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 20px rgba(37,99,235,.35)}button[data-variant=danger]{background:transparent;border-color:var(--danger);color:var(--danger)}button[data-variant=danger]:hover{background:var(--danger-dim)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.card{background:var(--surface-1);border:1px solid var(--surface-3);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s}.card:hover{border-color:rgba(37,99,235,.3)}.card-glow{background:var(--surface-1);border:1px solid var(--surface-3);border-radius:var(--radius-xl);padding:2rem;position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.5}[data-status=available],[data-status=completed]{color:var(--success)}[data-status=busy],[data-status=running]{color:var(--info)}[data-status=queued]{color:var(--warning)}[data-status=offline],[data-status=pending]{color:var(--text-2)}[data-status=failed]{color:var(--danger)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:1rem}.grid-2,.grid-3{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat-card{text-align:center;padding:1.25rem 1rem}.stat-card .stat-value{font-size:2rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-card .stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin-top:.35rem}.code-editor{width:100%;min-height:180px;background:var(--surface-0);border:1px solid var(--surface-3);border-radius:var(--radius);color:var(--text-0);font-family:var(--font-mono);font-size:.85rem;line-height:1.6;padding:1rem;resize:vertical;outline:none;transition:border-color .2s;-moz-tab-size:2;tab-size:2}.code-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input-field{width:100%;padding:.5rem .75rem;background:var(--surface-0);border:1px solid var(--surface-3);border-radius:var(--radius);color:var(--text-0);font-family:var(--font-mono);font-size:.85rem;outline:none;transition:border-color .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.progress-bar{width:100%;height:8px;background:var(--surface-3);border-radius:4px;overflow:hidden;position:relative}.progress-bar .progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(37,99,235,.1)}50%{box-shadow:0 0 40px rgba(37,99,235,.2)}}.hero-glow{position:relative}.hero-glow:after{content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(37,99,235,.12) 0,transparent 70%);pointer-events:none;z-index:-1}.node-map-svg{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--surface-3)}.section-header{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin-bottom:.75rem;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-2)}::selection{background:var(--accent-dim);color:var(--text-0)}