:root{--bg:#f4f6fb;--card:#fff;--text:#1c2333;--muted:#6b7489;--border:#e2e6ef;--primary:#3b5bdb;--primary-dark:#2f4ac0;--danger:#c92a2a;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app{max-width:1000px;margin:0 auto;padding:40px 20px 60px}.header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.docs-link{border:1px solid var(--border);background:var(--card);color:var(--primary);white-space:nowrap;border-radius:8px;padding:8px 14px;font-weight:600;text-decoration:none}.docs-link:hover{background:#edf1ff}header h1{margin:0 0 4px;font-size:28px}header p{color:var(--muted);margin:0 0 24px}.search{gap:10px;margin-bottom:20px;display:flex}.search-input{flex:1;position:relative}.search-input input{border:1px solid var(--border);text-transform:uppercase;border-radius:8px;width:100%;padding:12px 14px;font-size:16px}.search-input input::placeholder{text-transform:none}.search-input input:focus,.toolbar input:focus,.toolbar select:focus{outline:2px solid var(--primary);outline-offset:-1px}.suggestions{z-index:10;background:var(--card);border:1px solid var(--border);border-radius:8px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #141e3c1f}.suggestions li{cursor:pointer;border-radius:6px;justify-content:space-between;padding:8px 10px;display:flex}.suggestions li span{color:var(--muted);font-size:14px}.suggestions li:hover,.suggestions li.active{background:#edf1ff}button{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 16px}button:disabled{opacity:.5;cursor:not-allowed}.search button{background:var(--primary);border-color:var(--primary);color:#fff;min-width:120px;font-weight:600}.search button:hover:not(:disabled){background:var(--primary-dark)}.alert{color:var(--danger);background:#fff5f5;border:1px solid #ffc9c9;border-radius:8px;margin-bottom:20px;padding:12px 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}.info-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.info-head h2{margin:0 8px 0 0}.badge{color:var(--primary);background:#edf1ff;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.badge.ok{color:#2b8a3e;background:#ebfbee}.badge.muted{color:var(--muted);background:#f1f3f5}.info dl{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 20px;margin:0;display:grid}.info dt{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}.info dd{margin:2px 0 0}.toolbar{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.toolbar input{border:1px solid var(--border);border-radius:8px;flex:1;max-width:360px;padding:8px 12px}.toolbar label{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.toolbar select{border:1px solid var(--border);border-radius:6px;padding:6px 8px}.table-wrap{transition:opacity .15s;overflow-x:auto}.table-wrap.loading{opacity:.5}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}tbody tr:hover{background:#f8f9fc}tr.clickable{cursor:pointer}tr.clickable:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.modal-backdrop{z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.12s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;width:100%;max-width:480px;padding:26px 26px 22px;animation:.15s ease-out pop-in;position:relative;box-shadow:0 20px 50px #0f172a40}.modal h2{margin:0 32px 4px 0;font-size:22px}.modal-sub{color:var(--muted);margin:0 0 18px}.modal-close{background:#f1f3f9;border:0;border-radius:50%;width:34px;height:34px;padding:0;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.modal-details{margin:0 0 16px}.modal-details div{border-bottom:1px solid var(--border);gap:12px;padding:8px 0;display:flex}.modal-details dt{width:100px;color:var(--muted);flex-shrink:0}.modal-details dd{word-break:break-all;margin:0}.modal-full{background:#f4f6fb;border-radius:10px;margin-bottom:16px;padding:12px 14px}.modal-full span{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}.modal-full p{margin:4px 0 0}.modal-copy{border-color:var(--primary);background:var(--primary);color:#fff;width:100%;padding:12px;font-weight:600}.modal-copy:hover{background:var(--primary-dark)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}td.num{color:var(--muted);width:50px}td.ref{color:var(--muted);white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:13px}td.empty{text-align:center;color:var(--muted);padding:30px}.footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:14px;display:flex}.pagination{flex-wrap:wrap;gap:4px;display:flex}.pagination button{padding:6px 11px;font-size:14px}.pagination button.current{background:var(--primary);border-color:var(--primary);color:#fff}.pagination .gap{padding:6px 4px}