body { background-color: #f8f9fa; font-family: 'Malgun Gothic', 'Nanum Gothic', sans-serif; }
.header-box { background: #fff; border-bottom: 2px solid #dee2e6; padding: 15px 0; margin-bottom: 20px; }
.logo-container { display: flex; align-items: center; gap: 12px; }
.app-logo { max-height: 40px; max-width: 140px; object-fit: contain; }
.small-note { font-size: 0.75rem; }
.form-card { background: #fff; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); padding: 25px; margin-bottom: 30px; }
.rules-box { background-color: #fff3cd; border: 1px solid #ffeeba; border-radius: 6px; padding: 15px; font-size: 0.9rem; }
.table th { background-color: #e9ecef; text-align: center; vertical-align: middle; }
.table td { vertical-align: middle; }
.sig-thumb { height: 35px; max-width: 100px; object-fit: contain; cursor: pointer; }
.sig-cell { display: flex; align-items: center; justify-content: center; gap: 4px; }
.sig-remove { border: 0; background: none; padding: 0 2px; line-height: 1; color: #adb5bd; cursor: pointer; font-size: 0.85rem; }
.sig-remove:hover { color: #dc3545; }
#signatureModal canvas { border: 1px solid #ced4da; border-radius: 4px; width: 100%; height: 200px; background: #fff; cursor: crosshair; touch-action: none; }
.clear-btn { cursor: pointer; position: absolute; right: 10px; top: 38px; color: #6c757d; }
#loadError { position: fixed; bottom: 16px; right: 16px; max-width: 380px; z-index: 1080; }