:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas-outside:#2352c6;--canvas:#102f78;--canvas-deep:#0b2153;--workspace:#174594;--sidebar:#0b2153db;--surface-1:#234897c2;--surface-2:#183980db;--surface-3:#1e4f9c;--glass-toolbar:#102f78d1;--glass-float:#183980e6;--surface-hover:#42e5d01f;--surface-selected:#42e5d033;--line:#bedbff2b;--line-strong:#72d8ff52;--ink:#f7fbff;--ink-soft:#c6d8f8;--ink-muted:#8faad8;--data-primary:#42e5d0;--data-secondary:#69a8ff;--data-tertiary:#ff8a73;--data-quaternary:#bd8cff;--data-positive:#b6ec61;--data-muted:#aabddd;--warning:#ffc267;--danger:#ff786f;--shadow-window:0 28px 80px #0212415c;--shadow-float:0 18px 48px #02124147;--glow-primary:#42e5d047;--glow-secondary:#69a8ff29;--grid-line:#bedbff24;--teal:var(--data-primary);--teal-strong:#20c9b8;--blue:var(--data-secondary);--coral:var(--data-tertiary);--lime:var(--data-positive);--amber:var(--warning);--red:var(--danger);--provider-openai:var(--data-primary);--provider-anthropic:var(--data-secondary);--provider-zhipu:var(--data-tertiary);--provider-minimax:var(--data-quaternary);--provider-deepseek:var(--data-positive);--radius-control:9px;--radius-surface:14px;--sidebar-width:224px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--z-sticky:20;--z-tooltip:60;--font-ui:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-number:"Iowan Old Style", "Baskerville", serif;--font-mono:"SF Mono", "IBM Plex Mono", ui-monospace, monospace}@keyframes skeleton-shift{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes surface-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.analysis-page>.page-heading,.analysis-page>.kpi-strip,.analysis-page>.analysis-surface,.analysis-page>.overview-lower-grid,.trends-page>*,.composition-page>*{animation:.36s cubic-bezier(.2,.8,.2,1) both surface-enter}.analysis-page>:nth-child(2){animation-delay:35ms}.analysis-page>:nth-child(3){animation-delay:70ms}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 78% 0%, var(--glow-primary), transparent 34rem), radial-gradient(circle at 4% 82%, var(--glow-secondary), transparent 30rem), var(--canvas-outside);color:var(--ink);font-family:var(--font-ui);text-rendering:optimizelegibility;font-size:14px;line-height:1.45}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.app-shell{background:var(--canvas);min-height:100vh;display:flex}.sidebar{z-index:var(--z-sticky);width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(120%);backdrop-filter:blur(22px)saturate(120%);flex-direction:column;padding:22px 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-lockup{align-items:center;gap:12px;min-height:44px;padding:0 8px 26px;display:flex}.brand-lockup strong{letter-spacing:-.015em;font-size:15px;font-weight:680;display:block}.brand-lockup small{color:var(--ink-muted);font-family:var(--font-mono);margin-top:2px;font-size:12px;display:block}.brand-signal{border:1px solid var(--line-strong);border-radius:50%;justify-content:center;align-items:end;gap:2px;width:34px;height:34px;padding:7px;display:flex}.brand-signal i{background:var(--teal);border-radius:2px;width:2px}.brand-signal i:first-child,.brand-signal i:nth-child(5){opacity:.65;height:8px}.brand-signal i:nth-child(2),.brand-signal i:nth-child(4){height:14px}.brand-signal i:nth-child(3){background:var(--blue);height:19px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.nav-item{min-height:46px;color:var(--ink-soft);border-radius:11px;align-items:center;gap:12px;padding:0 14px;font-weight:560;transition:background .18s,color .18s,transform .18s;display:flex}.nav-item .anticon{font-size:18px}.nav-item:hover{background:var(--surface-hover);color:var(--ink)}.nav-item:active{transform:translateY(1px)}.nav-item.is-active{background:var(--surface-selected);color:var(--ink)}.nav-item.is-active .anticon{color:var(--teal)}.sidebar-foot{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding:14px 8px 0;display:grid}.sync-orbit,.quiet-action{color:var(--ink-muted);font-size:12px}.sync-orbit{align-items:center;gap:8px;display:flex}.sync-orbit span,.live-freshness i{background:var(--teal);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--teal) 12%, transparent);border-radius:50%}.quiet-action{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;display:flex}.quiet-action:hover{color:var(--ink)}.app-workspace{width:calc(100% - var(--sidebar-width));min-width:0;min-height:100vh;margin-left:var(--sidebar-width);background:var(--workspace);padding:0 24px 32px}.global-query-bar{z-index:var(--z-sticky);background:var(--glass-toolbar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);align-items:center;gap:24px;min-height:68px;display:flex;position:sticky;top:0}.query-control,.query-switch{color:var(--ink-muted);white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.global-query-bar .ant-segmented{background:var(--canvas-deep)}.global-query-bar .ant-segmented-item-selected{background:var(--surface-2);box-shadow:none}.live-freshness{color:var(--ink-muted);font-family:var(--font-mono);align-items:center;gap:9px;margin-left:auto;font-size:12px;display:flex}.live-freshness.is-error{color:var(--amber)}.live-freshness.is-error i{background:var(--amber);box-shadow:0 0 0 4px color-mix(in srgb, var(--amber) 12%, transparent)}.analysis-page{max-width:1720px;margin:0 auto;padding-top:28px}.page-heading{justify-content:space-between;align-items:start;min-height:72px;display:flex}.page-heading h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:28px;line-height:1.15}.page-heading p{color:var(--ink-muted);margin:7px 0 0;font-size:14px}.page-freshness{color:var(--ink-muted);font-family:var(--font-mono);font-size:12px}.analysis-surface{background:var(--surface-1);border:1px solid var(--line);border-radius:16px;overflow:hidden}.analysis-surface>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:0 18px;display:flex}.analysis-surface h2{letter-spacing:-.015em;margin:0;font-size:17px}.analysis-surface header p{color:var(--ink-muted);margin:4px 0 0;font-size:12px}.analysis-surface header>span{color:var(--ink-muted);font-family:var(--font-mono);font-size:12px}.kpi-strip{border:1px solid var(--line);background:var(--surface-1);border-radius:16px;grid-template-columns:1.25fr 1fr 1fr 1fr 1.15fr;margin-bottom:14px;display:grid;overflow:hidden}.kpi{min-width:0;padding:17px 18px 16px;position:relative}.kpi+.kpi:before{content:"";background:var(--line);width:1px;position:absolute;inset:16px auto 16px 0}.kpi>span:first-child{color:var(--ink-soft);font-size:12px;display:block}.kpi .metric-number{color:var(--ink);white-space:nowrap;margin:7px 0 4px;font-size:30px;line-height:1.05;display:block}.kpi small{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.kpi--teal:after,.kpi--blue:after,.kpi--lime:after,.kpi--coral:after,.kpi--amber:after{content:"";height:2px;position:absolute;inset:0 0 auto}.kpi--teal:after{background:var(--teal)}.kpi--blue:after{background:var(--blue)}.kpi--lime:after{background:var(--lime)}.kpi--coral:after{background:var(--coral)}.kpi--amber:after{background:var(--amber)}.trend-surface{margin-bottom:14px}.trend-heading-actions{color:var(--ink-muted);justify-content:flex-end;align-items:center;gap:12px;font-size:12px;display:flex}.trend-heading-actions .ant-segmented{background:var(--canvas-deep)}.trend-heading-actions .ant-segmented-item-selected{background:var(--surface-2);box-shadow:none}.hourly-sync-note{color:var(--amber);margin:12px 18px 0;font-size:12px}.usage-chart-layout{grid-template-columns:minmax(0,1fr) 228px;min-height:390px;display:grid}.usage-area-chart{min-width:0;min-height:390px}.chart-inspector{background:var(--glass-float);box-shadow:var(--shadow-float);color:var(--ink-soft);border-radius:12px;align-self:stretch;margin:16px 16px 16px 0;padding:16px}.chart-inspector.is-empty{color:var(--ink-muted);text-align:center;place-items:center;display:grid}.chart-inspector>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:11px;display:flex}.chart-inspector>div span{color:var(--teal);font-size:12px}.chart-inspector p{justify-content:space-between;gap:10px;margin:13px 0 0;display:flex}.chart-inspector b{color:var(--ink);font-family:var(--font-mono);font-size:12px}.chart-inspector .inspector-total{border-top:1px solid var(--line);padding-top:12px}.heatmap-surface{margin-bottom:14px}.heatmap-grid{grid-template-rows:repeat(7,12px);grid-auto-columns:minmax(6px,1fr);grid-auto-flow:column;gap:3px;padding:18px;display:grid;overflow:hidden}.heatmap-grid span{background:var(--surface-3);border-radius:2px;min-width:4px}.heatmap-grid span[data-level=missing]{background:var(--canvas-deep);box-shadow:inset 0 0 0 1px var(--line)}.heatmap-grid span[data-level=zero]{background:var(--surface-3)}.heatmap-grid span[data-level="1"]{background:color-mix(in srgb, var(--data-primary) 28%, var(--surface-3))}.heatmap-grid span[data-level="2"]{background:color-mix(in srgb, var(--data-primary) 48%, var(--surface-3))}.heatmap-grid span[data-level="3"]{background:color-mix(in srgb, var(--data-primary) 72%, var(--surface-3))}.heatmap-grid span[data-level="4"]{background:var(--teal)}.overview-lower-grid{grid-template-columns:1.45fr 1fr;gap:14px;display:grid}.ranking-table{padding:0 18px 10px}.ranking-head,.ranking-table a{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,1.4fr) repeat(4,minmax(80px,.8fr));align-items:center;min-height:45px;display:grid}.ranking-table a:hover{background:var(--surface-hover)}.ranking-head{color:var(--ink-muted);font-size:12px}.ranking-table a>span:first-child{text-transform:capitalize;align-items:center;gap:10px;display:flex}.ranking-table a>span:first-child i{background:var(--teal);border-radius:50%;width:8px;height:8px}.ranking-table b{font-family:var(--font-mono);font-size:12px}.component-surface{min-width:0}.component-track{background:var(--canvas-deep);border-radius:6px;height:22px;margin:24px 18px 20px;display:flex;overflow:hidden}.component-track span[data-tone=blue],.component-legend i[data-tone=blue]{background:var(--blue)}.component-track span[data-tone=coral],.component-legend i[data-tone=coral]{background:var(--coral)}.component-track span[data-tone=teal],.component-legend i[data-tone=teal]{background:var(--teal)}.component-track span[data-tone=lime],.component-legend i[data-tone=lime]{background:var(--lime)}.component-track span[data-tone=violet],.component-legend i[data-tone=violet]{background:var(--provider-minimax)}.component-track span[data-tone=muted],.component-legend i[data-tone=muted]{background:var(--ink-muted)}.component-legend{grid-template-columns:repeat(2,1fr);gap:12px 18px;padding:0 18px 22px;display:grid}.component-legend span{color:var(--ink-soft);grid-template-columns:8px 1fr auto;align-items:center;gap:8px;display:grid}.component-legend i{border-radius:50%;width:7px;height:7px}.component-legend b{color:var(--ink);font-family:var(--font-mono);font-size:12px}.data-failure{border-radius:var(--radius-surface);background:color-mix(in srgb, var(--danger) 18%, var(--surface-1));color:var(--ink);padding:28px}.data-state{color:var(--ink-soft);align-items:center;gap:7px;font-size:12px;display:inline-flex}.data-state i{background:currentColor;border-radius:50%;width:7px;height:7px}.data-state small{color:var(--ink-muted)}.data-state--complete,.data-state--zero{color:var(--teal)}.data-state--partial,.data-state--stale,.data-state--unpriced{color:var(--amber)}.data-state--unavailable{color:var(--red)}.data-state--disabled,.data-state--missing,.data-state--unknown{color:var(--ink-muted)}.dismissible-notice{border:1px solid var(--line);min-height:44px;color:var(--ink-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:9px 12px 9px 16px;font-size:13px;display:flex}.dismissible-notice--warning{border-color:color-mix(in srgb, var(--warning) 32%, transparent);background:color-mix(in srgb, var(--warning) 12%, transparent)}.dismissible-notice--danger{border-color:color-mix(in srgb, var(--danger) 32%, transparent);background:color-mix(in srgb, var(--danger) 12%, transparent)}.dismissible-notice button{width:28px;height:28px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:7px}.dismissible-notice button:hover{background:var(--surface-hover);color:var(--ink)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.metric-number{font-family:var(--font-number);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.025em}.status-badge{color:var(--ink-soft);align-items:center;gap:7px;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;width:7px;height:7px}.status-badge--healthy{color:var(--teal)}.status-badge--warning{color:var(--amber)}.status-badge--danger{color:var(--red)}.status-badge--muted{color:var(--ink-muted)}.route-skeleton{background:linear-gradient(100deg, transparent, var(--surface-hover), transparent);background-size:220% 100%;min-height:100vh;animation:1.5s ease-in-out infinite skeleton-shift}.route-skeleton--panel{border-radius:var(--radius-surface);background-color:var(--surface-1);min-height:62vh}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);background:var(--surface-1);width:min(420px,100%);box-shadow:var(--shadow-window);border-radius:16px;padding:34px}.login-brand{color:var(--teal);font-weight:650}.login-panel h1{margin:10px 0 8px;font-size:28px}.login-panel>p{color:var(--ink-soft)}.login-panel form{gap:10px;margin-top:24px;display:grid}.login-panel label{color:var(--ink-soft);font-size:13px}.login-panel input{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--canvas-deep);min-height:44px;color:var(--ink);padding:0 12px}.login-panel [role=alert]{color:var(--danger);margin:0}.login-panel button{border-radius:var(--radius-control);background:var(--teal);min-height:44px;color:var(--canvas-deep);cursor:pointer;border:0;margin-top:8px;font-weight:700}.login-panel button:disabled{opacity:.48;cursor:default}.field-guide{z-index:80;border-left:1px solid var(--line-strong);background:var(--glass-float);-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);width:min(390px,92vw);box-shadow:var(--shadow-float);padding:28px;position:fixed;inset:0 0 0 auto;overflow:auto}.field-guide header{justify-content:space-between;align-items:start;display:flex}.field-guide header span{color:var(--teal);font-family:var(--font-mono);letter-spacing:.13em;font-size:12px}.field-guide h2{margin:5px 0 0;font-size:26px}.field-guide header button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;width:34px;height:34px}.field-guide dl{margin-top:30px}.field-guide dl div{border-bottom:1px solid var(--line);padding:16px 0}.field-guide dt{color:var(--ink);font-weight:650}.field-guide dd{color:var(--ink-muted);margin:6px 0 0;line-height:1.65}@media (width<=1279px){:root{--sidebar-width:76px}.sidebar{padding-inline:10px}.brand-lockup{justify-content:center;padding-inline:0}.brand-lockup>span:last-child,.nav-item .nav-label,.sidebar-foot .action-label,.sync-orbit{display:none}.nav-item{justify-content:center;padding:0}.quiet-action{justify-content:center}.global-query-bar{gap:14px}.query-control>span,.query-switch>span{display:none}}@media (width<=1099px){.app-workspace{padding-inline:16px}.global-query-bar{overflow-x:auto}.analysis-surface>header{align-items:flex-start;padding-block:14px}.trend-heading-actions{flex-wrap:wrap}.live-freshness{display:none}.kpi-strip{grid-template-columns:repeat(3,1fr)}.kpi:nth-child(4),.kpi:nth-child(5){border-top:1px solid var(--line)}.usage-chart-layout{grid-template-columns:1fr}.chart-inspector{min-height:112px;margin:0 16px 16px}.overview-lower-grid{grid-template-columns:1fr}}@media (width<=1023px){.app-shell{min-width:920px}}@media (prefers-reduced-transparency:reduce){.global-query-bar,.field-guide,.timeline-readout{background:var(--canvas);-webkit-backdrop-filter:none;backdrop-filter:none}}.trends-page{gap:18px;display:grid}.period-summary{border:1px solid var(--line);background:var(--surface-1);border-radius:16px;grid-template-columns:1fr 1fr 1.15fr .9fr;min-height:148px;display:grid;overflow:hidden}.period-summary>*{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:22px 24px;display:flex}.period-summary>:last-child{border-right:0}.period-summary span{color:var(--ink-muted);letter-spacing:.04em;font-size:13px}.period-summary strong{color:var(--ink);margin:8px 0 4px;font-size:clamp(29px,3vw,43px);font-weight:600;line-height:1}.period-summary small{color:var(--ink-muted);font-size:13px}.period-summary .is-up strong{color:var(--teal);text-shadow:0 0 26px var(--glow-primary)}.period-summary .is-down strong{color:var(--coral)}.period-summary aside{background:linear-gradient(145deg, color-mix(in srgb, var(--data-secondary) 13%, transparent), color-mix(in srgb, var(--data-primary) 6%, transparent))}.period-summary aside b{color:var(--ink);margin:9px 0 4px;font-size:17px}.coordinated-timeline{min-height:405px;position:relative}.coordinated-timeline svg{cursor:crosshair;outline:0;width:100%;height:300px;padding:2px}.coordinated-timeline svg:focus-visible{box-shadow:inset 0 0 0 2px var(--blue);border-radius:12px}.chart-gridline{stroke:var(--grid-line);stroke-width:1px;vector-effect:non-scaling-stroke}.timeline-area{fill:url(#trend-energy);stroke:none}.timeline-gradient-start{stop-color:var(--data-primary);stop-opacity:.38}.timeline-gradient-end{stop-color:var(--data-primary);stop-opacity:.01}.timeline-line{fill:none;stroke:var(--teal);stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px var(--glow-primary))}.deviation-bar{fill:color-mix(in srgb, var(--data-secondary) 38%, transparent);transition:fill .12s}.deviation-bar.is-selected{fill:var(--blue)}.timeline-focus line{stroke:color-mix(in srgb, var(--ink) 74%, transparent);stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.timeline-focus circle{fill:var(--ink);stroke:var(--teal);stroke-width:3px;vector-effect:non-scaling-stroke}.timeline-readout{border:1px solid var(--line-strong);background:var(--glass-float);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);width:160px;box-shadow:var(--shadow-float);pointer-events:none;border-radius:12px;gap:2px;padding:13px 15px;display:grid;position:absolute;top:80px;right:24px}.timeline-readout b{color:var(--ink-muted);font-size:13px}.timeline-readout span{color:var(--ink);font-size:25px}.timeline-readout small{color:var(--teal)}.trends-analysis-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;display:grid}.cumulative-surface,.anomaly-surface{min-height:330px}.cumulative-surface svg{width:100%;height:230px;overflow:visible}.pace-line{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke}.pace-line--current{stroke:var(--teal);filter:drop-shadow(0 0 6px var(--glow-primary))}.pace-line--previous{stroke:var(--blue);stroke-dasharray:7 6;opacity:.76}.pace-legend{color:var(--ink-muted);gap:20px;padding:0 18px 16px;display:flex}.pace-legend span{align-items:center;gap:7px;display:inline-flex}.pace-legend i{background:var(--teal);border-radius:50%;width:9px;height:9px}.pace-legend i[data-tone=blue]{background:var(--blue)}.anomaly-list{gap:8px;padding:0 18px;display:grid}.anomaly-list>p{color:var(--ink-muted);margin:28px 0}.anomaly-list article{border-bottom:1px solid var(--line);grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.anomaly-list article>i{background:var(--coral);border-radius:8px;width:8px;height:32px}.anomaly-list article>i[data-direction=low]{background:var(--blue)}.anomaly-list article span{gap:3px;display:grid}.anomaly-list article b{color:var(--ink)}.anomaly-list article small,.anomaly-surface footer{color:var(--ink-muted);font-size:12px}.anomaly-list article strong{color:var(--ink);font-size:18px}.anomaly-surface footer{padding:14px 18px 18px;line-height:1.5;display:block}.driver-list{padding:0 18px 12px;display:grid}.driver-list a{border-bottom:1px solid var(--line);border-radius:9px;grid-template-columns:48px minmax(180px,1fr) minmax(100px,auto) 72px;align-items:center;gap:18px;min-height:64px;padding:0 10px;transition:background .14s,transform .14s;display:grid}.driver-list a:hover{background:var(--surface-hover);transform:translate(3px)}.driver-list em{color:var(--ink-muted);letter-spacing:.08em;font-size:12px;font-style:normal}.driver-list a>span{color:var(--ink);grid-template-columns:auto minmax(30px,1fr);align-items:center;gap:15px;display:grid}.driver-list a>span i{background:linear-gradient(90deg, var(--teal), var(--blue));opacity:.68;border-radius:4px;max-width:100%;height:4px;display:block}.driver-list strong{text-align:right;font-size:20px}.driver-list small{color:var(--ink-muted);text-align:right}@media (width<=1120px){.period-summary{grid-template-columns:repeat(3,1fr)}.period-summary aside{display:none}.trends-analysis-grid{grid-template-columns:1fr}}.composition-page{gap:18px;display:grid}.composition-workbench{border:1px solid var(--line);background:var(--surface-1);border-radius:16px;grid-template-columns:214px minmax(560px,1fr) 258px;min-height:590px;display:grid;overflow:hidden}.composition-controls{border-right:1px solid var(--line);background:color-mix(in srgb, var(--canvas-deep) 56%, transparent);padding:20px 16px}.composition-controls>span{color:var(--ink-muted);font-size:12px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;display:block}.composition-controls .ant-segmented{background:var(--canvas-deep);width:100%;margin-bottom:24px;padding:4px}.composition-controls .ant-segmented-group{width:100%}.composition-controls .ant-segmented-item{align-items:center;min-height:38px;display:flex}.composition-controls .ant-segmented-item-selected{background:var(--surface-2)}.metric-choice{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.metric-choice button{border:1px solid var(--line);background:var(--surface-2);min-height:34px;color:var(--ink-soft);cursor:pointer;border-radius:8px;font-size:12px}.metric-choice button:hover{border-color:var(--line-strong)}.metric-choice button.is-active{background:var(--teal);border-color:var(--teal);color:var(--canvas-deep);font-weight:700}.composition-controls p{color:var(--ink-muted);margin:20px 2px 0;font-size:12px;line-height:1.65}.flow-topology{min-width:0;padding:16px;position:relative;overflow:hidden}.topology-columns{color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.11em;grid-template-columns:repeat(3,1fr);padding:0 16px 8px;font-size:12px;display:grid}.topology-columns span:nth-child(2){text-align:center}.topology-columns span:nth-child(3){text-align:right}.flow-topology svg{width:100%;height:520px;overflow:visible}.flow-link{fill:none;opacity:.34;stroke-linecap:round;transition:opacity .14s}.flow-link--local{stroke:var(--teal)}.flow-link--imported{stroke:var(--coral);stroke-dasharray:6 5}.flow-topology:hover .flow-link{opacity:.58}.flow-node rect{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.flow-node.is-selected rect{fill:var(--surface-selected);stroke:var(--teal);stroke-width:2px;filter:drop-shadow(0 0 12px var(--glow-primary))}.flow-node text{fill:var(--ink);font-family:var(--font-ui);pointer-events:none;font-size:12px;font-weight:650}.flow-node .flow-value{fill:var(--ink-muted);font-family:var(--font-number);font-size:12px;font-weight:400}.flow-node button{cursor:pointer;background:0 0;border:0;width:100%;height:100%}.topology-empty{color:var(--ink-muted);text-align:center;position:absolute;inset:46% 20%}.node-inspector{border:1px solid var(--line);background:var(--glass-float);box-shadow:var(--shadow-float);border-radius:12px;align-self:stretch;margin:14px;padding:20px}.node-inspector.is-empty{color:var(--ink-muted);text-align:center;place-items:center;display:grid}.inspector-kind{color:var(--teal);font-family:var(--font-mono);letter-spacing:.13em;font-size:12px}.node-inspector h2{margin:8px 0 16px;font-size:22px}.node-inspector>strong{color:var(--ink);font-size:32px;display:block}.node-inspector>small{color:var(--ink-muted);font-family:var(--font-mono);font-size:12px}.node-inspector dl{border-top:1px solid var(--line);margin:22px 0}.node-inspector dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:11px 0;display:flex}.node-inspector dt{color:var(--ink-muted)}.node-inspector dd{color:var(--ink);margin:0}.node-inspector p{color:var(--ink-muted);font-size:12px;line-height:1.65}.composition-detail-grid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.composition-history,.daily-facts{border:1px solid var(--line);background:var(--surface-1);border-radius:16px;min-height:230px;padding:18px}.composition-history header,.daily-facts header{justify-content:space-between;align-items:center;display:flex}.composition-history h2,.daily-facts h2{margin:0;font-size:17px}.composition-history header span,.daily-facts header span{color:var(--ink-muted);font-family:var(--font-mono);font-size:12px}.composition-history svg{width:100%;height:142px;margin-top:20px}.composition-history path{fill:none;stroke:var(--blue);stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px var(--glow-secondary))}.daily-facts>div{max-height:180px;margin-top:12px;overflow:auto}.daily-facts p{border-bottom:1px solid var(--line);grid-template-columns:1fr 76px auto;gap:12px;margin:0;padding:9px 0;display:grid}.daily-facts time,.daily-facts span{color:var(--ink-muted);font-size:12px}.daily-facts b{text-align:right}@media (width<=1279px){.composition-workbench{grid-template-columns:190px minmax(540px,1fr)}.node-inspector{z-index:30;width:270px;max-height:70vh;box-shadow:var(--shadow-float);pointer-events:auto;position:fixed;bottom:18px;right:18px;overflow:auto}.node-inspector.is-empty{display:none}}