:root{--primary:#1677ff;--primary-hover:#095fd8;--primary-soft:#eaf3ff;--green:#17a673;--green-soft:#e9f8f2;--amber:#ef9b19;--amber-soft:#fff5e4;--red:#e5484d;--red-soft:#ffeded;--ink:#1f2733;--text:#465366;--muted:#8793a5;--line:#e5eaf0;--line-strong:#d7dde6;--canvas:#f4f6f9;--surface:#fff;--sidebar-width:224px;--topbar-height:56px;--tabbar-height:40px;color:var(--ink);background:var(--canvas);font-synthesis:none;letter-spacing:0;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-size:13px;line-height:1.5}button,input,select{font:inherit;letter-spacing:0}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:1px;outline:2px solid #1677ff47}input::placeholder{color:#abb4c1}.app-shell{background:var(--canvas);min-height:100vh}.sidebar{z-index:30;width:var(--sidebar-width);border-right:1px solid var(--line);background:#fff;flex-direction:column;transition:transform .18s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.brand{border-bottom:1px solid #eef1f5;align-items:center;gap:10px;min-height:67px;padding:0 17px;display:flex}.brand>span{background:var(--primary);color:#fff;border-radius:6px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 3px 9px #1677ff38}.brand>div{flex:1;min-width:0}.brand strong,.brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand strong{color:#202a38;font-size:14px;font-weight:700}.brand small{color:#9aa4b2;margin-top:1px;font-size:10px}.mobile-close{color:#7e8998;background:0 0;border:0;place-items:center;width:30px;height:30px;display:none}.sidebar-search{border:1px solid var(--line);color:#8c97a5;background:#f9fafc;border-radius:5px;align-items:center;gap:7px;height:34px;margin:12px 13px 6px;padding:0 9px;display:flex}.sidebar-search:focus-within{background:#fff;border-color:#9ec8ff;box-shadow:0 0 0 2px #1677ff14}.sidebar-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.sidebar-search kbd{color:#9ca5b2;background:#fff;border:1px solid #dce1e8;border-radius:3px;place-items:center;width:18px;height:18px;font-family:inherit;font-size:10px;display:grid}.sidebar nav{scrollbar-width:thin;scrollbar-color:#dfe4eb transparent;flex:1;min-height:0;padding:2px 9px 16px;overflow:hidden auto}.nav-group{margin-top:11px}.nav-group-label{color:#a0a9b6;padding:0 9px 5px;font-size:10px;font-weight:600;display:block}.nav-item{color:#536174;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;width:100%;height:35px;margin:1px 0;padding:0 9px;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{color:#263548;background:#f4f7fb}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-item.active:before{background:var(--primary);content:"";border-radius:0 2px 2px 0;width:2px;position:absolute;top:8px;bottom:8px;left:0}.nav-item svg{flex:none}.nav-item>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item em{color:#778395;text-align:center;background:#eef1f5;border-radius:9px;min-width:19px;height:18px;padding:0 5px;font-size:10px;font-style:normal;line-height:18px}.nav-item.active em{color:var(--primary);background:#fff}.tenant-card{border:1px solid var(--line);background:#fafbfd;border-radius:6px;align-items:center;gap:9px;min-height:60px;margin:0 10px 10px;padding:10px;display:flex}.tenant-card>span{width:30px;height:30px;color:var(--primary);background:#edf4ff;border-radius:50%;flex:0 0 30px;place-items:center;font-size:12px;font-weight:700;display:grid}.tenant-card>div{flex:1;min-width:0}.tenant-card strong,.tenant-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tenant-card strong{font-size:11px}.tenant-card small{color:var(--muted);margin-top:2px;font-size:9px}.tenant-card button{color:#8e98a6;background:0 0;border:0;flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}.sidebar-mask{display:none}.main-shell{min-width:0;min-height:100vh;margin-left:var(--sidebar-width)}.topbar{z-index:20;height:var(--topbar-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffffff5;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;min-width:0;display:flex}.topbar-left{color:#7a8798;gap:7px;font-size:12px}.topbar-left>span{white-space:nowrap}.topbar-left strong{color:#2d3745;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.topbar-left>svg{color:#b4bcc7}.topbar-right{gap:8px}.menu-button,.collapse-button,.top-icon,.icon-button{color:#798596;background:0 0;border:1px solid #0000;border-radius:4px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.menu-button{display:none}.collapse-button:hover,.top-icon:hover,.icon-button:hover{border-color:var(--line);color:var(--primary);background:#f7f9fb}.date-button{border:1px solid var(--line);color:#546174;background:#fff;border-radius:4px;align-items:center;gap:7px;height:32px;padding:0 10px;font-size:11px;display:flex}.sync-status,.updated-dot{white-space:nowrap;color:#778395;align-items:center;gap:6px;font-size:10px;display:inline-flex}.sync-status i,.updated-dot i{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #17a6731a}.notification{position:relative}.notification i{background:var(--red);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.user-button{background:0 0;border:0;align-items:center;gap:7px;height:38px;margin-left:2px;padding:0 2px 0 5px;display:flex}.user-button>span{width:28px;height:28px;color:var(--primary);background:#e8f2ff;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.user-button>div{text-align:left}.user-button strong,.user-button small{display:block}.user-button strong{color:#394557;font-size:11px}.user-button small{color:#9aa3b0;font-size:9px}.user-button svg{color:#9aa4b2}.tabbar{top:var(--topbar-height);z-index:19;height:var(--tabbar-height);border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-end;padding:0 15px;display:flex;position:sticky}.tabbar>button{color:#4c596b;background:0 0;border:0;height:39px;padding:0 13px;font-size:11px;position:relative}.tabbar>button.active{color:var(--primary);font-weight:600}.tabbar>button.active:after{background:var(--primary);content:"";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:6px;right:6px}.tabbar>div{align-self:center;align-items:center;gap:2px;display:flex}.tabbar>div button{color:#8a95a4;background:0 0;border:0;border-radius:4px;place-items:center;width:27px;height:27px;display:grid}.tabbar>div button:hover{color:var(--primary);background:#f4f6f9}.page-content{width:100%;max-width:1880px;margin:0 auto;padding:18px}.page-title-row{justify-content:space-between;align-items:flex-start;gap:18px;min-height:47px;margin-bottom:13px;display:flex}.page-title-row h1,.page-title-row p,.section-head h2,.section-head p{margin:0}.page-title-row h1{color:#1e2835;font-size:19px;font-weight:700;line-height:1.35}.page-title-row p{color:#8390a1;margin-top:4px;font-size:11px}.title-actions{align-items:center;gap:10px;display:flex}.surface{border:1px solid var(--line);background:var(--surface);border-radius:6px;box-shadow:0 1px 2px #1f2d3d06}.primary-button,.secondary-button,.text-button{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:11px;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 2px 5px #1677ff29}.primary-button:hover{border-color:var(--primary-hover);background:var(--primary-hover)}.secondary-button{border:1px solid var(--line-strong);color:#536174;background:#fff}.secondary-button:hover{color:var(--primary);border-color:#a8caff}.text-button{height:27px;color:var(--primary);background:0 0;border:0;padding:0}.text-button:hover{color:var(--primary-hover)}.link-button{color:var(--primary);background:0 0;border:0;padding:0;font-size:11px}.link-button:hover{text-decoration:underline}.metric-grid{gap:10px;margin-bottom:12px;display:grid}.metric-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:12px;min-width:0;min-height:94px;padding:15px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 2px #1f2d3d06}.metric-card:hover{border-color:#ced8e7;transform:translateY(-1px);box-shadow:0 4px 12px #2434470f}.metric-icon{border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.metric-icon.blue,.api-summary-grid article>span.blue,.dual-icon.blue{background:var(--primary-soft);color:var(--primary)}.metric-icon.green,.api-summary-grid article>span.green,.dual-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.amber,.api-summary-grid article>span.amber,.dual-icon.amber{background:var(--amber-soft);color:var(--amber)}.metric-icon.red,.api-summary-grid article>span.red,.dual-icon.red{background:var(--red-soft);color:var(--red)}.metric-card>div{min-width:0}.metric-card small,.metric-card strong,.metric-card em{display:block}.metric-card small{color:#778496;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.metric-card strong{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:18px;font-weight:700;line-height:1.3;overflow:hidden}.metric-card em{color:#929caa;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;font-style:normal;overflow:hidden}.section-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 14px;display:flex}.section-head h2{color:#263140;font-size:13px;font-weight:650}.section-head p{color:#909aa8;margin-top:2px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.42fr) minmax(390px,.88fr);gap:12px;margin-bottom:12px;display:grid}.pipeline-panel,.trend-panel{min-width:0;min-height:352px}.pipeline-lanes{gap:14px;padding:20px 16px 15px;display:grid}.pipeline-lane{grid-template-columns:70px minmax(114px,1fr) 16px minmax(114px,1fr) 16px minmax(114px,1fr) 16px minmax(114px,1fr);align-items:center;gap:7px;display:grid}.pipeline-lane>svg{color:#aeb7c3}.lane-label{border-radius:4px;justify-content:center;align-items:center;width:64px;height:24px;font-size:10px;font-weight:600;display:inline-flex}.lane-label.blue{background:var(--primary-soft);color:var(--primary)}.lane-label.red{background:var(--red-soft);color:var(--red)}.pipeline-step{color:#697688;text-align:center;background:#fff;border:1px solid #e1e6ed;border-radius:5px;align-content:center;justify-items:center;min-width:0;min-height:82px;padding:10px 7px;display:grid}.pipeline-step svg{color:#77879a;margin-bottom:5px}.pipeline-step strong,.pipeline-step small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.pipeline-step strong{color:#354154;font-size:10px;font-weight:600}.pipeline-step small{color:#98a2b0;margin-top:2px;font-size:9px}.pipeline-step.active{box-shadow:inset 0 2px 0 var(--primary);background:#f6faff;border-color:#9bc6ff}.pipeline-step.active svg{color:var(--primary)}.pipeline-step.danger{box-shadow:inset 0 2px 0 var(--red);background:#fff9f9;border-color:#f3b9bc}.pipeline-step.danger svg{color:var(--red)}.pipeline-note{border-left:2px solid var(--green);color:#607064;background:#f4fbf8;align-items:center;gap:7px;min-height:34px;margin:0 16px 16px 86px;padding:7px 9px;font-size:9px;display:flex}.pipeline-note svg{color:var(--green);flex:none}.trend-summary{border:1px solid #edf0f4;border-radius:5px;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 14px 4px;display:grid}.trend-summary>div{border-right:1px solid #edf0f4;min-width:0;padding:10px 11px}.trend-summary>div:last-child{border-right:0}.trend-summary small,.trend-summary strong,.trend-summary em{display:block}.trend-summary small{color:#8d98a7;font-size:9px}.trend-summary strong{color:#273343;margin-top:2px;font-size:14px}.trend-summary em{color:var(--green);margin-top:1px;font-size:9px;font-style:normal}.live-tag{color:#7d8999;align-items:center;gap:5px;font-size:9px;display:inline-flex}.live-tag span{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #17a6731a}.chart-legend{color:#7f8a9a;justify-content:flex-end;gap:14px;padding:2px 18px 0;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:5px;display:inline-flex}.chart-legend i{width:14px;height:2px}.chart-legend i.blue{background:var(--primary)}.chart-legend i.green{background:var(--green)}.trend-chart{width:calc(100% - 24px);height:192px;margin:0 12px 7px;display:block;overflow:visible}.chart-grid line{stroke:#e9edf2;stroke-width:1px}.chart-labels text{fill:#98a3b1;font-size:9px}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.chart-line.consumption{stroke:var(--primary)}.chart-line.incentive{stroke:var(--green)}.chart-dots circle{stroke:#fff;stroke-width:2px}.blue-dots circle{fill:var(--primary)}.green-dots circle{fill:var(--green)}.dashboard-lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.7fr);gap:12px;margin-bottom:12px;display:grid}.compact-table-panel,.task-panel{min-width:0;min-height:298px}.task-list{padding:3px 14px 7px}.task-list article{border-bottom:1px solid #eef1f4;align-items:center;gap:9px;min-height:54px;display:flex}.task-list article:last-child{border-bottom:0}.task-state{border-radius:5px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.task-state.blue{background:var(--primary-soft);color:var(--primary)}.task-state.amber{background:var(--amber-soft);color:var(--amber)}.task-state.red{background:var(--red-soft);color:var(--red)}.task-list article>div{flex:1;min-width:0}.task-list strong,.task-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.task-list strong{color:#354154;font-size:10px;font-weight:600}.task-list small{color:#98a2af;margin-top:2px;font-size:9px}.readiness-panel{margin-bottom:10px}.readiness-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:16px 18px 18px;display:grid}.readiness-item{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:7px 10px;display:grid}.readiness-item>div:first-child{justify-content:space-between;gap:8px;display:flex}.readiness-item strong{color:#3a4657;font-size:10px}.readiness-item span{color:#9aa4b2;font-size:9px}.readiness-item b{color:#536174;text-align:right;grid-area:1/2/span 2;font-size:12px}.progress-track{background:#edf0f4;border-radius:3px;height:5px;overflow:hidden}.progress-track i{border-radius:inherit;height:100%;display:block}.progress-track i.blue{background:var(--primary)}.progress-track i.green{background:var(--green)}.progress-track i.amber{background:var(--amber)}.progress-track i.red{background:var(--red)}.page-toolbar,.api-toolbar{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:9px 12px;display:flex}.toolbar-filters,.toolbar-actions{align-items:center;gap:7px;min-width:0;display:flex}.filter-button{border:1px solid var(--line);color:#667386;white-space:nowrap;background:#fff;border-radius:4px;align-items:center;gap:6px;height:32px;padding:0 9px;font-size:10px;display:inline-flex}.filter-button:hover{border-color:#b6cee9}.search-control,.api-search{border:1px solid var(--line);color:#8893a1;background:#fff;border-radius:4px;align-items:center;gap:7px;height:32px;display:flex}.search-control{width:220px;padding:0 9px}.search-control:focus-within,.api-search:focus-within{border-color:#9fc8ff;box-shadow:0 0 0 2px #1677ff12}.search-control input,.api-search input{color:#364254;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.list-panel{min-width:0;overflow:hidden}.table-wrap{scrollbar-width:thin;scrollbar-color:#ccd3dd #f7f8fa;width:100%;overflow:auto}.data-table{border-collapse:separate;border-spacing:0;color:#4a5667;width:100%;min-width:930px;font-size:10px}.data-table th,.data-table td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf0f3;border-right:1px solid #edf0f3;min-height:40px;padding:9px 10px}.data-table th:last-child,.data-table td:last-child{border-right:0}.data-table thead th{z-index:2;color:#566274;background:#f7f8fa;font-size:10px;font-weight:600;position:sticky;top:0}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:#f8fbff}.data-table tbody tr:last-child td{border-bottom:0}.data-table.compact{min-width:720px}.data-table.compact th,.data-table.compact td{padding-top:8px;padding-bottom:8px}.policy-table{min-width:1160px}.stacked-cell strong,.stacked-cell span{display:block}.stacked-cell strong{color:#334052;font-size:10px;font-weight:600}.stacked-cell span{color:#929ca9;margin-top:2px;font-size:9px}.money-value{color:#168158;font-variant-numeric:tabular-nums;font-weight:600}.negative-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--red)!important}.tag-list{gap:4px;display:flex}.tag-list span{color:#52739f;background:#f4f8fe;border:1px solid #dce9fa;border-radius:3px;padding:2px 5px;font-size:9px}.status-pill,.method-badge{white-space:nowrap;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;min-height:21px;padding:2px 7px;font-size:9px;font-weight:600;line-height:1.3;display:inline-flex}.status-pill.blue{background:var(--primary-soft);color:var(--primary);border-color:#cfe3ff}.status-pill.green{background:var(--green-soft);color:#16845e;border-color:#ccebdd}.status-pill.amber{background:var(--amber-soft);color:#b66a00;border-color:#f7ddb3}.status-pill.red{background:var(--red-soft);color:#d63a40;border-color:#f4c7c9}.status-pill.gray{color:#778395;background:#f4f6f8;border-color:#e0e5eb}.method-badge{min-width:44px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px}.method-get{background:var(--primary-soft);color:var(--primary);border-color:#cfe3ff}.method-post{background:var(--green-soft);color:#12825b;border-color:#ccebdd}.method-patch{background:var(--amber-soft);color:#af6700;border-color:#f7ddb3}.method-delete{background:var(--red-soft);color:#d53c42;border-color:#f4c7c9}.row-actions{align-items:center;gap:5px;display:flex}.row-actions button{height:25px;color:var(--primary);background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:9px;display:inline-flex}.row-actions button:hover{background:var(--primary-soft)}.table-footer{color:#909aa8;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:7px 12px;font-size:9px;display:flex}.table-footer>div{align-items:center;gap:4px;display:flex}.table-footer button{border:1px solid var(--line);color:#667386;background:#fff;border-radius:3px;min-width:27px;height:25px;padding:0 7px;font-size:9px}.table-footer button.active{border-color:var(--primary);background:var(--primary);color:#fff}.table-footer button:disabled{cursor:not-allowed;opacity:.45}.task-flow{justify-content:center;align-items:center;gap:9px;min-height:88px;margin-bottom:12px;padding:14px;display:flex}.task-flow>svg{color:#b0bac6;flex:none}.flow-stage{background:#fff;border:1px solid #e2e7ed;border-radius:5px;align-items:center;gap:9px;min-width:145px;padding:8px 10px;display:flex}.flow-stage>span{color:#8792a0;background:#f1f3f6;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.flow-stage strong,.flow-stage small{display:block}.flow-stage strong{color:#3a4657;font-size:10px}.flow-stage small{color:#97a1ae;margin-top:1px;font-size:8px}.flow-stage.complete{background:#fbfefc;border-color:#ccebdd}.flow-stage.complete>span{background:var(--green-soft);color:var(--green)}.flow-stage.active{box-shadow:inset 0 2px 0 var(--primary);background:#f8fbff;border-color:#a9ceff}.flow-stage.active>span{background:var(--primary-soft);color:var(--primary)}.task-rules{margin-top:12px}.rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:10px 14px 14px;display:grid}.rule-grid article{border-right:1px solid #edf0f3;gap:10px;min-height:70px;padding:12px 16px;display:flex}.rule-grid article:first-child{padding-left:2px}.rule-grid article:last-child{border-right:0}.rule-grid article>svg{color:var(--primary);flex:none}.rule-grid strong{color:#384557;font-size:10px}.rule-grid p{color:#8692a2;margin:4px 0 0;font-size:9px}.risk-hero{grid-template-columns:minmax(240px,.72fr) minmax(0,1.8fr);min-height:122px;margin-bottom:12px;display:grid}.risk-score{border-right:1px solid #edf0f4;align-items:center;gap:13px;padding:18px 22px;display:flex}.risk-score>span{background:var(--amber-soft);width:48px;height:48px;color:var(--amber);border-radius:6px;flex:0 0 48px;place-items:center;display:grid}.risk-score small,.risk-score strong,.risk-score em{display:block}.risk-score small{color:#828e9e;font-size:10px}.risk-score strong{color:#26313e;font-size:28px;line-height:1.25}.risk-score em{color:#bd7607;font-size:9px;font-style:normal}.risk-summary{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid}.risk-summary>div{border-right:1px solid #edf0f4;min-width:0;padding:5px 18px}.risk-summary>div:last-child{border-right:0}.risk-summary small,.risk-summary strong,.risk-summary span{display:block}.risk-summary small{color:#8894a3;font-size:9px}.risk-summary strong{color:#283443;margin-top:2px;font-size:20px}.risk-summary span{color:#8994a2;margin-top:2px;font-size:9px}.risk-list-panel{margin-bottom:12px;overflow:hidden}.segmented-control{border:1px solid var(--line);background:#f5f7fa;border-radius:4px;align-items:center;height:32px;padding:2px;display:inline-flex}.segmented-control button{color:#697588;background:0 0;border:0;border-radius:3px;height:26px;padding:0 10px;font-size:9px}.segmented-control button.active{color:var(--primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #2331421a}.risk-bottom-grid{grid-template-columns:minmax(0,1.6fr) minmax(360px,.8fr);gap:12px;display:grid}.dual-lane{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:7px;padding:19px;display:grid}.dual-lane>svg{color:#acb6c2}.dual-lane>div{text-align:center;justify-items:center;min-width:0;display:grid}.dual-icon{border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.dual-lane strong{color:#374456;margin-top:6px;font-size:10px}.dual-lane p{color:#8c97a5;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:9px;overflow:hidden}.dual-lane em{color:var(--green);margin-top:4px;font-size:8px;font-style:normal}.alert-rules{min-width:0}.mini-rule{border-bottom:1px solid #edf0f3;align-items:center;gap:9px;min-height:55px;margin:0 13px;display:flex}.mini-rule:last-child{border-bottom:0}.mini-rule>span:first-child{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.red-dot{background:var(--red)}.amber-dot{background:var(--amber)}.blue-dot{background:var(--primary)}.mini-rule>div{flex:1;min-width:0}.mini-rule strong,.mini-rule small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-rule strong{color:#3b4758;font-size:9px}.mini-rule small{color:#929ca9;margin-top:2px;font-size:8px}.api-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.api-summary-grid article{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:11px;min-height:83px;padding:13px 15px;display:flex}.api-summary-grid article>span{border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.api-summary-grid small,.api-summary-grid strong,.api-summary-grid em{display:block}.api-summary-grid small{color:#7e8a9a;font-size:9px}.api-summary-grid strong{color:#283443;font-size:18px}.api-summary-grid em{color:#929daa;font-size:8px;font-style:normal}.api-catalog-panel{min-width:0;overflow:hidden}.api-toolbar{justify-content:flex-start}.api-search{width:min(420px,40vw);padding:0 9px}.select-control{border:1px solid var(--line);background:#fff;border-radius:4px;align-items:center;width:130px;height:32px;display:flex;position:relative}.select-control select{appearance:none;color:#5d6a7c;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 28px 0 9px;font-size:10px}.select-control svg{pointer-events:none;color:#8f99a7;position:absolute;right:8px}.api-table{min-width:1440px}.api-id{color:#6c798a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}.api-name-button{color:#245f9f;background:0 0;border:0;padding:0;font-size:10px;font-weight:600}.api-name-button:hover{color:var(--primary);text-decoration:underline}.api-path-cell{align-items:center;gap:7px;max-width:430px;display:flex}.api-path-cell code{color:#536174;text-overflow:ellipsis;font-size:9px;overflow:hidden}.drawer-mask{z-index:60;background:#17202d47;border:0;animation:.14s both fade-in;position:fixed;inset:0}.api-drawer{z-index:61;background:#fff;flex-direction:column;width:min(510px,92vw);animation:.18s both drawer-in;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-10px 0 35px #1b2a3d29}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;min-height:112px;padding:18px 19px;display:flex}.drawer-head>div{min-width:0}.drawer-head>div>span{color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.drawer-head h2,.drawer-head p{margin:0}.drawer-head h2{color:#202b39;margin-top:4px;font-size:17px;line-height:1.4}.drawer-head p{color:#8793a2;margin-top:4px;font-size:10px}.drawer-body{flex:1;min-height:0;padding:17px 19px 22px;overflow-y:auto}.drawer-status{align-items:center;gap:10px;margin-bottom:18px;display:flex}.drawer-status>span:last-child{color:#8793a2;align-items:center;gap:5px;font-size:9px;display:inline-flex}.drawer-body section{margin-top:19px}.drawer-body section:first-of-type{margin-top:0}.drawer-body h3{color:#3a4657;margin:0 0 8px;font-size:11px}.drawer-path{border:1px solid var(--line);background:#f8fafc;border-radius:5px;align-items:center;gap:8px;min-height:40px;padding:7px 8px;display:flex}.drawer-path code{overflow-wrap:anywhere;color:#4f5c6e;flex:1;min-width:0;font-size:9px}.drawer-path button{color:#7f8a99;background:0 0;border:0;border-radius:3px;flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid}.drawer-path button:hover{color:var(--primary);background:#edf2f8}.upstream-card{border-left:2px solid var(--primary);background:#f7faff;align-items:center;gap:10px;padding:10px;display:flex}.upstream-card>span{width:29px;height:29px;color:var(--primary);background:#fff;border-radius:5px;flex:0 0 29px;place-items:center;display:grid}.upstream-card strong,.upstream-card small{display:block}.upstream-card strong{color:#3b4859;font-size:10px}.upstream-card small{color:#8a95a4;margin-top:2px;font-size:9px}.field-list{flex-wrap:wrap;gap:6px;display:flex}.field-list code{color:#586678;background:#f8fafc;border:1px solid #dde5ee;border-radius:3px;padding:5px 7px;font-size:9px}.drawer-note{color:#766348;background:#fffaf1;border:1px solid #f4deb7;border-radius:4px;margin:0;padding:10px 11px;font-size:10px;line-height:1.65}.drawer-flow{padding-left:3px}.drawer-flow>div{gap:10px;min-height:56px;display:flex;position:relative}.drawer-flow>div:before{content:"";background:#dbe2eb;width:1px;position:absolute;top:26px;bottom:0;left:12px}.drawer-flow>div:last-child:before{display:none}.drawer-flow>div>span{z-index:1;width:25px;height:25px;color:var(--primary);background:#f4f9ff;border:1px solid #bcd8ff;border-radius:50%;flex:0 0 25px;place-items:center;font-size:9px;font-weight:600;display:grid;position:relative}.drawer-flow p{margin:1px 0 0}.drawer-flow strong,.drawer-flow small{display:block}.drawer-flow strong{color:#3c4859;font-size:10px}.drawer-flow small{color:#8d98a6;margin-top:2px;font-size:9px}.drawer-footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;gap:8px;min-height:60px;padding:10px 18px;display:flex}.toast{z-index:80;color:#24785b;background:#f3fbf7;border:1px solid #cae8dc;border-radius:5px;align-items:center;gap:8px;min-width:210px;min-height:42px;padding:10px 13px;font-size:10px;animation:.18s both toast-in;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 24px #1e304524}@keyframes fade-in{0%{opacity:0}}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=1420px){.metric-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.pipeline-panel,.trend-panel{min-height:auto}.trend-chart{height:225px}}@media (width<=1180px){.dashboard-lower-grid,.risk-bottom-grid{grid-template-columns:1fr}.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-flow{justify-content:flex-start;overflow-x:auto}.flow-stage{flex:0 0 150px}}@media (width<=980px){.sidebar{width:242px;transform:translate(-102%);box-shadow:12px 0 32px #1a283a2b}.sidebar.open{transform:translate(0)}.mobile-close{display:grid}.sidebar-mask{z-index:29;background:#1b25334d;border:0;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.menu-button{display:grid}.collapse-button{display:none}.topbar{padding-left:12px;padding-right:12px}.user-button>div,.user-button>svg,.sync-status{display:none}}@media (width<=760px){.page-content{padding:12px}.page-title-row{align-items:center}.page-title-row p,.updated-dot{display:none}.page-title-row h1{font-size:17px}.metric-grid.six,.metric-grid.four,.api-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{gap:9px;min-height:82px;padding:11px}.metric-card strong{font-size:15px}.pipeline-lanes{padding:14px 12px}.pipeline-lane{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pipeline-lane .lane-label{grid-column:1/-1;margin-bottom:2px}.pipeline-lane>svg{display:none}.pipeline-lane .pipeline-step{width:100%;min-width:0;min-height:74px}.pipeline-note{margin:0 12px 13px}.trend-summary{margin-left:10px;margin-right:10px}.trend-chart{width:calc(100% - 12px);height:180px;margin-left:6px;margin-right:6px}.readiness-grid,.rule-grid{grid-template-columns:1fr}.rule-grid article,.rule-grid article:first-child{border-bottom:1px solid #edf0f3;border-right:0;padding:11px 2px}.rule-grid article:last-child{border-bottom:0}.risk-hero{grid-template-columns:1fr}.risk-score{border-bottom:1px solid #edf0f4;border-right:0}.risk-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.risk-summary>div{border-bottom:1px solid #edf0f4;min-height:76px;padding:12px 17px}.risk-summary>div:nth-child(2){border-right:0}.risk-summary>div:nth-child(3),.risk-summary>div:nth-child(4){border-bottom:0}.page-toolbar{flex-direction:column;align-items:stretch}.api-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.api-toolbar .api-search,.api-toolbar .select-control{grid-column:1/-1}.api-toolbar>button{width:100%}.toolbar-filters{overflow-x:auto}.toolbar-actions{justify-content:flex-end}.search-control{min-width:190px}.api-search,.select-control{width:100%}.task-flow{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;display:grid;overflow:visible}.task-flow>svg{display:none}.flow-stage{width:100%;min-width:0}.flow-stage:last-of-type{grid-column:1/-1}.dual-lane{grid-template-columns:1fr;gap:9px}.dual-lane>svg{transform:rotate(90deg)}.title-actions .secondary-button{gap:0;width:32px;padding:0;font-size:0;overflow:hidden}.title-actions .secondary-button svg{color:var(--primary);flex:none}}@media (width<=540px){.topbar-left>span,.topbar-left>svg,.date-button{display:none}.topbar-right{gap:3px}.page-title-row{margin-bottom:10px}.metric-card{min-height:76px}.readiness-grid{gap:15px}.table-footer{flex-direction:column;align-items:flex-start}.toast{bottom:12px;left:12px;right:12px}}@media (width<=350px){.metric-grid.six,.metric-grid.four,.api-summary-grid,.pipeline-lane,.task-flow{grid-template-columns:1fr}.flow-stage:last-of-type{grid-column:auto}.trend-summary,.risk-summary{grid-template-columns:1fr}.trend-summary>div,.risk-summary>div{border-right:0;border-bottom:1px solid #edf0f4!important}.trend-summary>div:last-child,.risk-summary>div:last-child{border-bottom:0!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}