.search-page{padding:20px;background:#f9fafb;min-height:100vh}.search-top{max-width:900px;margin:0 auto 30px}.search-input{width:100%;padding:14px 18px;border-radius:12px;border:1px solid #e5e7eb;font-size:16px;outline:none;transition:all .2s ease}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.search-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:25px;gap:25px;max-width:1200px;margin:0 auto;align-items:start}.filter-toggle-container{grid-column:1/-1;margin-bottom:10px}.filter-toggle-btn{background:#2563eb;color:white;border:none;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(37,99,235,.3)}.filter-toggle-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.4)}.filter-toggle-btn:active{transform:translateY(0)}.filter-toggle-btn.active{background:#dc2626}.filter-toggle-btn.active:hover{background:#b91c1c}.search-sidebar{background:white;border-radius:12px;padding:20px;height:-moz-fit-content;height:fit-content;box-shadow:0 2px 8px rgba(0,0,0,.05);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter{margin-bottom:20px}.filter label{display:block;font-weight:600;margin-bottom:8px;font-size:14px}.filter select{width:100%;padding:10px;border-radius:8px;border:1px solid #e5e7eb;background:white;cursor:pointer;transition:all .2s}.filter select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.search-results{background:white;border-radius:12px;padding:20px;min-height:400px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.search-results h2{font-size:18px;margin-bottom:15px}.search-results.full-width{grid-column:1/-1}.btn-primary{background:#2563eb;color:white;border:none;padding:10px 14px;border-radius:8px;cursor:pointer}.btn-primary:hover{background:#1d4ed8}.search-results h1{font-size:1rem}@media (max-width:900px){.search-layout{grid-template-columns:1fr;gap:20px}.filter-toggle-container{grid-column:1}.search-sidebar{order:1}.search-results{order:2;grid-column:1}.search-results.full-width{grid-column:1}}