:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff9e6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.certificate-modal{position:fixed;inset:0;background:#000000eb;display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding:20px;overflow-y:auto}.certificate-wrapper{width:100%;max-width:595px;margin:20px auto}.certificate-actions{display:flex;justify-content:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;position:sticky;top:0;background:#000000e6;padding:15px;border-radius:12px;z-index:10}.action-btn{padding:12px 24px;border:none;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn.download{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.action-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.action-btn.close{background:#e9ecef;color:#333}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.certificate{width:100%;aspect-ratio:210 / 297;background:linear-gradient(180deg,#fefcf5,#fdf6e8,#fcf0db);border-radius:4px;overflow:hidden;box-shadow:0 25px 80px #0009;position:relative}.outer-border{position:absolute;inset:6px;border:4px solid #8b0000}.inner-border{position:absolute;inset:3px;border:2px solid #daa520;overflow:hidden}.bg-decoration{position:absolute;inset:0;pointer-events:none}.blood-drop-bg{position:absolute;width:60px;height:85px;background:linear-gradient(180deg,#c62828,#8b0000);opacity:.08;clip-path:path("M30 0 C30 0 0 30 0 48 C0 70 14 85 30 85 C46 85 60 70 60 48 C60 30 30 0 30 0Z")}.blood-drop-bg.left-drop{top:12%;left:2%}.blood-drop-bg.right-drop{top:12%;right:2%}.cert-content{position:absolute;inset:5px 8px;display:flex;flex-direction:column}.header-with-logo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:5px;margin-bottom:3px}.logo-container{flex-shrink:0}.shivaji-container{flex-shrink:0}.shivaji-logo{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid #daa520;box-shadow:0 3px 10px #0003}.header-text{flex:1;text-align:center}.org-title{font-size:2.1rem;color:#d63384;margin:0;font-weight:900;line-height:1.2}.org-subtitle{font-size:2rem;color:#d63384;margin:0;font-weight:900;line-height:1.2}.org-address{font-size:.75rem;color:#333;margin:5px 0 0;font-weight:500;display:none}.slogan-bar{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#c62828,#8b0000);padding:6px 15px;border-radius:20px;margin:5px auto;width:fit-content}.slogan-bar p{color:gold;font-size:.85rem;font-weight:700;margin:0;letter-spacing:1px}.slogan-bar span{font-size:.9rem}.cert-title{display:flex;align-items:center;justify-content:center;gap:10px;margin:3px 0}.title-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#daa520,transparent)}.cert-title h2{font-size:1.8rem;color:#8b0000;margin:0;font-weight:800}.donor-section{display:flex;flex-direction:row;align-items:center;gap:15px;margin:8px 0;padding:10px 12px;background:linear-gradient(135deg,#fffffff2,#fffaebf2);border:2px solid #daa520;border-radius:10px}.donor-photo-wrapper{flex-shrink:0}.donor-photo{width:240px;height:150px;object-fit:cover;border-radius:8px;border:4px solid #daa520;box-shadow:0 6px 20px #00000040}.photo-placeholder{width:240px;height:150px;border-radius:8px;background:linear-gradient(135deg,#f0f0f0,#ddd);border:4px solid #daa520;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#999}.donor-info-box{flex:1;display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#fffaf0,#fff5e6);border-radius:8px;border:1px solid #daa520}.info-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px dashed rgba(218,165,32,.4)}.info-row:last-child{border-bottom:none}.info-label-box{font-size:.72rem;color:#666;font-weight:700;min-width:60px;text-transform:uppercase;letter-spacing:.5px}.info-value-box{font-size:.85rem;color:#8b0000;font-weight:800;text-transform:capitalize}.info-value-box.blood-group-val{font-size:1.1rem;color:#fff;font-weight:900;background:linear-gradient(135deg,#c62828,#8b0000);padding:3px 12px;border-radius:5px;box-shadow:0 2px 6px #c628284d}.body-text{text-align:justify;font-size:.82rem;line-height:1.7;color:#333;padding:0 8px;flex:1}.body-text p{margin:4px 0;text-indent:20px}.body-text strong{color:#c62828}.matdan-quote{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#1565c0,#0d47a1);padding:8px 20px;border-radius:25px;margin:8px auto;width:fit-content;box-shadow:0 3px 10px #1565c04d}.matdan-quote .quote-icon{font-size:1.1rem}.matdan-quote .quote-text{color:#fff;font-size:.85rem;font-weight:700;margin:0;letter-spacing:.5px}.cert-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 10px 8px;border-top:2px solid #daa520;gap:20px}.footer-left{flex:1}.footer-info{text-align:left;padding:8px 12px;background:#fffc;border:1px solid #daa520;border-radius:8px}.footer-address{font-size:.9rem;color:#333;margin:0;font-weight:600}.footer-contact{font-size:.9rem;color:#d63384;margin:3px 0;font-weight:700}.footer-reg{font-size:.85rem;color:#555;margin:0;font-weight:600}.footer-right{flex-shrink:0}.signature-box{text-align:center;padding:8px 15px;border:2px solid #daa520;border-radius:10px;background:#ffffffe6}.signature-img{width:180px;height:70px;object-fit:contain;margin-bottom:1px}.signer-name{font-size:1rem;color:#d63384;font-weight:800;margin:0}.signer-title{font-size:.75rem;color:#333;font-weight:700;margin:2px 0}.signer-org{font-size:.6rem;color:#555;margin:0}.corner{position:absolute;width:20px;height:20px;border:2px solid #daa520}.corner.tl{top:8px;left:8px;border-right:none;border-bottom:none}.corner.tr{top:8px;right:8px;border-left:none;border-bottom:none}.corner.bl{bottom:8px;left:8px;border-right:none;border-top:none}.corner.br{bottom:8px;right:8px;border-left:none;border-top:none}@media(max-width:600px){.certificate-modal{padding:10px}.certificate-wrapper{max-width:100%;padding:0 5px;margin:10px auto}.certificate-actions{gap:8px;padding:10px;flex-direction:row;flex-wrap:wrap}.action-btn{padding:10px 16px;font-size:.8rem;flex:1;min-width:100px}.certificate{width:100%;font-size:.6rem}.outer-border{inset:4px;border-width:2px}.inner-border{inset:2px;border-width:1px}.cert-content{inset:3px 5px}.header-with-logo{gap:5px;padding-bottom:3px;margin-bottom:2px}.header-logo{width:45px;height:45px}.shivaji-logo{width:45px;height:45px;border-width:2px}.org-title{font-size:.9rem}.org-subtitle{font-size:.85rem}.slogan-bar{padding:4px 10px;gap:5px;margin:3px auto}.slogan-bar p{font-size:.55rem}.slogan-bar span{font-size:.6rem}.cert-title{margin:2px 0;gap:5px}.cert-title h2{font-size:1rem}.title-line{height:1px}.donor-section{flex-direction:row;gap:8px;margin:5px 0;padding:6px 8px}.donor-photo,.photo-placeholder{width:100px;height:70px;border-width:2px}.donor-info-box{gap:3px;padding:5px 8px}.info-row{gap:4px;padding:2px 0}.info-label-box{font-size:.5rem;min-width:40px}.info-value-box{font-size:.55rem}.info-value-box.blood-group-val{font-size:.65rem;padding:2px 6px}.body-text{font-size:.5rem;line-height:1.5;padding:0 5px}.body-text p{margin:2px 0;text-indent:10px}.matdan-quote{padding:4px 10px;gap:6px;margin:4px auto}.matdan-quote .quote-icon{font-size:.7rem}.matdan-quote .quote-text{font-size:.5rem}.cert-footer{padding:5px 5px 4px;gap:8px;flex-direction:row}.footer-info{padding:4px 6px}.footer-address{font-size:.5rem}.footer-contact{font-size:.5rem;margin:2px 0}.footer-reg{font-size:.45rem}.signature-box{padding:4px 8px}.signature-img{width:70px;height:28px}.signer-name{font-size:.55rem}.signer-title{font-size:.45rem;margin:1px 0}.signer-org{font-size:.4rem}.corner{width:10px;height:10px;border-width:1px}.corner.tl{top:4px;left:4px}.corner.tr{top:4px;right:4px}.corner.bl{bottom:4px;left:4px}.corner.br{bottom:4px;right:4px}.blood-drop-bg{width:30px;height:45px}}@media(max-width:400px){.action-btn{padding:8px 12px;font-size:.75rem}.org-title{font-size:.75rem}.org-subtitle{font-size:.7rem}.header-logo,.shivaji-logo{width:35px;height:35px}.donor-photo,.photo-placeholder{width:80px;height:55px}}.donor-form-container{max-width:600px;margin:0 auto}.donor-form-container h2{text-align:center;color:#333;margin-bottom:30px;font-size:1.8rem}.donor-form{display:flex;flex-direction:column;gap:20px}.photo-section{margin-bottom:10px}.photo-section>label{display:block;font-weight:600;color:#555;font-size:.95rem;margin-bottom:10px}.photo-container{display:flex;justify-content:center}.photo-options{display:flex;flex-direction:column;align-items:center;gap:15px}.photo-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center;border:3px dashed #ccc}.photo-placeholder span{font-size:3rem;opacity:.5}.photo-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.upload-btn,.camera-btn{padding:10px 20px;border:none;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.camera-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.upload-btn:hover,.camera-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.photo-preview{position:relative;width:140px;height:140px}.photo-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #ffd700;box-shadow:0 5px 20px #0003}.remove-photo{position:absolute;top:0;right:0;width:30px;height:30px;border-radius:50%;background:#e53935;color:#fff;border:none;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003}.remove-photo:hover{background:#c62828}.camera-view{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.camera-view video{width:280px;height:210px;object-fit:cover;border-radius:12px;border:4px solid #ffd700;box-shadow:0 5px 20px #0003;background:#000}.camera-actions{display:flex;gap:10px}.capture-btn{padding:10px 25px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer}.cancel-btn{padding:10px 20px;background:#e0e0e0;color:#333;border:none;border-radius:25px;font-size:.95rem;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#555;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:15px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:gold;box-shadow:0 0 10px #ffd7004d}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.submit-btn{padding:18px 40px;font-size:1.2rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;background:linear-gradient(135deg,#e53935,#c62828);color:#fff;transition:all .3s ease;margin-top:20px}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #e5393566}@media(max-width:600px){.form-row{grid-template-columns:1fr}.photo-buttons{flex-direction:column}}.donor-list h2{text-align:center;color:#333;margin-bottom:30px;font-size:1.8rem}.donors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.donor-card{background:linear-gradient(135deg,#fff9e6,#fff);border-radius:20px;padding:25px;position:relative;box-shadow:0 5px 20px #00000014;transition:all .3s ease;border:2px solid #ffd700}.donor-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.blood-badge{position:absolute;top:-15px;right:20px;background:linear-gradient(135deg,#e53935,#c62828);color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;font-size:1.2rem;box-shadow:0 5px 15px #e5393566}.donor-card h3{color:#333;font-size:1.4rem;margin-bottom:15px;padding-right:60px}.donor-card p{color:#666;margin-bottom:8px;font-size:.95rem}.donor-card p strong{color:#333}.certificate-btn{width:100%;padding:15px;margin-top:15px;border:none;border-radius:12px;background:linear-gradient(135deg,gold,#ffb300);color:#333;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.certificate-btn:hover{transform:scale(1.02);box-shadow:0 5px 20px #ffd70080}.no-donors{text-align:center;padding:60px 20px;color:#888;font-size:1.2rem}@media(max-width:768px){.donor-list h2{font-size:1.5rem;margin-bottom:20px}.donors-grid{grid-template-columns:1fr;gap:20px}.donor-card{padding:20px}.donor-card h3{font-size:1.2rem}.blood-badge{padding:8px 15px;font-size:1rem}}@media(max-width:480px){.donor-card{padding:15px;border-radius:15px}.donor-card h3{font-size:1.1rem;padding-right:50px}.donor-card p{font-size:.9rem}.blood-badge{top:-10px;right:15px;padding:6px 12px;font-size:.9rem}.certificate-btn{padding:12px;font-size:.95rem}.no-donors{padding:40px 15px;font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#fff9e6,#ffe066);min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;padding:20px;background:linear-gradient(135deg,gold,#ffb300);border-radius:20px;margin-bottom:30px;box-shadow:0 10px 30px #0000001a}.header-top{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px}.header-logo{width:90px;height:90px;object-fit:contain}.header-shivaji{width:90px;height:90px;object-fit:cover;border-radius:50%;border:3px solid #daa520;box-shadow:0 3px 10px #0003}.header-info{text-align:center}.org-name{color:#d63384;font-size:2rem;font-weight:900;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.org-state{color:#d63384;font-size:1.8rem;font-weight:900;margin:0}.header .tagline{color:#333;font-size:1rem;font-style:italic;margin-top:5px}.header-title{background:linear-gradient(135deg,#c62828,#8b0000);padding:12px 30px;border-radius:30px;display:inline-block}.header-title h3{color:gold;font-size:1.3rem;font-weight:700;margin:0}.nav-tabs{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.nav-tabs button{padding:15px 40px;font-size:1.1rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;background:#fff;color:#333;box-shadow:0 4px 15px #0000001a}.nav-tabs button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.nav-tabs button.active{background:linear-gradient(135deg,#e53935,#c62828);color:#fff}.search-section{display:flex;justify-content:center;margin-bottom:30px}.blood-group-select{padding:15px 30px;font-size:1.1rem;border:2px solid #ffd700;border-radius:50px;background:#fff;cursor:pointer;min-width:200px;outline:none}.blood-group-select:focus{border-color:#e53935;box-shadow:0 0 10px #e539354d}.main-content{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #0000001a}@media(max-width:768px){.app{padding:10px}.header{padding:15px;border-radius:15px;margin-bottom:20px}.header-top{flex-wrap:wrap;gap:10px}.header-logo,.header-shivaji{width:60px;height:60px}.org-name{font-size:1.3rem}.org-state{font-size:1.2rem}.header .tagline{font-size:.85rem}.header-title{padding:8px 20px}.header-title h3{font-size:1rem}.nav-tabs{gap:10px;margin-bottom:20px}.nav-tabs button{padding:12px 25px;font-size:.95rem}.blood-group-select{padding:12px 20px;font-size:1rem;min-width:180px}.main-content{padding:20px 15px;border-radius:15px}}@media(max-width:480px){.header-top{flex-direction:column}.header-logo,.header-shivaji{width:70px;height:70px}.org-name{font-size:1.1rem}.org-state{font-size:1rem}.nav-tabs{flex-direction:column;align-items:center}.nav-tabs button{width:100%;max-width:250px}}