*{box-sizing:border-box}body{margin:0;background:#f3f4f6;color:#17191d;font:16px Arial,sans-serif}main{max-width:1280px;margin:auto;padding:28px 20px}h1{font-size:28px;margin:0 0 8px}p{color:#606873;line-height:1.5}.panel{background:white;border:1px solid #dce0e5;border-radius:12px;padding:20px;margin:20px 0}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}label{display:block;font-size:14px;font-weight:600}input,select,textarea,button{font:inherit;padding:11px;border:1px solid #bbc2cb;border-radius:7px;width:100%;margin-top:7px}button{width:auto;background:#17191d;color:white;cursor:pointer}button:disabled{opacity:.4}textarea{min-height:110px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:13px;color:#647080;background:#f7f8fa}td,th{padding:15px;border-bottom:1px solid #e7e9ed}td:first-child{font-family:monospace;font-weight:bold}td{font-size:14px}.tag{display:inline-block;padding:5px 8px;background:#fff0ce;border-radius:5px;font-size:12px;white-space:nowrap}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:#68717d;font-size:14px}.scroll{overflow:auto}.pages{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:700px){.filters,.twocol{grid-template-columns:1fr}main{padding:20px 12px}h1{font-size:23px}.panel{padding:12px}td,th{padding:10px}}
.brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:22px 0}.brand-button{margin:0;background:#fff;color:#17191d;border:1px solid #ccd1d8;text-align:left;padding:18px;min-height:88px;transition:background .15s,border-color .15s}.brand-button strong{display:block;font-size:17px}.brand-button span{display:block;margin-top:7px;font-size:13px;color:#626b78}.brand-button:hover{border-color:#17191d}.brand-button[aria-pressed=true]{background:#17191d;color:#fff;border-color:#17191d;box-shadow:inset 0 -4px #ffba26}.brand-button[aria-pressed=true] span{color:#e8d29e}.brand-button:focus-visible{outline:3px solid #cb8d00;outline-offset:3px}@media(max-width:480px){.brands{grid-template-columns:1fr 1fr}.brand-button{padding:13px}.brand-button strong{font-size:15px}}