:root{--bg: #f4f5f7;--surface: #ffffff;--border: #e3e6ea;--text: #1f2733;--muted: #6b7682;--accent: #9a5b2e;--accent-weak: #f3e9e0;--ok: #2e7d4f;--ok-weak: #e4f3ea;--warn: #b7791f;--warn-weak: #faf0da;--danger: #b5372e;--danger-weak: #f7e5e3;--radius: 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}h1,h2,h3{margin:0;font-weight:600}a{color:var(--accent)}.app{max-width:1080px;margin:0 auto;padding:0 20px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.topbar h1{font-size:18px;letter-spacing:.2px}.topbar .brand{color:var(--accent)}.apibox{display:flex;align-items:center;gap:8px}.apibox input{width:260px}.apistatus{font-size:12px;color:var(--muted)}.apistatus.ok{color:var(--ok)}.apistatus.bad{color:var(--danger)}section.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.card h2{font-size:15px;margin-bottom:4px}.card .sub{color:var(--muted);font-size:13px;margin-bottom:16px}.card .sub b{color:var(--text)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600}tr:last-child td{border-bottom:none}tr.selectable{cursor:pointer}tr.selectable:hover{background:#fafbfc}tr.selected{background:var(--accent-weak)}td.num,th.num{font-variant-numeric:tabular-nums}.empty{color:var(--muted);padding:14px 2px;font-style:italic}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.ok{background:var(--ok-weak);color:var(--ok)}.badge.warn{background:var(--warn-weak);color:var(--warn)}.badge.danger{background:var(--danger-weak);color:var(--danger)}.badge.neutral{background:#eef1f4;color:var(--muted)}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:7px 14px;transition:background .12s,border-color .12s}button:hover{border-color:#cfd4da}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#875026}button.danger{color:var(--danger);border-color:var(--danger-weak)}button.danger:hover{background:var(--danger-weak)}button:disabled{opacity:.5;cursor:default}button.small{padding:4px 10px;font-size:13px}input,select{font:inherit;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}input:focus,select:focus{outline:2px solid var(--accent-weak);border-color:var(--accent)}.row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;color:var(--muted)}.error{background:var(--danger-weak);color:var(--danger);padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:13px}.pairing{margin-top:14px;padding:16px;border:1px dashed var(--accent);border-radius:var(--radius);background:var(--accent-weak)}.pairing .code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:28px;font-weight:700;letter-spacing:3px;color:var(--accent)}.pairing .exp{color:var(--muted);font-size:13px;margin-top:4px}.explain{margin:0 0 16px;padding-left:18px;color:var(--muted);font-size:13px}.explain li{margin:3px 0}.explain b{color:var(--text)}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:14px}.legend .badge{margin-right:2px}.crumbs{color:var(--muted);font-size:13px;margin-bottom:8px}.crumbs b{color:var(--text)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 30px #1f27330f}.login-card h1{font-size:20px}.login-card .sub{color:var(--muted);font-size:13px;margin-bottom:4px}.login-card .field input{width:100%}.login-card button{margin-top:6px;height:42px}