:root{--brand:#00d97e;--brand-pale:#e6fbf2;--brand-dark:#00a660;--ink:#0a0a0a;--mid:#666;--surface:#f8f8f8;--border:#eee;--white:#fff}.search-page{background:var(--surface);height:100vh;font-family:DM Sans,sans-serif;display:flex}.sidebar{background:var(--white);border-right:1.5px solid var(--border);width:320px;height:100vh;padding:32px;position:sticky;top:0;overflow-y:auto}.sidebar-title{color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:32px;font-size:18px;font-weight:900;display:flex}.sidebar-reset{color:var(--brand);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;font-size:10px;font-weight:800}.filter-section{margin-bottom:40px}.filter-label{color:#aaa;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:16px;font-size:9px;font-weight:900}.filter-input{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:14px}.filter-range-wrap{align-items:center;gap:16px;display:flex}.filter-range{accent-color:var(--ink);flex:1}.filter-range-val{font-family:DM Mono,monospace;font-size:15px;font-weight:700}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.fchip{background:var(--white);border:1.5px solid var(--border);color:var(--mid);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:11px;font-weight:700}.fchip.on{background:var(--ink);color:var(--white);border-color:var(--ink)}.filter-stars{gap:8px;display:flex}.star-btn{background:var(--surface);border:1.5px solid var(--border);color:#ccc;cursor:pointer;border-radius:10px;flex:1;padding:10px 0;font-size:12px}.star-btn.on{border-color:var(--brand);color:#ffb800;background:var(--brand-pale)}.filter-apply{background:var(--ink);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:14px;padding:16px;font-size:14px;font-weight:700}.results{flex:1;height:100vh;padding:48px;overflow-y:auto}.results-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.results-count{color:var(--ink);font-size:24px;font-weight:800}.results-count strong{color:var(--brand)}.sort-wrap{background:var(--white);border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:8px 16px;display:flex}.sort-label{color:var(--mid);text-transform:uppercase;font-size:10px;font-weight:800}.sort-select{color:var(--ink);background:0 0;border:none;outline:none;font-size:13px;font-weight:700}.agents-grid{gap:24px;display:grid}.agent-card{background:var(--white);border:1.5px solid var(--border);border-radius:32px;gap:32px;padding:32px;display:flex;position:relative}.agent-card.top-pick{border-color:#00d97e4d}.top-pick-badge{background:var(--brand);color:var(--ink);letter-spacing:1px;border-radius:0 0 12px;padding:6px 16px;font-size:9px;font-weight:800;position:absolute;top:0;left:0}.agent-avatar{background:var(--surface);width:100px;height:100px;color:var(--mid);border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;font-size:32px;font-weight:800;display:flex}.agent-avatar.av-green{background:var(--brand-pale);color:var(--brand-dark)}.agent-avatar.av-dark{background:var(--ink);color:var(--white)}.agent-main{flex:1}.agent-name-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.agent-name{color:var(--ink);font-size:22px;font-weight:800}.agent-verified{color:var(--brand-dark);background:var(--brand-pale);border-radius:4px;padding:2px 8px;font-size:9px;font-weight:800}.agent-agency{color:var(--mid);margin-bottom:16px;font-size:14px}.agent-tags{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.agent-tag{background:var(--surface);color:var(--mid);border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700}.agent-metrics{gap:32px;display:flex}.metric-val{color:var(--ink);letter-spacing:-1px;font-size:24px;font-weight:800}.metric-key{color:var(--mid);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800}.agent-right{border-left:1.5px solid var(--border);flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:200px;padding-left:32px;display:flex}.agent-rate-big{text-align:right}.agent-rate-num{color:var(--ink);letter-spacing:-2px;font-size:34px;font-weight:900;line-height:1}.agent-rate-label{color:#aaa;text-transform:uppercase;letter-spacing:2px;margin-top:4px;font-size:8px;font-weight:900}.agent-stars-row{align-items:center;gap:6px;margin-bottom:16px;display:flex}.stars{color:#ffb800;font-size:16px}.stars-val{color:var(--ink);font-size:14px;font-weight:800}.stars-count{color:var(--mid);font-size:12px}.agent-ctas{gap:8px;width:100%;display:flex}.btn-contact{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-size:13px;font-weight:700}.btn-negocie{background:var(--white);border:1.5px solid var(--border);color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.btn-negocie-dot{background:var(--brand);border-radius:50%;width:8px;height:8px}.btn-fav{background:var(--white);border:1.5px solid var(--border);color:var(--mid);cursor:pointer;border-radius:12px;padding:12px}.btn-fav svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.btn-fav.on{color:var(--brand);border-color:var(--brand)}.btn-fav.on svg{fill:var(--brand)}.pagination{justify-content:center;gap:8px;margin-top:48px;display:flex}.page-btn{border:1.5px solid var(--border);background:var(--white);cursor:pointer;border-radius:10px;width:40px;height:40px;font-weight:700}.page-btn.on{background:var(--ink);color:var(--white);border-color:var(--ink)}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0a0a0ab3;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:40px;flex-direction:column;width:100%;max-width:760px;max-height:95vh;display:flex;overflow:hidden;box-shadow:0 40px 120px #00000080}.modal-header{background:var(--ink);color:var(--white);padding:40px;position:relative}.modal-header-inner{align-items:center;gap:24px;display:flex}.modal-avatar{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:800;display:flex}.modal-name{letter-spacing:-1px;margin-bottom:2px;font-size:32px;font-weight:900}.modal-agency{color:#fff6;font-size:15px;font-weight:500}.modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:32px;right:32px}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-body{flex:1;padding:40px;overflow-y:auto}.modal-section{margin-bottom:40px}.modal-section-title{color:#bbb;text-transform:uppercase;letter-spacing:2.5px;border-bottom:1.5px solid var(--border);margin-bottom:24px;padding-bottom:16px;font-size:10px;font-weight:900}.modal-metrics{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.modal-metric{background:var(--white);border:1.5px solid var(--border);text-align:left;border-radius:16px;padding:24px;transition:transform .2s}.modal-metric:hover{border-color:var(--ink);transform:translateY(-2px)}.mm-val{color:var(--ink);letter-spacing:-1.5px;font-size:28px;font-weight:900}.mm-val em{color:#aaa;margin-left:2px;font-size:16px;font-style:normal}.mm-val em.star{color:var(--brand)}.mm-key{color:#999;text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-size:9px;font-weight:900}.modal-tag{background:var(--white);border:1.5px solid var(--border);color:var(--mid);border-radius:12px;margin-bottom:10px;margin-right:10px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-block}.modal-footer{background:var(--white);border-top:1.5px solid var(--border);gap:16px;padding:32px 40px;display:flex}.mf-btn-main{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:16px;flex:1.2;padding:20px;font-size:16px;font-weight:800;transition:all .2s}.mf-btn-main:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.mf-btn-neg{background:var(--white);border:1.5px solid var(--brand);color:var(--brand-dark);cursor:pointer;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:15px;font-weight:800;transition:all .2s;display:flex}.mf-btn-neg:hover{background:var(--brand-pale)}