.page-header{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:#fff;padding:var(--space-xl) var(--space-md);text-align:center}.page-header h1{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm)}.page-header p{opacity:.9}.section{padding:var(--space-xl) var(--space-md);max-width:800px;margin:0 auto}.search-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.search-form{display:flex;flex-direction:column;gap:var(--space-md)}.search-input-wrapper{display:flex;gap:var(--space-sm);position:relative}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-input{flex:1;padding:var(--space-md) var(--space-md) var(--space-md) 48px;font-size:1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-btn{padding:var(--space-md) var(--space-lg);white-space:nowrap}.search-filters{display:flex;gap:var(--space-md);flex-wrap:wrap}.filter-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background var(--transition-fast)}.filter-label:hover{background:var(--color-bg-alt)}.filter-label input[type=radio]{accent-color:var(--color-primary)}.search-status{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.results-header h2{font-size:1.125rem;font-weight:600}.results-count{font-size:.875rem;color:var(--color-text-muted)}.results-section{margin-bottom:var(--space-xl)}.results-section h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text)}.results-list{display:flex;flex-direction:column;gap:var(--space-md)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.result-item{display:block;padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.result-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.post-result .result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);font-size:.75rem}.result-category{color:var(--color-primary);font-weight:500}.result-date{color:var(--color-text-muted)}.result-title{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);line-height:1.4}.result-item:hover .result-title{color:var(--color-primary)}.result-excerpt{font-size:.875rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-sm)}.result-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-muted)}.result-author{display:flex;align-items:center;gap:var(--space-xs)}.author-avatar-small{width:20px;height:20px;border-radius:50%;object-fit:cover}.user-result{display:flex;align-items:flex-start;gap:var(--space-md)}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:2px}.user-username{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.user-bio{font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;margin-bottom:var(--space-xs)}.user-stats{font-size:.75rem;color:var(--color-primary)}mark{background:#fef3c7;color:inherit;padding:0 2px;border-radius:2px}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap}.page-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.page-btn:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary)}.page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-dots{color:var(--color-text-muted)}@media (max-width: 640px){.search-input-wrapper{flex-direction:column}.search-btn{width:100%}.users-grid{grid-template-columns:1fr}}
