.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 24px}.card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px;font-size:.7rem;font-weight:700}.sub{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.sub h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.7rem;font-weight:600}.kv-grid{grid-template-columns:180px 1fr;gap:4px 12px;font-size:.8rem;display:grid}.kv-grid .k{color:var(--text-muted)}.kv-grid .v{color:var(--text)}.data-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.78rem}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:4px 8px 4px 0;font-size:.68rem;font-weight:600}.data-table th:first-child{width:40%}.data-table td{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);vertical-align:top;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px 4px 0;overflow:hidden}.data-table tr:last-child td{border-bottom:none}.data-table tr.phase-header td{background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:6px 10px 4px;font-size:.72rem;font-weight:600}.badge{text-transform:lowercase;border-radius:10px;padding:1px 7px;font-size:.68rem;font-weight:600;display:inline-block}.badge.ok{color:#43a047;background:#43a04720}.badge.fail{color:#e53935;background:#e5393520}.badge.caution{color:#fb8c00;background:#fb8c0020}.badge.unknown{background:color-mix(in srgb, var(--border) 80%, transparent);color:var(--text-muted)}.log-pre{color:var(--text);white-space:pre-wrap;word-break:break-all;background:color-mix(in srgb, var(--surface) 60%, var(--border));border-radius:calc(var(--radius) - 2px);margin:0;padding:10px 12px;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.75rem;line-height:1.55}.warn-pre{background:#e539351a}.delta{font-size:.75rem;font-weight:600}.delta.up{color:#fb8c00}.delta.dn{color:#43a047}.inline-row{align-items:baseline;gap:12px;padding:3px 0;font-size:.8rem;display:flex}.mono{font-family:ui-monospace,monospace}.sm{font-size:.72rem}.muted{color:var(--text-muted)}.ok-txt{color:#43a047;font-size:.8rem}.warn-txt{color:#e53935}.caution-txt{color:#fb8c00}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--accent:#4f46e5;--accent-hover:#4338ca;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--radius:12px;--radius-sm:8px}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5}