:root{--primary-color:#7d1c2a;--primary-hover:#8b2635;--bg-color:#fafafa;--text-color:#333;--border-color:#e0e0e0;--paper-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.app-container{width:100vw;height:100vh;display:flex}.left-panel{border-right:1px solid var(--border-color);z-index:10;background-color:#fff;width:45%;min-width:400px;max-width:650px;padding:2rem;overflow-y:auto;box-shadow:2px 0 10px #0000000d}.right-panel{background-color:#e5e7eb;flex:1;justify-content:center;align-items:flex-start;padding:2rem;display:flex;overflow-y:auto}.paper-preview{background-color:var(--paper-bg);border-radius:4px;width:210mm;min-height:297mm;padding:10mm 20mm 20mm;box-shadow:0 4px 20px #00000026}@media print{@page{size:A4;margin:0}body{background-color:#fff}.left-panel,.print-hide{display:none!important}.right-panel{background:0 0;margin:0;padding:0;display:block;overflow:visible}.paper-preview{width:210mm;min-height:297mm;box-shadow:none;border-radius:0;margin:0;padding:10mm 20mm 20mm}}.header-banner{border-left:4px solid var(--primary-color);background-color:#fff5f5;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.header-banner h1{color:var(--primary-color);margin-bottom:.5rem;font-size:1.4rem}.header-banner p{color:#555;font-size:.95rem;line-height:1.5}.form-group{margin-bottom:1.25rem}.form-group label{color:#444;margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.form-control{border:1px solid var(--border-color);border-radius:6px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #7d1c2a1a}.form-control[type=file]{background-color:#f9fafb;padding:.5rem}.btn-print{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:2rem;margin-bottom:2rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:background-color .2s;box-shadow:0 4px 6px #7d1c2a33}.btn-print:hover{background-color:var(--primary-hover);box-shadow:0 6px 8px #7d1c2a4d}.section-title{color:var(--primary-color);border-bottom:2px solid #eee;margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.2rem}.font-times{font-family:Times New Roman,Times,serif}.font-arial{font-family:Arial,Helvetica,sans-serif}.font-calibri{font-family:Calibri,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.doc-header{border-bottom:4px solid #000;align-items:center;margin-bottom:3px;padding-bottom:15px;display:flex}.doc-header-inner{border-bottom:1px solid #000;margin-bottom:20px}.doc-logo{object-fit:contain;width:100px;height:100px;margin-right:20px}.doc-header-text{text-align:center;flex:1}.doc-title{text-transform:uppercase;margin-bottom:5px;font-size:1.5rem;font-weight:700}.doc-subtitle{white-space:pre-wrap;font-size:1rem}.doc-body{font-size:11pt;line-height:1.5}.doc-centered-title{text-align:center;margin:20px 0 5px;font-size:14pt;font-weight:700;text-decoration:underline}.doc-centered-subtitle{text-align:center;margin-bottom:30px}.doc-section{margin-bottom:15px}.doc-grid{grid-template-columns:220px 20px 1fr;margin-bottom:5px;display:grid}.doc-signatures{page-break-inside:avoid;justify-content:space-between;margin-top:50px;display:flex}.doc-sig-block{text-align:center;width:45%}.doc-sig-space{height:80px}.doc-sig-name{font-weight:700;text-decoration:underline}.doc-photo-section{text-align:center;page-break-inside:avoid;margin-top:40px}.doc-photo-title{margin-bottom:15px;font-weight:700;text-decoration:underline}.doc-photo{border:1px solid #000;max-width:100%;max-height:400px;padding:2px}.attendance-table{border-collapse:collapse;width:100%;margin-top:20px}.attendance-table th,.attendance-table td{text-align:left;border:1px solid #000;padding:8px}.attendance-table th{text-align:center;background-color:#f2f2f2;font-weight:700}.attendance-table td{height:35px}