.searchPage{max-width:1180px;margin:22px auto;padding:0 18px}
.searchHero{background:linear-gradient(135deg,#fff,#effaf1);border:1px solid #e5e7eb;border-radius:24px;padding:28px;box-shadow:0 14px 38px rgba(15,23,42,.07);margin-bottom:18px}
.searchHero h1{font-size:42px;margin:8px 0;letter-spacing:-.04em}.searchHero p{color:#64748b;font-size:18px;margin:0}
.searchBox{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.06);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px}
.searchBox input{border:1px solid #dbe3ea;border-radius:16px;padding:14px;font-size:18px}.searchBox button{background:#078438;color:white;border-radius:16px;padding:0 24px;font-weight:900}
.searchFilters{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.searchFilters button{background:#f1f5f9;border-radius:999px;padding:10px 14px;font-weight:900;white-space:nowrap}.searchFilters button.active{background:#078438;color:white}
.searchResults{display:grid;gap:18px}.resultGroup{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.resultGroup h2{margin:0 0 12px}.resultList{display:grid;gap:10px}
.resultItem{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #eef2f7;border-radius:16px;padding:12px;cursor:pointer}.resultItem:hover{background:#f8fafc}.resultIcon{width:46px;height:46px;border-radius:14px;background:#e8f8ed;display:grid;place-items:center;font-size:22px;overflow:hidden}.resultIcon img{width:100%;height:100%;object-fit:cover}.resultItem b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resultItem p{margin:4px 0 0;color:#64748b;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resultTag{background:#dcfce7;color:#15803d;border-radius:999px;padding:6px 9px;font-weight:900;font-size:12px;white-space:nowrap}.emptySearch{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:24px;color:#64748b;text-align:center}
@media(max-width:700px){.searchBox{grid-template-columns:1fr}.searchBox button{padding:13px}.resultItem{grid-template-columns:42px minmax(0,1fr)}.resultTag{grid-column:2}.searchHero h1{font-size:32px}}