:root{--brand: #0072c6;--brand-dark: #005a9e;--bg: #f4f6f8;--text: #1f2937;--muted: #6b7280;--error: #b91c1c;--ok: #15803d}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}header.app-header{background:var(--brand);color:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}header.app-header a{color:#fff;text-decoration:none;margin-left:1rem;font-weight:500}header.app-header a.router-link-active{text-decoration:underline}header.app-header .logo{font-size:1.25rem;font-weight:700;letter-spacing:.05em}main.app-main{max-width:900px;margin:2rem auto;padding:0 1rem}.card{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;padding:1.5rem;margin-bottom:1.5rem}h1{font-size:1.5rem;margin-top:0}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}input[type=text]{width:100%;max-width:24rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}button{background:var(--brand);color:#fff;border:none;border-radius:6px;padding:.6rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.75rem}button:hover{background:var(--brand-dark)}button:disabled{background:#9ca3af;cursor:not-allowed}.status{margin-top:1rem;font-size:.95rem}.status.error{color:var(--error)}.status.ok{color:var(--ok)}.muted{color:var(--muted);font-size:.875rem}.onid-frame{width:100%;max-width:800px;height:520px;border:none;display:block;margin:1rem auto 0}.onid-frame-container{min-height:1px}