.page-header{margin-bottom:2rem}.page-title{align-items:center;color:#1f2937;display:flex;font-size:2rem;font-weight:700;gap:.75rem}.title-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:2rem;width:4px}.filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin-bottom:2rem;padding:1.5rem}.filter-group{display:flex;gap:1rem;padding:1rem 0}.filter-group:not(:last-child){border-bottom:1px solid #e5e7eb}.filter-label{color:#1f2937;flex-shrink:0;font-weight:600;padding-top:.5rem;width:80px}.filter-options,.filter-tags{display:flex;flex:1;flex-wrap:wrap;gap:.75rem}.filter-option{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;font-size:.875rem;padding:.5rem 1rem;text-decoration:none;transition:all .25s}.filter-option:hover{background:#fff;border-color:#667eea;color:#667eea}.filter-option.active{border-color:transparent}.filter-option.active,.filter-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:500}.filter-tag{align-items:center;border-radius:.5rem;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .25s}.filter-tag:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);opacity:.9;transform:translateY(-1px)}.tag-close{height:14px;opacity:.8;transition:opacity .25s;width:14px}.filter-tag:hover .tag-close{opacity:1}.filter-extend.hidden{display:none}.filter-toggle-wrapper{border-top:1px solid #e5e7eb;padding-top:1rem;text-align:center}.filter-toggle-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1.5rem;transition:all .25s}.filter-toggle-btn:hover{border-color:#667eea;color:#667eea}.toggle-icon{height:16px;transition:transform .25s;width:16px}.toggle-icon.rotate{transform:rotate(180deg)}@media(max-width:768px){.page-title{font-size:1.5rem}.title-icon{height:1.5rem}.filter-section{padding:1rem}.filter-group{flex-direction:column;gap:.75rem}.filter-label{width:auto}}@media(max-width:480px){.filter-option,.filter-tag{font-size:.75rem;padding:.375rem .75rem}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem 0}.empty-icon{color:#9ca3af;height:80px;margin-bottom:1.5rem;width:80px}.empty-text{color:#6b7280;font-size:1.125rem;margin-bottom:1.5rem}.empty-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;color:#fff;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .25s}.empty-link:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-2px)}