:root{--bg:#f4f4f4;--surface:#fff;--border:#dde3e8;--text:#101317;--text-soft:#5d6b77;--primary:#2549e8;--success-bg:#e9f8ef;--success-border:#b9e5c8;--success-text:#146c2e;--error-bg:#fdeeee;--error-border:#f2c3c3;--error-text:#a12626;--shadow:0 8px 24px #010e2014;--radius:18px;--radius-sm:12px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0}.placeholder{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:32px 40px}.card h1{color:var(--primary);margin:0 0 6px;font-size:22px}.soft{color:var(--text-soft);margin:0 0 18px}.badge{border-radius:var(--radius-sm);border:1px solid #0000;padding:4px 12px;font-size:13px;display:inline-block}.badge-ok{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.badge-down{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}
