:root{--bg: #f6f7f9;--panel: #ffffff;--panel-hover: #f0f2f5;--border: #e2e5ea;--text: #1a1d21;--muted: #5c6570;--link: #0a6f8e;--input-bg: #ffffff;--row-hover: #f3f6f8}@media(prefers-color-scheme:dark){:root{--bg: #121418;--panel: #1a1d23;--panel-hover: #22262e;--border: #2e333c;--text: #e8eaed;--muted: #9aa3ad;--link: #5eb8d4;--input-bg: #121418;--row-hover: #22262e}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;color:var(--text);background:var(--bg)}.top{border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--panel) 0%,var(--bg) 100%);padding:1.25rem 1.5rem 1rem}.brand{display:flex;gap:1rem;align-items:flex-start;max-width:min(1400px,100%);margin:0 auto}.brand-mark{width:3px;height:2.5rem;border-radius:2px;background:linear-gradient(180deg,#0a7ea4,#064e66);flex-shrink:0;margin-top:.35rem}.top h1{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.02em}.subtitle{margin:.35rem 0 0;font-size:.875rem;color:var(--muted);max-width:52rem;line-height:1.45}.subtitle a{color:var(--link);text-decoration:none}.subtitle a:hover{text-decoration:underline}.toolbar{max-width:min(1400px,100%);margin:0 auto;padding:1rem 1.5rem .5rem;width:100%}.toolbar-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.5rem}.toolbar-meta .meta{margin:0}.pagination{display:flex;gap:.5rem}.field-label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--muted);min-width:11rem}.select{font:inherit;padding:.45rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:var(--text)}.toolbar-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.search{flex:1 1 220px;min-width:180px}.search input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--input-bg);color:var(--text);font:inherit}.search input:focus{outline:2px solid color-mix(in srgb,var(--link) 45%,transparent);outline-offset:1px}.toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.875rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{accent-color:var(--link)}.btn{font:inherit;padding:.45rem .85rem;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}.btn:hover:not(:disabled){background:var(--panel-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent}.meta{margin:.65rem 0 0;font-size:.8125rem;color:var(--muted)}.banner{max-width:min(1400px,100%);margin:.5rem auto 0;padding:.65rem 1rem;border-radius:6px;font-size:.875rem}.stream-banner{background:color-mix(in srgb,var(--link) 10%,var(--panel));border:1px solid var(--border)}.banner.error{background:color-mix(in srgb,#c62828 12%,var(--panel));border:1px solid color-mix(in srgb,#c62828 35%,var(--border));color:var(--text)}.main{flex:1;max-width:min(1400px,100%);margin:0 auto;padding:.75rem 1.5rem 2rem;width:100%}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:0 1px #0000000a}.product-table{width:100%;border-collapse:collapse;font-size:.8125rem}.product-table th,.product-table td{padding:.55rem .65rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.th-sort{display:inline-flex;align-items:center;gap:.35rem;width:100%;margin:0;padding:.15rem 0;font:inherit;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:none;border:none;cursor:pointer;text-align:left}.th-sort:hover{color:var(--text)}.th-sort--active{color:var(--link)}.th-sort-icon{font-size:.65rem;opacity:.95}.th-sort-placeholder{font-size:.65rem;opacity:.25}.cell-updated{animation:cell-flash .7s ease-out}@keyframes cell-flash{0%{background:color-mix(in srgb,var(--link) 22%,transparent)}to{background:transparent}}@media(min-width:1280px){.main,.toolbar,.foot,.banner{max-width:none;padding-left:clamp(1rem,3vw,2.5rem);padding-right:clamp(1rem,3vw,2.5rem)}.top .brand{max-width:none}.table-scroll{overflow-x:visible}.product-table{table-layout:fixed}.product-table th,.product-table td{white-space:normal;word-break:break-word;vertical-align:top}}.product-table th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:color-mix(in srgb,var(--panel) 85%,var(--bg));position:sticky;top:0;z-index:1}.product-table tbody tr:hover td{background:var(--row-hover)}.product-table td.mono,.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem}.simple-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel)}.simple-list li{display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem}.simple-list li:last-child{border-bottom:none}.simple-list .mono{font-size:.8rem;color:var(--muted)}.empty-state{padding:2rem;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:8px}.foot{padding:1rem 1.5rem 1.5rem;max-width:min(1400px,100%);margin:0 auto;width:100%}.foot code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78em;background:var(--panel);padding:.1em .35em;border-radius:4px;border:1px solid var(--border)}.muted{color:var(--muted);font-size:.8125rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}