:root{color:#172026;background:#edf1f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr)}.sidebar{background:#172026;color:#f7faf9;padding:22px 18px;display:flex;flex-direction:column;gap:24px}.brand,.panelTitle,.sectionHeading,.focusTitle,.tileTop,.linkBar a,.healthRow{display:flex;align-items:center}.brand{gap:12px}.brandMark,.projectIcon,.focusIcon{border-radius:8px;display:grid;place-items:center}.brandMark{width:44px;height:44px;background:#1f8a70;color:#fff}.brand h1,.brand p,.topbar h2,.topbar p,.sectionHeading h3,.focusPanel h3,.focusPanel h4,.focusPanel p,.healthPanel h3,.healthPanel p{margin:0}.brand h1{font-size:19px;line-height:1.2}.brand p{color:#a9bdc4;margin-top:4px;font-size:13px}.navGroup{display:grid;gap:6px}.navItem,.nodeLine,.iconButton,.projectTile{border:0;cursor:pointer}.navItem{border-radius:8px;min-height:40px;padding:0 12px;display:flex;align-items:center;gap:10px;background:transparent;color:#d8e4e7;text-align:left}.navItem:hover,.navItem.active{background:#26383f;color:#fff}.nodePanel{margin-top:auto;border:1px solid #33464e;border-radius:8px;padding:14px;display:grid;gap:10px}.panelTitle,.sectionHeading{gap:8px}.panelTitle{color:#c2d1d6;font-size:14px}.nodeLine{min-height:34px;border-radius:8px;padding:0 10px;background:#213039;color:#e9f1f3;display:flex;align-items:center;justify-content:space-between;gap:12px}.nodeLine strong{color:#9bc8bd;font-size:12px;font-weight:700}.workspace{padding:28px;display:grid;gap:18px;align-content:start}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:#607077;font-size:12px;font-weight:800}.topbar h2{margin-top:3px;font-size:30px;line-height:1.15}.searchBox{width:min(420px,100%);height:44px;border:1px solid #cbd6da;border-radius:8px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 13px;color:#5c6d74}.searchBox input{min-width:0;width:100%;border:0;outline:0;color:#172026}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric,.focusPanel,.healthPanel,.serviceBoard,.projectTile,.sourceBanner{border:1px solid #d8e1e3;border-radius:8px;background:#fff}.metric{min-height:88px;padding:15px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px 10px;color:#53646b}.metric strong{color:#172026;font-size:25px}.metric em{grid-column:2 / 4;color:#708087;font-size:12px;font-style:normal}.overviewGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr);gap:14px}.focusPanel,.healthPanel,.serviceBoard{padding:16px}.focusPanel{display:grid;gap:16px}.focusTop,.panelHeader,.serviceHead,.serviceRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.focusTitle{gap:12px;min-width:0}.focusIcon,.projectIcon{width:44px;height:44px;flex:0 0 auto;background:#e7f3ef;color:#1f715f}.focusPanel h3{font-size:22px}.focusPanel p{margin-top:5px;color:#5d6d73;line-height:1.5}.statusBadge{min-width:64px;min-height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;font-size:12px;font-weight:800}.statusBadge.ready,.statusBadge.online,.statusText.online,.healthSummary .ok,.healthRow .online{background:#e4f7ec;color:#11643f}.statusBadge.connecting,.statusBadge.degraded,.statusText.degraded,.healthSummary .warn,.healthRow .degraded{background:#fff1d9;color:#845200}.statusBadge.planned,.statusBadge.unknown,.statusText.unknown{background:#eef1f3;color:#5b6970}.statusBadge.offline,.statusText.offline,.healthSummary .down,.healthRow .offline{background:#ffe6e6;color:#a12a2a}.factGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.factItem{min-height:64px;border:1px solid #e4eaec;border-radius:8px;padding:10px;display:grid;gap:5px}.factItem span{color:#6b7b82;font-size:12px}.factItem strong{min-width:0;color:#1d2a31;font-size:14px;overflow-wrap:anywhere}.domainStack,.compactList,.linkBar,.healthSummary,.healthList,.projectGrid{display:flex;flex-wrap:wrap;gap:8px}.domainStack span,.compactList span,.linkBar a{border-radius:999px;min-height:30px;display:inline-flex;align-items:center;padding:0 10px;font-size:13px}.domainStack span{background:#edf6f8;color:#21515d}.focusLists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.focusPanel h4{margin-bottom:8px;color:#314149;font-size:14px}.moduleNotice,.moduleWorkspace{border:1px solid #e4eaec;border-radius:8px;background:#f8fafb}.moduleNotice{padding:12px;display:grid;gap:5px}.moduleNotice strong{color:#172026}.moduleNotice span,.moduleWorkspace p{color:#5d6d73;line-height:1.5}.compactList span{background:#f4efe7;color:#6b4d21;gap:8px}.compactList em{font-style:normal;font-weight:800}.linkBar a{gap:7px;background:#172026;color:#fff;text-decoration:none}.moduleWorkspace{padding:14px;display:grid;gap:12px}.moduleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.moduleCard{min-height:126px;border:1px solid #dfe7ea;border-radius:8px;background:#fff;padding:12px;display:grid;gap:8px}.moduleCard div{display:flex;align-items:center;justify-content:space-between;gap:10px}.moduleCard strong{color:#172026}.moduleCard p{margin:0;min-height:auto;color:#5d6d73;font-size:13px;line-height:1.45}.moduleCard em{color:#66777e;font-size:12px;font-style:normal;overflow-wrap:anywhere}.moduleCard span{border-radius:999px;min-height:24px;display:inline-flex;align-items:center;padding:0 8px;white-space:nowrap;font-size:12px;font-weight:800}.moduleCard .mapped{background:#e4f7ec;color:#11643f}.moduleCard .next{background:#fff1d9;color:#845200}.moduleCard .later{background:#eef1f3;color:#5b6970}.compatList{display:flex;flex-wrap:wrap;gap:8px}.compatList span{border-radius:999px;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;background:#edf6f8;color:#21515d;font-size:12px;font-weight:700}.piaoPanel{border:1px solid #d8e7e3;border-radius:8px;background:#fbfdfc;padding:14px;display:grid;gap:12px}.piaoTop,.piaoActions,.piaoLogin,.piaoItem{display:flex;align-items:center;gap:10px}.piaoTop{justify-content:space-between}.piaoActions button,.piaoLogin button,.piaoItemRight button{min-height:34px;border:0;border-radius:8px;background:#172026;color:#fff;padding:0 12px;cursor:pointer;font-weight:800}.piaoActions button.danger,.piaoItemRight button.danger{background:#8f2d2d}.piaoActions button:disabled,.piaoLogin button:disabled,.piaoItemRight button:disabled{cursor:progress;opacity:.7}.piaoStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.piaoLogin{align-items:stretch}.piaoLogin input{min-width:0;flex:1;min-height:38px;border:1px solid #cbd8dc;border-radius:8px;background:#fff;color:#172026;padding:0 11px;outline:0}.piaoLogin input:focus{border-color:#1f8a70}.piaoError{border-radius:8px;background:#fff1d9;color:#845200;padding:9px 10px;font-size:13px;font-weight:700}.piaoTabs{border-bottom:1px solid #dfe7ea;display:flex;flex-wrap:wrap;gap:6px}.piaoTabs button{min-height:34px;border:0;border-radius:8px 8px 0 0;background:transparent;color:#5a6a71;padding:0 11px;cursor:pointer;font-weight:800}.piaoTabs button:hover,.piaoTabs button.active{background:#e7f3ef;color:#1f715f}.piaoView{display:grid;gap:10px}.piaoLists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.piaoLists.three{grid-template-columns:repeat(3,minmax(0,1fr))}.piaoForms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.piaoForm{border:1px solid #e4eaec;border-radius:8px;background:#fff;padding:10px;display:grid;gap:9px}.piaoForm h5{margin:0;color:#314149;font-size:13px}.piaoFormFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.piaoForm input{min-width:0;min-height:34px;border:1px solid #cbd8dc;border-radius:8px;background:#fff;color:#172026;padding:0 10px;outline:0}.piaoForm input:focus{border-color:#1f8a70}.piaoForm button{min-height:34px;border:0;border-radius:8px;background:#1f8a70;color:#fff;cursor:pointer;font-weight:800}.piaoForm button:disabled{cursor:progress;opacity:.7}.piaoList{border:1px solid #e4eaec;border-radius:8px;background:#fff;padding:10px;display:grid;gap:8px}.piaoList h5{margin:0;color:#314149;font-size:13px}.piaoItem{min-height:32px;justify-content:space-between;border-top:1px solid #edf1f2;color:#4f6068;padding-top:8px;font-size:13px}.piaoItem span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piaoItemRight{min-width:0;flex:0 0 auto;display:flex;align-items:center;gap:6px}.piaoItem strong{border-radius:999px;background:#eef3f5;color:#52636a;min-height:24px;display:inline-flex;align-items:center;padding:0 8px;font-size:12px}.piaoItemRight button{min-height:26px;border-radius:6px;padding:0 8px;font-size:12px}.piaoEmpty{color:#8a989e;font-size:13px}.healthPanel{display:grid;gap:14px;align-content:start}.panelHeader h3{font-size:18px}.panelHeader p{margin-top:4px;color:#65767e;font-size:13px}.iconButton{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#172026;color:#fff}.healthSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.healthSummary span{min-height:56px;border-radius:8px;display:grid;place-items:center;gap:2px;font-size:12px;font-weight:800}.healthSummary strong{font-size:22px}.healthList{display:grid;gap:8px}.healthRow{min-height:36px;border-bottom:1px solid #edf1f2;gap:8px;color:#4f6068}.healthRow span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.healthRow strong,.statusText{border-radius:999px;min-height:24px;display:inline-flex;align-items:center;padding:0 8px;font-size:12px}.serviceBoard{display:grid;gap:12px}.sectionHeading h3{font-size:18px}.serviceTable{display:grid;gap:0}.serviceHead,.serviceRow{display:grid;grid-template-columns:minmax(140px,1.5fr) 90px 90px 90px;min-height:42px;align-items:center;gap:12px;padding:0 8px}.serviceHead{color:#6f7e85;font-size:12px;font-weight:800}.serviceRow{border-top:1px solid #edf1f2;color:#26343b}.serviceRow span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quickBand{display:grid;gap:12px}.projectGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.projectTile{min-height:210px;padding:15px;display:flex;flex-direction:column;gap:12px;color:#172026;text-align:left}.projectTile:hover,.projectTile.selected{border-color:#1f8a70;box-shadow:0 10px 28px #17202614}.tileTop{justify-content:space-between;gap:12px}.projectTile strong{font-size:18px}.projectTile>span:not(.tileTop):not(.tileMeta){color:#5d6d73;line-height:1.48}.tileMeta{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.tileMeta em{border-radius:999px;background:#eef3f5;color:#596970;min-height:26px;display:inline-flex;align-items:center;padding:0 9px;font-size:12px;font-style:normal}.sourceBanner{color:#607077;padding:12px 14px;font-size:13px;font-weight:800}.sourceBanner.live{border-color:#b8ded4;background:#e9f7f3;color:#1d6a56}.mutedLine{color:#93a1a7}@media(max-width:1080px){.overviewGrid{grid-template-columns:1fr}.factGrid,.piaoStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.shell{grid-template-columns:1fr}.sidebar{position:static}.navGroup{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:stretch;flex-direction:column}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.workspace{padding:18px}.metrics,.navGroup,.factGrid,.focusLists,.healthSummary,.piaoStats,.piaoForms,.piaoFormFields,.piaoLists.three,.piaoLists{grid-template-columns:1fr}.piaoTop,.piaoLogin,.piaoItem{align-items:stretch;flex-direction:column}.piaoItemRight{flex-wrap:wrap}.topbar h2{font-size:25px}.serviceHead,.serviceRow{grid-template-columns:minmax(120px,1fr) 76px 76px 76px;gap:8px;font-size:13px}}