:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1d212b;--line: #272c38;--text: #e7e9ee;--muted: #8b93a4;--accent: #4c8dff;--green: #2bb673;--amber: #e0a106;--red: #e0544e;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em;color:var(--accent)}.app{max-width:1100px;margin:0 auto;padding:24px 20px 64px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.topbar h1{margin:0;font-size:22px;letter-spacing:-.01em}.topbar p{margin:4px 0 0;font-size:13px}.muted{color:var(--muted)}.error{background:#e0544e1f;border:1px solid var(--red);color:#ffb4b0;padding:12px 14px;border-radius:8px;margin-bottom:16px;font-size:13px;white-space:pre-wrap}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:8px 14px}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{border-color:var(--accent)}button.ghost{background:transparent}.layout{display:grid;grid-template-columns:220px 1fr;gap:24px}@media (max-width: 720px){.layout{grid-template-columns:1fr}}.filters{display:flex;flex-direction:column;gap:16px}.filters label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.filters select{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.count{margin:4px 0 0;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;transition:opacity .15s}.grid.loading{opacity:.5}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.card-cat{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.card h3{margin:0;font-size:15px;line-height:1.35}.card-brand{font-size:13px;color:var(--muted)}.card-foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-weight:600;font-size:15px}.badge{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.badge-in_stock{color:var(--green);border-color:#2bb67366}.badge-on_order{color:var(--accent);border-color:#4c8dff66}.badge-on_request{color:var(--amber);border-color:#e0a10666}.badge-unavailable{color:var(--muted)}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.dict table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}.dict th,.dict td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.dict th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase}.kind{font-size:12px;padding:2px 8px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line)}