:root{--background:#f6f7f9;--surface:#ffffff;--surface-muted:#f1f4f8;--border:#d9e0ea;--text:#111827;--text-muted:#64748b;--brand:#111827;--brand-soft:#e5e7eb;--success:#166534;--warning:#92400e;--danger:#991b1b;--unknown:#475569}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:#0f172a;color:#e5e7eb;padding:28px 22px;gap:28px}.brand-block,.sidebar{display:flex;flex-direction:column}.brand-block{gap:6px}.brand-title{font-size:20px;font-weight:800;letter-spacing:-.02em}.brand-subtitle{color:#94a3b8;font-size:13px;line-height:1.4}.nav-section-title{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.nav-list{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;color:#dbeafe;background:rgba(255,255,255,.04);font-size:14px}.nav-item-active,.nav-item:hover{background:rgba(59,130,246,.2)}.nav-item span:last-child{color:#94a3b8;font-size:12px}.main{padding:32px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.eyebrow{color:var(--text-muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}h1{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:0}.header-copy{color:var(--text-muted);max-width:820px;line-height:1.6;margin-top:12px}.environment-card{min-width:250px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 8px 28px rgba(15,23,42,.06)}.environment-card strong{display:block;margin-bottom:6px}.environment-card div{color:var(--text-muted);font-size:13px;line-height:1.5}.grid{display:grid;grid-gap:18px;gap:18px}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:22px}.two-column-grid{grid-template-columns:minmax(0,1.6fr) minmax(340px,.9fr);align-items:start}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 8px 28px rgba(15,23,42,.06)}.card-title-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:16px}.card-title{font-size:16px;font-weight:800;margin:0}.card-subtitle{color:var(--text-muted);font-size:13px}.stat-value{font-size:34px;font-weight:850;letter-spacing:-.05em;margin-bottom:4px}.stat-label{color:var(--text-muted);font-size:13px}.detail-label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.detail-value{font-weight:800;line-height:1.4}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 10px 0;border-bottom:1px solid var(--border)}td{padding:14px 12px 14px 0;border-bottom:1px solid #eef2f7;vertical-align:top}tr:last-child td{border-bottom:0}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:750;background:var(--brand-soft);color:var(--unknown);white-space:nowrap}.status-active,.status-billing-active,.status-completed,.status-online,.status-via-kestra{background:#dcfce7;color:var(--success)}.status-degraded,.status-expected,.status-not-billable,.status-pending,.status-planned,.status-unknown{background:#fef3c7;color:var(--warning)}.status-billing-exception,.status-cancelled,.status-failed,.status-offline{background:#fee2e2;color:var(--danger)}.stack{display:flex;flex-direction:column;gap:12px}.service-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center}.service-title{font-weight:800;margin-bottom:4px}.service-link{color:#1d4ed8}.service-link:hover{text-decoration:underline}.breadcrumb{color:var(--text-muted);font-size:13px;margin-bottom:10px}.kpi-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.footer-note{margin-top:22px;color:var(--text-muted);font-size:13px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.search-box{width:100%;max-width:420px;border:1px solid var(--border);border-radius:999px;padding:10px 14px;background:white;color:var(--text)}@media (max-width:1200px){.shell{grid-template-columns:1fr}.sidebar{display:none}.detail-grid,.stats-grid,.two-column-grid{grid-template-columns:1fr}.header{flex-direction:column}}