:root{--ink:#17211d;--muted:#718078;--line:#dce4de;--canvas:#f5f7f3;--panel:#ffffff;--blue:#2f72e8;--lime:#c8ef3b;--red:#d64f47}*{box-sizing:border-box}body,html{background:var(--canvas)}body{margin:0;color:var(--ink);font-family:Avenir Next,Noto Sans SC,PingFang SC,sans-serif}a,button{font:inherit}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;display:flex;width:248px;flex-direction:column;padding:28px 18px 20px;background:var(--ink);color:#f4f7ef}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 10px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--lime);color:var(--ink)}.brand-lockup span,.brand-lockup strong{display:block}.brand-lockup strong{font-size:15px;letter-spacing:.02em}.brand-lockup span{margin-top:3px;color:#9daaa2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.13em}.workspace-chip{display:flex;align-items:center;gap:9px;margin:38px 0 28px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.055)}.workspace-avatar{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#34423b;color:var(--lime);font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.workspace-chip small,.workspace-chip strong{display:block}.workspace-chip strong{font-size:12px;font-weight:650}.workspace-chip small{margin-top:3px;color:#8e9a93;font-family:ui-monospace,monospace;font-size:10px}.workspace-state{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(200,239,59,.12)}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-label{padding:0 12px 7px;color:#748179;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.nav-label--spaced{margin-top:23px}.nav-item{display:flex;align-items:center;gap:11px;min-height:39px;padding:0 12px;border-radius:7px;color:#b4c0b8;font-size:13px}.nav-item--active{background:rgba(200,239,59,.12);color:var(--lime)}.nav-item--disabled{cursor:default;color:#65736b}.nav-soon{margin-left:auto;color:#536159;font-family:ui-monospace,monospace;font-size:9px}.sidebar-footer{margin-top:auto;padding:17px 12px 0;border-top:1px solid rgba(255,255,255,.09)}.build-label,.build-meta{display:block;font-family:ui-monospace,monospace}.build-label{color:#8b9890;font-size:9px;letter-spacing:.1em}.build-meta{margin-top:6px;color:#526057;font-size:9px}.content{width:calc(100% - 248px);margin-left:248px;padding:46px clamp(28px,5vw,76px) 64px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;max-width:1160px;margin:0 auto 32px}.eyebrow{margin:0 0 9px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.11em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;line-height:1}h1,h2{margin-bottom:0}h2{font-size:18px;letter-spacing:-.02em}.topbar-actions{display:flex;align-items:center;gap:12px}.status-pill{display:inline-flex;align-items:center;gap:7px;min-height:27px;padding:0 9px;border-radius:999px;background:#eef2ee;color:#68746d;font-family:ui-monospace,monospace;font-size:10px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#94a09a}.status-pill--online{background:#edf7d9;color:#527317}.status-pill--online .status-dot{background:#80b219}.status-pill--offline{background:#fff0ee;color:#a14d47}.status-pill--offline .status-dot{background:var(--red)}.status-pill--loading .status-dot{animation:pulse 1s infinite;background:var(--blue)}.icon-button{display:grid;width:35px;height:35px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);cursor:pointer}.icon-button:hover{border-color:#a9b8ae;background:#f9fbf8}.spin{animation:spin 1s linear infinite}.status-banner{display:flex;align-items:center;gap:14px;max-width:1160px;margin:0 auto 20px;padding:17px 18px;border:1px solid #d5e3af;border-radius:10px;background:#f2f8df}.banner-symbol{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--lime)}.status-banner span,.status-banner strong{display:block}.status-banner strong{font-size:13px}.status-banner span{margin-top:4px;color:#687557;font-size:12px}.status-banner a{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:#5c791d;font-family:ui-monospace,monospace;font-size:10px;white-space:nowrap}.status-banner a:hover{text-decoration:underline}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;max-width:1160px;margin:0 auto 20px}.metric-card{display:flex;align-items:center;min-height:98px;gap:12px;padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.metric-card--ink{border-color:var(--ink);background:var(--ink);color:#f4f7ef}.metric-icon{display:grid;width:37px;height:37px;flex:0 0 auto;place-items:center;border-radius:8px;background:#e9edea;color:var(--ink)}.metric-card--ink .metric-icon{background:#34433b;color:var(--lime)}.metric-icon--blue{background:#e7effd;color:var(--blue)}.metric-icon--lime{background:#f1f8da;color:#668819}.metric-copy{min-width:0;flex:1 1}.metric-copy span,.metric-copy strong{display:block}.metric-copy span{color:var(--muted);font-size:11px}.metric-card--ink .metric-copy span{color:#94a199}.metric-copy strong{overflow:hidden;margin-top:6px;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.metric-mark{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#fff0ee;color:var(--red)}.metric-mark--ok{background:#edf7d9;color:#659013}.lower-grid{display:grid;grid-template-columns:1.12fr .88fr;grid-gap:20px;gap:20px;max-width:1160px;margin:0 auto}.panel{min-height:296px;padding:23px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid #e8eeea}.panel-heading .eyebrow{margin-bottom:8px}.version-tag{padding:5px 7px;border-radius:5px;background:#eef2ee;color:#647069;font-family:ui-monospace,monospace;font-size:10px}.check-list,.contract-list{padding-top:5px}.check-row,.contract-list>div{display:flex;align-items:center;justify-content:space-between;min-height:53px;border-bottom:1px solid #edf1ee;font-size:12px}.check-row:last-child,.contract-list>div:last-child{border-bottom:0}.check-leading{display:inline-flex;align-items:center;gap:10px;color:#4c5b52}.check-leading svg{color:#829088}.check-result{display:inline-flex;align-items:center;gap:5px;color:var(--red);font-family:ui-monospace,monospace;font-size:10px}.check-result--ok{color:#638d15}.check-result--muted{color:#8e9a93}.panel-footnote{margin-top:18px;color:#9aa59f;font-family:ui-monospace,monospace;font-size:10px}.contract-list>div span{color:#718078}.contract-list>div strong{color:var(--ink);font-family:ui-monospace,monospace;font-size:10px;font-weight:600}.text-muted{color:#9aa59f!important}@keyframes pulse{50%{opacity:.35}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.sidebar{width:210px}.content{width:calc(100% - 210px);margin-left:210px;padding:32px 24px 48px}.lower-grid,.metric-grid{grid-template-columns:1fr}}@media (max-width:640px){.shell{display:block}.sidebar{position:static;width:auto;min-height:auto;padding:18px}.nav-item--disabled,.nav-label--spaced,.sidebar-footer,.workspace-chip{display:none}.nav-list{margin-top:22px}.nav-label{display:none}.nav-item--active{width:max-content}.content{width:auto;margin-left:0;padding:28px 16px 40px}.topbar{align-items:flex-start;gap:18px}.status-banner{align-items:flex-start;flex-wrap:wrap}.status-banner a{margin-left:50px}.panel{padding:18px}}