:root{--bg: #08111E;--bg-2: #0B1624;--panel: #0F1B2D;--panel-hi: #122235;--panel-top: #152A42;--border: #1E3654;--border-hi: #2B4A6F;--teal: #2DD4BF;--teal-2: #14B8A6;--teal-soft: rgba(45, 212, 191, .12);--teal-glow: rgba(45, 212, 191, .28);--text: #E6EEF8;--text-dim: #8AA0B8;--text-faint: #56718F;--ok: #2DD4BF;--amber: #F5B14A;--red: #EF4444;--mono: ui-monospace, SFMono-Regular, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04","cv11"}body{background:radial-gradient(1200px 700px at 85% -10%,rgba(45,212,191,.09),transparent 60%),radial-gradient(900px 520px at -5% 110%,rgba(45,212,191,.05),transparent 60%),linear-gradient(180deg,#08111e,#06101b)}.app{max-width:1320px;margin:0 auto;padding:30px 26px 64px}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--border);margin-bottom:26px}.brand{display:flex;align-items:center;gap:14px}.shield{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#2dd4bf38,#2dd4bf0a);border:1px solid rgba(45,212,191,.4);display:grid;place-items:center;color:var(--teal);box-shadow:0 0 28px var(--teal-glow)}.header h1{margin:0;font-size:21px;font-weight:600;letter-spacing:-.01em}.tagline{font-size:12.5px;color:var(--text-dim);margin-top:2px}.status{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;color:var(--text-dim);padding:7px 13px;border:1px solid var(--border);border-radius:999px;background:#2dd4bf0a;letter-spacing:.02em}.status .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);animation:pulse 1.8s ease-in-out infinite}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:22px;align-items:start}@media(max-width:1020px){.layout{grid-template-columns:1fr}}.right-col{display:flex;flex-direction:column;gap:18px;min-width:0}.card{background:linear-gradient(180deg,var(--panel-top),#0A1625);border:1px solid var(--border);border-radius:14px;box-shadow:inset 0 1px #ffffff08,0 20px 40px -24px #000000b3;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:#08111e73}.card-head .title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--text)}.card-head .title svg{color:var(--teal);flex-shrink:0}.card-head .sub{font-family:var(--mono);font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-card{display:flex;flex-direction:column;min-height:100%}.endpoint-row{display:flex;align-items:center;gap:10px;padding:16px 18px 10px;font-family:var(--mono);font-size:12.5px}.endpoint-row .method{color:#03201c;background:var(--teal);padding:3px 9px;border-radius:4px;font-weight:700;font-size:10.5px;letter-spacing:.1em}.endpoint-row .url{color:var(--text);word-break:break-all}.headers{padding:0 18px 12px;font-family:var(--mono);font-size:11.5px;line-height:1.75}.headers .c-hkey{color:var(--text-dim)}.headers .c-hval{color:var(--text)}.code{margin:0;padding:16px 18px 20px;background:#040a148c;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12px;line-height:1.65;color:var(--text);white-space:pre;overflow-x:auto;flex:1}.code .c-key{color:var(--teal)}.code .c-str{color:#cfe8ff}.code .c-num{color:#f0b27a}.code .c-kw{color:#f08080}.code .c-punct{color:var(--text-faint)}.request-footer{display:flex;align-items:center;gap:18px;padding:14px 18px}.run-btn{background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#03201c;border:none;border-radius:9px;padding:10px 18px;font-size:13px;font-weight:600;font-family:var(--sans);cursor:pointer;box-shadow:0 0 24px var(--teal-glow);transition:transform .12s ease,box-shadow .18s ease,opacity .14s ease;display:inline-flex;align-items:center;gap:8px}.run-btn svg{color:#03201c}.run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 32px #2dd4bf8c}.run-btn:disabled{opacity:.75;cursor:not-allowed}.spinner{width:12px;height:12px;border:2px solid rgba(3,32,28,.3);border-top-color:#03201c;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flow-wire{position:relative;flex:1;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--border),transparent);overflow:hidden;opacity:.6}.flow-wire i{position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);opacity:0}.flow-wire.on i{animation:flowDot 1.6s ease-in-out infinite}.flow-wire.on i:nth-child(2){animation-delay:.4s}.flow-wire.on i:nth-child(3){animation-delay:.8s}@keyframes flowDot{0%{left:-8px;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% + 8px);opacity:0}}.secure-body{padding:14px 18px 16px;display:flex;flex-direction:column;gap:9px}.step-row{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:#08111e80;font-size:12.5px;color:var(--text-dim);transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}.step-row.done{border-color:#2dd4bf66;background:#2dd4bf0f;color:var(--text)}.step-row.done.warn{border-color:#f5b14a66;background:#f5b14a0d}.step-row.active{border-color:#2dd4bfa6;box-shadow:0 0 0 3px #2dd4bf14,0 0 18px #2dd4bf33;color:var(--text)}.step-row.idle{opacity:.65}.step-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--border);background:var(--panel-hi);color:var(--text-faint);transition:all .2s ease}.step-row.done .step-icon{background:var(--teal);border-color:var(--teal);color:#03201c}.step-row.done.warn .step-icon{background:var(--amber);border-color:var(--amber);color:#2a1b06}.step-row.active .step-icon{border-color:var(--teal);background:#2dd4bf14;color:var(--teal)}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);animation:pulse 1.1s ease-in-out infinite}.step-text{font-family:var(--mono);font-size:12px;letter-spacing:.01em}.session-meta{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;padding:14px 18px 16px;border-top:1px solid var(--border);background:#040a1466}.meta-item{display:flex;flex-direction:column;gap:4px;min-width:0}.meta-label{font-size:9.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em}.meta-val{font-family:var(--mono);font-size:11.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.response-body{padding:16px 18px;min-height:160px;max-height:280px;overflow-y:auto}.response-text{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.72;color:var(--text);white-space:pre-wrap;word-break:break-word}.caret{display:inline-block;width:7px;height:14px;background:var(--teal);margin-left:2px;vertical-align:text-bottom;box-shadow:0 0 6px var(--teal);animation:caretBlink .9s steps(2,start) infinite}@keyframes caretBlink{to{visibility:hidden}}.empty{padding:22px 18px;text-align:center;font-size:12px;color:var(--text-faint);font-family:var(--mono);letter-spacing:.02em}.log-body{padding:6px 0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column}.log-entry{display:grid;grid-template-columns:90px 18px 1fr;gap:10px;padding:7px 18px;font-family:var(--mono);font-size:11.5px;align-items:center;animation:slideIn .26s ease}.log-time{color:var(--text-faint)}.log-kind{text-align:center;font-weight:700;font-size:12px}.log-kind.k-ok{color:var(--teal)}.log-kind.k-info{color:var(--text-dim)}.log-kind.k-warn{color:var(--amber)}.log-text{color:var(--text)}.log-entry.warn .log-text{color:var(--amber)}@keyframes slideIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.88)}}.audit-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;padding:14px 18px 16px;border-top:1px solid var(--border);background:#040a1466}.meta-status{grid-column:span 1}.status-val.closed{color:var(--amber)}.status-val.active{color:var(--teal)}.status-val.idle{color:var(--text-faint)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1e3654;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#2b4a6f}