body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#000;font-family:Inter;overflow-x:hidden}.App{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:clamp(5px,1vh,10px);width:100%}.certificate-container{background:#4bb187;height:auto;margin:clamp(5px,1vh,15px) auto clamp(5px,1vh,10px);max-width:min(1000px,90vw);min-height:600px;overflow:hidden;padding:clamp(12px,2.5vw,25px) clamp(18px,3.5vw,28px) clamp(6px,1.5vw,8px);position:relative;width:100%}.certificate-container:before{background:#fffff5;border:3px solid #26a155;border-radius:10px;bottom:15px;content:"";left:15px;position:absolute;right:15px;top:15px;z-index:1}.certificate-container>*{position:relative;z-index:2}.certificate-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:clamp(10px,2vw,20px);padding:0 clamp(10px,2vw,20px)}.logo-section{flex:1 1;position:relative}.left-box{left:-30px;position:absolute;top:-20px}.left-box,.right-box{height:clamp(80px,12vw,152px);width:clamp(100px,15vw,194px)}.right-box{left:clamp(800px,80vw,1275px);top:clamp(400px,50vh,522px)}.main-logo{flex:1 1;text-align:center}.healthbouk-icon{align-items:center;border-radius:10px;display:inline-flex;font-size:clamp(16px,3vw,24px);height:clamp(50px,10vw,110px);justify-content:center;margin-bottom:10px;margin-top:15px;width:clamp(40px,8vw,116px)}.logo-image{height:100%;object-fit:contain;width:100%}.main-logo h2{color:#4bb187;font-size:18px;font-weight:600;margin:0}.qr-section{display:flex;flex:1 1;justify-content:flex-end}.qr-placeholder{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0h100v100H0z'/%3E%3Cpath fill='%23fff' d='M10 10h15v15H10zM35 10h5v5h-5zM50 10h10v5H50zM75 10h15v15H75z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;border:2px solid #333;height:clamp(50px,8vw,80px);width:clamp(50px,8vw,80px)}.certificate-title{color:#000;font-size:clamp(24px,5vw,52px);font-style:bold;font-weight:500;letter-spacing:1%;line-height:1.2;margin-bottom:clamp(15px,3vw,35px);margin-top:clamp(5px,1vw,10px);text-align:center;vertical-align:middle}.certificate-badge{margin-bottom:clamp(4px,1vw,8px);text-align:center}.vaccine-type{background:#26a155;border-radius:10px;color:#fff;display:inline-block;font-size:clamp(8px,2vw,16px);font-weight:700;padding:clamp(1px,.5vw,1px) clamp(8px,2.5vw,35px)}.certificate-recipient{margin-bottom:clamp(10px,2vw,20px);text-align:center}.name-border{background:#00000026;height:1px;margin:5px auto 15px;width:clamp(250px,60vw,800px)}.issued-to{color:#000;font-size:16px;margin-bottom:5px}.patient-name{color:#000;display:inline-block;font-size:clamp(24px,4vw,40px);font-weight:700;letter-spacing:1px;line-height:1.2;margin:10px 0;padding-bottom:5px}.certificate-details{align-items:center;justify-content:center;margin-bottom:clamp(10px,2vw,20px);margin-top:clamp(10px,2vw,20px);padding:0 clamp(20px,4vw,40px);text-align:center}.certificate-details p{color:#000;font-size:clamp(12px,2vw,16px);line-height:1.6}.signature-section{margin:clamp(2px,.8vw,6px) 0 0;padding-left:clamp(20px,4vw,20px)}.signature-label{color:#000;font-size:clamp(12px,2vw,14px);font-weight:400;margin-bottom:clamp(2px,.5vw,4px)}.signature-box{align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:5px;display:flex;height:clamp(60px,12vw,100px);justify-content:center;max-width:300px;width:clamp(150px,25vw,260px)}.signature-placeholder{color:#999;font-style:italic}.signature-image{max-height:100%;max-width:100%;object-fit:contain}.signature-canvas{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;cursor:crosshair}.signature-controls{display:flex;gap:8px;justify-content:flex-start;margin-top:clamp(2px,.8vw,3px)}.clear-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:clamp(4px,2vw,10px);font-weight:700;min-width:clamp(80px,20vw,120px);padding:clamp(2px,1.5vw,4px) clamp(5px,3vw,15px);transition:background-color .3s ease}.clear-btn{background:#dc3545;color:#fff}.clear-btn:hover{background:#c82333}.save-btn{background:#28a745;color:#fff}.save-btn:hover{background:#218838}.certificate-footer{align-items:center;display:flex;font-size:clamp(10px,1.5vw,14px);justify-content:space-between;margin-top:clamp(2px,.8vw,6px);padding:clamp(6px,1.2vw,12px)}.footer-center,.footer-left,.footer-right{flex:1 1}.footer-center{text-align:center}.footer-right{text-align:right}.form-actions{flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px;padding:20px}.download-btn,.submit-btn,.upload-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:12px;transition:all .3s ease}.upload-btn{background-color:#6c757d}.upload-btn:hover{background-color:#5a6268}.download-btn{background-color:#28a745;color:#fff}.download-btn:hover:not(:disabled){background-color:#218838}.submit-btn{background-color:#007bff}.submit-btn:hover:not(:disabled){background-color:#0056b3}.download-btn:disabled,.submit-btn:disabled,.upload-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.form-actions{display:flex;flex-shrink:0;gap:clamp(8px,2vw,15px);justify-content:flex-end;margin:10px auto 15px;max-width:min(1000px,90vw);width:100%;z-index:3}.submit-btn,.upload-btn{border:none;border-radius:4px;cursor:pointer;font-size:clamp(10px,2vw,16px);font-weight:700;min-width:clamp(80px,20vw,120px);padding:clamp(6px,1.5vw,12px) clamp(12px,3vw,30px);transition:all .3s ease}.upload-btn{background:#000;color:#fff}.submit-btn{background:#008956;color:#fff}.right-decorative-box{bottom:clamp(100px,15vh,150px);height:clamp(80px,12vw,152px);position:absolute;right:clamp(-30px,-5vw,-50px);width:clamp(100px,15vw,194px);z-index:1}@media (min-width:1400px){.certificate-container{height:auto;max-width:1000px}.signature-box{height:120px;width:280px}}@media (max-width:1399px) and (min-width:1200px){.certificate-container{height:auto;max-width:900px}.signature-box{height:100px;width:240px}}@media (max-width:1199px) and (min-width:1025px){.certificate-container{height:auto;max-width:800px}.signature-box{height:90px;width:220px}.healthbouk-icon{height:90px;width:90px}}@media (max-width:1024px) and (min-width:769px){.certificate-container{height:auto;max-width:700px;padding:clamp(12px,2.5vw,25px) clamp(15px,3vw,25px) clamp(6px,1.5vw,8px)}.healthbouk-icon{height:90px;width:80px}.qr-placeholder{height:60px;width:60px}.vaccine-type{font-size:18px;padding:4px 30px}.signature-box{height:80px;width:200px}.left-box,.right-decorative-box{height:100px;width:120px}.certificate-title{margin-bottom:clamp(15px,4vw,50px)}}@media (max-width:768px) and (min-width:481px){.App{height:auto;justify-content:flex-start;min-height:100vh;padding:10px 5px 5px}.certificate-container{height:auto;margin:5px auto 10px;min-height:320px;padding:10px 15px 6px}.certificate-header{flex-direction:column;gap:8px;margin-bottom:12px}.logo-section,.qr-section{display:none}.main-logo{flex:none}.healthbouk-icon{height:70px;width:60px}.main-logo h2{font-size:14px}.certificate-title{margin-bottom:12px}.vaccine-type{font-size:14px;padding:6px 20px}.certificate-details{margin-top:10px;padding:0 12px}.signature-section{padding-left:12px;text-align:left}.signature-box{height:65px;width:160px}.signature-controls{gap:6px;justify-content:flex-start}.clear-btn,.save-btn{font-size:11px;padding:5px 10px}.certificate-footer{flex-direction:column;gap:6px;padding:8px;text-align:center}.footer-center,.footer-left,.footer-right{text-align:center}.form-actions{gap:12px;justify-content:center;margin:8px auto 15px}.submit-btn,.upload-btn{font-size:13px;padding:9px 18px}.right-decorative-box{display:none}}@media (max-width:480px) and (min-width:361px){.App{height:auto;justify-content:flex-start;min-height:100vh;padding-bottom:15px;padding-top:10px}.certificate-container{height:auto;margin:5px auto 10px;min-height:350px;padding:8px 12px 6px}.certificate-container:before{bottom:8px;left:8px;right:8px;top:8px}.certificate-header{margin-bottom:8px;padding:0}.healthbouk-icon{height:55px;width:45px}.main-logo h2{font-size:11px}.certificate-title{margin-bottom:8px}.vaccine-type{font-size:11px;padding:4px 12px}.certificate-details{margin-top:6px;padding:0 8px}.signature-section{padding-left:8px}.signature-box{height:55px;width:140px}.certificate-footer{gap:4px;padding:6px}.form-actions{align-items:center;flex-direction:column;gap:6px;margin:10px auto 15px}.submit-btn,.upload-btn{font-size:11px;padding:7px 14px;width:110px}}@media (max-width:360px){.App{height:auto;justify-content:flex-start;min-height:100vh;padding-bottom:15px;padding-top:10px}.certificate-container{height:auto;margin:5px auto 10px;min-height:300px;padding:6px 10px 5px}.certificate-container:before{bottom:6px;left:6px;right:6px;top:6px}.certificate-header{margin-bottom:6px;padding:0}.healthbouk-icon{height:50px;width:40px}.main-logo h2{font-size:10px}.certificate-title{margin-bottom:6px}.vaccine-type{font-size:10px;padding:3px 10px}.certificate-details{margin-top:5px;padding:0 6px}.signature-section{padding-left:6px}.signature-box{height:50px;width:120px}.certificate-footer{gap:3px;padding:5px}.form-actions{align-items:center;flex-direction:column;gap:5px;margin:10px auto 15px}.submit-btn,.upload-btn{font-size:10px;padding:6px 12px;width:100px}}@media (min-width:1025px) and (max-height:900px){.App{justify-content:flex-start;padding:5px}.certificate-container{margin:5px auto 10px;padding:8px 16px 6px}.certificate-container:before{bottom:10px;left:10px;right:10px;top:10px}.certificate-title{margin-bottom:clamp(6px,1.5vh,15px)}.certificate-header{margin-bottom:clamp(5px,1vh,10px)}.certificate-badge{margin-bottom:clamp(2px,.8vh,4px)}.certificate-details{margin-top:clamp(2px,.6vh,4px)}.signature-section{margin:clamp(2px,.6vh,4px) 0 0}.certificate-footer{margin-top:clamp(2px,.6vh,4px);padding:clamp(4px,1vh,8px)}}@media (min-width:1025px) and (min-height:901px) and (max-height:1080px){.certificate-container{margin:10px auto 15px;padding:12px 20px 8px}.certificate-container:before{bottom:14px;left:14px;right:14px;top:14px}}@media (min-width:1025px) and (min-height:1081px){.certificate-container{margin:15px auto 20px;padding:15px 25px 10px}.certificate-container:before{bottom:16px;left:16px;right:16px;top:16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.signature-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.form-actions,.signature-controls{display:none}.certificate-container{height:auto;margin:0;max-width:100%}body{background-color:#fff}}
/*# sourceMappingURL=main.9991a1cf.css.map*/