:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-top:#0d1821;--bg-bottom:#122635;--panel:#0f1e2aeb;--panel-strong:#132534fa;--line:#80a7bc3d;--text:#e5f1f8;--muted:#a0bccb;--brand:#7cc1df;--brand-soft:#7cc1df29;--accent:#5baccf;--success:#57d08e;--warning:#f3c768;--danger:#ff8d8d;--shadow:0 16px 44px #0006;--legend-bg:#0e2231e0;--table-head-bg:#0f2b3d;--table-head-text:#91cae5;--table-row-hover:#17374b;--table-row-even:#132c3d;--scope-row-bg:#1b4056;--scope-row-text:#c7e6f5;--status-prod-head:#4ea766;--status-sandbox-head:#cf6a00;--status-prod-col:#223c31;--status-sandbox-col:#402d21;--status-prod-col-even:#274636;--status-sandbox-col-even:#4b3526;--status-prod-col-hover:#2c4f3d;--status-sandbox-col-hover:#563b2a;--alert-info-border:#38bdf8;--alert-info-bg:#12384e;--alert-warning-border:#facc15;--alert-warning-bg:#3b3211;--alert-error-border:#f87171;--alert-error-bg:#4a1f24;--alert-maintenance-border:#94a3b8;--alert-maintenance-bg:#27323d;--alert-aws-border:#60a5fa;--alert-aws-bg:#173855;--alert-updating-border:#fbbf24;--alert-updating-bg:#42350f;--button-secondary-bg:#2a6077;--button-secondary-text:#e6f6ff;--button-ghost-bg:#23495f;--button-ghost-text:#d7eefb;--button-ghost-hover-bg:#2e5f7a;--modal-bg:#122b3c;--modal-section-bg:#173247;--modal-border:#80a7bc52;--select-bg:#1a384d;--select-text:#e5f1f8;--select-border:#91cae559;--select-option-bg:#173247;--select-option-text:#e5f1f8}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-top:#f5f5f5;--bg-bottom:#e8eef1;--panel:#ffffffeb;--panel-strong:#fffffffa;--line:#0345631f;--text:#00283d;--muted:#658d96;--brand:#034563;--brand-soft:#eef4f6;--accent:#155670;--success:#246b00;--warning:#faad14;--danger:#f5222d;--shadow:0 16px 44px #03283d1a;--legend-bg:#ffffffb8;--table-head-bg:#03456314;--table-head-text:var(--brand);--table-row-hover:#ffffff9e;--table-row-even:#f2f2f2;--scope-row-bg:#15567014;--scope-row-text:var(--brand);--status-prod-head:#66bb6a;--status-sandbox-head:#ef6c00;--status-prod-col:#ecf8ee;--status-sandbox-col:#fff3e8;--status-prod-col-even:#e3f1e6;--status-sandbox-col-even:#ffe8d5;--status-prod-col-hover:#d9eddc;--status-sandbox-col-hover:#ffdfc7;--alert-info-border:#38bdf8;--alert-info-bg:#f0f9ff;--alert-warning-border:#facc15;--alert-warning-bg:#fefce8;--alert-error-border:#f87171;--alert-error-bg:#fef2f2;--alert-maintenance-border:#94a3b8;--alert-maintenance-bg:#f8fafc;--alert-aws-border:#60a5fa;--alert-aws-bg:#f0f9ff;--alert-updating-border:#fbbf24;--alert-updating-bg:#fffbea;--button-secondary-bg:#eef4f6;--button-secondary-text:#034563;--button-ghost-bg:#0345630f;--button-ghost-text:#00283d;--button-ghost-hover-bg:#03456324;--modal-bg:#fffffffa;--modal-section-bg:#ffffffeb;--modal-border:#0345631f;--select-bg:#ffffffeb;--select-text:#00283d;--select-border:#03456324;--select-option-bg:#fff;--select-option-text:#00283d}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #1556701f, transparent 22%), radial-gradient(circle at top right, #03456329, transparent 26%), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;line-height:1.35}a{color:inherit}button,select{font:inherit}.shell{width:min(1180px,100% - 24px);margin:0 auto;padding:20px 0 28px}.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:14px;margin-bottom:14px;display:grid}.hero.hero-metrics-only{grid-template-columns:1fr}.hero-card,.panel,.metric-card,.table-shell,.modal-card{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-card{border-radius:28px;padding:28px;position:relative;overflow:hidden}.hero-card:after{content:"";background:radial-gradient(circle,#1556702e,#0000 70%);border-radius:999px;width:200px;height:200px;position:absolute;inset:auto -40px -64px auto}.eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;background:#ffffffb8;border:1px solid #0345631f;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.hero h1{margin:18px 0 10px;font-size:clamp(2rem,4vw,3.6rem);line-height:.96}.hero p{max-width:66ch;color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.hero-side{gap:14px;display:grid}.hero.hero-metrics-only .hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{border-radius:18px;padding:14px}.metric-card-updated{padding-right:54px;position:relative}.theme-icon-toggle{width:30px;height:30px;font-size:.95rem;position:absolute;top:10px;right:10px}.metric-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.82rem}.metric-value{margin-top:6px;font-size:1.45rem;font-weight:800}.metric-note{color:var(--muted);margin-top:6px;line-height:1.35}.content-grid{gap:14px;display:grid}.panel{border-radius:18px;padding:14px}.panel-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.panel-title{margin:0;font-size:1.18rem}.panel-subtitle{color:var(--muted);margin-top:4px;font-size:.92rem;line-height:1.35}.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button,.button-secondary,.button-ghost{cursor:pointer;border:0;border-radius:999px;transition:transform .18s,opacity .18s,background-color .18s}.button{background:linear-gradient(135deg, var(--brand), #155670);color:#fff;padding:8px 12px;font-size:.92rem;font-weight:700}.button-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);padding:7px 12px;font-size:.92rem;font-weight:700}.button-ghost{background:var(--button-ghost-bg);width:32px;height:32px;color:var(--button-ghost-text)}.button:hover,.button-secondary:hover,.button-ghost:hover{transform:translateY(-1px)}.button-ghost:hover{background:var(--button-ghost-hover-bg)}.button:disabled,.button-secondary:disabled,.button-ghost:disabled{opacity:.45;cursor:not-allowed;transform:none}.alert-stack{gap:10px;display:grid}.alert-card{background:var(--panel-strong);border:1px solid #17343d14;border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px;display:grid}.alert-card.alert-type-Info{border-left:6px solid var(--alert-info-border);background-color:var(--alert-info-bg)}.alert-card.alert-type-Warning{border-left:6px solid var(--alert-warning-border);background-color:var(--alert-warning-bg)}.alert-card.alert-type-Error{border-left:6px solid var(--alert-error-border);background-color:var(--alert-error-bg)}.alert-card.alert-type-Maintenance{border-left:6px solid var(--alert-maintenance-border);background-color:var(--alert-maintenance-bg)}.alert-card.alert-type-AwsVariation{border-left:6px solid var(--alert-aws-border);background-color:var(--alert-aws-bg)}.alert-card.alert-type-Updating{border-left:6px solid var(--alert-updating-border);background-color:var(--alert-updating-bg)}.alert-icon{font-size:1.25rem;line-height:1;display:block}.alert-title{font-size:.95rem;font-weight:800}.alert-message{color:var(--muted);overflow-wrap:anywhere;word-break:break-word;margin-top:6px;line-height:1.4}.alert-meta{color:var(--muted);overflow-wrap:anywhere;word-break:break-word;margin-top:7px;font-size:.78rem}.alert-card>div:last-child{min-width:0}.legend{background:var(--legend-bg);border:1px solid #03456314;border-radius:14px;gap:8px;margin-bottom:12px;padding:12px;display:grid}.legend-item{color:var(--muted);align-items:flex-start;gap:12px;display:flex}.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.select{border:1px solid var(--select-border);background:var(--select-bg);min-width:220px;color:var(--select-text);border-radius:999px;padding:7px 10px}.select option{background:var(--select-option-bg);color:var(--select-option-text)}.table-shell{border-radius:14px;overflow:hidden}.table-scroll{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:700px;font-size:.9rem}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #03456314;padding:7px 10px}.table thead th{background:var(--table-head-bg);color:var(--table-head-text);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.table tbody tr:hover{background:var(--table-row-hover)}.status-table thead th:nth-child(3){background:var(--status-prod-head);color:#fff;text-align:center}.status-table thead th:nth-child(4){background:var(--status-sandbox-head);color:#fff;text-align:center}.status-table tbody tr:nth-child(2n) td{background:var(--table-row-even)}.status-table tbody td:nth-child(3){background:var(--status-prod-col);text-align:center}.status-table tbody td:nth-child(4){background:var(--status-sandbox-col);text-align:center}.status-table tbody tr:nth-child(2n) td:nth-child(3){background:var(--status-prod-col-even)}.status-table tbody tr:nth-child(2n) td:nth-child(4){background:var(--status-sandbox-col-even)}.status-table tbody tr:hover td:nth-child(3){background:var(--status-prod-col-hover)}.status-table tbody tr:hover td:nth-child(4){background:var(--status-sandbox-col-hover)}.performance-table tbody tr:not(.scope-row):nth-child(2n) td{background:var(--table-row-even)}.scope-row td{background:var(--scope-row-bg);color:var(--scope-row-text);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800}.status-pill{background:0 0;border-radius:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;font-size:1.2rem;font-weight:700;line-height:1;display:inline-flex}.status-pill.online{color:var(--success)}.status-pill.updating,.status-pill.attention,.status-pill.timeout,.status-pill.forbidden{color:var(--warning)}.status-pill.offline,.status-pill.error,.status-pill.alert{color:var(--danger)}.status-pill.neutral{color:var(--muted)}.status-pill.loading{color:var(--muted);animation:.9s ease-in-out infinite statusPulse}.status-loader-dot{opacity:.7;background:currentColor;border-radius:999px;width:11px;height:11px}.status-legend{background:var(--legend-bg);border:1px solid #03456314;border-radius:14px;flex-wrap:wrap;gap:6px 12px;margin-top:10px;padding:8px 10px;display:flex}.status-legend-top{margin-top:0;margin-bottom:10px}.status-legend .legend-item{align-items:center}.status-legend .status-pill{font-size:1.05rem}.status-legend-note{color:var(--muted);flex-basis:100%;padding-top:2px;font-size:.82rem;line-height:1.45}.service-name{min-width:170px}.service-url a{color:var(--brand);text-decoration:none}.service-url a:hover{text-decoration:underline}.performance-score-cell{font-weight:700;line-height:1}.table td.performance-score-cell{white-space:nowrap;display:table-cell}.performance-score-cell span+span{margin-left:8px}.version{color:var(--muted);margin-top:4px;font-size:.76rem;display:inline-block}.empty-state,.error-state,.loading-state{text-align:center;color:var(--muted);padding:26px}.error-state{color:var(--danger)}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#00283d6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{z-index:1;background:var(--modal-bg);width:min(920px,100%);max-height:min(88vh,960px);color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--modal-border);border-radius:28px;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 80px #00283d38}.modal-header,.modal-footer{background:var(--modal-section-bg);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.modal-body{padding:0 24px 24px;overflow:hidden auto}.pagination{align-items:center;gap:8px;display:flex}.footnote{color:var(--muted);margin-top:14px;font-size:.9rem}.fade-in{animation:.45s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes statusPulse{0%{opacity:.35}to{opacity:1}}@media (max-width:980px){.hero,.hero.hero-metrics-only .hero-side{grid-template-columns:1fr}}@media (max-width:720px){.shell{width:min(100% - 20px,100%);padding-top:20px}.hero-card,.panel,.metric-card,.modal-header,.modal-footer,.modal-body{padding-left:18px;padding-right:18px}.filters,.panel-header,.modal-header,.modal-footer{flex-direction:column;align-items:stretch}.action-row,.pagination{justify-content:stretch}.button,.button-secondary{width:100%}.select{width:100%;min-width:0}.modal{padding:12px}}
