:root{--bg-color:#0c0b10;--sidebar-color:#08070b;--header-color:#0c0b10;--panel-color:#121118;--border-color:#ffffff12;--text-primary:#f3f3f3;--text-secondary:#8c8893;--accent-purple:#9333ea;--accent-pink:#ec4899;--status-green:#10b981;--status-red:#ef4444;--status-orange:#f59e0b;--glass-bg:#ffffff08;--grid-color:#ffffff0f;--node-bg:#16151c;--node-border:#ffffff14;--node-selected-border:#9333ea66;background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}.canvas-grid{background-size:50px 50px;background-image:radial-gradient(circle, var(--grid-color) 1px, transparent 1px)}.service-node{background:var(--panel-color);border:1px solid var(--border-color);transition:border-color .2s,box-shadow .2s}.service-node:hover{border-color:#ffffff26;box-shadow:0 0 20px #0006}button.primary{background:var(--accent-purple);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:500}button.secondary{background:var(--glass-bg);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px}