.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}html,body,#root{min-height:100%;margin:0}:root{--app-content-padding:14px;--surface-radius:8px;--surface-padding:14px;--surface-gap:10px;--app-header-height:58px;--bg-app:#eef2f6;--bg-panel:#fff;--bg-panel-subtle:#f6f8fb;--border-subtle:#d7e0ea;--text-strong:#142233;--text-secondary:#566577;--brand-strong:#0f4fa8;--brand-soft:#dbe9ff;--success-soft:#e9f8ef;--warning-soft:#fff4da;--danger-soft:#fde8e7;--shadow-soft:0 10px 24px #15293d0d}body{color:var(--text-strong);background:#eef2f6;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.45}.center-screen{place-items:center;min-height:100vh;display:grid}.login-page{background:radial-gradient(circle at 0 0,#0f6cbd24,#0000 30%),linear-gradient(#f7fbff 0%,#eef3fa 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{border-radius:14px;width:min(560px,100%);box-shadow:0 20px 48px #0c2f521a}.app-layout{min-height:100vh}.app-sider{border-right:1px solid #dfe9f414;padding:14px 10px;background:#112033!important}.brand-block{align-items:center;gap:10px;min-height:48px;margin-bottom:12px;padding:6px 4px 12px;display:flex}.brand-block__mark{color:#fff;background:linear-gradient(135deg,#2f7ae5 0%,#1b9aaa 100%);border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:13px;font-weight:700;display:inline-flex}.brand-block__content{flex-direction:column;gap:2px;display:flex}.brand-block__content .ant-typography,.brand-block__content .ant-typography-secondary{color:#f5f7fb!important}.app-header{min-height:var(--app-header-height);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:12px;padding-inline:14px;display:flex}.app-content{padding:var(--app-content-padding)}.page-header{justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.page-header__main{flex-direction:column;gap:2px;display:flex}.page-header__eyebrow{letter-spacing:.04em;text-transform:uppercase}.page-header h5.ant-typography{margin:0;font-size:18px}.page-header .ant-typography-secondary{max-width:760px;margin-bottom:0}.page-state{background:var(--bg-panel);border-radius:var(--surface-radius);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);padding:20px}.app-content .ant-card{border-radius:var(--surface-radius);border-color:var(--border-subtle);box-shadow:var(--shadow-soft)}.app-content .ant-card .ant-card-head{min-height:42px;padding:0 var(--surface-padding)}.app-content .ant-card .ant-card-head-title,.app-content .ant-card .ant-card-extra{padding:10px 0}.app-content .ant-card .ant-card-body{padding:var(--surface-padding)}.app-content .ant-alert{border-radius:var(--surface-radius);padding-block:6px}.app-content .ant-typography{line-height:1.45}.app-content .ant-card .ant-typography:last-child{margin-bottom:0}.app-content .ant-form-item{margin-bottom:12px}.app-content .ant-table-wrapper .ant-table-thead>tr>th{color:var(--text-secondary);background:#f7f9fc;padding-block:10px;font-size:12px;font-weight:600}.app-content .ant-table-wrapper .ant-table-tbody>tr>td{padding-block:10px}.app-content .ant-input,.app-content .ant-input-affix-wrapper,.app-content .ant-select-selector,.app-content .ant-picker,.app-content .ant-btn{border-radius:8px!important}.app-header__left,.app-header__right{align-items:center;gap:10px;display:flex}.app-header__left{min-width:0}.app-header__right{justify-content:flex-end;min-width:0}.app-header__identity{flex-direction:column;min-width:0;line-height:1.2;display:flex}.app-header__identity .ant-typography{margin:0}.app-header__nav-trigger{color:var(--text-strong)}.app-sider .ant-menu{background:0 0;border-inline-end:0}.app-sider .ant-menu-item-group-title{color:#e2eaf394;text-transform:uppercase;padding-inline:10px;font-size:11px}.app-sider .ant-menu-item{color:#edf2f8d6;border-radius:8px;margin-block:4px;margin-inline:0}.app-sider .ant-menu-item-selected{color:#fff!important;background:#2f7ae52e!important}.app-sider .ant-menu-item:hover{color:#fff!important}.ops-info-hint{color:#6e8194;padding-inline:4px}.ops-tag{border-radius:999px;margin-inline-end:0;padding-inline:8px;font-size:12px}.ops-amount-cell{align-items:flex-start}.ops-metric-strip{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.ops-metric-strip__item{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);min-height:88px;box-shadow:var(--shadow-soft);padding:12px}.ops-metric-strip__item.ops-tone-info{background:linear-gradient(#fff 0%,#f5f9ff 100%)}.ops-metric-strip__item.ops-tone-warning{background:linear-gradient(#fff 0%,#fffaf0 100%)}.ops-metric-strip__item.ops-tone-danger{background:linear-gradient(#fff 0%,#fff7f6 100%)}.ops-metric-strip__item.ops-tone-accent{background:linear-gradient(#fff 0%,#f8f5ff 100%)}.ops-metric-strip__label{font-size:12px;display:block}.ops-metric-strip__value{color:var(--text-strong);margin-top:6px;font-size:22px;font-weight:700}.ops-metric-strip__meta{color:var(--text-secondary);margin-top:6px;font-size:12px}.ops-workbench{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:14px;min-height:calc(100vh - 170px);display:grid}.ops-workbench__sidebar,.ops-workbench__detail{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);box-shadow:var(--shadow-soft);flex-direction:column;min-height:0;display:flex}.ops-workbench__panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 12px;display:flex}.ops-workbench__panel-body{flex:1;min-height:0;padding:12px;overflow:auto}.dense-data-table .ant-table{font-size:12px}.dense-data-table .ant-table-thead>tr>th,.dense-data-table .ant-table-tbody>tr>td{padding-inline:10px}.ops-inline-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ops-section-stack,.dashboard-page{flex-direction:column;gap:12px;display:flex}.dashboard-topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.dashboard-topbar__left,.dashboard-topbar__right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dashboard-topbar__tab,.dashboard-topbar__pill{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#f3f6fa;border-radius:999px;margin:0;padding-inline:10px}.dashboard-topbar__tab--active{color:#124fa3;background:#dce9ff;border-color:#b8cdf2;font-weight:600}.dashboard-boundary-banner.ant-alert{border-radius:8px;margin-bottom:0;padding-block:8px}.dashboard-kpi-scroll{overflow-x:auto}.dashboard-kpi-scroll .ops-metric-strip{grid-template-columns:repeat(6,minmax(165px,1fr));gap:8px;min-width:1040px}.dashboard-kpi-scroll .ops-metric-strip__item{box-shadow:none;border-radius:8px;min-height:96px;padding:10px 12px}.dashboard-page .ops-metric-strip__item.ops-tone-info{background:#f4f7ff}.dashboard-page .ops-metric-strip__item.ops-tone-warning{background:#fff7e8}.dashboard-page .ops-metric-strip__item.ops-tone-danger{background:#fff0ef}.dashboard-page .ops-metric-strip__item.ops-tone-success{background:#eef8f1}.dashboard-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;padding:12px}.dashboard-panel__header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.dashboard-panel__subtitle{margin-top:2px;font-size:12px;display:block}.dashboard-section-tag{margin:0}.dashboard-progress-grid{grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;display:grid}.dashboard-progress-node{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:8px;min-height:120px;padding:10px}.dashboard-progress-node--success{background:#eef8f1;border-color:#b8dec6}.dashboard-progress-node--info{background:#eef4ff;border-color:#bfd1f4}.dashboard-progress-node--warning{background:#fff7e8;border-color:#ecd08f}.dashboard-progress-node--danger{background:#fff0ef;border-color:#f0c1bc}.connectors-page{flex-direction:column;gap:12px;display:flex}.connectors-page--workflow{gap:16px}.connectors-context-bar,.connectors-flow-panel,.connectors-filter-panel,.connectors-detail-panel,.connectors-hub-main,.connectors-hub-aside{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:8px}.connectors-context-bar,.connectors-flow-panel,.connectors-filter-panel,.connectors-detail-panel{padding:12px}.connectors-context-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.connectors-context-bar__title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.connectors-context-bar__title-row h5.ant-typography{margin:0}.connectors-boundary-banner.ant-alert{margin-bottom:0}.connectors-panel-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.connectors-panel-header>div:first-child{flex-direction:column;gap:2px;display:flex}.connectors-flow-grid{grid-template-columns:repeat(6,minmax(140px,1fr));gap:8px;display:grid}.connectors-flow-step{background:var(--bg-panel-subtle);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;font-size:12px;font-weight:600}.connectors-source-tabs{gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.connectors-source-tab{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#f6f8fb;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.connectors-source-tab--active{color:#124fa3;background:#dce9ff;border-color:#b8cdf2;font-weight:600}.connectors-filter-grid{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(140px,1fr)) auto;gap:10px;display:grid}.connectors-filter-actions{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding-top:18px;display:flex}.connectors-filter-button-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.connectors-hub-layout{grid-template-columns:minmax(0,1fr) 320px;gap:12px;display:grid}.connectors-hub-main,.connectors-hub-aside{padding:12px}.connectors-guardrail-list{flex-direction:column;gap:10px;display:flex}.connectors-guardrail{border:1px solid var(--border-subtle);border-radius:8px;padding:10px}.connectors-guardrail--danger{background:#fff4f2;border-color:#f3c0bb}.connectors-guardrail--warning{background:#fff8eb;border-color:#efd392}.connectors-guardrail--info{background:#f4f7ff;border-color:#bfd1f4}.connectors-detail-tabs .ant-tabs-nav{margin-bottom:12px}.connectors-stepper-panel,.connectors-advanced-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:8px;padding:12px}.connectors-workflow-grid{grid-template-columns:minmax(0,1fr) 320px;gap:12px;display:grid}.connectors-workflow-main{grid-template-columns:minmax(320px,1.05fr) minmax(0,1.25fr);gap:12px;display:grid}.connectors-workflow-side{display:flex}.connectors-workflow-panel{border:1px solid var(--border-subtle);box-shadow:none;border-radius:8px}.connectors-workflow-panel--action{min-height:100%}.connectors-onboarding-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.connectors-onboarding-filters__actions{justify-content:flex-end;align-items:flex-end;gap:8px;display:flex}.connectors-action-card{background:#fafcff;border:1px solid #dbe6f3;border-radius:10px}.connectors-task-list{flex-direction:column;gap:10px;display:flex}.connectors-task-card{border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.connectors-task-card--danger{background:#fff4f2;border-color:#f0c5bd}.connectors-task-card--warning{background:#fff8eb;border-color:#efd392}.connectors-task-card--info{background:#f4f7ff;border-color:#bfd1f4}.connectors-task-card__count{color:var(--text-strong);font-size:30px;font-weight:700;line-height:1}.connectors-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.connectors-status-card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:8px}@media (width<=1200px){.connectors-flow-grid,.connectors-filter-grid,.connectors-hub-layout,.connectors-workflow-grid,.connectors-workflow-main,.connectors-status-grid,.connectors-onboarding-filters{grid-template-columns:1fr}.connectors-hub-aside{order:-1}.connectors-onboarding-filters__actions{justify-content:flex-start}}@media (width<=768px){.connectors-context-bar{flex-direction:column;align-items:flex-start}.connectors-detail-tabs .ant-tabs-nav-list{grid-template-columns:1fr;width:100%;display:grid}}.dashboard-progress-node--forecast{background:#f3edff;border-color:#d2c1f2}.dashboard-progress-node__label{color:var(--text-secondary);font-size:12px;display:block}.dashboard-progress-node__value{color:var(--text-strong);margin-top:6px;font-size:28px;font-weight:700;line-height:1.1}.dashboard-progress-node__summary{min-height:32px;margin-top:4px;font-size:12px;display:block}.dashboard-progress-node__footer{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.dashboard-main-grid,.dashboard-bottom-grid{gap:12px;display:grid}.dashboard-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr)}.dashboard-bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr)}.dashboard-panel--actions,.dashboard-panel--alerts{min-height:0}.dashboard-table .ant-table{font-size:12px}.dashboard-table .ant-table-thead>tr>th,.dashboard-table .ant-table-tbody>tr>td{padding-block:8px}.dashboard-alert-stack{flex-direction:column;gap:10px;display:flex}.dashboard-alert-card{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:8px;padding:10px 12px}.dashboard-alert-card--warning{background:#fff7e8;border-color:#e2bd67}.dashboard-alert-card--info{background:#eef4ff;border-color:#bfd1f4}.dashboard-alert-card__header,.dashboard-alert-card__footer,.dashboard-health-item__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.dashboard-alert-card__summary.ant-typography{margin:6px 0 8px;font-size:12px}.dashboard-inline-note{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#f6f8fb;border-radius:8px;padding:8px 10px;font-size:12px}.dashboard-health-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dashboard-health-item{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:8px;flex-direction:column;gap:8px;min-height:110px;padding:10px;display:flex}.dashboard-health-item__summary{min-height:34px;font-size:12px;display:block}.dashboard-footnote{padding-inline:4px}.ops-section-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);padding:12px}.ops-section-card--subtle{background:var(--bg-panel-subtle)}.ops-subscription-list{flex-direction:column;gap:8px;display:flex}.ops-subscription-group{background:var(--bg-panel-subtle);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);padding:10px}.ops-subscription-group__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ops-subscription-group__meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:12px;display:flex}.ops-subscription-group__children{flex-direction:column;gap:6px;margin-top:10px;display:flex}.ops-subscription-item{text-align:left;background:#fff;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.ops-subscription-item.is-active{border-color:#86aee8;box-shadow:inset 0 0 0 1px #2f7ae526}.ops-subscription-item__meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:12px;display:flex}.ops-filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.ops-filter-field{flex-direction:column;gap:6px;display:flex}.ops-queue{flex-wrap:wrap;gap:8px;display:flex}.ops-queue__item{background:var(--bg-panel-subtle);border:1px solid var(--border-subtle);color:var(--text-strong);border-radius:999px;align-items:center;gap:8px;padding:7px 10px;display:inline-flex}.ops-queue__count{color:var(--text-secondary);font-size:12px}.ops-tabs .ant-tabs-nav{margin-bottom:12px}.customer-mappings-page{flex-direction:column;gap:10px;display:flex}.customer-mappings-context-bar{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.customer-mappings-context-bar__main{flex-direction:column;gap:4px;min-width:0;display:flex}.customer-mappings-context-bar__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.customer-mappings-context-bar__pill{color:var(--brand-strong);background:#dce9ff;border:1px solid #bdd2f5;border-radius:999px;margin:0;padding-inline:10px}.customer-mappings-context-bar__meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.customer-mappings-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);box-shadow:var(--shadow-soft);padding:12px}.customer-mappings-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.customer-mappings-process{grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px;display:grid;overflow-x:auto}.customer-mappings-process__step{border:1px solid var(--border-subtle);background:#f7f9fc;border-radius:8px;flex-direction:column;gap:4px;min-width:140px;padding:10px 12px;display:flex}.customer-mappings-process__step--info{background:#edf4ff;border-color:#cbddf8}.customer-mappings-process__step--success{background:#edf8f0;border-color:#c9e6d1}.customer-mappings-process__step--warning{background:#fff6e5;border-color:#f0d69a}.customer-mappings-filter-block{flex-direction:column;gap:10px;display:flex}.customer-mappings-filter-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.customer-mappings-filter-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.customer-mappings-editor{flex-direction:column;display:flex}.customer-mappings-editor-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.customer-mappings-workbench{grid-template-columns:minmax(0,1fr) 320px;gap:12px;display:grid}.customer-mappings-workbench__main,.customer-mappings-workbench__side{min-width:0}.customer-mappings-table .ant-table{font-size:12px}.customer-mappings-table .ant-table-thead>tr>th,.customer-mappings-table .ant-table-tbody>tr>td{padding-block:8px}.customer-mappings-row--watch>td{background:#fffaf0!important}.customer-mappings-row--conflict>td{background:#fff2f0!important}.customer-mappings-cell{flex-direction:column;gap:2px;display:flex}.customer-mappings-actions .ant-btn{padding-inline:0}.customer-mappings-empty-block{flex-direction:column;gap:10px;display:flex}.customer-mappings-note{margin-bottom:0}.customer-mappings-queue{flex-direction:column;gap:10px;display:flex}.customer-mappings-queue-card{border:1px solid var(--border-subtle);background:#f7f9fc;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.customer-mappings-queue-card--danger{background:#fff1ef;border-color:#f4c4bd}.customer-mappings-queue-card--warning{background:#fff8e8;border-color:#f0d69a}.customer-mappings-queue-card--info{background:#edf4ff;border-color:#c9daf8}.customer-mappings-queue-card__items{flex-direction:column;gap:6px;display:flex}.ops-muted{color:var(--text-secondary)}.ops-kv{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.ops-kv__item{background:var(--bg-panel-subtle);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);padding:10px}.cost-visibility-page{flex-direction:column;gap:10px;display:flex}.cost-visibility-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.cost-visibility-toolbar__meta{color:var(--text-secondary);flex-wrap:wrap;gap:10px;margin-top:2px;font-size:12px;display:flex}.cost-visibility-workbench{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:10px;min-height:calc(100vh - 146px);display:grid}.cost-visibility-workbench.is-nav-collapsed{grid-template-columns:56px minmax(0,1fr)}.cost-visibility-nav-panel,.cost-visibility-detail-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);box-shadow:var(--shadow-soft);min-height:0}.cost-visibility-nav-panel{flex-direction:column;display:flex;overflow:hidden}.cost-visibility-nav-panel__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:8px 10px;display:flex}.cost-visibility-nav-panel__body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow:auto}.cost-visibility-filter-stack{flex-direction:column;gap:8px;display:flex}.cost-visibility-filter-toggles{flex-wrap:wrap;gap:6px;display:flex}.cost-visibility-nav-list{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.cost-visibility-customer-card{background:var(--bg-panel-subtle);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);padding:8px}.cost-visibility-customer-card.is-active{border-color:#7ea4d9;box-shadow:inset 0 0 0 1px #0f6cbd24}.cost-visibility-customer-card__row{align-items:flex-start;gap:4px;display:flex}.cost-visibility-customer-card__button,.cost-visibility-subscription-row{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;width:100%}.cost-visibility-customer-card__button{flex-direction:column;gap:6px;padding:2px 0 0;display:flex}.cost-visibility-customer-card__title,.cost-visibility-subscription-row__title{justify-content:space-between;align-items:center;gap:8px;display:flex}.cost-visibility-customer-card__summary,.cost-visibility-subscription-row__meta,.cost-visibility-table-meta,.cost-visibility-subdetail-caption{color:var(--text-secondary);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.cost-visibility-subscription-list{flex-direction:column;gap:6px;margin-top:8px;padding-left:22px;display:flex}.cost-visibility-subscription-row{background:#fff;border:1px solid #e1e8f0;border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.cost-visibility-subscription-row.is-active{border-color:#7ea4d9;box-shadow:inset 0 0 0 1px #0f6cbd24}.cost-visibility-detail-panel{flex-direction:column;gap:10px;padding:10px;display:flex}.cost-visibility-context-bar{background:var(--bg-panel-subtle);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.cost-visibility-context-bar__primary{flex-direction:column;gap:6px;min-width:0;display:flex}.cost-visibility-context-bar__title{flex-wrap:wrap;gap:8px;display:flex}.cost-visibility-context-bar__meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.cost-visibility-metric-scroll{padding-bottom:4px;overflow-x:auto}.cost-visibility-metric-scroll .ops-metric-strip{grid-template-columns:none;grid-auto-columns:minmax(150px,max-content);grid-auto-flow:column;gap:8px;width:max-content;min-width:100%;display:grid}.cost-visibility-metric-scroll .ops-metric-strip__item{min-height:72px;padding:10px 12px}.cost-visibility-metric-scroll .ops-metric-strip__label,.cost-visibility-metric-scroll .ops-metric-strip__meta{font-size:11px;line-height:1.4}.cost-visibility-metric-scroll .ops-metric-strip__value{margin-top:4px;font-size:16px;line-height:1.35}.cost-visibility-metric-scroll .ops-risk-badge{padding-inline:6px;font-size:11px;line-height:1.2}.cost-visibility-tab-stack{flex-direction:column;gap:10px;display:flex}.cost-visibility-chart-placeholder{border-radius:var(--surface-radius);color:var(--text-secondary);text-align:center;background:linear-gradient(#fbfcfe 0%,#f2f6fa 100%);border:1px dashed #bfd0e2;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:248px;padding:20px;display:flex}.cost-visibility-chart-placeholder__icon{color:var(--brand-strong);background:#e9f1fb;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:inline-flex}.cost-visibility-chart-placeholder__title{color:var(--text-strong);font-size:15px;font-weight:600}.cost-visibility-chart-placeholder__meta{font-size:12px}.cost-visibility-trend-card{border-radius:var(--surface-radius);background:linear-gradient(#fbfcfe 0%,#f4f8fc 100%);border:1px solid #d7e2ee;flex-direction:column;gap:12px;min-height:248px;padding:16px;display:flex}.cost-visibility-trend-card.is-compact{min-height:220px}.cost-visibility-trend-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cost-visibility-trend-card__title{color:var(--text-strong);font-size:15px;font-weight:600}.cost-visibility-trend-card__subtitle,.cost-visibility-trend-card__footnote{color:var(--text-secondary);font-size:12px}.cost-visibility-trend-card__chart{flex:auto;min-height:220px}.cost-visibility-trend-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.cost-visibility-trend-summary__item{background:#fffc;border:1px solid #dce6f1;border-radius:12px;flex-direction:column;gap:4px;min-height:62px;padding:10px 12px;display:flex}.cost-visibility-trend-summary__item span{color:var(--text-secondary);font-size:12px}.cost-visibility-trend-summary__item strong{color:var(--text-strong);font-size:13px;line-height:1.4}.cost-visibility-chart-state{color:var(--text-secondary);text-align:center;border:1px dashed #bfd0e2;border-radius:12px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:20px;display:flex}.cost-visibility-chart-state.is-fail_closed{background:#fff8eb;border-color:#e0b56f}.cost-visibility-chart-state__icon{color:var(--brand-strong);background:#e9f1fb;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:inline-flex}.cost-visibility-chart-state__title{color:var(--text-strong);font-size:15px;font-weight:600}.cost-visibility-chart-state__description{max-width:480px;font-size:12px}.cost-visibility-overview-grid,.cost-visibility-inline-grid,.cost-visibility-form-grid{gap:10px;display:grid}.cost-visibility-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cost-visibility-inline-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cost-visibility-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:10px}.cost-visibility-summary-list{flex-direction:column;gap:8px;display:flex}.cost-visibility-summary-row,.cost-visibility-inline-field{flex-direction:column;gap:4px;display:flex}.cost-visibility-table-caption,.cost-visibility-subdetail-caption{margin-top:8px}.customers-workbench-page{flex-direction:column;gap:12px;display:flex}.customers-toolbar{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.customers-toolbar__context,.customers-panel__header-main,.customers-side-stack,.customers-table-cell,.customers-quickread-item,.customers-empty,.customers-queue-list{flex-direction:column;gap:4px;display:flex}.customers-toolbar__context-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.customers-toolbar__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.customers-toolbar__search{width:320px}.customers-toolbar__view{min-width:172px}.customers-boundary .ant-alert-message,.customers-secondary-alert .ant-alert-message{font-size:12px}.customers-metric-strip .ops-metric-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.customers-panel,.customers-table-panel,.customers-side-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:8px;padding:12px 14px}.customers-panel__header{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.customers-panel__header--split{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.customers-filter-grid{align-items:end}.customers-filter-grid .ops-filter-field:last-child{min-width:260px}.customers-filter-note{background:#f8fafc;border:1px dashed #d9e1ea;border-radius:8px;min-height:32px;padding:8px 10px}.customers-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:12px;display:grid}.customers-table .ant-table{font-size:12px}.customers-table .ant-table-thead>tr>th,.customers-table .ant-table-tbody>tr>td{padding-block:9px}.customers-table__row--selected>td{background:#f5f9ff!important}.customers-actions{flex-direction:column;gap:2px;display:flex}.customers-actions .ant-btn{justify-content:flex-start;padding-inline:0}.customers-side{flex-direction:column;gap:12px;display:flex}.customers-quickread-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.customers-quickread-tags,.customers-quickread-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.customers-quickread-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.customers-quickread-item{background:#fbfcfe;border:1px solid #d9e1ea;border-radius:8px;min-height:72px;padding:10px}.customers-reference-list{gap:8px;display:grid}.customers-reference-item,.customers-queue-item{border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.customers-reference-item{flex-direction:row;justify-content:space-between;align-items:center;padding-block:8px}.customers-queue-item--danger{background:#fff6f5;border-color:#ffd0c7}.customers-queue-item--warning{background:#fffaf0;border-color:#f2d49a}.customers-queue-item--default{background:#f8fafc}.customers-queue-item__title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.customers-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.customers-create-flags{margin-bottom:12px}.subscription-ledger-page{flex-direction:column;gap:12px;display:flex}.subscription-ledger-context-bar,.subscription-ledger-panel,.subscription-ledger-main,.subscription-ledger-queue{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:8px}.subscription-ledger-context-bar{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.subscription-ledger-context-bar__main{flex-direction:column;flex:auto;gap:4px;display:flex}.subscription-ledger-context-bar__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.subscription-ledger-boundary .ant-alert-message{font-size:12px}.subscription-ledger-metric-strip .ops-metric-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.subscription-ledger-panel{flex-direction:column;gap:12px;padding:12px 14px;display:flex}.subscription-ledger-panel__header{flex-direction:column;gap:4px;display:flex}.subscription-ledger-panel__header--split{flex-direction:row;justify-content:space-between;align-items:flex-start}.subscription-ledger-panel__header-main{flex-direction:column;gap:4px;display:flex}.subscription-ledger-process{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.subscription-ledger-step{text-align:center;border:1px solid #dbe4ee;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.subscription-ledger-step--info{color:#225ec2;background:#eef6ff}.subscription-ledger-step--success{color:#237a4b;background:#edf8f0}.subscription-ledger-step--warning{color:#b7791f;background:#fff7e6}.subscription-ledger-step--accent{color:#654dd1;background:#f4f1ff}.subscription-ledger-step--default{color:#17202d;background:#f8fafc}.subscription-ledger-filter-grid{align-items:end}.subscription-ledger-filter-grid__search{grid-column:span 2}.subscription-ledger-filter-grid__switch{min-width:128px}.subscription-ledger-filter-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.subscription-ledger-workbench{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:12px;display:grid}.subscription-ledger-main,.subscription-ledger-queue{padding:12px 14px}.subscription-ledger-cell{flex-direction:column;gap:3px;display:flex}.subscription-ledger-actions{flex-direction:column;gap:2px;display:flex}.subscription-ledger-actions .ant-btn{padding-inline:0}.subscription-ledger-footnote{border-top:1px solid var(--border-subtle);margin-top:8px;padding-top:8px}.subscription-ledger-empty,.subscription-ledger-queue-list{flex-direction:column;gap:10px;display:flex}.subscription-ledger-queue-item{border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.subscription-ledger-queue-item--danger{background:#fff6f5;border-color:#ffd0c7}.subscription-ledger-queue-item--warning{background:#fffaf0;border-color:#f2d49a}.subscription-ledger-queue-item--default{background:#f8fafc}.subscription-ledger-queue-item__title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=960px){.app-layout{display:block}.app-content{padding:14px}.page-header{flex-direction:column;align-items:flex-start}.app-header{flex-direction:column;align-items:flex-start;padding-block:10px}.app-header__right{justify-content:flex-start}.ops-workbench{grid-template-columns:1fr;min-height:auto}.ops-workbench__sidebar,.ops-workbench__detail{min-height:auto}.ops-workbench__panel-body{overflow:visible}.cost-visibility-toolbar,.cost-visibility-context-bar{flex-direction:column;align-items:flex-start}.cost-visibility-workbench,.cost-visibility-workbench.is-nav-collapsed{grid-template-columns:1fr;min-height:auto}.customer-mappings-context-bar,.customer-mappings-filter-actions{flex-direction:column;align-items:flex-start}.customer-mappings-process{grid-template-columns:repeat(6,minmax(180px,1fr))}.customer-mappings-workbench{grid-template-columns:1fr}.dashboard-topbar{flex-direction:column;align-items:flex-start}.dashboard-progress-grid,.dashboard-main-grid,.dashboard-bottom-grid,.dashboard-health-grid{grid-template-columns:1fr}.dashboard-progress-node__footer,.dashboard-alert-card__header,.dashboard-alert-card__footer,.dashboard-health-item__header{flex-direction:column;align-items:flex-start}.cost-visibility-nav-panel__body{max-height:44vh}.cost-visibility-overview-grid{grid-template-columns:1fr}.subscription-ledger-context-bar,.subscription-ledger-panel__header--split,.subscription-ledger-filter-actions,.customers-toolbar,.customers-panel__header--split,.customers-quickread-head{flex-direction:column;align-items:flex-start}.subscription-ledger-metric-strip .ops-metric-strip,.subscription-ledger-process,.subscription-ledger-workbench,.customers-metric-strip .ops-metric-strip,.customers-layout,.customers-quickread-grid,.customers-create-grid{grid-template-columns:1fr}.subscription-ledger-filter-grid__search{grid-column:span 1}.subscription-ledger-main,.subscription-ledger-queue{overflow:hidden}.subscription-ledger-main .ant-table-wrapper,.customers-table-panel .ant-table-wrapper{overflow-x:auto}.customers-toolbar__search,.customers-toolbar__view{width:100%}}