.announcement-banner{font-family:var(--font-family);background:#fff8ec;border-top:1px solid #f0d9a8;border-bottom:1px solid #f0d9a8}.announcement-inner{align-items:flex-start;gap:.85rem;max-width:1100px;margin:0 auto;padding:clamp(.85rem,2.5vw,1.15rem) clamp(1rem,5vw,2rem);display:flex}.announcement-icon{color:var(--color-maroon);flex:none;margin-top:2px;display:inline-flex}.announcement-text{min-width:0}.announcement-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--color-white);background:var(--color-maroon);border-radius:var(--border-radius-full);margin-bottom:.4rem;padding:.12rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.announcement-text p{color:#6b5414;margin:0;font-size:clamp(.82rem,1.9vw,.94rem);line-height:1.6}.announcement-close{border-radius:var(--border-radius-full);color:#b07a14;cursor:pointer;width:28px;height:28px;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.announcement-close:hover{color:var(--color-maroon);background:#b07a1424}.announcement-close:focus-visible{outline:2px solid var(--color-maroon);outline-offset:2px}.announcement-banner.in-report{border-radius:var(--border-radius-lg);border:1px solid #f0d9a8;margin-bottom:clamp(1.25rem,3vw,1.75rem);overflow:hidden}.announcement-banner.in-report .announcement-inner{max-width:none}
.report-page{background-color:var(--color-bg-light);min-height:100vh;font-family:var(--font-family)}.report-content{max-width:860px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem)}.report-heading{text-align:center;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.report-heading h1{color:var(--color-text-dark);margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}.report-heading p{color:var(--color-text-light);margin-bottom:0;font-size:clamp(.875rem,2vw,1rem)}.selection-screen{animation:.35s both fadeInUp}.draft-resume-banner{border-radius:var(--border-radius-lg);background:#3498db14;border:1.5px solid #3498db59;align-items:center;gap:.9rem;margin-bottom:clamp(1.25rem,3vw,1.75rem);padding:clamp(.85rem,2.5vw,1.15rem) clamp(1rem,3vw,1.4rem);display:flex}.draft-resume-icon{color:#2b80bd;flex:none;display:inline-flex}.draft-resume-text{flex-direction:column;flex:auto;gap:.15rem;min-width:0;display:flex}.draft-resume-text strong{color:var(--color-text-dark);font-size:clamp(.85rem,1.9vw,.95rem)}.draft-resume-text span{color:var(--color-text-light);font-size:clamp(.76rem,1.7vw,.84rem);line-height:1.5}.draft-resume-actions{flex:none;gap:.5rem;display:flex}.draft-resume-btn{border-radius:var(--border-radius-full);background:var(--color-maroon);color:var(--color-white);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast);border:none;padding:.5rem 1.1rem;font-size:.82rem;font-weight:700}.draft-resume-btn:hover{background:var(--color-maroon-dark)}.draft-discard-btn{border-radius:var(--border-radius-full);border:1.5px solid var(--color-border);color:var(--color-text-light);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;padding:.5rem 1rem;font-size:.82rem;font-weight:600}.draft-discard-btn:hover{color:#e74c3c;border-color:#e74c3c}@media (max-width:640px){.draft-resume-banner{flex-wrap:wrap}.draft-resume-actions{width:100%}.draft-resume-btn,.draft-discard-btn{text-align:center;flex:auto}}.selection-screen.slide-out{animation:.3s forwards slideOut}.selection-cards{flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,1.75rem);display:flex}.selection-card{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;text-align:center;max-width:320px;min-height:280px;transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;flex:260px;justify-content:center;align-items:center;gap:1rem;padding:clamp(1.5rem,4vw,2.25rem);display:flex;position:relative;overflow:hidden}.selection-card:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#7515180a 0%,#0000 60%);position:absolute;inset:0}.selection-card:hover{border-color:var(--color-maroon);transform:translateY(-6px);box-shadow:0 12px 32px #75151826}.selection-card:hover:before{opacity:1}.selection-card:focus-visible{outline:3px solid var(--color-maroon);outline-offset:3px}.selection-card-icon{border-radius:var(--border-radius-full);width:64px;height:64px;transition:background var(--transition-base);color:var(--color-maroon);background:#75151814;justify-content:center;align-items:center;display:flex}.selection-card-icon svg{width:30px;height:30px}.selection-card:hover .selection-card-icon{background:#75151826}.selection-card h2{color:var(--color-text-dark);margin:0;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:700}.selection-card p{color:var(--color-text-light);margin:0;font-size:clamp(.8rem,1.8vw,.9rem);line-height:1.5}.selection-card-badge{border-radius:var(--border-radius-full);letter-spacing:.04em;text-transform:uppercase;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.selection-card-badge.missing{color:var(--color-warning);background:#e67e221f}.selection-card-badge.unidentified{color:#3498db;background:#3498db1f}.report-form-shell{animation:.35s both fadeInUp}.progress-bar-track{background:var(--color-border);border-radius:var(--border-radius-full);width:100%;height:4px;margin-bottom:clamp(1.5rem,4vw,2rem);overflow:hidden}.progress-bar-fill{background:var(--color-maroon);border-radius:var(--border-radius-full);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.step-indicator{justify-content:center;align-items:center;gap:0;margin-bottom:clamp(1.75rem,4vw,2.5rem);display:flex}.step-item{z-index:1;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:relative}.step-connector{background:var(--color-border);max-width:80px;height:2px;transition:background var(--transition-base);flex:1;margin-bottom:1.4rem}.step-connector.completed{background:var(--color-maroon)}.step-circle{border-radius:var(--border-radius-full);border:2px solid var(--color-border);background:var(--color-white);width:36px;height:36px;color:var(--color-text-light);transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step-circle.active{background:var(--color-maroon);border-color:var(--color-maroon);color:var(--color-white);box-shadow:0 0 0 4px #75151826}.step-circle.completed{background:var(--color-maroon);border-color:var(--color-maroon);color:var(--color-white)}.step-label{color:var(--color-text-light);text-align:center;white-space:nowrap;transition:color var(--transition-base);font-size:clamp(.65rem,1.5vw,.75rem);font-weight:600}.step-item.active .step-label,.step-item.completed .step-label{color:var(--color-maroon)}.form-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:clamp(1.5rem,5vw,2.5rem);animation:.3s both fadeInUp;box-shadow:0 2px 16px #0000000f}.form-card-title{color:var(--color-text-dark);margin-bottom:.35rem;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:700}.form-card-subtitle{color:var(--color-text-light);margin-bottom:clamp(1.25rem,3vw,1.75rem);font-size:clamp(.8rem,1.8vw,.875rem)}.form-group{margin-bottom:clamp(1rem,2.5vw,1.35rem)}.form-label{color:var(--color-text-dark);margin-bottom:.4rem;font-size:clamp(.8rem,1.8vw,.875rem);font-weight:600;display:block}.form-label .required-star{color:var(--color-maroon);margin-left:.2rem}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-family);color:var(--color-text-dark);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none;padding:.65rem .9rem;font-size:clamp(.85rem,1.8vw,.9375rem)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-maroon);box-shadow:0 0 0 3px #7515181f}.form-input.error,.form-select.error,.form-textarea.error{border-color:#e74c3c}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #e74c3c1f}.form-textarea{resize:vertical;min-height:110px;line-height:1.55}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237f8c8d' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.25rem}.form-error{color:#e74c3c;margin-top:.3rem;font-size:.78rem;font-weight:500;display:block}.form-hint{color:var(--color-text-light);margin-top:.3rem;font-size:.78rem;display:block}.form-row{grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vw,1.25rem);display:grid}.barangay-combobox{position:relative}.barangay-combobox-control{align-items:center;display:flex;position:relative}.barangay-combobox-search-icon{color:var(--color-text-light);pointer-events:none;display:inline-flex;position:absolute;left:.85rem}.barangay-combobox-input{padding-left:2.4rem;padding-right:2.4rem}.barangay-combobox-clear{border-radius:var(--border-radius-full);background:var(--color-bg-light);width:24px;height:24px;color:var(--color-text-light);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:.6rem}.barangay-combobox-clear:hover{color:#e74c3c;background:#fde8e8}.barangay-combobox-list{z-index:20;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);max-height:240px;margin:0;padding:.3rem;list-style:none;animation:.15s both fadeInUp;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001f}.barangay-combobox-option{border-radius:var(--border-radius-sm,6px);color:var(--color-text-dark);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:.5rem;padding:.55rem .65rem;font-size:clamp(.83rem,1.8vw,.9rem);display:flex}.barangay-combobox-option.active{background:#75151814}.barangay-combobox-option.selected{color:var(--color-maroon);font-weight:600}.barangay-combobox-check{color:var(--color-maroon);flex:none}.barangay-combobox-empty{color:var(--color-text-light);padding:.7rem .65rem;font-size:.83rem}.dropzone{border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);text-align:center;cursor:pointer;transition:border-color var(--transition-base), background var(--transition-base);background:var(--color-bg-light);padding:clamp(1.5rem,4vw,2.25rem);position:relative}.dropzone:hover,.dropzone.dragover{border-color:var(--color-maroon);background:#75151808;border-style:solid}.dropzone.error{border-color:#e74c3c}.dropzone-icon{width:48px;height:48px;color:var(--color-maroon);opacity:.7;justify-content:center;align-items:center;margin:0 auto .75rem;display:flex}.dropzone-icon svg{width:100%;height:100%}.dropzone-text{color:var(--color-text-dark);margin-bottom:.3rem;font-size:clamp(.85rem,1.8vw,.9375rem);font-weight:600}.dropzone-subtext{color:var(--color-text-light);font-size:.8rem}.dropzone-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photo-previews{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.photo-thumb{border-radius:var(--border-radius-md);border:2px solid var(--color-border);flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%}.photo-thumb-remove{border-radius:var(--border-radius-full);width:20px;height:20px;color:var(--color-white);cursor:pointer;transition:background var(--transition-fast);background:#000000a6;border:none;justify-content:center;align-items:center;padding:0;font-size:.7rem;line-height:1;display:flex;position:absolute;top:3px;right:3px}.photo-thumb-remove:hover{background:#e74c3c}.private-note{color:var(--color-text-light);border-radius:var(--border-radius-full);background:#7f8c8d1a;align-items:center;gap:.35rem;margin-top:.35rem;padding:.25rem .6rem;font-size:.75rem;display:inline-flex}.form-nav{justify-content:space-between;align-items:center;gap:1rem;margin-top:clamp(1.5rem,4vw,2rem);display:flex}.btn-back{border-radius:var(--border-radius-full);border:2px solid var(--color-border);color:var(--color-text-dark);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;align-items:center;gap:.4rem;padding:.65rem 1.5rem;font-size:clamp(.85rem,1.8vw,.9375rem);font-weight:600;display:inline-flex}.btn-back:hover{border-color:var(--color-maroon);color:var(--color-maroon);background:#7515180a}.btn-next{border-radius:var(--border-radius-full);background:var(--color-maroon);color:var(--color-white);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);letter-spacing:.02em;border:none;align-items:center;gap:.4rem;padding:.65rem 2rem;font-size:clamp(.85rem,1.8vw,.9375rem);font-weight:700;display:inline-flex}.btn-next:hover{background:var(--color-maroon-dark);transform:translateY(-1px);box-shadow:0 4px 14px #7515184d}.btn-next:active{transform:translateY(0)}.btn-next:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.processing-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:clamp(3rem,8vw,5rem) 1rem;animation:.35s both fadeInUp;display:flex}.spinner{border:4px solid #75151826;border-top-color:var(--color-maroon);border-radius:var(--border-radius-full);width:56px;height:56px;margin-bottom:1.5rem;animation:.8s linear infinite spin}.processing-title{color:var(--color-text-dark);margin-bottom:.5rem;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700}.processing-subtitle{color:var(--color-text-light);margin:0;font-size:clamp(.8rem,1.8vw,.9rem)}.success-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:clamp(3rem,8vw,5rem) 1rem;animation:.4s both fadeInUp;display:flex}.success-icon-wrap{border-radius:var(--border-radius-full);background:#27ae601a;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;animation:.45s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex}.success-checkmark{width:40px;height:40px;color:var(--color-success)}.success-title{color:var(--color-text-dark);margin-bottom:.5rem;font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700}.success-subtitle{color:var(--color-text-light);max-width:420px;margin-bottom:1.5rem;font-size:clamp(.85rem,1.8vw,.95rem)}.success-ref{border-radius:var(--border-radius-md);color:var(--color-maroon);letter-spacing:.06em;background:#75151812;border:1.5px solid #75151833;margin-bottom:2rem;padding:.6rem 1.25rem;font-size:clamp(.9rem,2vw,1rem);font-weight:700;display:inline-block}.success-ref-label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.72rem;font-weight:600;display:block}.btn-report-another{border-radius:var(--border-radius-full);border:2px solid var(--color-maroon);color:var(--color-maroon);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;padding:.7rem 2rem;font-size:clamp(.85rem,1.8vw,.9375rem);font-weight:700}.btn-report-another:hover{background:var(--color-maroon);color:var(--color-white)}.success-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn-track-report{border-radius:var(--border-radius-full);background:var(--color-maroon);color:var(--color-white);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;align-items:center;padding:.7rem 2rem;font-size:clamp(.85rem,1.8vw,.9375rem);font-weight:700;text-decoration:none;display:inline-flex}.btn-track-report:hover{background:var(--color-maroon-dark);transform:translateY(-1px)}@media (max-width:480px){.success-actions{flex-direction:column;width:100%}.success-actions .btn-track-report,.success-actions .btn-report-another{text-align:center;justify-content:center;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{to{opacity:0;transform:translateY(-20px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.selection-cards{flex-direction:column;align-items:center}.selection-card{max-width:100%;min-height:200px}.form-row{grid-template-columns:1fr}.step-connector{max-width:40px}.step-label{font-size:.6rem}.form-nav{flex-direction:column-reverse}.btn-back,.btn-next{text-align:center;width:100%}}.form-label-sub{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.form-label-optional{color:var(--color-text-light);margin-left:.3rem;font-size:.75rem;font-weight:500}.success-ref-block{background:#7015150d;border:2px solid #70151533;border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;width:100%;max-width:420px;margin-bottom:1rem;padding:clamp(1rem,3vw,1.5rem) clamp(1.25rem,4vw,2.5rem);display:flex}.success-ref-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light);align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:flex}.success-ref-number{color:var(--color-maroon);letter-spacing:.12em;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:800;line-height:1}.success-copy-btn{color:var(--color-maroon);font-family:var(--font-family);cursor:pointer;background:0 0;border:1.5px solid #7015154d;border-radius:50px;padding:.4rem 1.1rem;font-size:.78rem;font-weight:700;transition:background .15s,color .15s}.success-copy-btn:hover{background:var(--color-maroon);color:#fff}.success-save-notice{color:#7d5a00;text-align:left;background:#f39c1214;border:1.5px solid #f39c1259;border-radius:10px;align-items:flex-start;gap:.65rem;max-width:480px;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:clamp(.78rem,1.6vw,.85rem);line-height:1.55;display:flex}.success-save-notice svg{color:#d4860a;margin-top:1px}.success-save-notice strong{color:#5a3e00}.proof-section{border-top:1px dashed var(--color-border);padding-top:1.25rem}.proof-section-title{color:var(--color-text-dark);margin:0 0 .35rem;font-size:clamp(1rem,2.2vw,1.15rem);font-weight:700}.proof-accepted{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:.75rem 1rem}.proof-accepted-label{color:var(--color-maroon);margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:block}.proof-accepted-list{color:var(--color-text-light);gap:.2rem;margin:0;padding-left:1.1rem;font-size:.82rem;display:grid}.proof-add-row{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.proof-add-row .form-select{flex:none;width:auto;min-width:12rem;max-width:100%}.proof-add-row .form-input{flex:12rem}.proof-add-btn{background:var(--color-maroon);color:var(--color-white);border-radius:var(--border-radius-md);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast);border:none;flex:none;padding:.65rem 1.1rem;font-size:.875rem;font-weight:600}.proof-add-btn:hover{background:var(--color-maroon-dark)}.proof-list{flex-direction:column;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.proof-list-item{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-md);align-items:center;gap:.6rem;padding:.55rem .75rem;display:flex}.proof-list-icon{color:var(--color-maroon);flex:none;display:inline-flex}.proof-list-text{flex-direction:column;flex:auto;gap:.1rem;min-width:0;display:flex}.proof-list-text strong,.proof-list-url{color:var(--color-text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.proof-list-url{color:var(--color-maroon)}.proof-list-meta{color:var(--color-text-light);font-size:.72rem}.proof-list-remove{background:var(--color-bg-light);width:26px;height:26px;color:var(--color-text-light);border-radius:var(--border-radius-full);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.proof-list-remove:hover{color:#e74c3c;background:#fde8e8}.proof-reminder{border-radius:var(--border-radius-md);color:#6b5414;background:#fff8ec;border:1px solid #f0d9a8;gap:.5rem;margin-top:1rem;padding:.7rem .9rem;font-size:.8rem;line-height:1.5;display:flex}.proof-reminder svg{color:var(--color-warning)}.consent-section{border-top:1px dashed var(--color-border);margin-top:1.75rem;padding-top:1.25rem}.consent-notice{background:var(--color-bg-light);border:1px solid var(--color-border);border-left:4px solid var(--color-maroon);border-radius:var(--border-radius-md);margin-bottom:1rem;padding:clamp(.85rem,2.5vw,1.15rem)}.consent-notice-header{color:var(--color-maroon);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:clamp(.9rem,2vw,1rem);font-weight:700;display:flex}.consent-notice p{color:var(--color-text-dark);margin:0;font-size:clamp(.8rem,1.7vw,.875rem);line-height:1.6}.consent-notice a{color:var(--color-maroon);font-weight:600;text-decoration:underline}.consent-checkbox{border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);align-items:flex-start;gap:.65rem;margin-bottom:.6rem;padding:.75rem .85rem;display:flex}.consent-checkbox:hover{border-color:var(--color-maroon);background:#75151805}.consent-checkbox.error{border-color:#e74c3c}.consent-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-maroon);cursor:pointer;flex:none;margin-top:2px}.consent-checkbox span{color:var(--color-text-dark);font-size:clamp(.8rem,1.7vw,.875rem);line-height:1.55}.consent-footnote{color:var(--color-text-light);margin:.85rem 0 0;font-size:.78rem;line-height:1.55}