.donor-page{color:#17221c;background:#f7f8f7;min-height:100vh}.donor-header{z-index:30;background:#fff;border-bottom:1px solid #dde5df;align-items:center;gap:30px;height:82px;padding:9px max(24px,50vw - 590px);display:flex;position:sticky;top:0}.donor-header>a{margin-right:auto;line-height:0}.donor-header img{object-fit:contain;width:230px;height:60px}.donor-header nav{gap:24px;display:flex}.donor-header nav a{color:#4e5c53;border-bottom:3px solid #0000;padding:28px 0 23px;font-size:14px;font-weight:800;text-decoration:none}.donor-header nav a.active{color:#b6202a;border-color:#d52631}.donor-header>button,.donor-empty button{color:#fff;cursor:pointer;white-space:nowrap;background:#076346;border:0;border-radius:9px;padding:12px 16px;font-weight:900}.donor-hero{justify-content:space-between;align-items:center;gap:30px;max-width:1180px;margin:auto;padding:64px 24px 34px;display:flex}.donor-kicker{color:#c52631;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}.donor-hero h1{letter-spacing:-.045em;color:#063f2f;margin:8px 0 12px;font-size:clamp(34px,5vw,55px)}.donor-hero h1 span{color:#c9232e}.donor-hero p:not(.donor-kicker){color:#68746c;max-width:610px;font-size:17px;line-height:1.55}.blood-mark{background:linear-gradient(145deg,#e94851,#b80f1d);border-radius:65% 35% 62% 38%/70% 38% 62% 30%;place-items:center;width:135px;height:135px;margin-right:40px;display:grid;transform:rotate(45deg);box-shadow:0 18px 38px #bf1c2838}.blood-mark span{color:#cc202c;background:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:30px;display:grid;transform:rotate(-45deg)}.donor-content{max-width:1180px;margin:auto;padding:0 24px 80px}.donor-filters{background:#fff;border:1px solid #dce5df;border-radius:14px;grid-template-columns:1fr 1fr 1fr auto;gap:12px;padding:17px;display:grid;box-shadow:0 12px 30px #07473212}.donor-filters label{gap:6px;display:grid}.donor-filters label>span{text-transform:uppercase;letter-spacing:.05em;color:#657169;font-size:11px;font-weight:900}.donor-filters select,.donor-form input,.donor-form select{color:#17221c;background:#fff;border:1px solid #cbd8cf;border-radius:9px;width:100%;padding:12px}.donor-filters>button{color:#fff;cursor:pointer;background:#cc202c;border:0;border-radius:9px;align-self:end;padding:13px 24px;font-weight:900}.donor-results-head{justify-content:space-between;align-items:end;margin:32px 0 14px;display:flex}.donor-results-head p{color:#c9232e;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:900}.donor-results-head h2{color:#063f2f;margin:0;font-size:28px}.donor-results-head>button{color:#076346;cursor:pointer;background:0 0;border:0;font-weight:800}.donor-table-wrap{background:#fff;border:1px solid #dce5df;border-radius:14px;overflow:hidden;box-shadow:0 10px 25px #0747320e}.donor-table{border-collapse:collapse;width:100%}.donor-table th{text-align:left;color:#667269;text-transform:uppercase;letter-spacing:.04em;background:#f5f8f6;padding:13px 15px;font-size:11px}.donor-table td{border-top:1px solid #e8eeea;padding:15px;font-size:13px}.donor-name{align-items:center;gap:10px;display:flex}.donor-name>span{color:#b7202a;background:#f7e7e9;border-radius:50%;place-items:center;width:39px;height:39px;font-weight:900;display:grid}.donor-name div{gap:3px;display:grid}.donor-name small{color:#b77916;font-size:10px;font-weight:800}.blood-pill{color:#bd202b;background:#fdebed;border-radius:999px;place-items:center;min-width:38px;padding:6px;display:inline-grid}.availability{color:#087047;background:#e4f4ea;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:900}.availability.emergency-only{color:#996014;background:#fff1dc}.availability.temporarily-unavailable{color:#777;background:#f2f2f2}.donor-actions{gap:6px;display:grid}.donor-actions button{color:#b51b26;cursor:pointer;background:#fff;border:1px solid #cc202c;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:900}.donor-actions button:disabled{color:#919a94;cursor:not-allowed;background:#f7f8f7;border-color:#d6dcd8}.donor-actions .remove-donor{color:#778078;border:0;padding:2px;text-decoration:underline}.donor-empty{text-align:center;background:#fff;border:1px dashed #baccc0;border-radius:15px;padding:55px 20px}.empty-drop{color:#c8222e;background:#fdebed;border-radius:50%;place-items:center;width:72px;height:72px;margin:auto;font-size:30px;display:grid}.donor-empty h2{color:#063f2f;margin:15px 0 8px}.donor-empty p{color:#6b776f;max-width:510px;margin:0 auto 20px;line-height:1.55}.donor-safety{color:#68746c;justify-content:center;align-items:center;gap:10px;margin:18px 0 0;font-size:12px;display:flex}.donor-safety p{margin:0}.donor-modal-backdrop{z-index:70;background:#05160fb3;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.donor-modal{background:#fff;border-radius:18px;width:min(100%,610px);max-height:calc(100vh - 36px);position:relative;overflow:auto;box-shadow:0 28px 90px #00000059}.donor-modal-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:14px}.donor-modal-title{color:#fff;background:linear-gradient(135deg,#cf1f2b,#ab101c);align-items:center;gap:14px;padding:24px 28px;display:flex}.donor-modal-title>span{font-size:28px}.donor-modal-title h2{margin:0 0 3px}.donor-modal-title p{color:#f8cfd2;margin:0;font-size:12px}.stepper{justify-content:center;align-items:start;padding:24px 28px 7px;display:flex}.stepper>span{color:#647169;background:#e5e9e6;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:900;display:grid;position:relative}.stepper>span.done{color:#fff;background:#cf202c}.stepper small{color:#58655d;white-space:nowrap;font-size:9px;position:absolute;top:36px}.stepper i{background:#d9dfdb;width:110px;height:2px;margin-top:14px}.donor-form{gap:14px;padding:38px 28px 28px;display:grid}.donor-form h3{color:#063f2f;margin:0 0 3px}.donor-form label{gap:6px;display:grid}.donor-form label>span{color:#4e5c53;font-size:12px;font-weight:900}.donor-form label>small{color:#758078;font-size:10px}.donor-form>button,.form-buttons button{color:#fff;cursor:pointer;background:#cc202c;border:0;border-radius:9px;padding:13px 17px;font-weight:900}.form-buttons{justify-content:space-between;gap:12px;display:flex}.form-buttons button{flex:1}.form-buttons .back{color:#385044;background:#edf2ee}.review-box{background:#f7f9f7;border-radius:11px;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.review-box p{gap:4px;margin:0;display:grid}.review-box span{text-transform:uppercase;color:#77827b;font-size:10px;font-weight:900}.donor-check{align-items:start;grid-template-columns:auto 1fr!important}.donor-check input{width:18px;margin-top:2px}.donor-check span{line-height:1.45!important}.privacy-note{color:#176442;background:#eaf4ed;border-radius:8px;margin:0;padding:10px;font-size:11px}.donor-toast{z-index:90;color:#fff;background:#063f2f;border-left:5px solid #cc202c;border-radius:10px;max-width:390px;padding:15px 18px;font-size:13px;position:fixed;bottom:20px;right:20px;box-shadow:0 15px 40px #00000040}@media (max-width:900px){.donor-header nav{display:none}.donor-header>button{margin-left:auto}.donor-filters{grid-template-columns:1fr 1fr}.donor-table,.donor-table tbody,.donor-table tr,.donor-table td{display:block}.donor-table thead{display:none}.donor-table tbody{grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.donor-table tr{border:1px solid #e0e8e2;border-radius:12px;padding:14px}.donor-table td{border:0;padding:6px 0}.donor-table td:before{content:attr(data-label);text-transform:uppercase;font-size:9px}.donor-actions{margin-top:6px}.blood-mark{width:105px;height:105px;margin-right:20px}}@media (max-width:620px){.donor-header{height:70px;padding:7px 14px}.donor-header img{width:176px;height:53px}.donor-header>button{padding:10px 11px;font-size:11px}.donor-hero{padding:43px 18px 25px}.donor-hero h1{font-size:37px}.blood-mark{display:none}.donor-content{padding:0 14px 60px}.donor-filters{grid-template-columns:1fr 1fr;padding:12px}.donor-filters label:nth-child(3),.donor-filters>button{grid-column:1/-1}.donor-results-head{align-items:center}.donor-table tbody{grid-template-columns:1fr}.donor-safety{align-items:start}.donor-modal-backdrop{padding:10px}.donor-modal{max-height:calc(100vh - 20px)}.donor-modal-title{padding:21px 20px}.donor-form{padding:38px 20px 22px}.stepper i{width:58px}.review-box{grid-template-columns:1fr}.donor-toast{bottom:14px;left:14px;right:14px}}