* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', 'Tahoma', 'Arial', sans-serif; background: #f0f2f5; padding: 20px; min-height: 100vh; }
.container { max-width: 1300px; margin: 0 auto; background: white; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); overflow: hidden; }
.header { background: white; padding: 25px 30px; border-bottom: 3px solid #2e7d32; position: relative; }
.header-logo { position: absolute; left: 30px; top: 25px; }
.header-logo img { height: 80px; width: auto; }
.header-institution { text-align: right; }
.header-institution h2 { color: #dcfdde; font-size: 18px; margin-bottom: 4px; }
.header-institution p { color: #333; font-size: 14px; line-height: 1.5; }
.header-institution .center-name { color: #2e7d32; font-weight: bold; font-size: 15px; margin-top: 4px; }
.header-form-fields { margin-top: 18px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px 15px; font-size: 14px; }
.header-form-fields .field-row { display: flex; align-items: center; }
.header-form-fields .field-span-3 { grid-column: span 3; }
.header-form-fields .field-span-2 { grid-column: span 2; }
.header-form-fields .field-span-6 { grid-column: 1 / -1; }
.header-form-fields .field-label { font-weight: bold; color: #555; min-width: 130px; white-space: nowrap; }
.header-form-fields .field-value { color: #333; border-bottom: 1px dashed #999; flex: 1; padding: 2px 8px; min-height: 24px; }
.header-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: white; border-bottom: 3px solid #2e7d32; box-shadow: 0 4px 20px rgba(0,0,0,0.15); transform: translateY(-100%); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; }
.header-fixed.show { transform: translateY(0); opacity: 1; }
.header-fixed .header { min-height: unset; padding: 15px 30px; }
.header-fixed-spacer { display: none; height: 0; }
.header-fixed.show + .header-fixed-spacer { display: block; }
@media print {
    body { background: white; padding: 0; }
    .container { box-shadow: none; border-radius: 0; }
    .no-print { display: none !important; }
    .header-fixed { display: none !important; }
}
@media (max-width: 768px) {
    .header-logo { position: static; text-align: center; margin-bottom: 10px; }
    .header { text-align: center; }
    .header-institution { text-align: center; }
    .header-form-fields { grid-template-columns: 1fr; }
    .header-form-fields .field-span-3 { grid-column: span 1; }
    .header-form-fields .field-span-2 { grid-column: span 1; }
    .header-fixed .header-logo { position: static; text-align: center; margin-bottom: 10px; }
    .header-fixed .header-logo img { height: 60px; }
}