body{--app-bg:var(--color-fill-2);--panel-bg:var(--color-bg-2);--border:var(--color-border-2);--border-strong:var(--color-border-3);--text-1:var(--color-text-1);--text-2:var(--color-text-2);--muted-bg:var(--color-fill-1);--radius:var(--border-radius-medium)}html,body,#root{min-width:320px;min-height:100%;margin:0}body,#root{color:var(--text-1);background:var(--app-bg)}body[arco-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:var(--color-bg-1);--muted-bg:var(--color-fill-2)}body[arco-theme=dark] .login-shell{background:linear-gradient(180deg, var(--color-bg-3) 0%, var(--color-bg-1) 62%)}a{text-decoration:none}.full-width{width:100%}.login-shell{box-sizing:border-box;background:linear-gradient(180deg, var(--color-bg-2) 0%, var(--color-fill-1) 48%, var(--color-fill-2) 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex;position:relative}.login-theme-toggle{position:absolute;top:24px;right:24px}.login-panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(360px,500px) minmax(390px,460px);width:min(1040px,100%);min-height:560px;display:grid;overflow:hidden;box-shadow:0 18px 46px #1d212914,0 1px 2px #1d21290a}.login-copy{color:#e0eee6;background:linear-gradient(#ffffff0a,#fff0 46%),#101513;flex-direction:column;justify-content:center;gap:28px;padding:44px;display:flex}.login-copy .arco-typography{color:#e0eee6}.login-copy .arco-typography-secondary{color:#e0eee6b8}.login-brand-block{flex-direction:column;gap:24px;min-width:0;display:flex}.login-logo-mark{border-radius:var(--radius);background:#ffffff0f;border:1px solid #e0eee62e;justify-content:center;align-items:center;width:164px;height:46px;display:flex}.login-logo{width:126px;height:auto}.login-eyebrow{letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:500;display:block;color:#e0eee6ad!important}.login-brand-block .arco-typography{margin:0}.login-card{box-shadow:none;border:0;border-radius:0;align-items:center;padding:0 56px;display:flex}.login-card .arco-card-body{width:100%}.login-form-heading{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.login-form-heading .arco-typography{margin:0}.login-form .arco-form-item{margin-bottom:18px}.login-form .arco-form-label-item{color:var(--text-1);font-size:13px;font-weight:500}.login-form .arco-input-inner-wrapper,.login-form .arco-input-password{background:var(--muted-bg);border-color:var(--border);border-radius:var(--radius);height:40px}.login-form .arco-input-inner-wrapper:hover,.login-form .arco-input-password:hover{border-color:rgb(var(--arcoblue-5))}.login-form .arco-btn-primary{border-radius:var(--radius);height:40px;margin-top:2px;font-weight:500}.login-footnote{color:var(--text-2);align-items:center;gap:8px;padding-top:4px;font-size:12px;display:flex}.login-footnote .arco-icon{color:rgb(var(--arcoblue-6));flex:none}.login-footnote .arco-typography{margin:0;font-size:12px}.boot-screen{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);width:min(720px,100vw - 40px);margin:18vh auto 0;padding:24px}.app-shell{background:var(--app-bg);min-height:100vh}.app-header{z-index:5;background:var(--panel-bg);border-bottom:1px solid var(--border-strong);justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #1d21290a}.header-left{align-items:center;gap:16px;min-width:0;display:flex}.header-logo-mark{border-radius:var(--radius);background:#101513;flex:none;justify-content:center;align-items:center;width:140px;height:40px;display:flex}.header-logo{width:109px;height:22px;display:block}.header-title-block{min-width:0}.header-actions{flex:none;align-items:center;gap:12px;display:flex}.header-title-block .arco-typography-secondary{margin:0;line-height:1.3;display:block}.app-header .arco-typography{margin:0}.header-avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:flex}.header-avatar-button:focus-visible{outline:2px solid rgb(var(--arcoblue-6));outline-offset:2px}.header-avatar{background:rgb(var(--arcoblue-6));flex:none;transition:box-shadow .15s}.header-avatar-button:hover .header-avatar{box-shadow:0 0 0 3px rgb(var(--arcoblue-2))}.account-menu{min-width:200px}.account-menu-header{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:4px;padding:10px 12px;display:flex}.account-menu-header .arco-typography{margin:0;font-size:13px}.account-menu-icon{margin-right:8px}.app-content{box-sizing:border-box;width:100%;max-width:1712px;margin:0 auto;padding:16px}.section-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px #1d212908}.section-card .arco-card-header{border-bottom:1px solid var(--border);height:46px;padding:0 16px}.section-card .arco-card-header-title{color:var(--text-1);font-size:14px;font-weight:500}.section-card .arco-card-body{padding:0}.section-card .arco-card-extra{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-strip{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:0 16px;display:flex;box-shadow:0 1px 2px #1d212908}.source-strip>div{align-items:center;gap:10px;min-width:0;display:flex}.source-strip .arco-typography{margin:0}.console-tabs>.arco-tabs-header-nav{margin-bottom:4px}.console-tabs>.arco-tabs-content{padding-top:0}.console-summary{background:var(--panel-bg);border-bottom:1px solid var(--border);grid-template-columns:repeat(5,minmax(140px,1fr)) minmax(220px,1.4fr);gap:12px;padding:14px 16px;display:grid}.stat-tile{background:var(--muted-bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}button.stat-tile{width:100%;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}button.stat-tile:hover{border-color:var(--border-strong);box-shadow:0 1px 6px #1d212914}button.stat-tile:focus-visible{outline:2px solid rgb(var(--arcoblue-6));outline-offset:2px}.stat-tile-active,button.stat-tile-active:hover{background:var(--panel-bg);border-color:rgb(var(--arcoblue-6));box-shadow:inset 0 0 0 1px rgb(var(--arcoblue-6))}.stat-tile-icon{border-radius:var(--radius);flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.stat-tile-blue .stat-tile-icon{color:rgb(var(--arcoblue-6));background:rgb(var(--arcoblue-1))}.stat-tile-green .stat-tile-icon{color:rgb(var(--green-6));background:rgb(var(--green-1))}.stat-tile-purple .stat-tile-icon{color:rgb(var(--purple-6));background:rgb(var(--purple-1))}.stat-tile-orange .stat-tile-icon{color:rgb(var(--orange-6));background:rgb(var(--orange-1))}.stat-tile-gold .stat-tile-icon{color:rgb(var(--gold-6));background:rgb(var(--gold-1))}.stat-tile-body{flex-direction:column;gap:0;min-width:0;display:flex}.stat-tile-body .arco-typography{margin:0;font-size:12px;line-height:1.3}.stat-tile-value{color:var(--text-1);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:22px;font-weight:600;line-height:1.25}.stat-tile-value-sm{font-size:17px}.stat-tile-value-xs{font-size:14px}.summary-meta{border-left:1px solid var(--border);flex-direction:column;justify-content:center;gap:4px;min-width:0;padding-left:16px;display:flex}.summary-meta .arco-typography{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.console-toolbar{background:var(--muted-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.drawer-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-tag{box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;align-items:center;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.status-tag *{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-tag .arco-icon{flex:none;overflow:visible}.tooltip-target{display:inline-flex}.stat-tile-tooltip{min-width:0;display:flex}.stat-tile-tooltip>.stat-tile{width:100%}.header-status-tag{flex:0 auto;max-width:96px}.run-detail-drawer .arco-drawer-header{align-items:flex-start;min-height:76px;padding:20px 24px 16px}.run-detail-drawer .arco-drawer-title{min-width:0;max-width:calc(100% - 44px)}.run-detail-title{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;max-width:100%;padding-top:2px;display:flex}.run-detail-title-main{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.run-detail-nav{flex:none;align-items:center;gap:8px;padding-top:2px;display:flex}.run-detail-nav .arco-typography{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:12px}.run-detail-title-row{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.run-detail-title-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:100%;overflow:hidden}.run-detail-title-id{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.run-detail-status{flex:0 auto;max-width:112px}.run-detail-drawer .arco-drawer-body,.compare-drawer .arco-drawer-body{background:var(--app-bg);padding:16px}.run-detail-drawer .section-card,.compare-drawer .section-card{border:1px solid var(--border)}.run-detail-drawer .arco-tabs-header{margin-bottom:16px}.run-detail-drawer .arco-tabs-content,.compare-drawer .arco-drawer-body>.arco-space{background:0 0}.metrics-card .arco-card-body{padding:16px}.metric-kpi-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;display:grid}.metric-kpi{background:var(--muted-bg);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:12px}.metric-kpi .arco-typography{margin:0}.metric-kpi-value{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 2px;font-size:22px;font-weight:600;line-height:1.2;overflow:hidden}.metrics-toolbar{align-items:center;gap:12px;display:flex}.metrics-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.metrics-control{align-items:center;gap:10px;display:flex}.metrics-control .arco-typography{white-space:nowrap;margin:0;font-size:12px}.metrics-controls-spacer{flex:1}.metric-multiples{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.metric-panel{box-sizing:border-box;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:10px 12px 6px}.metric-panel-empty{flex-direction:column;gap:8px;min-height:120px;display:flex}.metric-panel-empty .arco-typography{margin:0;font-size:12px}.metric-panel-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.metric-panel-label{align-items:center;gap:8px;min-width:0;display:flex}.metric-panel-label .arco-typography{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.metric-panel-value{font-variant-numeric:tabular-nums;flex:none;margin:0;font-size:12px}.metric-panel-chart{aspect-ratio:520/230;width:100%;height:auto;display:block}.metric-line-raw{opacity:.28}.metric-chart-panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;padding:14px;position:relative}.metric-chart-stage{border:1px solid var(--border);border-radius:var(--radius);background:var(--color-bg-1);position:relative}.metric-chart{aspect-ratio:1040/360;width:100%;height:auto;display:block}.metric-chart-plot{fill:var(--color-bg-2);stroke:var(--color-fill-2);stroke-width:1px}.metric-grid-line{stroke:var(--color-border-2);stroke-width:1px}.metric-grid-line-vertical{stroke-dasharray:3 6;opacity:.55}.metric-axis-line{stroke:var(--color-border-3);stroke-width:1px}.metric-axis-label{fill:var(--text-2);font-size:12px}.metric-hover-line{stroke:rgb(var(--arcoblue-6));stroke-dasharray:4 4;stroke-width:1px}.metric-hover-dot{fill:var(--color-bg-2)}.metric-tooltip{z-index:2;background:var(--panel-bg);border:1px solid var(--color-border-3);border-radius:var(--radius);min-width:248px;max-width:320px;padding:10px 12px;position:absolute;top:44px;transform:translate(12px);box-shadow:0 8px 24px #1d21291f}.metric-tooltip-left{transform:translate(calc(-100% - 12px))}.metric-tooltip .arco-typography{margin:0}.metric-tooltip-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:grid}.metric-tooltip-row span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-chart-empty{border:1px solid var(--border);border-radius:var(--radius);place-items:center;min-height:472px;display:grid}.metric-chart-empty-small{min-height:220px}.compare-delta-run{align-items:center;gap:8px;min-width:0;display:flex}.compare-delta-run .arco-typography{margin:0}.updated-ago{white-space:nowrap;margin:0;font-size:12px}.metric-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:12px;display:grid}.metric-legend-item{background:var(--muted-bg);border:1px solid var(--border);border-radius:var(--radius);min-width:0;color:var(--text-1);flex-direction:column;gap:6px;padding:10px;font-size:13px;display:flex}.metric-legend-item-empty{opacity:.58}.metric-legend-main{align-items:center;gap:8px;min-width:0;font-weight:500;display:flex}.metric-legend-main span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-legend-stats{flex-wrap:wrap;gap:6px 12px;padding-left:16px;display:flex}.metric-legend-stats .arco-typography{margin:0;font-size:12px}.metric-dot{border-radius:50%;flex:none;width:8px;height:8px}.value-cell{white-space:pre-wrap;word-break:break-word}.run-table .arco-table-tr{cursor:pointer}.run-table .arco-table-td,.run-table .arco-table-th{white-space:nowrap}.run-table .arco-table-td .arco-space{max-width:100%}.run-table .arco-table-td .arco-space-item,.run-table .arco-table-td .arco-typography{text-overflow:ellipsis;min-width:0;overflow:hidden}.run-table-status{max-width:116px}.table-metrics{min-width:0;color:var(--text-2);flex-direction:column;gap:3px;font-size:12px;line-height:1.35;display:flex}.table-metrics span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.run-table .arco-table-th{color:var(--text-1);font-weight:500}.run-table .arco-table-tr:hover .arco-table-td{background:var(--color-fill-1)}.selected-run-row .arco-table-td{background:rgb(var(--arcoblue-1))}.arco-table-th{background:var(--muted-bg)}.metadata-pre{background:var(--muted-bg);border:1px solid var(--border);border-radius:var(--radius);max-height:420px;color:var(--text-1);white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;font-size:12px;line-height:1.6;overflow:auto}@media (width<=900px){.login-shell{align-items:flex-start;padding:16px}.login-panel{grid-template-columns:1fr;min-height:0}.login-copy,.login-card{padding:28px}.app-header{flex-direction:column;align-items:flex-start;height:auto;min-height:56px;padding:14px 16px;position:static}.header-left{width:100%}.header-actions{flex-wrap:wrap}.app-content{padding:12px}.metric-kpi-grid,.console-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-meta{border-top:1px solid var(--border);border-left:0;grid-column:1/-1;padding-top:12px;padding-left:0}.metrics-toolbar,.console-toolbar,.drawer-toolbar{flex-direction:column;align-items:stretch}.console-toolbar .arco-space,.drawer-toolbar .arco-space{width:100%}.console-toolbar .arco-input,.console-toolbar .arco-input-inner-wrapper,.console-toolbar .arco-select{width:100%!important}.metrics-toolbar .arco-select{width:100%!important;min-width:0!important}.metric-tooltip{display:none}.metric-multiples,.metric-legend{grid-template-columns:1fr}}