*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.table{display:table}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg-app: #F7F8FA;--bg-sidebar: #FFFFFF;--surface-1: #FFFFFF;--surface-2: #F9FAFB;--surface-soft: #EEF4F8;--border-default: #E5E7EB;--border-strong: #D1D5DB;--accent-primary: #123A63;--accent-hover: #0D2E50;--accent-light: #2D6293;--success: #16A34A;--success-soft: #ECFDF3;--warning: #D97706;--warning-soft: #FFF7ED;--danger: #DC2626;--danger-soft: #FEF2F2;--info: #2563EB;--info-soft: #EFF6FF;--text-primary: #20242A;--text-secondary: #6B7280;--text-muted: #9CA3AF;--shadow-card: 0 1px 2px rgb(16 24 40 / .04), 0 1px 3px rgb(16 24 40 / .04);--radius-sm: 6px;--radius-md: 8px}*{box-sizing:border-box}html{background:var(--bg-app)}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg-app);color:var(--text-primary);font:14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}aside{background:var(--bg-sidebar);border-right:1px solid var(--border-default);padding:24px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.02em}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff}.brand small{display:block;color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:0}.tag{color:var(--text-muted);font-size:10px;font-weight:650;letter-spacing:.08em;margin:26px 9px 14px}nav{display:grid;gap:3px}nav a{color:var(--text-secondary);text-decoration:none;padding:10px 12px;border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;display:flex;align-items:center;gap:10px;transition:background .15s ease,color .15s ease}nav a:hover{background:var(--surface-2);color:var(--text-primary)}nav a.active{background:var(--surface-soft);border-left-color:var(--accent-light);color:var(--accent-primary);font-weight:650}.sidefoot{margin-top:auto;padding:15px 10px 0;border-top:1px solid var(--border-default);color:var(--text-secondary);font-size:12px}.sidefoot small{color:var(--text-muted)}.sidefoot i,.live i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--success);margin-right:7px;box-shadow:0 0 0 3px var(--success-soft)}main{width:100%;max-width:1600px;padding:0 36px 48px}header{min-height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-default)}header b{font-size:13px;font-weight:650;color:var(--text-primary)}header p,.page-title p,.card p{color:var(--text-secondary);margin:3px 0 0}.live{color:var(--text-secondary);font-size:12px}section{padding-top:30px}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}h1{margin:0;color:var(--text-primary);font-size:clamp(28px,2.2vw,32px);letter-spacing:-.035em;line-height:1.15;font-weight:700}h2{margin:0;color:var(--text-primary);font-size:20px;font-weight:650}h3{margin:0;color:var(--text-primary);font-size:15px;font-weight:650}.button,.button-secondary,.button-ghost{min-height:38px;padding:8px 13px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:650;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.button{border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button-secondary{border:1px solid var(--border-strong);background:#fff;color:var(--text-primary)}.button-secondary:hover{background:var(--surface-2);border-color:var(--text-muted)}.button-ghost{border:1px solid transparent;background:transparent;color:var(--accent-primary)}.button-ghost:hover{background:var(--surface-soft)}button:disabled{cursor:not-allowed;opacity:.55}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.metrics article,.card,.pipeline{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.metrics article{min-height:128px;padding:17px;display:flex;flex-direction:column;justify-content:center}.metrics small,.pipeline small{display:block;color:var(--text-secondary);font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.metrics strong{display:block;margin:6px 0 4px;color:var(--accent-primary);font-size:29px;letter-spacing:-.035em;line-height:1}.metrics span{color:var(--text-muted);font-size:11px}.metric-success strong{color:var(--success)}.metric-warning strong{color:var(--warning)}.metric-danger strong{color:var(--danger)}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:20px}.card{padding:20px;margin-bottom:18px}.card.interactive:hover,.pipeline:hover{background:var(--surface-2);border-color:var(--border-strong)}.cardhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.card a,td a,.crumb a{color:var(--accent-primary);text-decoration-color:color-mix(in srgb,var(--accent-primary) 50%,transparent);text-underline-offset:3px}.chart{height:230px;margin-top:12px}.chart-card .recharts-cartesian-grid-horizontal line,.chart-card .recharts-cartesian-grid-vertical line{stroke:#eef2f6}.chart-card .recharts-text{fill:var(--text-secondary)}.chart-tooltip{border:1px solid var(--border-default)!important;border-radius:var(--radius-sm);background:#fff!important;box-shadow:var(--shadow-card);color:var(--text-primary)}.table-wrap{overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:#fff}table{width:100%;min-width:620px;border-collapse:collapse}th{padding:10px 12px;background:var(--surface-2);color:var(--text-secondary);font-size:11px;font-weight:650;letter-spacing:.035em;text-align:left;text-transform:uppercase}td{padding:11px 12px;border-top:1px solid var(--border-default);color:var(--text-primary);white-space:nowrap}td.numeric,.data-cell.numeric{text-align:right;font-variant-numeric:tabular-nums}tbody tr{transition:background .12s ease}tbody tr:hover{background:#fafbfc}em{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:650;line-height:1;text-transform:capitalize}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.completed,.badge.active{color:var(--success);background:var(--success-soft);border-color:#bbf7d0}.badge.partial{color:var(--warning);background:var(--warning-soft);border-color:#fed7aa}.badge.failed{color:var(--danger);background:var(--danger-soft);border-color:#fecaca}.badge.running{color:var(--info);background:var(--info-soft);border-color:#bfdbfe}.badge.queued,.badge.paused{color:var(--text-secondary);background:var(--surface-2);border-color:var(--border-default)}.pipeline-list{display:grid;gap:12px}.pipeline{padding:20px;transition:background .15s ease,border-color .15s ease}.pipeline-top,.pipeline-meta,.actions{display:flex;justify-content:space-between;gap:18px}.pipeline-top h3{font-size:16px}.pipeline-top a{color:var(--text-primary);text-decoration:none}.flow{display:flex;align-items:center;gap:8px;margin:18px 0;color:var(--text-secondary)}.flow b{padding:5px 8px;border:1px solid var(--border-default);border-radius:4px;background:var(--surface-2);color:var(--text-secondary);font-size:12px;font-weight:600}.pipeline-meta{justify-content:flex-start;gap:54px;color:var(--text-secondary)}.pipeline-meta span{display:grid;gap:4px;font-size:13px}.actions{justify-content:flex-end;margin-top:16px}.actions a,.actions button{border:0;background:transparent;color:var(--accent-primary);cursor:pointer;font-weight:600}.crumb{margin-bottom:16px;color:var(--text-secondary)}dl{display:grid;grid-template-columns:140px 1fr;gap:13px;margin:16px 0 0}dt{color:var(--text-secondary)}dd{margin:0;color:var(--text-primary)}.wizard-steps{display:flex;gap:10px;overflow:auto;margin-bottom:18px;color:var(--text-secondary)}.wizard-steps span{padding:7px 10px;border-radius:4px;white-space:nowrap}.wizard-steps .on{background:var(--surface-soft);color:var(--accent-primary)}.wizard-steps .done{color:var(--success)}.wizard{max-width:780px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.choice-grid button{min-height:74px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:#fff;color:var(--text-secondary);cursor:pointer}.choice-grid button:hover{background:var(--surface-2);border-color:var(--border-strong)}.choice-grid button.selected{border-color:var(--accent-light);background:var(--surface-soft);color:var(--accent-primary)}.choice-grid button:disabled{opacity:.55}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.form label{display:grid;gap:6px;color:var(--text-secondary)}.form input,.form select{width:100%;padding:9px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text-primary)}.form input:focus,.form select:focus{border-color:var(--accent-light);box-shadow:0 0 0 3px var(--surface-soft)}.checklist,.review{margin:18px 0;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);line-height:2}.wizard-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.wizard-actions>button:not(.button){min-height:38px;padding:8px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text-secondary)}.demo{position:relative}.demo-featured{border-color:var(--accent-light)}.source{color:var(--accent-primary);background:var(--surface-soft);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:650}.capability{color:var(--text-secondary);font-size:12px}.demo-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0;padding:14px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary)}.demo-flow b{color:var(--text-primary)}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-width:0}.preview>div{min-width:0;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-card)}.preview-table{max-width:100%;min-width:0;overflow-x:auto}.preview-table .table-wrap{max-width:100%}.preview h3{margin-bottom:9px}.preview small{color:var(--text-secondary);font-size:10px;letter-spacing:.04em}.quality-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-default)}.quality-list p{display:flex;justify-content:space-between}.quality-list b{color:var(--warning)}.demo-steps{margin:18px 0 20px;padding:0;list-style:none;counter-reset:step;color:var(--text-secondary)}.demo-steps li{counter-increment:step;display:flex;gap:9px;padding:5px 0}.demo-steps li:before{content:counter(step);width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft);color:var(--accent-primary);font-size:11px;font-weight:700}.empty-state,.loading,.error{display:grid;justify-items:start;gap:8px;min-height:170px;padding:28px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary)}.empty-state svg{color:var(--accent-light)}.empty-state h3{margin-top:4px}.empty-state p{max-width:480px;color:var(--text-secondary)}.empty-state-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.loading{place-content:center}.error{border-style:solid;border-color:#fecaca;background:var(--danger-soft);color:var(--text-secondary)}.error b{color:var(--danger)}.form textarea{width:100%;min-height:96px;padding:9px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text-primary);resize:vertical}.form textarea:focus{border-color:var(--accent-light);box-shadow:0 0 0 3px var(--surface-soft);outline:none}.file-upload{margin:20px 0}.file-upload>input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.file-upload>label{min-height:160px;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;text-align:center}.file-upload>label b{color:var(--text-primary);font-size:16px}.file-upload>label .button-secondary{pointer-events:none;margin-top:4px}.upload-status{display:grid;gap:3px;margin-top:12px;padding:12px 14px;border:1px solid #BBF7D0;border-radius:var(--radius-sm);background:var(--success-soft);color:var(--success)}.upload-status b{color:var(--text-primary)}.connection-success{color:var(--success);font-weight:650}.upload-cta{display:flex;align-items:center;justify-content:space-between;gap:18px}@media(max-width:1200px){.preview{grid-template-columns:1fr}}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.shell{grid-template-columns:210px minmax(0,1fr)}main{padding:0 24px 36px}}@media(max-width:720px){.shell{display:block}aside{display:none}main{padding:0 16px 32px}.metrics,.grid2,.preview,.quality-list,.form{grid-template-columns:1fr}.four{grid-template-columns:repeat(2,1fr)}header{min-height:70px;padding:14px 0}.pipeline-top,.page-title{gap:12px}.pipeline-meta{flex-wrap:wrap;gap:16px}}