:root{--bg:#f8f9fa;--card-bg:#fff;--text:#374151;--text-light:#6b7280;--heading:#111827;--accent:#2563eb;--accent-hover:#1d4ed8;--border:#e5e7eb;--green:#059669;--orange:#d97706;--radius:8px;color:var(--text);background:var(--bg);font:15px/1.5 system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{margin:0}#root{max-width:960px;margin:0 auto;padding:24px 16px 64px}header{text-align:center;margin-bottom:32px}header h1{color:var(--heading);margin-bottom:4px;font-size:28px;font-weight:700}.subtitle{color:var(--text-light);font-size:14px}.search-form{align-items:flex-end;gap:12px;margin-bottom:24px;display:flex}.form-group{flex-direction:column;flex:1;gap:4px;display:flex}.form-group label{color:var(--text-light);font-size:13px;font-weight:600}.form-group input{border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:10px 12px;font-size:15px;transition:border-color .2s}.form-group input:focus{border-color:var(--accent)}.btn-search{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;padding:10px 24px;font-size:15px;font-weight:600;transition:background .2s}.btn-search:hover{background:var(--accent-hover)}.btn-search:disabled{opacity:.6;cursor:not-allowed}.error{color:#dc2626;border-radius:var(--radius);background:#fef2f2;margin-bottom:16px;padding:12px 16px;font-size:14px}.results-header{color:var(--text-light);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;display:flex}.results-controls{align-items:center;gap:12px;display:flex}.sort-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);cursor:pointer;padding:6px 10px;font-size:13px}.btn-export{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--heading);cursor:pointer;padding:6px 14px;font-size:13px;font-weight:600;transition:background .2s}.btn-export:hover{background:#f9fafb}.btn-export:disabled{opacity:.4;cursor:not-allowed}.results-grid{flex-direction:column;gap:16px;display:flex}.trade-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.trade-header{align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.trade-logo{border-radius:var(--radius);object-fit:cover;flex-shrink:0;width:56px;height:56px}.trade-logo.placeholder{background:var(--accent);color:#fff;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.trade-info h3{color:var(--heading);margin-bottom:4px;font-size:17px;font-weight:600}.trade-meta{align-items:center;gap:8px;font-size:14px;display:flex}.rating{color:var(--green);font-weight:700}.reviews,.location{color:var(--text-light)}.badges{gap:6px;margin-top:6px;display:flex}.badge{text-transform:uppercase;color:var(--green);background:#ecfdf5;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.badge.sponsored{color:var(--orange);background:#fffbeb}.trade-summary{color:var(--text-light);margin-bottom:12px;font-size:14px;line-height:1.5}.skills-list{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.skill-tag{color:var(--text);background:#f3f4f6;border-radius:20px;padding:3px 10px;font-size:12px}.trade-actions{gap:8px;margin-bottom:12px;display:flex}.btn-phone,.btn-profile{border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:var(--card-bg);color:var(--heading);padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s}.btn-phone:hover,.btn-profile:hover{background:#f9fafb}.latest-review{border-radius:var(--radius);background:#f9fafb;padding:12px 16px;font-size:13px;line-height:1.5}.latest-review strong{color:var(--heading);margin-right:8px}.review-score{color:var(--green);font-weight:700}.latest-review p{color:var(--text-light);margin-top:4px}.btn-load-more{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--heading);margin:24px auto 0;padding:12px 32px;font-size:15px;font-weight:600;transition:background .2s;display:block}.btn-load-more:hover{background:#f9fafb}.btn-load-more:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.search-form,.trade-header{flex-direction:column}}