:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8f4;--surface:#fff;--surface-soft:#f1f5ef;--ink:#132018;--muted:#68736c;--line:#1320181f;--line-strong:#13201833;--green:#16a34a;--green-soft:#e6f6eb;--amber:#d97706;--amber-soft:#fff4d8;--red:#dc2626;--red-soft:#fde7e5;--blue:#2563eb;--blue-soft:#e7efff;--shadow:none;--radius:8px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 16% 12%, #16a34a1a, transparent 24rem), radial-gradient(circle at 84% 10%, #2563eb14, transparent 26rem), linear-gradient(180deg, #fbfcf9 0%, var(--bg) 62%);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button,input,textarea,select{font:inherit}.shell{width:min(1120px,100% - 32px);min-height:100dvh;margin:0 auto;padding:20px 0 44px;position:relative}.ambientLayer{z-index:-1;background-image:linear-gradient(#13201809 1px,#0000 1px),linear-gradient(90deg,#13201809 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 72%);mask-image:linear-gradient(#000000b8,#0000 72%)}.hero{padding:0 0 22px}.nav,.brand,.refreshMeta,.statusPill,.heroGrid,.summaryPanel,.sectionTitle,.serviceHeader,.serviceFooter,.statusChip{display:flex}.nav{justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:6px 0 18px}.brand{align-items:center;gap:10px;min-height:40px}.eyebrow,.navTitle,.metricLabel,.serviceMeta,.refreshMeta,.sectionTitle>p,.systemCardLabel{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin:0;font-size:12px;line-height:1.4}.navTitle{color:var(--ink);text-transform:none;font-size:18px;font-weight:780;line-height:1}.brandDivider{background:var(--line-strong);width:1px;height:20px}.refreshMeta{min-height:32px;color:var(--muted);align-items:center;gap:8px;padding:0}.refreshDot,.statusPill span,.signal{background:var(--blue);border-radius:999px;flex:none;width:9px;height:9px;display:inline-block}.refreshDot{box-shadow:0 0 0 5px var(--blue-soft)}.heroGrid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:stretch;gap:48px;padding:44px 0 38px}.heroCopy{flex-direction:column;flex:auto;justify-content:flex-end;min-height:230px;padding:0;display:flex}.statusPill{border:1px solid var(--line);background:var(--surface);width:fit-content;min-height:38px;color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:0 13px;font-size:13px;font-weight:740}.statusPill.operational,.statusChip.operational{background:var(--green-soft);border-color:#16a34a47}.statusPill.degraded,.statusChip.degraded{background:var(--amber-soft);border-color:#d9770647}.statusPill.down,.statusChip.down{background:var(--red-soft);border-color:#dc262647}.statusPill.operational span,.signal.operational{background:var(--green);box-shadow:0 0 0 5px var(--green-soft)}.statusPill.degraded span,.signal.degraded{background:var(--amber);box-shadow:0 0 0 5px var(--amber-soft)}.statusPill.down span,.signal.down{background:var(--red);box-shadow:0 0 0 5px var(--red-soft)}h1{letter-spacing:0;overflow-wrap:normal;margin:22px 0 0;font-size:clamp(52px,7.4vw,88px);font-weight:760;line-height:.96}.lead{color:#4e5a52;max-width:610px;margin:16px 0 0;font-size:clamp(16px,1.7vw,20px);line-height:1.55}.systemCard{border-left:1px solid var(--line);background:0 0;flex-direction:column;justify-content:space-between;gap:18px;width:min(100%,285px);padding:0 0 0 24px;display:flex}.systemCard:before{content:"";background:var(--green);width:42px;height:42px;box-shadow:0 0 0 14px var(--green-soft);border-radius:999px;animation:2.4s ease-in-out infinite statusHalo}.systemCard.degraded:before{background:var(--amber);box-shadow:0 0 0 14px var(--amber-soft);animation-name:statusHaloAmber}.systemCard.down:before{background:var(--red);box-shadow:0 0 0 14px var(--red-soft);animation-name:statusHaloRed}.systemCard strong{color:var(--ink);margin-top:10px;font-size:28px;line-height:1;display:block}.systemCard p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.summaryPanel{border-bottom:1px solid var(--line);box-shadow:none;background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0;display:grid;overflow:hidden}.summaryMetric{border-right:1px solid var(--line);justify-content:center;align-items:stretch;gap:10px;min-height:82px;padding:16px}.summaryMetric:last-child{border-right:0}.summaryMetric strong{min-height:38px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;justify-content:center;align-items:center;font-size:30px;line-height:1;display:flex}.summaryMetric .metricLabel{text-align:left;display:block}.summaryMetric small{color:var(--muted);text-align:center;text-transform:uppercase;font-size:11px;line-height:1.2;display:block}.monitorPanel{border-top:0;margin-top:30px;padding-top:18px}.sectionTitle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:14px}.sectionTitle h2{margin:3px 0 0;font-size:22px;line-height:1.1}.serviceList{padding-top:4px;display:grid}.serviceCard{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,1fr) minmax(180px,260px) minmax(180px,260px);align-items:center;gap:24px;min-height:104px;padding:18px 0;transition:background .22s ease-out,border-color .22s ease-out;display:grid}.serviceCard:hover{border-color:var(--line-strong);background:#ffffff7a}.serviceHeader,.serviceFooter{justify-content:space-between;align-items:flex-start;gap:16px}.serviceName{color:var(--ink);margin:0 0 6px;font-size:18px;font-weight:740}.statusChip{border:1px solid var(--line);min-height:30px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:740}.sparkline{align-items:end;gap:4px;height:34px;margin:0;display:flex}.sparkline span{width:100%;min-width:4px;height:100%;position:relative}.sparkline i{transform-origin:bottom;animation:.26s ease-out both barIn,2.8s ease-in-out infinite liveWave;animation-delay:calc(var(--bar-index,0) * 90ms), calc(var(--bar-index,0) * .12s);background:#13201824;border-radius:999px 999px 2px 2px;display:block;position:absolute;bottom:0;left:0;right:0}.sparkline span:first-child{--bar-index:0}.sparkline span:nth-child(2){--bar-index:1}.sparkline span:nth-child(3){--bar-index:2}.sparkline span:nth-child(4){--bar-index:3}.sparkline span:nth-child(5){--bar-index:4}.sparkline span:nth-child(6){--bar-index:5}.sparkline span:nth-child(7){--bar-index:6}.sparkline span:nth-child(8){--bar-index:7}.sparkline span:nth-child(9){--bar-index:8}.sparkline span:nth-child(10){--bar-index:9}.sparkline span:nth-child(11){--bar-index:10}.sparkline span:nth-child(12){--bar-index:11}.sparkline span:nth-child(13){--bar-index:12}.sparkline span:nth-child(14){--bar-index:13}.operational .sparkline i{background:linear-gradient(#16a34ac7,#16a34a29)}.degraded .sparkline i{background:linear-gradient(#d97706c7,#d9770629)}.down .sparkline i{background:linear-gradient(#dc2626c7,#dc262629)}.serviceFooter{color:var(--muted);text-align:right;justify-content:flex-end;align-items:flex-start;font-size:13px}.serviceFooter div{min-width:0}.serviceFooter span,.serviceFooter small{display:block}.serviceFooter span{color:#3f4c44}.serviceFooter small{color:var(--muted);margin-top:4px;font-size:12px}.skeleton{background:var(--surface-soft);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffd1,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}@keyframes barIn{0%{opacity:0;transform:scaleY(.35)}}@keyframes liveWave{0%,to{opacity:.72;transform:scaleY(.78)}50%{opacity:1;transform:scaleY(1.06)}}@keyframes statusHalo{0%,to{box-shadow:0 0 0 12px var(--green-soft);transform:scale(1)}50%{transform:scale(1.04);box-shadow:0 0 0 20px #16a34a14}}@keyframes statusHaloAmber{0%,to{box-shadow:0 0 0 12px var(--amber-soft);transform:scale(1)}50%{transform:scale(1.035);box-shadow:0 0 0 20px #d9770614}}@keyframes statusHaloRed{0%,to{box-shadow:0 0 0 12px var(--red-soft);transform:scale(1)}50%{transform:scale(1.035);box-shadow:0 0 0 20px #dc262614}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.heroGrid{flex-direction:column;gap:28px}.systemCard{border-top:1px solid var(--line);border-left:0;width:100%;padding:22px 0 0}.summaryPanel{grid-template-columns:repeat(2,minmax(0,1fr))}.summaryMetric:nth-child(2){border-right:0}.summaryMetric:nth-child(-n+2){border-bottom:1px solid var(--line)}.serviceCard{grid-template-columns:1fr;gap:14px}.sparkline{max-width:360px}.serviceFooter{text-align:left;justify-content:flex-start}}@media (max-width:640px){.shell{width:min(100% - 22px,1160px);padding-top:14px}.nav,.sectionTitle,.serviceHeader,.serviceFooter{flex-direction:column;align-items:flex-start}.heroCopy{min-height:220px;padding:0}h1{font-size:clamp(40px,12.5vw,50px)}.summaryPanel{grid-template-columns:1fr}.summaryMetric,.summaryMetric:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.summaryMetric:last-child{border-bottom:0}}