.overall-status.status-ok[data-v-f633248a]{background-color:#ecfdf3}.overall-status.status-degraded[data-v-f633248a]{background-color:#fffbeb}.overall-status.status-down[data-v-f633248a]{background-color:#fef2f2}.overall-status.status-unknown[data-v-f633248a]{background-color:#f3f4f6}.skeleton-text[data-v-f633248a]{display:inline-block;height:10px;border-radius:999px;background:linear-gradient(90deg,#f2f3f7,#e5e7ef,#f2f3f7 80%);background-size:200% 100%;animation:skeleton-loading-f633248a 1.2s ease-in-out infinite}.skeleton-text-medium[data-v-f633248a]{width:140px}.skeleton-text-chip[data-v-f633248a]{width:70px;margin-left:8px}.skeleton-chip[data-v-f633248a]{background-color:#f4f5f9;color:transparent}.skeleton-history-slot[data-v-f633248a]{display:inline-block;height:6px;width:12px;border-radius:999px;margin-right:3px;background:#e7e9f0;animation:skeleton-loading-f633248a 1.2s ease-in-out infinite}@keyframes skeleton-loading-f633248a{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--bg-page: #ffffff;--bg-card: #ffffff;--border-subtle: rgba(15, 23, 42, .08);--shadow-card: 0 18px 40px rgba(15, 23, 42, .08);--text-main: #0f172a;--text-muted: #6b7280;--accent-ok: #16a34a;--accent-degraded: #f97316;--accent-down: #ef4444;--accent-unknown: #6b7280;--error: #ef4444}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background:var(--bg-page);color:var(--text-main)}.app{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}.brand-logo{height:32px;width:auto;display:block}.brand-mark{width:32px;height:32px;border-radius:999px;background:#0f172a;color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;letter-spacing:.06em}.app-header h1{margin:0;font-size:1.9rem;letter-spacing:.03em}.subtitle{margin-top:.5rem;color:var(--text-muted)}.overall-status{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;border-radius:0;background:#ecfdf3;border:1px solid rgba(22,163,74,.2);margin-bottom:1.5rem;box-shadow:var(--shadow-card)}.overall-pill{display:flex;align-items:center;gap:1rem}.overall-status .status-indicator{width:14px;height:14px;border-radius:999px;box-shadow:0 0 12px #16a34a8c}.overall-status.status-ok .status-indicator{background:var(--accent-ok);box-shadow:0 0 16px #16a34ab3}.overall-status.status-degraded .status-indicator{background:var(--accent-degraded);box-shadow:0 0 16px #f97316b3}.overall-status.status-down .status-indicator{background:var(--accent-down);box-shadow:0 0 16px #ef4444cc}.overall-status.status-unknown .status-indicator{background:var(--accent-unknown);box-shadow:none}.overall-text h2{margin:0 0 .25rem;font-size:1.25rem}.overall-text p{margin:0;color:var(--text-muted);font-size:.95rem}.retry-button{margin-left:auto;padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--border-subtle);background:#f9fafb;color:#111827;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background .15s ease,border-color .15s ease,transform .08s ease}.retry-button:hover:not(:disabled){background:#e5e7eb;border-color:#94a3b8e6;transform:translateY(-1px)}.retry-button:disabled{opacity:.6;cursor:default}.card{padding:1.5rem 1.75rem;border-radius:0;background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.card+.card{margin-top:1.25rem}.card-header h3{margin:0 0 1rem;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.components-list{display:flex;flex-direction:column;gap:.25rem}.component-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-top:1px solid rgba(148,163,184,.25)}.component-row:first-of-type{border-top:none}.component-name{font-size:.9rem}.component-status{display:flex;justify-content:flex-end}.component-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.status-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;font-size:.8rem}.status-dot{width:7px;height:7px;border-radius:999px}.chip-ok{background:#16a34a1a;color:#166534}.chip-ok .status-dot{background:var(--accent-ok)}.chip-degraded{background:#f973161f;color:#9a3412}.chip-degraded .status-dot{background:var(--accent-degraded)}.chip-down{background:#ef44441f;color:#b91c1c}.chip-down .status-dot{background:var(--accent-down)}.chip-unknown{background:#6b72801f;color:#374151}.chip-unknown .status-dot{background:var(--accent-unknown)}.error{padding:.75rem .9rem;border-radius:.75rem;background:#ef44440f;border:1px solid rgba(248,113,113,.6);color:#b91c1c;display:flex;justify-content:space-between;gap:.75rem;align-items:center}.error p{margin:0}.footer{margin-top:2rem;color:var(--text-muted);font-size:.75rem}.footer code{font-size:.75rem;padding:.15rem .35rem;border-radius:.4rem;background:#f9fafb;border:1px solid rgba(148,163,184,.8)}.legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:.75rem;border-top:1px dashed rgba(148,163,184,.5);font-size:.75rem;color:var(--text-muted)}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.legend-dot{width:8px;height:8px;border-radius:999px}.legend-ok{background:var(--accent-ok)}.legend-degraded{background:var(--accent-degraded)}.legend-down{background:var(--accent-down)}.legend-unknown{background:var(--accent-unknown)}.history-bar{display:flex;gap:2px}.history-segment{width:4px;height:10px;border-radius:999px;background:#94a3b899}.history-ok{background:#16a34ae6}.history-degraded{background:#f97316e6}.history-down{background:#ef4444f2}.history-unknown{background:#6b7280d9}@media (max-width: 640px){.overall-status{flex-direction:column;align-items:flex-start}.retry-button{margin-left:0;margin-top:.75rem}}