:root{--bg: #090b10;--bg-elev: #0e1219;--panel: #12161f;--panel-2: #181d28;--line: #262d3c;--line-strong: #343d50;--text: #eef2f8;--muted: #8b95a8;--accent: #4d8dff;--accent-dim: #173056;--accent-glow: rgba(77, 141, 255, .28);--danger: #e25c5c;--ok: #3ecf8e;--warn: #e0b44a;--sidebar: 232px;--radius: 10px;--radius-sm: 7px;--header-h: 56px;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);min-height:100%}a{color:var(--muted);text-decoration:none}a:hover{color:var(--text)}.mark{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.02em;font-size:15px;color:var(--text);flex-shrink:0}.brand:hover{color:var(--text)}.brand span{color:var(--muted);font-weight:500}.nav-links{display:flex;gap:4px;align-items:center;font-size:13px;flex-shrink:0}.nav-links a{padding:6px 10px;border-radius:var(--radius-sm);color:var(--muted)}.nav-links a:hover{color:var(--text);background:var(--panel-2)}.nav-links a.btn{padding:8px 12px}.nav-links a.btn.primary,.nav-links a.btn.primary:hover{color:#fff;background:var(--accent)}.topbar>button{flex-shrink:0}.spacer{flex:1}.btn,button,input,select,textarea{font:inherit;font-size:13px;color:var(--text)}input,select,textarea,button,.btn{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 12px}button,.btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--text)}button:hover,.btn:hover{border-color:var(--line-strong)}button:disabled{opacity:.4;cursor:default}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 1px #4d8dff40,0 8px 24px var(--accent-glow)}button.primary:hover,.btn.primary:hover{filter:brightness(1.06)}button.ghost,.btn.ghost{background:transparent}button.danger{border-color:#5a2a2a;color:var(--danger)}button.danger:hover{background:#2a1518}input:focus,button:focus-visible,select:focus,textarea:focus,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pill{font-size:12px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap}.pill.live{color:var(--ok);border-color:#2a5a42;background:#10241c}.pill.bad{color:var(--danger);border-color:#5a2a2a;background:#241012}.topbar{display:flex;align-items:center;gap:14px;padding:0 18px;min-height:var(--header-h);height:auto;flex-wrap:wrap;row-gap:8px;background:#0e1219e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;grid-template-rows:var(--header-h) 1fr;height:100%}.shell>.topbar{grid-column:1 / -1}.sidebar{background:var(--bg-elev);border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:2px}.nav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);text-align:left;padding:9px 12px;border-radius:var(--radius-sm);box-shadow:none}.nav-btn:hover{background:var(--panel-2);color:var(--text);border-color:transparent}.nav-btn.active{background:var(--accent-dim);color:var(--text)}.nav-btn:disabled{opacity:.35;cursor:default}.nav-btn:disabled:hover{background:transparent;color:var(--muted)}.nav-hint{margin:18px 12px 0;font-size:11px;color:var(--muted);line-height:1.45}.nav-link{color:var(--accent);padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;margin-top:auto}.nav-link:hover{color:var(--text);background:var(--panel-2)}.main{overflow:auto;padding:28px 32px 48px}h1{margin:0 0 6px;font-size:22px;font-weight:600;letter-spacing:-.02em}.sub{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.5;max-width:52rem}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.err{color:var(--danger);font-size:13px;margin:8px 0}.muted{color:var(--muted)}.mono{font-family:IBM Plex Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);width:fit-content;letter-spacing:.02em}.badge.ok{color:var(--ok);border-color:#2a5a42;background:#10241c}.badge.warn{color:var(--warn);border-color:#5a4a20;background:#241c10}.badge.bad{color:var(--danger);border-color:#5a2a2a;background:#241012}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 0%,rgba(77,141,255,.16) 0%,transparent 50%),radial-gradient(ellipse at 90% 100%,rgba(40,70,120,.18) 0%,transparent 42%),var(--bg)}.login-card{width:min(420px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 24px 80px #00000073}.login-card .brand{margin-bottom:22px}.login-card h1{margin-bottom:8px}.login-card .sub{margin-bottom:22px}.login-card label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.login-card input{width:100%;margin-bottom:14px}.login-card .actions{display:flex;gap:8px}.login-card .actions button{flex:1}.form-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:12px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.form-grid .span-2{grid-column:1 / -1}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:36px 24px;text-align:center;color:var(--muted);background:#12161f80}.empty p{margin:0 0 16px}@media(max-width:800px){.shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.sidebar{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:8px 10px}.nav-hint,.nav-link{display:none}.main{padding:20px 16px 40px}.topbar{flex-wrap:wrap;min-height:var(--header-h);height:auto;padding:10px 16px}}html,body,#root{min-height:100%}body{background:radial-gradient(ellipse 70% 45% at 8% -8%,rgba(77,141,255,.16),transparent 55%),radial-gradient(ellipse 50% 40% at 100% 0%,rgba(40,80,140,.1),transparent 45%),var(--bg)}.www .top{display:flex;align-items:center;gap:20px;padding:14px 28px;border-bottom:1px solid var(--line);background:#090b10b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.hero{max-width:1120px;margin:0 auto;padding:72px 28px 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.hero .eyebrow{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:16px}.hero h1{margin:0 0 18px;font-size:clamp(32px,5vw,52px);font-weight:600;line-height:1.08;letter-spacing:-.03em}.hero>div>p{margin:0 0 28px;font-size:17px;line-height:1.6;color:var(--muted);max-width:34rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.stack-visual{display:flex;flex-direction:column;gap:10px}.stack-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:0 16px 40px #00000047}.stack-card.accent{border-color:#2a4a7a;background:linear-gradient(180deg,var(--accent-dim),var(--panel));box-shadow:0 0 0 1px var(--accent-glow),0 18px 40px #00000059}.stack-card .kicker{font-family:IBM Plex Mono,ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.stack-card pre{margin:0;font-family:IBM Plex Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#c5cedc;line-height:1.45;white-space:pre-wrap}.stack-arrow{color:var(--accent);text-align:center;font-size:14px;opacity:.8}.blocks{max-width:1120px;margin:0 auto;padding:0 28px 64px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.block{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;transition:border-color .15s ease,transform .15s ease}.block:hover{border-color:var(--line-strong);transform:translateY(-2px)}.block .n{font-family:IBM Plex Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--accent);margin-bottom:12px}.block h2{margin:0 0 10px;font-size:17px;font-weight:600}.block p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}.pipe{max-width:1120px;margin:0 auto 64px;padding:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pipe h2{grid-column:1 / -1;margin:0 0 4px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pipe article h3{margin:0 0 8px;font-size:16px;font-weight:600}.pipe article p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}.cta-band{max-width:1120px;margin:0 auto 64px;padding:32px 36px;border-radius:16px;border:1px solid #2a4a7a;background:linear-gradient(120deg,rgba(77,141,255,.14),transparent 55%),var(--panel);display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between}.cta-band h2{margin:0 0 6px;font-size:22px;font-weight:600}.cta-band p{margin:0;color:var(--muted);font-size:14px}.foot{max-width:1120px;margin:0 auto;padding:0 28px 48px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.foot nav{display:flex;gap:16px}@media(max-width:880px){.hero,.blocks,.pipe{grid-template-columns:1fr}.hero{padding-top:40px;gap:28px}}