:root{--nav-width: 216px;--cloud-primary: #37d67a;--cloud-primary-hover: #7ff0b2;--cloud-primary-soft: rgba(55, 214, 122, .12);--cloud-accent: #60a5fa;--cloud-success: #37d67a;--cloud-warning: #ffd166;--cloud-danger: #ff5d73;--cloud-surface: #141e27;--cloud-bg: #050a12;--cloud-nav-bg: #0e1720;--cloud-ink: #f1f5f9;--cloud-muted: #a9b5c1;--cloud-subtle: #8090a0;--cloud-border: #2b3945;--cloud-divider: #22303b}html,body,#root{height:100%;margin:0}body{background:var(--cloud-bg);color:var(--cloud-ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px}.auth-shell{min-height:100%;padding:24px;display:grid;place-items:center;box-sizing:border-box;background:var(--cloud-bg)}.auth-panel{width:min(400px,100%);padding:28px;box-sizing:border-box;background:var(--cloud-surface);border:1px solid var(--cloud-border);border-top:3px solid var(--cloud-primary);border-radius:6px;box-shadow:0 16px 40px #00000047}.auth-brand,.auth-loading{display:flex;align-items:center;gap:12px}.auth-brand>div{display:grid;gap:2px}.auth-brand strong{color:var(--cloud-ink);font-size:15px}.auth-brand small,.auth-footnote{color:var(--cloud-muted);font-size:12px}.auth-heading{margin:30px 0 22px}.auth-heading .ant-typography{margin:0 0 4px}.auth-panel .ant-alert{margin-bottom:18px}.auth-footnote{display:block;margin-top:18px;text-align:center}.shell{min-height:100%}.sider{background:var(--cloud-nav-bg)!important;border-right:1px solid var(--cloud-border)}.brand{min-height:64px;display:flex;gap:10px;align-items:center;padding:10px 16px;color:var(--cloud-ink);border-bottom:1px solid var(--cloud-border)}.brand-mark{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--cloud-primary);color:#fff;font-weight:800}.brand-copy{min-width:0;display:grid;gap:1px}.brand-copy strong{font-size:15px;font-weight:650;line-height:1.3}.brand-copy small{color:var(--cloud-muted);font-size:12px;line-height:1.3}.header{min-height:64px;height:auto;padding:10px 24px;background:var(--cloud-surface);border-bottom:1px solid var(--cloud-border);display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.4}.header-copy{display:flex;align-items:baseline;gap:10px}.header-copy .ant-typography{margin:0}.header-kicker,.hero-kicker{color:var(--cloud-subtle);font-size:12px}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.header-signals{padding-right:4px}.content{padding:20px 24px 28px}.shell>.ant-layout,.header,.content,.cloud-hero,.summary-grid,.workbench,.overview-table-stack,.single-panel,.workbench>.ant-card,.overview-table-stack>.ant-card,.single-panel>.ant-card,.ant-card,.ant-card-body,.ant-table-wrapper{min-width:0}.top-alert{margin-bottom:14px}.page-actions,.model-page-actions{display:flex;justify-content:flex-end;margin-bottom:14px}.model-panel+.model-panel{margin-top:16px}.model-panel .ant-card-body{overflow:hidden}.health-summary{display:inline-flex;align-items:center;gap:5px;max-width:100%;font-size:12px;line-height:1.35;word-break:break-word}.health-ok{color:var(--cloud-success)}.health-failed{color:var(--cloud-danger)}.health-unknown{color:var(--cloud-muted)}.license-model-access{display:grid;gap:14px}.license-model-access .ant-typography{margin:0}.license-model-summary{display:grid;gap:0;border:1px solid var(--cloud-border);border-radius:6px;overflow:hidden}.license-model-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--cloud-divider);background:#111b24}.license-model-row:last-child{border-bottom:0}.license-model-row>div{min-width:0;display:grid;gap:3px}.license-model-row strong{color:var(--cloud-ink)}.license-model-row span{color:var(--cloud-muted);font-size:12px;overflow-wrap:anywhere}.license-model-label{color:var(--cloud-muted);font-size:12px;font-weight:600}.license-model-actions{display:flex;justify-content:flex-end;gap:8px}.gateway-target-row{display:flex;width:100%;align-items:center;margin:12px 0}.gateway-target-select{flex:1 1 280px;min-width:220px}.toolbar-search{width:280px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.cloud-summary{grid-template-columns:repeat(6,minmax(120px,1fr))}.cloud-hero{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(520px,1.25fr);gap:16px;align-items:stretch;margin-bottom:14px;padding:16px;border:1px solid var(--cloud-border);border-radius:6px;background:var(--cloud-surface);box-shadow:none}.cloud-hero-main{display:flex;flex-direction:column;justify-content:center}.cloud-hero-main .ant-typography{margin-top:0}.cloud-hero-main h2.ant-typography{margin-bottom:4px;color:var(--cloud-ink);font-size:20px;line-height:28px}.cloud-hero-main div.ant-typography{max-width:760px;margin-bottom:10px;color:var(--cloud-muted)}.cloud-hero-side{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--cloud-divider);border-radius:6px}.hero-status-row{min-height:96px;display:grid;align-content:space-between;gap:6px;padding:12px 14px;border:0;border-right:1px solid var(--cloud-divider);border-radius:0;background:var(--cloud-surface)}.hero-status-row:last-child{border-right:0}.hero-status-row span{color:var(--cloud-muted);font-size:12px}.hero-status-row strong{color:var(--cloud-ink);font-size:23px;font-weight:650;line-height:1}.hero-status-row small{color:var(--cloud-muted);line-height:1.35}.hero-status-row.is-attention{background:#fbbf241a}.hero-status-row.is-calm{background:#34d39917}.metric-card{min-height:108px;border:1px solid var(--cloud-border);border-top:2px solid #40515e;border-radius:6px;background:var(--cloud-surface);padding:13px 14px;display:grid;gap:8px;align-content:space-between;box-shadow:0 1px 2px #0000002e}.metric-card.is-clickable{transition:border-color .16s ease,background .16s ease,transform .16s ease}.metric-card.is-clickable:hover{border-color:#536675;background:#18242e;transform:translateY(-1px)}.metric-card:disabled{cursor:wait;opacity:.72}.metric-label,.metric-hint{color:var(--cloud-muted);font-size:12px;line-height:1.35}.metric-value{color:var(--cloud-ink);font-size:24px;font-weight:650;line-height:1.05}.metric-value small{margin-left:4px;color:var(--cloud-muted);font-size:13px;font-weight:500}.tone-primary{border-top-color:var(--cloud-accent)}.tone-primary .metric-value{color:var(--cloud-accent)}.tone-success{border-top-color:var(--cloud-success)}.tone-success .metric-value{color:var(--cloud-success)}.tone-warning{border-top-color:var(--cloud-warning);background:#fbbf2414}.tone-warning .metric-value{color:var(--cloud-warning)}.tone-danger{border-top-color:var(--cloud-danger);background:#fb718514}.tone-danger .metric-value{color:var(--cloud-danger)}.as-button{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left}.as-button:hover{border-color:var(--cloud-primary);box-shadow:0 0 0 2px #37d67a1f}.as-button:focus-visible,.ant-btn:focus-visible,.ant-menu-item:focus-visible{outline:2px solid var(--cloud-primary);outline-offset:2px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}.workbench>.ant-card,.overview-table-stack>.ant-card,.single-panel>.ant-card{width:100%}.single-panel{margin-top:16px}.overview-table-stack{display:grid;gap:16px;margin-top:16px}.workbench .ant-card-body,.overview-table-stack .ant-card-body,.single-panel .ant-card-body{overflow:hidden}.ant-table-wrapper{max-width:100%;overflow-x:auto}.metric-strip{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--cloud-muted);font-size:13px}.health-grid{display:grid;grid-template-columns:120px 120px minmax(0,1fr);gap:10px}.health-grid div{min-height:64px;border:1px solid var(--cloud-border);border-radius:6px;background:#111b24;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.health-grid span{color:var(--cloud-muted);font-size:12px}.health-grid strong{color:var(--cloud-primary);font-size:20px;word-break:break-word}.full-width{width:100%}.code-block{max-height:560px;margin:0;overflow:auto;border:1px solid var(--cloud-border);border-radius:6px;background:#0b1118;padding:12px;color:var(--cloud-ink);font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.sider .ant-menu{padding:12px 8px;background:transparent;border-inline-end:0!important}.sider .ant-menu-item{width:100%;height:42px;margin:2px 0;padding-inline:14px!important;line-height:42px;border-radius:6px;color:var(--cloud-muted);font-weight:500}.sider .ant-menu-item .ant-menu-item-icon{min-width:20px;color:var(--cloud-subtle)}.sider .ant-menu-title-content{margin-inline-start:12px!important;letter-spacing:0}.sider .ant-menu-item:hover{color:var(--cloud-primary)!important;background:#192832!important}.sider .ant-menu-item-selected{color:var(--cloud-primary)!important;background:var(--cloud-primary-soft)!important;box-shadow:inset 3px 0 0 var(--cloud-primary);font-weight:600}.sider .ant-menu-item-selected .ant-menu-item-icon{color:var(--cloud-primary)}.ant-card{background:var(--cloud-surface);border-color:var(--cloud-border);border-radius:6px;box-shadow:0 1px 2px #0000002e}.ant-card .ant-card-head{min-height:44px;padding-inline:16px;border-bottom-color:var(--cloud-divider)}.ant-card .ant-card-head-title{padding-block:10px;font-size:15px;font-weight:600}.ant-card .ant-card-body{padding:16px}.ant-table-wrapper .ant-table-thead>tr>th{height:42px;padding:10px 12px;background:#101922;border-bottom-color:var(--cloud-border);color:var(--cloud-muted);font-size:12px;font-weight:600;white-space:nowrap}.ant-table-wrapper .ant-table-tbody>tr>td{min-height:44px;padding:10px 12px;border-bottom-color:var(--cloud-divider)}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:#192832!important}.ant-tag{margin-inline-end:0;border-radius:4px;font-weight:500}.ant-btn{box-shadow:none;font-weight:500}.ant-btn-primary:hover{background:var(--cloud-primary-hover)!important}.ant-progress .ant-progress-bg{background:var(--cloud-primary)}@media (max-width: 1200px){.cloud-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-hero,.health-grid{grid-template-columns:1fr}}@media (max-width: 900px){.shell,.shell.ant-layout-has-sider{flex-direction:column}.shell>.ant-layout{flex:0 0 auto!important;min-width:100%;width:100%!important}.sider{flex:0 0 auto!important;max-width:none!important;min-width:0!important;width:100%!important;border-right:0;border-bottom:1px solid var(--cloud-border)}.sider .ant-menu{display:flex;gap:4px;overflow-x:auto;padding:6px 12px 8px;white-space:nowrap;scrollbar-width:thin}.sider .ant-menu-item{flex:0 0 auto;width:auto;min-width:104px;margin:0;text-align:left}.sider .ant-menu-item-selected{box-shadow:inset 0 -3px 0 var(--cloud-primary)}.summary-grid,.cloud-summary,.workbench{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column}.header-tools{justify-content:flex-start}.cloud-hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.auth-shell{padding:16px}.auth-panel{padding:22px}.content{padding:14px}.sider .ant-menu{display:flex;gap:4px;overflow-x:auto;padding:6px 10px 8px;white-space:nowrap;border-inline-end:0!important}.sider .ant-menu-item{flex:0 0 auto;width:auto;min-width:100px;height:40px;line-height:40px;margin:0!important;padding-inline:12px!important}.sider .ant-menu-title-content{overflow:visible}.header-copy,.header-tools{width:100%;min-width:0}.brand{min-height:58px}.cloud-hero{padding:14px}.cloud-hero-main h2.ant-typography{font-size:24px}.metric-card,.hero-status-row{min-height:92px}.page-actions,.model-page-actions{justify-content:flex-start}.page-actions .ant-space,.model-page-actions .ant-space{width:100%}.model-page-actions .ant-btn{flex:1 1 auto}.license-model-row{align-items:flex-start;flex-direction:column}.license-model-actions .ant-btn{flex:1 1 auto}}@media (max-width: 390px){html,body,#root{max-width:100%;overflow-x:hidden}.content{padding-inline:10px}.model-page-actions .ant-space-item{flex:1 1 calc(50% - 4px)}.model-page-actions .ant-space-item:first-child{flex-basis:100%}}