:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:#172033;background:#f3f6fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172033;--muted: #758099;--line: #e3e8f1;--surface: #ffffff;--surface-soft: #f7f9fc;--brand: #2559d6;--brand-deep: #153b9f;--accent: #24b49a;--sidebar: #111a2f;--shadow: 0 16px 40px rgba(26, 48, 88, .08)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 90% 0%,rgba(53,110,255,.09),transparent 30%),#f3f6fb}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;overflow:hidden;color:#d9e2f6;background:radial-gradient(circle at 0% 0%,rgba(55,110,255,.28),transparent 38%),var(--sidebar);transition:width .22s ease}.brand{position:relative;display:flex;align-items:center;gap:12px;min-height:84px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-sidebar-close{position:absolute;top:21px;right:12px;display:grid;width:30px;height:30px;place-items:center;color:#aebbd5;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;cursor:pointer}.mobile-sidebar-close:hover{color:#fff;background:#ffffff1f}.brand-mark{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:13px;color:#fff;font-size:14px;font-weight:800;letter-spacing:.06em;background:linear-gradient(135deg,#4c82ff,#19b99b);box-shadow:0 8px 24px #3371ff57}.brand strong,.login-brand strong{display:block;font-size:16px;line-height:1.4}.brand span,.login-brand span{display:block;margin-top:2px;color:#8290ad;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.sidebar.is-collapsed .brand{justify-content:center;padding-inline:10px}.sidebar.is-collapsed .brand-copy{display:none}.sidebar-menu.el-menu{padding:14px 12px;border-right:0;background:transparent}.sidebar-menu.el-menu--collapse{width:100%;padding-inline:10px}.sidebar-menu.el-menu--collapse .el-menu-item,.sidebar-menu.el-menu--collapse .el-sub-menu__title{justify-content:center;padding-inline:0!important}.sidebar-menu .el-menu-item,.sidebar-menu .el-sub-menu__title{height:46px;margin:4px 0;border-radius:10px;color:#aebbd5}.sidebar-menu .el-menu-item:hover,.sidebar-menu .el-sub-menu__title:hover{color:#fff;background:#ffffff12}.sidebar-menu .el-menu-item.is-active{color:#fff;background:linear-gradient(90deg,#315fd8,#2e71e7);box-shadow:0 8px 20px #2351c04d}.sidebar-menu .el-sub-menu .el-menu{background:transparent}.sidebar-footer{display:flex;width:100%;align-items:center;gap:8px;margin-top:auto;padding:18px 24px;color:#667594;font-size:11px;text-align:left;border:0;border-top:1px solid rgba(255,255,255,.06);background:transparent;cursor:pointer}.sidebar-footer:hover{color:#b6c8e6;background:#ffffff0a}.sidebar-footer svg{width:16px}.sidebar.is-collapsed .sidebar-footer{justify-content:center;padding-inline:8px}.sidebar.is-collapsed .sidebar-footer span{display:none}.topbar{display:flex;height:84px;align-items:center;justify-content:space-between;padding:0 30px;background:#ffffffdb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-leading{display:flex;align-items:center;gap:13px;min-width:0}.topbar-title{min-width:0}.sidebar-toggle{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;color:#45627f;border:1px solid #dbe5ee;border-radius:10px;background:#f6f9fc;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.sidebar-toggle:hover{color:#245c96;border-color:#bdd5e8;background:#edf6fd;box-shadow:0 4px 12px #245c961a}.sidebar-toggle:focus-visible{outline:2px solid #74a9d7;outline-offset:2px}.topbar h1{margin:0 0 3px;color:var(--ink);font-size:19px}.topbar p{margin:0;color:var(--muted);font-size:12px}.user-trigger{display:flex;align-items:center;gap:9px;padding:6px 8px 6px 6px;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer}.user-trigger:hover{background:var(--surface-soft);border-color:var(--line)}.avatar{display:grid;width:34px;height:34px;place-items:center;color:#fff;font-weight:700;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--accent))}.main-content{padding:28px 30px 42px}.page-stack{display:flex;flex-direction:column;gap:20px;max-width:1500px;margin:0 auto}.hero-card{display:flex;min-height:196px;align-items:center;justify-content:space-between;gap:32px;padding:36px 40px;overflow:hidden;color:#fff;border-radius:22px;background:radial-gradient(circle at 88% 18%,rgba(58,226,191,.44),transparent 23%),linear-gradient(120deg,#153897,#2d63d9 62%,#3388dc);box-shadow:0 24px 54px #1f4eba3d}.hero-card h2{margin:9px 0 10px;font-size:clamp(26px,3vw,38px);letter-spacing:-.035em}.hero-card p{max-width:660px;margin:0;color:#ffffffc2;line-height:1.75}.eyebrow{color:#7fa6ff;font-size:10px;font-weight:700;letter-spacing:.18em}.hero-card .eyebrow{color:#8fe7d6}.phase-badge{display:grid;min-width:170px;padding:20px;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#ffffff17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.phase-badge span,.phase-badge small{color:#ffffffad;font-size:11px}.phase-badge strong{margin:5px 0;font-size:42px;line-height:1}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metric-card,.content-card,.toolbar-card{background:var(--surface);border:1px solid rgba(222,228,240,.9);border-radius:18px;box-shadow:var(--shadow)}.metric-card{display:grid;gap:5px;padding:22px 24px}.metric-card>span{color:var(--muted);font-size:12px}.metric-card strong{color:var(--ink);font-size:32px;line-height:1.2}.metric-card small{color:#98a2b7;font-size:11px}.content-card{padding:24px}.content-card.no-padding{padding:0;overflow:hidden}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h3,.toolbar-card h3{margin:4px 0 0;color:var(--ink);font-size:17px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.check-grid>div{display:flex;align-items:center;gap:10px;padding:13px 16px;color:#526078;font-size:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.status-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #24b49a1f}.toolbar-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px}.toolbar-card .muted{margin:5px 0 0}.toolbar{display:flex;align-items:center;gap:10px}.search-input{width:300px}.el-table{--el-table-header-bg-color: #f7f9fc;--el-table-row-hover-bg-color: #f6f9ff}.el-table th.el-table__cell{color:#69758e;font-size:12px;font-weight:600}.pagination-row{display:flex;justify-content:flex-end;padding:18px 22px;border-top:1px solid var(--line)}.subtle-code{margin-top:4px;color:#8b97ad;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.detail-head{display:flex;flex-direction:column;gap:14px;padding:26px 30px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 95% 0%,rgba(48,115,227,.1),transparent 30%),var(--surface);box-shadow:var(--shadow)}.detail-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.detail-title-row h2{margin:6px 0 4px;color:var(--ink);font-size:30px;letter-spacing:-.04em}.detail-title-row p,.detail-description{margin:0;color:var(--muted)}.detail-actions{display:flex;align-items:center;gap:12px}.section-heading.padded{padding:22px 24px 4px}.json-textarea textarea,.json-preview{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6}.json-preview{max-height:360px;margin:0;padding:14px;overflow:auto;color:#d7e4ff;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;background:#101a2d}.expanded-version{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px 30px 24px;background:var(--surface-soft)}.expanded-version h4{margin:0 0 8px;color:#55627a;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hash-line{color:#7d899e;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.execution-result{display:flex;flex-direction:column;gap:14px;margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.execution-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:12px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.result-grid h4{margin:0 0 8px}.result-grid pre{max-height:260px;margin:0;padding:14px;overflow:auto;color:#d7e4ff;font:12px/1.6 SFMono-Regular,Consolas,monospace;white-space:pre-wrap;border-radius:12px;background:#101a2d}.diff-alert{margin:16px 0}.diff-grid{margin-top:16px}.node-editor-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 0 14px;padding-top:18px;border-top:1px solid var(--line)}.node-editor-heading h4,.node-editor-heading p{margin:0}.node-editor-list{display:flex;flex-direction:column;gap:14px}.node-editor-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.node-editor-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.unit-expanded{padding:16px 26px 24px;background:var(--surface-soft)}.unit-expanded details{margin-top:14px}.unit-expanded summary{color:var(--brand);cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.span-two{grid-column:span 2}.full-width{width:100%}.el-select{min-width:120px;max-width:100%}.el-form--inline .el-select{width:180px}.el-form-item .el-select{min-width:160px;max-width:100%}.el-select .el-select__wrapper,.el-select .el-select__selection,.el-select .el-select__selected-item,.el-select .el-select__placeholder{min-width:0}.el-select .el-select__selection{flex:1 1 0;overflow:hidden}.el-select .el-select__selected-item,.el-select .el-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select .el-select__placeholder{position:static;width:100%;transform:none;z-index:1;pointer-events:none}.el-select .el-select__wrapper.is-filterable .el-select__placeholder{position:absolute;top:50%;transform:translateY(-50%)}.el-select .el-select__selected-item{max-width:100%}.el-select .el-select__selection:not(:has(.el-tag)) .el-select__selected-item{flex:1 1 100%;width:100%}.el-select .el-select__selected-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--muted);line-height:1.65}.authorization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.authorization-grid section{min-height:500px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.authorization-grid h4{margin:0}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-summary{display:flex;align-items:center;gap:20px}.profile-summary h2,.profile-summary p{margin:0 0 5px}.profile-avatar{display:grid;width:70px;height:70px;flex:0 0 70px;place-items:center;color:#fff;font-size:28px;font-weight:800;border-radius:22px;background:linear-gradient(135deg,var(--brand),var(--accent))}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);background:#f4f7fc}.login-visual{position:relative;display:flex;align-items:center;overflow:hidden;padding:9vw;color:#fff;background:linear-gradient(130deg,#081432f5,#143e98e6),#112047}.login-copy{position:relative;z-index:2}.login-copy h1{max-width:650px;margin:18px 0;font-size:clamp(42px,5.4vw,78px);line-height:1.08;letter-spacing:-.055em}.login-copy p{color:#ffffffa8;font-size:16px}.login-orbit{position:absolute;border:1px solid rgba(113,157,255,.24);border-radius:50%}.orbit-one{right:-22%;bottom:-28%;width:760px;height:760px;box-shadow:0 0 120px #337dff2e inset}.orbit-two{top:-180px;left:-180px;width:540px;height:540px}.login-panel{display:grid;place-items:center;padding:42px}.login-card{width:min(420px,100%)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:52px}.login-card h2{margin:0;font-size:30px;letter-spacing:-.035em}.login-card>.muted{margin:10px 0 28px}.login-button{width:100%;margin-top:8px}.security-note{margin-top:24px;color:#9aa5b9;font-size:11px;text-align:center}.state-page{display:grid;min-height:100vh;place-content:center;justify-items:center;padding:30px;text-align:center}.state-page.compact{min-height:420px}.state-page h1{margin:8px 0}.state-page p{margin:0 0 20px;color:var(--muted)}.state-code{color:var(--brand);font-size:76px;font-weight:900;line-height:1;letter-spacing:-.06em}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease,transform .15s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(5px)}@media (max-width: 1080px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.metric-grid,.check-grid,.split-grid,.authorization-grid,.expanded-version,.result-grid{grid-template-columns:1fr}}@media (max-width: 820px){.sidebar.is-collapsed{width:76px!important}.sidebar:not(.is-collapsed){position:fixed;top:0;bottom:0;left:0;z-index:40;width:248px!important;box-shadow:18px 0 45px #0b1b313d}.sidebar.is-collapsed .brand{justify-content:center;padding:18px 10px}.sidebar.is-collapsed .brand>div:last-child,.sidebar.is-collapsed .sidebar-footer span,.sidebar.is-collapsed .sidebar-menu .el-menu-item span,.sidebar.is-collapsed .sidebar-menu .el-sub-menu__title span,.sidebar.is-collapsed .sidebar-menu .el-sub-menu__icon-arrow{display:none}.sidebar-menu{padding:10px 8px}.sidebar-toggle{width:34px;height:34px;flex-basis:34px}.main-content{padding:18px}.topbar{height:74px;padding:0 18px}.topbar-leading{gap:9px}.hero-card{align-items:flex-start;padding:28px}.phase-badge{display:none}.toolbar-card,.toolbar{align-items:stretch;flex-direction:column}.search-input{width:100%}.form-grid{grid-template-columns:1fr}.detail-title-row{align-items:flex-start;flex-direction:column}.span-two{grid-column:auto}.login-panel{padding:24px}}@media (max-width: 560px){.sidebar.is-collapsed{width:60px!important}.sidebar.is-collapsed .brand{padding-inline:8px}.sidebar.is-collapsed .brand-mark{width:36px;height:36px;flex-basis:36px}.sidebar-menu{padding-inline:6px}.topbar{padding-inline:10px}.topbar h1{font-size:16px}.topbar p,.user-trigger>span:not(.avatar){display:none}.main-content{padding:10px}}