:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--color-bg:#f4f6f8;--color-surface:#fff;--color-soft:#eef3f6;--color-text:#172635;--color-text-muted:#627282;--color-text-soft:#8b98a5;--color-brand:#0a1f3a;--color-success:#1f9d6b;--color-info:#2778c4;--color-watch:#d69a20;--color-warn:#d76f30;--color-danger:#cf4f4f;--color-border:#dfe7ee;--chart-success:#8ccfb4;--chart-info:#8fbbe6;--chart-watch:#e8c875;--chart-warn:#efb184;--chart-danger:#e99a9a;--chart-neutral:#b7c0ca;--radius:8px;--shadow:0 10px 28px #142a3e14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-sans);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.45}a{color:inherit}.shell{max-width:1240px;margin:0 auto;padding:32px 24px 56px}.brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.brand svg{flex:none;width:34px;height:34px}.brand div{flex-direction:column;gap:1px;min-width:0;display:flex}.brand strong{letter-spacing:0;font-size:18px}.brand span{color:var(--color-text-muted);font-size:13px}.brand small{color:var(--color-text-muted);white-space:nowrap;margin-left:auto;font-size:13px}.status-banner{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:14px;padding:22px;display:grid}.status-banner__dot{width:14px;height:14px;box-shadow:0 0 0 5px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:50%}.status-banner__copy h1{letter-spacing:0;margin:0;font-size:25px;line-height:1.18}.status-banner__copy p{color:var(--color-text-muted);margin:5px 0 0;font-size:14px}.status-banner__score{border-left:1px solid var(--color-border);text-align:right;min-width:126px;padding-left:18px}.status-banner__score strong{font-variant-numeric:tabular-nums;font-size:26px;line-height:1;display:block}.status-banner__score span{color:var(--color-text-muted);font-size:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px;display:grid}.metric{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.metric span,.metric small{color:var(--color-text-muted);font-size:12px;display:block}.metric strong{font-variant-numeric:tabular-nums;margin:6px 0 3px;font-size:28px;line-height:1;display:block}.section{margin-top:28px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px;display:flex}.section-heading.compact{margin-bottom:16px}.section-heading h2{letter-spacing:0;margin:0;font-size:18px}.section-heading p{color:var(--color-text-muted);margin:4px 0 0;font-size:13px}.environment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.environment{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px}.environment__topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.environment__topline strong{text-transform:uppercase;letter-spacing:.04em;font-size:13px}.environment__topline span{color:currentColor;background:color-mix(in srgb, currentColor 12%, transparent);text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.environment__load,.release-row__progress,.qa-row__bar{background:var(--color-soft);border-radius:999px;height:7px;overflow:hidden}.environment__load{margin:14px 0 10px}.environment__load span,.release-row__progress span,.qa-row__bar span{border-radius:inherit;background:var(--tone-chart,currentColor);height:100%;display:block}.environment__meta{color:var(--color-text-muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.environment p{color:var(--color-text-soft);margin:9px 0 0;font-size:12px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:28px;display:grid}.dashboard-grid--wide-left{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;padding:18px;box-shadow:0 6px 18px #142a3e0a}.release-list,.commit-feed,.qa-bars,.contributors{flex-direction:column;gap:10px;display:flex}.release-row{border:1px solid var(--color-border);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px;padding:12px;display:grid}.release-row__main{flex-direction:column;min-width:0;display:flex}.release-row__main span{color:currentColor;letter-spacing:.04em;font-size:11px;font-weight:800}.release-row__main strong,.commit-feed__item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.release-row__main small,.release-row__numbers span,.commit-feed__item span,.contributor small{color:var(--color-text-muted);font-size:12px}.release-row__numbers{text-align:right;font-variant-numeric:tabular-nums}.release-row__numbers strong{font-size:20px;line-height:1;display:block}.release-row__progress{grid-column:1/-1}.commit-chart{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:12px;height:210px;padding:6px 4px 0;display:grid}.commit-column{text-align:center;min-width:0;color:var(--color-text-muted);grid-template-rows:1fr auto auto;gap:5px;font-size:11px;display:grid}.commit-column strong{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:13px}.commit-stack{background:var(--color-soft);border-radius:7px;flex-direction:column-reverse;justify-content:flex-start;justify-self:center;width:100%;min-width:26px;max-width:42px;height:162px;display:flex;overflow:hidden}.commit-stack__segment{min-height:2px;display:block}.commit-stack__segment--api{background:var(--chart-info)}.commit-stack__segment--ui{background:var(--chart-success)}.commit-stack__segment--infra{background:var(--chart-watch)}.commit-stack__segment--qa{background:var(--chart-danger)}.legend{color:var(--color-text-muted);flex-wrap:wrap;gap:8px 12px;margin-top:12px;font-size:12px;display:flex}.legend__item{align-items:center;gap:6px;display:inline-flex}.legend__item:before{content:"";background:var(--tone-chart,currentColor);border-radius:50%;width:9px;height:9px}.legend__item--api{color:var(--color-info)}.legend__item--ui{color:var(--color-success)}.legend__item--infra{color:var(--color-watch)}.legend__item--qa{color:var(--color-danger)}.contributors{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.contributor{border:1px solid var(--color-border);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.contributor>span{background:color-mix(in srgb, currentColor 14%, transparent);color:currentColor;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.contributor div{flex-direction:column;min-width:0;display:flex}.contributor strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contributor small{line-height:1.2}.contributor b{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:16px}.commit-feed__item{border-top:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px 0;display:grid}.commit-feed__item code{color:var(--color-brand);background:var(--color-soft);font-family:var(--font-mono);border-radius:6px;padding:3px 6px;font-size:11px}.commit-feed__item div{flex-direction:column;min-width:0;display:flex}.qa-row{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;display:grid}.qa-row div:first-child{color:var(--color-text-muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.qa-row strong{color:var(--color-text);font-variant-numeric:tabular-nums}.qa-summary{border-top:1px solid var(--color-border);margin-top:16px;padding-top:14px}.qa-summary strong{font-variant-numeric:tabular-nums;font-size:28px;line-height:1;display:block}.qa-summary span{color:var(--color-text-muted);font-size:12px}.service-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.service-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;min-height:424px;display:flex;overflow:hidden}.service-group__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:12px;padding:13px 14px;display:flex}.service-group__header h3{margin:0;font-size:15px}.service-group__header span{color:var(--color-text-muted);font-size:12px}.service-list{flex:1;margin:0;padding:0;list-style:none}.service-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1.18fr) minmax(112px,.5fr) minmax(112px,.45fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.service-row:last-child{border-bottom:0}.service-row__main,.service-row__meta{flex-direction:column;min-width:0;display:flex}.service-row__main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.service-row__main span,.service-row__meta span{color:var(--color-text-muted);font-size:11px}.service-row__meta{grid-template-columns:repeat(2,minmax(0,auto));justify-content:start;gap:6px;display:grid}.service-row__meta span{text-overflow:ellipsis;white-space:nowrap;background:var(--color-soft);border-radius:999px;padding:2px 6px;overflow:hidden}.service-row__uptime{grid-template-columns:repeat(14,minmax(3px,1fr));gap:2px;min-width:0;display:grid}.uptime-bar{background:var(--tone-chart,currentColor);border-radius:2px;height:22px}.service-row__pill{color:currentColor;background:color-mix(in srgb, currentColor 12%, transparent);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.incidents{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.incident{border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px 18px;display:grid}.incident:last-child{border-bottom:0}.incident__marker{background:var(--color-watch);border-radius:50%;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 4px #d69a201f}.severity-major .incident__marker{background:var(--color-warn);box-shadow:0 0 0 4px #d76f301f}.severity-critical .incident__marker{background:var(--color-danger);box-shadow:0 0 0 4px #cf4f4f1f}.incident__content{min-width:0}.incident__header{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.incident__header strong{font-size:14px}.incident__header time{color:var(--color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.incident p{color:var(--color-text-muted);margin:5px 0 9px;font-size:13px}.incident__footer{flex-wrap:wrap;gap:6px;display:flex}.incident__footer span{background:var(--color-soft);color:var(--color-text-muted);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}footer{color:var(--color-text-soft);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:36px;font-size:12px;display:flex}footer a{color:var(--color-text-muted);text-decoration:none}footer a:hover{color:var(--color-info)}.tone-success{color:var(--color-success);--tone-chart:var(--chart-success)}.tone-info{color:var(--color-info);--tone-chart:var(--chart-info)}.tone-watch{color:var(--color-watch);--tone-chart:var(--chart-watch)}.tone-warn{color:var(--color-warn);--tone-chart:var(--chart-warn)}.tone-danger{color:var(--color-danger);--tone-chart:var(--chart-danger)}.tone-neutral{color:#73808d;--tone-chart:var(--chart-neutral)}@media (width<=1080px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.environment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.dashboard-grid--wide-left,.service-groups{grid-template-columns:1fr}.service-group{min-height:auto}.service-row{grid-template-columns:minmax(0,1.4fr) minmax(112px,.55fr) auto;grid-template-areas:"main meta pill""uptime uptime uptime";row-gap:8px}.service-row__main{grid-area:main}.service-row__meta{grid-area:meta}.service-row__pill{grid-area:pill;justify-self:end}.service-row__uptime{grid-area:uptime}}@media (width<=760px){.shell{padding:24px 16px 42px}.brand{flex-wrap:wrap;align-items:flex-start}.brand small{white-space:normal;width:100%;margin-left:46px}.status-banner{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;padding:18px}.status-banner__score{border-left:0;border-top:1px solid var(--color-border);text-align:left;grid-column:1/-1;width:100%;padding:14px 0 0}.status-banner__copy h1{font-size:22px}.metric-grid,.environment-grid,.contributors{grid-template-columns:1fr}.commit-chart{gap:8px}.commit-stack{min-width:20px}.release-row,.service-row,.qa-row{grid-template-columns:1fr}.release-row__numbers{text-align:left}.service-row__meta{grid-template-columns:repeat(2,minmax(0,auto));justify-content:start}.service-row__pill{justify-self:start}.incident__header{flex-direction:column;gap:3px}.incident__header time{white-space:normal}.service-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main pill""meta meta";row-gap:8px;padding:12px}.service-row__main{grid-area:main}.service-row__pill{grid-area:pill;justify-self:end}.service-row__meta{grid-area:meta}}@media (width<=390px){html,body{max-width:100%;overflow-x:hidden}.service-row{gap:6px;padding:10px}.service-row__main strong{font-size:14px}.service-row__pill .pill,.service-row__pill{min-width:44px;font-size:12px}}.commit-column.is-future{opacity:.32}.commit-column.is-now strong{color:var(--color-success)}.commit-column.is-now .commit-stack{outline:2px solid var(--color-success);outline-offset:2px}.uptime-bar.is-today{outline:1px solid color-mix(in srgb, currentColor 70%, transparent);outline-offset:1px}.incident__header time{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.incident__ago{color:color-mix(in srgb, var(--color-text-muted) 80%, transparent);letter-spacing:.02em;font-size:11px;font-style:normal}@media (width<=760px){.incident__header time{align-items:flex-start}}
