.live-updates-hero{padding:10rem 0 5rem;min-height:100vh;position:relative}.page-title{font-size:3.5rem;font-weight:800;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{text-align:center;color:#fff9;font-size:1.2rem;margin-bottom:2rem}.filter-toggle-btn{display:none;width:100%;padding:1.2rem 1.5rem;align-items:center;gap:1.2rem;color:#fff;margin-bottom:2rem;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s ease;background:#000;border:1px solid var(--border-primary);font-family:inherit;text-align:left}.filter-toggle-btn svg{color:var(--accent-primary)}.filter-toggle-btn .chevron{color:#fff;margin-left:auto;transition:transform .3s ease}.filter-toggle-btn:hover,.filter-toggle-btn.active{background:#dc26261a;border-color:var(--accent-primary)}.filter-toggle-btn.active .chevron{transform:rotate(180deg)}.filters-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.filter-select{background-color:#000;border:1px solid var(--border-primary);color:#fff;padding:.9rem 2.5rem .9rem 1rem;border-radius:12px;font-size:1rem;outline:none;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.filter-select:focus{border-color:var(--accent-primary);background-color:#ffffff1a;box-shadow:0 0 0 4px #dc26261a}.filter-select option{background:#000;color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:5rem 0;color:#ffffff80}.spinner{width:50px;height:50px;border:3px solid rgba(220,38,38,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.request-card{padding:0;overflow:hidden;border-radius:24px;transition:all .4s ease}.request-card:hover{transform:translateY(-8px);border-color:#dc26264d;box-shadow:0 20px 40px #0006}.card-header{background:#dc26260d;padding:1.5rem;display:flex;align-items:center;gap:1.2rem;border-bottom:1px solid var(--border-primary)}.blood-group-badge{background:var(--accent-primary);color:#fff;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;box-shadow:0 8px 16px #dc26264d}.patient-info h3{font-size:1.25rem;color:#fff;margin-bottom:.3rem}.req-date{font-size:.85rem;color:#ffffff80;display:flex;align-items:center;gap:.5rem}.card-body{padding:1.5rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.8rem;gap:1rem}.label{font-size:.85rem;color:#fff6;flex-shrink:0}.value{font-size:.95rem;color:#ffffffe6;text-align:right}.valueHighlight{color:var(--accent-primary);font-weight:700;font-size:1rem}.info-divider{height:1px;background:var(--border-primary);margin:1.2rem 0}.contact-info{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.contact-person .value{display:block;margin-top:.2rem;font-weight:600;text-align:left}.call-btn{background:#ffffff0d;color:#fff;padding:.6rem .8rem;border-radius:12px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem;border:1px solid var(--border-primary);transition:all .3s ease;justify-content:center;white-space:nowrap}.call-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px)}.contact-actions{display:flex;align-items:center;gap:.5rem}.view-btn{background:#dc262626;color:var(--accent-primary);width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(220,38,38,.25);transition:all .3s ease;flex-shrink:0}.view-btn svg{width:20px;height:20px}.view-btn:hover{background:#000;border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 5px 15px #dc262633}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 0;color:#fff3}.empty-state svg{margin-bottom:1.5rem}.empty-state p{font-size:1.5rem;color:#fff9;margin-bottom:.5rem}.empty-state span{font-size:1rem}@media(max-width:768px){.live-updates-hero{padding:7rem 0 3rem}.page-title{font-size:2.5rem}.requests-grid{grid-template-columns:1fr;gap:1.5rem}.blood-group-badge{width:50px;height:50px;font-size:1.2rem}.info-row{flex-direction:column;gap:.2rem}.value{text-align:left}.filters-container{grid-template-columns:1fr;gap:1rem;padding:1.5rem;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:1rem;overflow:hidden;opacity:0;pointer-events:none;border:none}.filters-container.active{max-height:500px;padding-top:1.5rem;padding-bottom:1.5rem;opacity:1;pointer-events:all;margin-bottom:2rem;border:1px solid var(--border-primary)}.filter-toggle-btn{display:flex}}