.dev-credit-container{flex-direction:column;gap:5px;display:flex}.dev-credit-title{text-transform:uppercase;letter-spacing:.08em;color:#dc2626;font-size:.72rem;font-weight:700}.dev-credit-company{color:#991b1b;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s;display:inline-block}.dev-credit-company:hover{color:#dc2626;text-decoration:underline}.dev-credit-socials{flex-wrap:wrap;align-items:center;gap:7px;margin-top:3px;display:flex}.dev-social-btn{border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.74rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .2s;display:inline-flex}.dev-social-btn svg{flex-shrink:0}.dev-credit-auth{text-align:center;align-items:center;margin-top:4px}.dev-credit-auth .dev-credit-company{color:#1f2937}.dev-credit-auth .dev-credit-company:hover{color:#dc2626}.dev-credit-auth .dev-credit-socials{justify-content:center}.dev-credit-auth .dev-social-btn{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.dev-credit-auth .dev-social-web:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.dev-credit-auth .dev-social-linkedin:hover{color:#fff;background:#0a66c2;border-color:#0a66c2;transform:translateY(-1px)}.dev-credit-auth .dev-social-fb:hover{color:#fff;background:#1877f2;border-color:#1877f2;transform:translateY(-1px)}.dev-credit-sidebar{text-align:center;border-top:1px dashed #3d566e;align-items:center;padding-top:8px}.dev-credit-sidebar .dev-credit-title{color:#f87171;font-size:.72rem}.dev-credit-sidebar .dev-credit-company{color:#f1f5f9;font-size:.82rem}.dev-credit-sidebar .dev-credit-company:hover{color:#38bdf8}.dev-credit-sidebar .dev-credit-socials{justify-content:center;gap:5px}.dev-credit-sidebar .dev-social-btn{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff24;padding:3px 6px;font-size:.68rem}.dev-credit-sidebar .dev-social-web:hover{color:#38bdf8;background:#38bdf833;border-color:#38bdf8;transform:translateY(-1px)}.dev-credit-sidebar .dev-social-linkedin:hover{color:#fff;background:#0a66c2;border-color:#0a66c2;transform:translateY(-1px)}.dev-credit-sidebar .dev-social-fb:hover{color:#fff;background:#1877f2;border-color:#1877f2;transform:translateY(-1px)}.dev-credit-footer .dev-social-btn{color:#4b5563;background:#ffffffe6;border:1px solid #fecdd3}.dev-credit-footer .dev-social-web:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.dev-credit-footer .dev-social-linkedin:hover{color:#fff;background:#0a66c2;border-color:#0a66c2;transform:translateY(-1px)}.dev-credit-footer .dev-social-fb:hover{color:#fff;background:#1877f2;border-color:#1877f2;transform:translateY(-1px)}.auth-container{background:linear-gradient(135deg,#fdfcfb 0%,#e2d1c3 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:480px;padding:40px;box-shadow:0 20px 60px #00000026}.auth-logo{text-align:center;margin-bottom:10px;font-size:3em}.auth-card h1{text-align:center;color:#2c3e50;margin-bottom:5px;font-size:1.7em}.auth-subtitle{text-align:center;color:#888;margin-bottom:25px;font-size:.9em}.form-group{margin-bottom:15px}.form-group label{color:#555;margin-bottom:5px;font-size:.85em;font-weight:600;display:block}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:11px 14px;font-size:1em;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#dc3545}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.auth-card button[type=submit]{color:#fff;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:10px;width:100%;margin-top:10px;padding:13px;font-size:1.05em;font-weight:600}.auth-card button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #dc354566}.auth-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;color:#666;margin-top:20px;font-size:.9em}.auth-footer a{color:#dc3545;font-weight:600}.auth-footer a:hover{text-decoration:underline}@media (width<=480px){.auth-card{padding:30px 20px}.form-row{grid-template-columns:1fr;gap:0}}.auth-footer-credit{text-align:center;color:#4b5563;flex-direction:column;gap:3px;margin-top:24px;font-size:.82rem;display:flex}.auth-footer-credit .dev-credit-title{text-transform:uppercase;letter-spacing:.08em;color:#dc2626;font-size:.72rem;font-weight:700}.auth-footer-credit .dev-credit-name{color:#1f2937;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s;display:inline-block}.auth-footer-credit .dev-credit-name:hover{color:#dc2626;text-decoration:underline}.info-box{color:#004085;text-align:center;background:#e7f3ff;border:1px solid #b8daff;border-radius:10px;margin:15px 0;padding:15px;font-size:.9em}.info-box.success{color:#155724;background:#d4edda;border-color:#c3e6cb}.info-box.error{color:#721c24;background:#f8d7da;border-color:#f5c6cb}.auth-secondary-btn{color:#333;cursor:pointer;background:#f0f0f0;border:2px solid #e0e0e0;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:.95em;font-weight:600;transition:all .2s}.auth-secondary-btn:hover{background:#e0e0e0;border-color:#ccc}.spinner{border:4px solid #f3f3f3;border-top-color:#dc3545;border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard{height:100vh;display:flex;overflow:hidden}.main-content{background:#f0f2f5;flex-direction:column;flex:1;padding:25px 25px 90px;display:flex;overflow-y:auto}.content-body{flex:1}.posts-container{max-width:900px;margin:0 auto}.posts-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.posts-header h2{color:#2c3e50}.btn-primary{color:#fff;background:#dc3545;border:none;border-radius:8px;padding:10px 20px;font-size:.95em;font-weight:600}.btn-primary:hover{background:#c82333;transform:translateY(-2px)}.filters{background:#fff;border-radius:12px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px;display:flex;box-shadow:0 2px 8px #0000000d}.filters input,.filters select{border:2px solid #e0e0e0;border-radius:8px;flex:1;min-width:140px;padding:8px 12px;font-size:.9em}.filters input:focus,.filters select:focus{border-color:#dc3545}.post-card{background:#fff;border-left:4px solid #dc3545;border-radius:12px;margin-bottom:15px;padding:20px;transition:transform .2s;box-shadow:0 2px 8px #0000000f}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.post-card.emergency{background:linear-gradient(90deg,#fff5f5,#fff);border-left-color:#e74c3c}.post-card.urgent{border-left-color:#f39c12}.post-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.post-user{align-items:center;gap:10px;display:flex}.post-user img{object-fit:cover;border-radius:50%;width:40px;height:40px}.post-user-info .name{font-size:.95em;font-weight:600}.post-user-info .time{color:#999;font-size:.75em}.urgency-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:.7em;font-weight:600}.urgency-badge.normal{color:#2e7d32;background:#d1f2d1}.urgency-badge.urgent{color:#856404;background:#fff3cd}.urgency-badge.emergency{color:#721c24;background:#f8d7da;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.post-body{margin-bottom:12px}.post-blood-group{color:#fff;background:#dc3545;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:.9em;font-weight:700;display:inline-block}.post-details{color:#444;flex-direction:column;gap:4px;font-size:.9em;display:flex}.post-details span{align-items:center;gap:6px;display:flex}.post-actions{border-top:1px solid #f0f0f0;gap:10px;margin-top:15px;padding-top:15px;display:flex}.post-actions button{border:none;border-radius:8px;padding:8px 18px;font-size:.85em;font-weight:600}.btn-help{color:#fff;background:#28a745}.btn-help:hover{background:#218838}.btn-chat{color:#fff;background:#17a2b8}.btn-chat:hover{background:#138496}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:60px 20px}.empty-state .icon{margin-bottom:15px;font-size:4em}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:15px;width:100%;max-width:500px;max-height:90vh;padding:30px;overflow-y:auto}.modal-content h3{color:#2c3e50;margin-bottom:20px}.modal-content .form-group{margin-bottom:15px}.modal-content .form-group label{color:#555;margin-bottom:5px;font-size:.85em;font-weight:600;display:block}.modal-content .form-group input,.modal-content .form-group select,.modal-content .form-group textarea{border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 14px;font-size:.95em}.modal-content .form-group input:focus,.modal-content .form-group select:focus,.modal-content .form-group textarea:focus{border-color:#dc3545}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-actions button{border:none;border-radius:8px;flex:1;padding:12px;font-weight:600}.btn-cancel{color:#333;background:#f0f0f0}.btn-submit{color:#fff;background:#dc3545}@media (width<=600px){.posts-header h2{font-size:1.1em}.btn-primary{padding:8px 14px;font-size:.85em}.post-actions{flex-wrap:wrap}}.donors-container{max-width:1100px;margin:0 auto}.donors-header{margin-bottom:20px}.donors-header h2{color:#2c3e50}.donor-filters{background:#fff;border-radius:12px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px;display:flex;box-shadow:0 2px 8px #0000000d}.donor-filters input,.donor-filters select{border:2px solid #e0e0e0;border-radius:8px;flex:1;min-width:140px;padding:8px 12px;font-size:.9em}.donor-filters input:focus,.donor-filters select:focus{border-color:#dc3545}.donor-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.donor-card{text-align:center;background:#fff;border-top:4px solid #dc3545;border-radius:12px;padding:20px;transition:transform .2s;box-shadow:0 2px 8px #0000000f}.donor-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.donor-card img{object-fit:cover;border:3px solid #dc3545;border-radius:50%;width:70px;height:70px;margin-bottom:10px}.donor-card .name{color:#2c3e50;font-size:1.05em;font-weight:600}.donor-card .blood-group{color:#fff;background:#dc3545;border-radius:20px;margin:8px 0;padding:3px 12px;font-size:.85em;font-weight:700;display:inline-block}.donor-card .info{color:#666;margin:4px 0;font-size:.85em}.donor-card .stats{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;justify-content:center;gap:15px;margin:12px 0;padding:10px 0;display:flex}.donor-card .stats div{text-align:center}.donor-card .stats .num{color:#dc3545;font-weight:700}.donor-card .stats .label{color:#999;font-size:.7em}.donor-card .btn-contact{color:#fff;background:#28a745;border:none;border-radius:8px;width:100%;margin-top:10px;padding:10px;font-weight:600}.donor-card .btn-contact:hover{background:#218838}.available-badge{border-radius:12px;margin-top:4px;padding:3px 10px;font-size:.7em;font-weight:600;display:inline-block}.available-badge.available{color:#2e7d32;background:#d1f2d1}.available-badge.unavailable{color:#721c24;background:#f8d7da}.chat-wrapper{background:#fff;border-radius:15px;height:calc(100vh - 220px);min-height:520px;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000014}.chat-sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;flex-shrink:0;width:260px;overflow-y:auto}.chat-sidebar h3{color:#666;text-transform:uppercase;border-bottom:1px solid #e0e0e0;padding:15px;font-size:.9em}.online-user-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:10px 15px;transition:background .2s;display:flex}.online-user-item:hover{background:#eef0f2}.online-user-item img{object-fit:cover;border-radius:50%;width:36px;height:36px}.online-user-item .user-info{flex:1}.online-user-item .user-info .name{font-size:.9em;font-weight:500}.online-user-item .user-info .status{color:#2ecc71;font-size:.7em}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{color:#fff;background:#dc3545;border-bottom:1px solid #e0e0e0;padding:15px 20px}.chat-header h3{font-size:1em}.chat-messages{background:#f8f9fa;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-message{word-wrap:break-word;border-radius:15px;max-width:70%;padding:10px 15px;font-size:.95em;position:relative}.chat-message .forwarded-badge{opacity:.85;align-items:center;gap:4px;margin-bottom:4px;font-size:.72em;font-style:italic;display:flex}.chat-message .deleted-text{opacity:.75;align-items:center;gap:5px;font-style:italic;display:flex}.message-header-row{justifyContent:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.message-action-btn{cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.95em;line-height:1;transition:opacity .2s,background .2s}.chat-message.own .message-action-btn{color:#fff}.chat-message.other .message-action-btn{color:#475569}.message-action-btn:hover{opacity:1;background:#0000001f}.message-action-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;min-width:175px;display:flex;position:absolute;top:28px;right:8px;overflow:hidden;box-shadow:0 10px 25px #0000002e}.chat-message.other .message-action-menu{left:8px;right:auto}.action-menu-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:.82rem;transition:background .15s;display:flex}.action-menu-item:hover{background:#f1f5f9}.action-menu-item.danger{color:#dc2626}.action-menu-item.danger:hover{background:#fef2f2}.chat-message.own{color:#fff;background:#dc3545;border-bottom-right-radius:4px;align-self:flex-end}.chat-message.other{color:#333;background:#fff;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 3px #00000014}.chat-message .sender{opacity:.85;margin-bottom:3px;font-size:.75em;font-weight:600}.chat-message .time{opacity:.7;margin-top:4px;font-size:.65em}.chat-input-area{background:#fff;border-top:1px solid #e0e0e0;gap:10px;padding:15px;display:flex}.chat-input-area input{border:2px solid #e0e0e0;border-radius:25px;outline:none;flex:1;padding:11px 15px;font-size:.95em}.chat-input-area input:focus{border-color:#dc3545}.chat-input-area button{color:#fff;background:#dc3545;border:none;border-radius:25px;padding:11px 25px;font-weight:600}.chat-input-area button:hover{background:#c82333}@media (width<=768px){.chat-sidebar{width:100px}.chat-sidebar .user-info{display:none}.chat-message{max-width:85%}}.profile-container{max-width:800px;margin:0 auto}.profile-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 4px 15px #00000014}.profile-header{text-align:center;border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:20px}.profile-header img{object-fit:cover;border:4px solid #dc3545;border-radius:50%;width:100px;height:100px;margin-bottom:12px}.profile-header h2{color:#2c3e50;margin-bottom:5px}.profile-header .blood-badge{color:#fff;background:#dc3545;border-radius:20px;margin-top:5px;padding:4px 15px;font-weight:700;display:inline-block}.profile-info-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.info-item{background:#f8f9fa;border-radius:8px;padding:12px}.info-item .label{color:#888;text-transform:uppercase;font-size:.75em;font-weight:600}.info-item .value{color:#2c3e50;margin-top:3px;font-size:1em;font-weight:500}.donor-toggle{background:#f8f9fa;border-radius:10px;justify-content:space-between;align-items:center;margin-top:20px;padding:15px;display:flex}.donor-toggle .toggle-label{color:#2c3e50;font-weight:600}.donor-toggle .toggle-desc{color:#888;margin-top:2px;font-size:.8em}.switch{width:50px;height:26px;display:inline-block;position:relative}.switch input{display:none}.slider{cursor:pointer;background-color:#ccc;border-radius:26px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#28a745}input:checked+.slider:before{transform:translate(24px)}@media (width<=500px){.profile-info-grid{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}@media (width<=500px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.site-footer{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:40px;padding:24px 28px 16px;box-shadow:0 4px 12px #0000000a}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-left{max-width:360px}.footer-brand{align-items:center;gap:8px;margin-bottom:6px;display:flex}.footer-brand .brand-icon{font-size:1.3rem}.footer-brand .brand-title{color:#1f2937;font-size:1.05rem;font-weight:700}.footer-desc{color:#6b7280;margin:0;font-size:.85rem;line-height:1.45}.footer-divider{display:none}.footer-dev-card{background:linear-gradient(135deg,#fef2f2 0%,#fff1f2 100%);border:1px solid #fecdd3;border-radius:12px;flex-direction:column;gap:4px;min-width:270px;padding:12px 18px;display:flex}.dev-tag{text-transform:uppercase;letter-spacing:.08em;color:#dc2626;font-size:.72rem;font-weight:700}.dev-name-link{text-decoration:none;display:inline-block}.dev-name{color:#991b1b;margin:0;font-size:.95rem;font-weight:700;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.dev-name-link:hover .dev-name{color:#dc2626;text-decoration:underline}.dev-details{flex-direction:column;gap:3px;margin-top:4px;display:flex}.dev-item{color:#4b5563;align-items:center;gap:6px;font-size:.82rem;font-weight:500;display:flex}.dev-item .item-icon{font-size:.9rem}.footer-copyright{text-align:center;color:#9ca3af;border-top:1px solid #f3f4f6;margin-top:20px;padding-top:14px;font-size:.78rem}.footer-copyright p{margin:0}@media (width<=768px){.site-footer{margin-top:30px;padding:20px 16px 14px}.footer-container{flex-direction:column;align-items:stretch}.footer-left{max-width:100%}.footer-dev-card{min-width:unset;width:100%}}.leaderboard-container{max-width:900px;margin:0 auto}.leaderboard-header{margin-bottom:20px}.leaderboard-header h2{color:#2c3e50;font-size:1.4em}.podium{background:#fff;border-radius:15px;align-items:flex-end;gap:10px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 2px 12px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f0f2f5;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--primary:#dc3545;--primary-dark:#c82333;--secondary:#2c3e50;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8;--light:#f8f9fa;--border:#dee2e6;--text-muted:#6c757d}button{cursor:pointer;font-family:inherit;transition:all .2s}input,select,textarea{outline:none;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.loading-screen{height:100vh;color:var(--primary);justify-content:center;align-items:center;font-size:1.2em;display:flex}