:root{--ink:#101728;--muted:#687087;--line:#e7e9f0;--paper:#fbfaf8;--panel:#fff;--indigo:#6058dc;--indigo-dark:#443bb9;--indigo-soft:#efedff;--mint:#42b98d;--red:#d64e64;--amber:#b67c16;--shadow:0 18px 50px #21264414;--canvas-upstream:#7067df;--canvas-credential:#8a72d6;--canvas-pool:#6878d8;--canvas-model:#3189a8;--canvas-split:#c07c35;--canvas-scheduler:#4d6bc2;--canvas-limit:#be6f87;--canvas-published_api:#3ba179;--canvas-agent_key:#596273}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-layout{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:30;color:#f7f7fb;background:radial-gradient(circle at 18% 8%,#34365e 0,#0000 32%),linear-gradient(165deg,#15182c,#111321 65%);flex-direction:column;width:240px;padding:26px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar:after{content:"";background:#ffffff14;height:1px;position:absolute;inset:auto 18px 100px}.sidebar-brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.sidebar-brand strong{letter-spacing:.02em;font-size:19px;display:block}.sidebar-brand small{color:#9da3bf;letter-spacing:.16em;text-transform:uppercase;margin-top:2px;font-size:11px;display:block}.sidebar-brand .brand-mark{box-shadow:none;background:0 0;border-radius:0}.sidebar-logo{object-fit:contain;width:100%;height:100%}.brand-mark{color:#fff;background:linear-gradient(145deg,#8178f4,#5148c7);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 10px 30px #594fde59}.nav-section{color:#7d829e;letter-spacing:.14em;margin:2px 12px 9px;font-size:10px}.sidebar nav{min-height:0;overflow-y:auto}.nav-link{color:#aeb3ca;border-radius:11px;align-items:center;gap:12px;min-height:45px;margin:3px 0;padding:0 13px;font-size:14px;transition:all .18s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0e}.nav-link.active{color:#fff;background:linear-gradient(90deg,#7067e94d,#7067e91a);box-shadow:inset 2px 0 #8a83f7}.nav-link span{flex:1}.sidebar-foot{z-index:1;margin-top:auto;position:relative}.system-pulse{align-items:center;gap:10px;padding:18px 12px;display:flex}.system-pulse>span{background:#54d6a6;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #54d6a61a}.system-pulse strong,.system-pulse small{display:block}.system-pulse strong{font-size:12px}.system-pulse small{color:#777d9a;margin-top:3px;font-size:10px}.profile-button{color:#fff;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff12;border-radius:13px;align-items:center;gap:10px;width:100%;padding:11px;display:flex}.profile-button span{flex:1;min-width:0}.profile-button strong,.profile-button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-button strong{font-size:12px}.profile-button small{color:#7f849e;margin-top:3px;font-size:10px}.main-column{grid-column:2;min-width:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf8de;border-bottom:1px solid #e0e1e8bf;justify-content:space-between;align-items:center;height:64px;padding:0 38px;display:flex;position:sticky;top:0}.breadcrumb{color:#999dae;align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumb strong{color:#363c4f}.topbar-actions{color:#62697d;align-items:center;gap:17px;display:flex}.environment{color:#5c53c9;letter-spacing:.1em;background:#f1efff;border:1px solid #dddaff;border-radius:30px;padding:6px 10px;font-size:9px;font-weight:700}.content{max-width:1440px;margin:0 auto;padding:36px 32px 64px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:-.035em;margin:5px 0 8px;font-family:inherit;font-size:clamp(29px,3vw,39px);font-weight:700}.page-header p{max-width:720px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.eyebrow{color:var(--indigo);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.header-actions{flex-wrap:wrap;gap:10px;display:flex}.card{background:var(--panel);border:1px solid #dee0e8e6;border-radius:17px;box-shadow:0 2px 4px #262c4804}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.metric{padding:21px 22px;position:relative;overflow:hidden}.metric>span{color:var(--muted);font-size:11px;font-weight:650;display:block}.metric>strong{margin:13px 0 8px;font-family:inherit;font-size:29px;font-weight:500;display:block}.metric>small{color:#969bad;font-size:10px}.metric-accent{color:#fff;background:radial-gradient(circle at 90% 0,#fff3,#0000 35%),linear-gradient(135deg,#6860df,#4b43ba);border:0;box-shadow:0 16px 38px #4a40b633}.metric-accent>span,.metric-accent>small{color:#ffffffb3}.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;display:grid}.content-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.section-card{padding:22px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:21px;display:flex}.section-head h2{margin:0;font-family:inherit;font-size:19px;font-weight:650}.section-head p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.5}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 15px;font-size:12px;font-weight:650;transition:all .16s;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{color:#fff;background:var(--indigo);box-shadow:0 7px 18px #534bc52e}.button-primary:hover{background:var(--indigo-dark);transform:translateY(-1px)}.button-secondary{color:#464c5f;background:#fff;border-color:#dedfe7}.button-secondary:hover{background:#f9f9fb;border-color:#bfc1ce}.button-danger{color:#bd3d54;background:#fff7f8;border-color:#f1ced5}.button-ghost{color:var(--indigo);background:0 0}.icon-button{border:1px solid var(--line);color:#596075;cursor:pointer;background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.data-table{border-collapse:collapse;width:100%}.data-table th{border-bottom:1px solid var(--line);color:#8b90a3;letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:11px 12px;font-size:11px}.data-table td{color:#42485a;vertical-align:middle;border-bottom:1px solid #f0f1f5;padding:15px 12px;font-size:13px}.data-table tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.badge{color:#5f6577;white-space:nowrap;background:#f1f2f5;border-radius:20px;align-items:center;width:fit-content;padding:5px 8px;font-size:11px;font-weight:750;display:inline-flex}.badge-active,.badge-enabled,.badge-succeeded,.badge-healthy,.badge-resolved{color:#167a5b;background:#e9f8f2}.badge-pending,.badge-retry,.badge-draft,.badge-monitoring{color:#9a6912;background:#fff6df}.badge-suspended,.badge-disabled,.badge-revoked,.badge-failed,.badge-degraded,.badge-open{color:#b63e51;background:#fff0f2}.notice{border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55}.notice-info{color:#544d9f;background:#f2f0ff;border:1px solid #e5e1ff}.notice-error{color:#a93d50;background:#fff1f3;border:1px solid #f7d8de}.notice-success{color:#1b7359;background:#eaf8f3;border:1px solid #cceee1}.field{gap:7px;display:grid}.field>span{color:#585e70;font-size:12px;font-weight:650}.input,.select,.textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe1e8;border-radius:10px;outline:none;padding:10px 12px;transition:all .15s}.input:focus,.select:focus,.textarea:focus{border-color:#8a83e8;box-shadow:0 0 0 3px #6860df1a}.textarea{resize:vertical;min-height:88px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.form-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.empty-state,.loading-state{color:#9297a8;text-align:center;place-content:center;justify-items:center;min-height:220px;display:grid}.empty-state>span{color:var(--indigo);font-size:25px}.empty-state strong{color:#42485a;margin-top:10px;font-size:13px}.empty-state p{max-width:300px;margin:7px 0;font-size:11px;line-height:1.6}.loading-state{gap:10px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d101e8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(560px,100%);max-height:90vh;padding:23px;overflow-y:auto;box-shadow:0 30px 100px #0508194d}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font-family:inherit;font-size:22px}.stack{gap:16px;display:grid}.inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:.92em}.strong{color:var(--ink);font-weight:700}.right{text-align:right}.progress{background:#eef0f4;border-radius:10px;height:7px;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg,#6c63e1,#8983ed);height:100%;display:block}.modal-code{word-break:break-all;color:#302a81;background:#f5f3ff;border:1px dashed #aaa5e8;border-radius:11px;padding:15px;font-family:monospace;font-size:12px;line-height:1.6}.boot-screen{color:#60667a;background:radial-gradient(circle at 50% 45%,#eeecff,#0000 32%),#faf9f7;place-content:center;justify-items:center;gap:15px;min-height:100vh;font-size:13px;display:grid}.menu-button,.mobile-close,.mobile-overlay{display:none}.canvas-page-stack{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.canvas-page-stack>*,.canvas-toolbar>*,.canvas-inspector>*{min-width:0}.canvas-editor{gap:18px;display:grid}.canvas-editor .react-flow__node-reference{width:230px}.canvas-editor .canvas-node{min-height:100px}.canvas-editor .canvas-node>small{color:var(--muted);margin-bottom:10px;display:block}.canvas-editor details{font-size:12px}.canvas-editor summary{cursor:pointer;margin-bottom:12px}.canvas-editor .form-grid>*,.canvas-template-grid,.canvas-workspace{min-width:0}.canvas-toolbar{grid-template-columns:minmax(240px,1fr) minmax(240px,1fr) auto;align-items:end;gap:15px;padding:18px;display:grid}.canvas-source-summary{min-height:41px;color:var(--muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;font-size:11px;display:flex}.input-with-icon{display:block;position:relative}.input-with-icon>svg{z-index:1;color:#989daf;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon .input{padding-left:36px}.canvas-template-section{background:linear-gradient(145deg,#fff,#faf9ff);border:1px solid #dee0e8e6;border-radius:17px;padding:20px}.canvas-template-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.canvas-template{min-height:128px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4ed;border-radius:13px;padding:15px;transition:all .16s}.canvas-template:hover,.canvas-template.selected{border-color:#948def;transform:translateY(-1px);box-shadow:0 10px 25px #534bc51a}.canvas-template.selected{background:#f7f5ff}.canvas-template>span{align-items:center;gap:8px;font-size:12px;font-weight:750;display:flex}.canvas-template p{min-height:34px;color:var(--muted);margin:10px 0;font-size:10px;line-height:1.6}.canvas-template small{color:#8d92a3;font-size:9px;line-height:1.5}.canvas-template-note{color:#666d80;align-items:center;gap:8px;margin-top:13px;font-size:11px;display:flex}.canvas-workspace{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.canvas-surface-card{min-width:0;padding:20px;overflow:hidden}.canvas-surface{background:radial-gradient(circle at 20% 15%,#6c63e10f,#0000 30%),#fbfbfd;border:1px solid #e4e2ee;border-radius:14px;height:590px;overflow:hidden}.canvas-surface .loading-state{height:100%}.canvas-validation{border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.canvas-validation.valid{color:#277c5e;background:#e9f7f1}.canvas-validation.invalid{color:#a65f16;background:#fff4e4}.react-flow__node-haruka{background:0 0;border:0;width:190px}.canvas-node{border:1px solid color-mix(in srgb, var(--node-color) 25%, #e1e3eb);border-left:4px solid var(--node-color);min-height:106px;color:var(--ink);background:#fffffff7;border-radius:12px;padding:13px 14px;box-shadow:0 10px 24px #292e4b14}.react-flow__node.selected .canvas-node{outline:2px solid var(--indigo);outline-offset:3px}.canvas-node-upstream{--node-color:var(--canvas-upstream)}.canvas-node-credential{--node-color:var(--canvas-credential)}.canvas-node-pool{--node-color:var(--canvas-pool)}.canvas-node-model{--node-color:var(--canvas-model)}.canvas-node-split{--node-color:var(--canvas-split)}.canvas-node-scheduler{--node-color:var(--canvas-scheduler)}.canvas-node-limit{--node-color:var(--canvas-limit)}.canvas-node-published_api{--node-color:var(--canvas-published_api)}.canvas-node-agent_key{--node-color:var(--canvas-agent_key)}.canvas-node-head{align-items:center;gap:7px;margin-bottom:9px;display:flex}.canvas-node-head>span,.canvas-detail-icon{color:#fff;background:var(--node-color);border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.canvas-node-head small{color:var(--node-color);letter-spacing:.08em;font-size:9px;font-weight:800}.canvas-node>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.canvas-node>p{min-height:14px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 9px;font-size:9px;overflow:hidden}.canvas-node .badge{font-size:8px}.canvas-node .react-flow__handle{background:var(--node-color);border:2px solid #fff;width:8px;height:8px}.react-flow__edge-path{stroke:#9ca0b4;stroke-width:1.5px}.react-flow__edge-text{fill:#6a7083;font-size:9px}.canvas-inspector{gap:14px;display:grid}.canvas-inspector>.card{padding:18px}.canvas-inspector .empty-state{min-height:190px}.canvas-detail{grid-template-columns:auto 1fr auto;align-items:start;gap:11px;display:grid}.canvas-detail small{color:var(--muted);font-size:9px}.canvas-detail h3{margin:3px 0 4px;font-size:14px}.canvas-detail p,.canvas-guide-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.canvas-detail dl{grid-column:1/-1;margin:10px 0 0}.canvas-detail dl>div{border-top:1px solid var(--line);grid-template-columns:95px 1fr;gap:8px;padding:8px 0;display:grid}.canvas-detail dt{color:#8e93a4;font-size:9px}.canvas-detail dd{overflow-wrap:anywhere;color:#454b5d;margin:0;font-size:10px}.canvas-issues{gap:10px;display:grid}.canvas-issues>div{color:#9a611c;gap:8px;font-size:10px;line-height:1.55;display:flex}.canvas-issues strong{display:block}.canvas-guide-card h3{margin:0 0 8px;font-size:14px}.canvas-guide-card .inline{margin-top:14px}@media (max-width:1440px){.canvas-toolbar{grid-template-columns:1fr 1fr}.canvas-source-summary{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.canvas-workspace{grid-template-columns:1fr}.canvas-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.content-grid.equal{grid-template-columns:1fr}.canvas-toolbar{grid-template-columns:1fr 1fr}.canvas-source-summary{grid-column:1/-1;justify-content:flex-start}.canvas-template-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.canvas-workspace{grid-template-columns:1fr}.canvas-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-layout{display:block}.main-column{width:100%}.sidebar{transition:all .22s;transform:translate(-105%);box-shadow:20px 0 60px #0508194d}.sidebar-open{transform:translate(0)}.mobile-close{color:#aeb3ca;background:0 0;border:0;display:grid;position:absolute;top:13px;right:13px}.mobile-overlay{z-index:25;background:#0a0c1880;border:0;display:block;position:fixed;inset:0}.topbar{height:60px;padding:0 18px}.menu-button{color:#42485a;background:0 0;border:0;place-items:center;display:grid}.breadcrumb{display:none}.content{padding:27px 17px 48px}.page-header{align-items:start;display:grid}.header-actions{justify-content:stretch}.header-actions .button{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:17px}.metric>strong{font-size:24px}.form-grid,.canvas-toolbar,.canvas-inspector{grid-template-columns:1fr}.canvas-template-grid{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.canvas-template{scroll-snap-align:start;min-width:220px}.canvas-surface-card{padding:14px}.canvas-surface{height:470px}.canvas-editor>.section-head{display:grid}.canvas-editor>.section-head>.button{white-space:nowrap;justify-self:start}.environment{font-size:8px}}@media (max-width:430px){.metric-grid{grid-template-columns:1fr}}