.page-header{position:relative;padding:14px 0 22px;background:linear-gradient(180deg,#fff,#fff7f4);text-align:center;overflow:hidden}.header-decor{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120px 120px at 92% 10%,rgba(209,67,67,.1),transparent 70%),radial-gradient(160px 160px at 6% 90%,rgba(255,107,53,.08),transparent 70%)}.back-link{position:absolute;top:12px;left:16px;z-index:3;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #EEF3F9;color:#5a6e85;text-decoration:none;font-size:.78rem;font-weight:700;padding:8px 14px 8px 12px;border-radius:40px;box-shadow:0 4px 14px #0f172a12;transition:all .2s ease}.back-link:hover{color:#ff6b35;border-color:#ffd9c7}.container{position:relative}.page-header h1{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.9rem;font-weight:800;margin:0 0 6px;padding-top:2px}.drop-icon{color:#d14343;font-size:1.5rem;filter:drop-shadow(0 4px 8px rgba(209,67,67,.25))}.page-header .accent{color:#d14343}.page-header p{position:relative;z-index:2;color:#5a6e85;font-size:.95rem;max-width:520px;margin:0 auto}.donor-section{padding:22px 0 70px;background:#f8fafc}.gate-state{text-align:center;color:#8fa0bc;font-size:.9rem;padding:30px 0}.count-line{color:#5a6e85;font-size:.85rem;font-weight:600;margin:0 0 14px}.no-match-state{text-align:center;color:#8fa0bc;font-size:.9rem;padding:24px 0}.filters-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.dropdown-wrap{position:relative;flex:0 0 auto}.dropdown-btn{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #EEF3F9;color:#1b2a4a;padding:12px 20px;border-radius:40px;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.dropdown-btn:hover{border-color:#ff6b35}.dropdown-btn.has-value{background:#fff0ea;border-color:#ff6b35;color:#ff6b35}.dropdown-btn i{font-size:.75rem;transition:transform .2s ease}.dropdown-wrap.open .dropdown-btn i{transform:rotate(180deg)}.dropdown-panel{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:16px;box-shadow:0 12px 32px #0f172a24;padding:8px;min-width:180px;max-height:280px;overflow-y:auto;z-index:50}.dropdown-wrap.open .dropdown-panel{display:block}.dropdown-option{display:block;width:100%;text-align:left;background:transparent;border:none;color:#1b2a4a;padding:10px 14px;border-radius:10px;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s ease}.dropdown-option:hover{background:#f4f7fc}.dropdown-option.active{background:#fff0ea;color:#ff6b35;font-weight:700}.club-search-wrap{position:relative;flex:1 1 auto;min-width:0}.club-search-wrap i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#b0bccb;font-size:.85rem}.club-search-wrap input{width:100%;padding:12px 16px 12px 42px;border-radius:40px;border:1px solid #EEF3F9;background:#fff;font-size:.9rem;font-family:inherit;color:#1b2a4a;box-sizing:border-box}.club-search-wrap input:focus{outline:none;border-color:#ff6b35}.club-search-wrap input::placeholder{color:#b0bccb}.empty-state{text-align:center;background:#fff;border-radius:20px;padding:50px 24px;border:1px dashed #E5EAF0}.empty-state i{font-size:2rem;color:#d7e0ec;margin-bottom:12px}.empty-state p{font-weight:700;color:#1b2a4a;margin-bottom:4px}.empty-state span{color:#8fa0bc;font-size:.85rem;display:block;margin-bottom:20px}.btn-back-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#ff6b35;border:1.5px solid #FF6B35;text-decoration:none;padding:10px 22px;border-radius:40px;font-weight:600;font-size:.9rem;transition:all .2s ease}.btn-back-outline:hover{background:#ff6b35;color:#fff}.donor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;align-items:stretch}.donor-card{background:#fff;border-radius:18px;padding:14px;border:1px solid #EEF3F9;display:flex;flex-direction:column;height:100%}.donor-card.hidden{display:none}.donor-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.donor-avatar{width:44px;height:44px;border-radius:50%;background:#fff0ea;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.donor-avatar img{width:100%;height:100%;object-fit:cover}.donor-avatar i{color:#d14343;font-size:1.25rem}.blood-badge{background:#fff0ea;color:#d14343;font-weight:800;font-size:.85rem;padding:5px 12px;border-radius:12px;white-space:nowrap}.donor-name{font-size:.98rem;font-weight:700;color:#1b2a4a;margin:0 0 4px}.donor-location{color:#5a6e85;font-size:.8rem;margin:0 0 6px;display:flex;align-items:center;gap:5px}.donor-location i{color:#ff6b35;font-size:.72rem}.club-badge{color:#1d6fe0;font-size:.7rem;line-height:1.35;font-weight:700;margin:0 0 10px;background:#e8f2ff;padding:5px 8px;border-radius:10px;max-height:calc(1.89rem + 2px);overflow:hidden}.club-badge-logo{float:left;width:15px;height:15px;border-radius:50%;object-fit:cover;margin:1px 5px 0 0}.club-badge-icon{float:left;font-size:.7rem;margin:2px 5px 0 0}.card-footer{margin-top:auto;padding-top:8px}.btn-contact-icon{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;border-radius:14px;background:#16a34a;color:#fff;text-decoration:none;font-size:.9rem;font-weight:700;box-shadow:0 8px 18px #16a34a47;transition:all .2s ease}.btn-contact-icon:hover{background:#15803d;transform:translateY(-1px)}@media(max-width:768px){.donor-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.page-header h1{font-size:1.5rem}.drop-icon{font-size:1.2rem}.dropdown-btn{padding:10px 14px;font-size:.82rem}.back-link{font-size:.72rem;padding:7px 12px 7px 10px}.btn-contact-icon{height:42px;font-size:.82rem}}